/* START RESET CSS ////////////////////////////////////////////////////////////////////////////////////////////////// */
body, html, form, fieldset, legend, input, button, textarea, label, select,
dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, div, p, span, a, blockquote, address, th, td, tfoot, abbr {
color: #000;
font: normal 1.0em Arial, Helvetica, sans-serif;
margin: 0;
padding: 0;
}

body {
background-color: #f9f8f6;
font-size: 125%;
}

table {
border-collapse: collapse;
border-spacing: 0;
}

fieldset, img, table, hr, button, abbr, textarea { border: 0; }

caption, table th {
font: bold 1.3em Arial, Helvetica, sans-serif;
text-align: left;
}
div.ContextMenuItem{
color:#fff;
}
/* SLUT RESET CSS ////////////////////////////////////////////////////////////////////////////////////////////////// */
/* START CLEARFIX ////////////////////////////////////////////////////////////////////////////////////////////////// */
.cf:after{content: ".";display: block;clear: both;visibility: hidden;line-height: 0;height: 0;}
.cf{display: inline-block;}
html[xmlns] .cf{display: block;}
* html .cf{height: 1%;}
/* SLUT CLEARFIX /////////////////////////////////////////////////////////////////////////////////////////////////// */
/* START GRID ////////////////////////////////////////////////////////////////////////////////////////////////////// */

div.container {
font-size: 0.5em;
margin: 0 auto;
width: 99.6em;
}

div.content {
background: #fff url(images/contentBg.gif) repeat-y top;
overflow: hidden;
padding: 1em 2em 4em 0.8em;
}

div.footer {
background: #fbfbfa url(images/footerBg.gif) repeat-y top;
overflow: hidden;
padding: 1.1em 2em 0.7em 0.8em;
}

div.footerBottom {
background: url(images/footerBottom.gif) no-repeat top;
height: 11px;
margin-bottom: 2em;
}

div.contentTop {
background: url(images/contentTop.gif) no-repeat top;
height: 13px;
clear: both;
}

div.contentBottom { 
background: url(images/contentBottom.gif) no-repeat 0 0;
height: 11px;
}

div.column1,
div.column2,
div.column3,
div.column4,
div.column5,
div.column6,
div.column7,
div.column8,
div.column9,
div.column10,
div.column12,
div.column16 {
display: inline;
float: left;
margin-left: 2em;
}

div.column1.first,
div.column2.first,
div.column3.first,
div.column4.first,
div.column5.first,
div.column6.first,
div.column7.first,
div.column8.first,
div.column9.first,
div.column10.first,
div.column12.first,
div.column16.first { margin-left: 0 !important; }

div.column1 { width: 4em; } /* width beräknas på följande sätt. 6 gånger siffran efter column minus 2 (dvs en vänstermarginal) */
div.column2 { width: 10em; }
div.column3 { width: 16em; }
div.column4 { width: 22em; }
div.column5 { width: 28em; }
div.column6 { width: 34em; }
div.column7 { width: 40em; }
div.column8 { width: 46em; }
div.column9 { width: 52em; }
div.column10 { width: 58em; }
div.column12 { width: 70em; }
div.column16 { width: 94em; }

div.content div.column2,
div.content div.column4 { /* Martin, behövs för att en helt tom .column4 eller .column2 ändå ska ta upp sin fulla bredd */
min-height: 1px;
}

div.innerColumn,
div.innerColumn6 {
background-color: #fff;
overflow: visible;
position: relative;
}

div.innerColumn6 {
display: inline;
float: left;
margin: 0 0 0.5em 2em;
padding: 1em 0 1.2em 1em;
position: relative;
width: 29em;
}

div.column6 div.innerColumn6 {
float: none;
display: block;
}

.column12.neutral .innerColumn6 { width: 32em; }

.innerColumn p {
font-size: 12px;
margin: 0;
}

.module {
margin-bottom: 2em !important;
overflow: hidden; 
}
.moduleOverflow {
margin-bottom: 2em !important;
}
div.form.alignRight.module { margin-bottom: 1.55em; }

div.recipe { background-color: #dc7900; } /* Orange - Recept & mat */
div.recipe p { color: #fff; }
div.recipe.pale{ background-color: #faebd9; } /* Ljusorange */
div.recipe.pale p { color: #000; }

div.shop { background-color: #61a100; } /* Gront - Butiker, varor & erbjudanden */
div.shop p { color: #fff; }
div.shop.pale { background-color: #eff5e5; } /* Ljusgront */
div.shop.pale p { color: #000; }

div.cooperative { background-color: #1a9bd7; } /* Bla - Tillsammans gor det */
div.cooperative p {	color: #fff; }
div.cooperative.pale { background-color: #e8f5fb; } /* Ljusbla */
div.cooperative.pale p { color: #000; }

div.medMera, span.medMera { background-color: #a581d7; } /* Lila - MedMera-kortet */
div.medMera p { color: #fff; }
div.medMera.pale { background-color: #f6f2fb; } /* Ljuslila */
div.medMera.pale p { color: #000; }

div.myPages { background-color: #e46b89; } /* Rosa - Mina sidor */
div.myPages p { color: #fff; }
div.myPages.pale { background-color: #fcf0f3; } /* Ljusrosa */
div.myPages.pale p { color: #000; }

div.article.pale { background-color: #fefcf0; }
div.neutral { background-color: #f0eee7; } /* Ljusgra - Neutral */
div.alignLeft { float: left; }
div.alignRight { float: right; }
.alignTextRight { text-align: right;}
div.enclosing,
fieldset#plants #slider2 {
clear: both;
}

.boxPad {
overflow: auto;
padding: 17px 20px 20px 20px;
}

.boxPad h4 { margin-bottom: 7px; }

.innerColumnBoxPad {
overflow: hidden;
padding: 8px 10px 7px 10px;
}

.innerColumnBoxPad h4 { margin-bottom: 3px; }

span.preamble {
display: block;
font: normal 12px/16px Arial, Helvetica, sans-serif;
margin: 0 0 7px 0;
width: 90%;
}

.float { float: left; }
.pbr { position: absolute; right: 0; bottom: 0; }
.ptr { position: absolute; right: 0; top: 0; }
.pbl { position: absolute; left: 0; bottom: 0; }
.ptl { position: absolute; left: 0; top: 0; }

.pbrPad { margin: 0 9px 18px 0; }

.halfMargin { margin-bottom: 10px !important; }
.first { margin-left: 0 !important; }

/* SLUT GRID //////////////////////////////////// */
/* START RUNDA HÖRN FÖR MOZILLA & WEBKIT //////// */

.bgExtra,
dl.articleResult,
div.commentsBox,
div.cooperative,
div.innerColumn,
div.innerColumn6,
div.medMera,
div.myPages,
div.neutral,
div.pane,
div.pointsSummary,
div.recipe,
div.recipeResult,
div.scrollWrapper,
div.searchResult,
div.shop,
div.shopResult,
div.socialMedia,
div.teaser,
div.recipeComment,
div.helpTip { 
-moz-border-radius: 9px;
-webkit-border-radius: 9px;
border-radius: 9px;
}

.important,
ul li.odd {
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
}

div.allOffers { /* Tre runda hörn, hård 90 gradersvinkel i övre vänstra hörnet */
-moz-border-radius: 0 9px 9px 9px;
-webkit-border-radius: 0 9px 9px 9px;
border-radius: 0 9px 9px 9px;
}

/* SLUT RUNDA HÖRN FÖR MOZILLA & WEBKIT ///////// */
/* START SELECTORS ////////////////////////////// */

h1 {
clear: both;
font: bold 3.4em Arial, Helvetica, sans-serif;
margin: 0.2em 0 0.5em 0;
}

h2 {
clear: both;
font: bold 2.0em/1.3em Arial, Helvetica, sans-serif;
margin-bottom: 0.2em;
}

h2.push { margin-bottom: 10px; }
h3 { font: bold 1.5em Arial, Helvetica, sans-serif; }
h4 { font: normal 1.5em Arial, Helvetica, sans-serif; } /* Font-face */    
h5 { font: normal 1.5em Arial, Helvetica, sans-serif; }
h6 { font: bold 1.2em Arial, Helvetica, sans-serif; }
h6 a { font-weight: bold; }
h6 span { font-weight: normal; }

strong {
display: block;
font: bold 1.3em Arial, Helvetica, sans-serif;
}



.strong { font-weight: bold; }

a {
color: #61a100;
display: block;
font-size: 13px;
text-decoration: none;
}

blockElement {
display : block !important;
}

address strong,
div.footer div.storeOffer dl dt,
div.inspirationTeaser table tr td p,
div.inspirationTeaser table tr td li,
table.layout td h6 { 
font-size: 1.0em !important;
}

h6 a,
p a,
p strong,
div.tags a,
div.teaser ul li a,
div.inspirationTeaser ul li a,
div.inspirationTeaser ol li a,
div.inspirationTeaser p a,
div.inspirationTopPreamble p a,
a.contentLink,
div.footer dl dt span a,
div.accountInfo table tr td a,
ul.checked li a,
table.albatross td a {
display: inline !important;
font-size: 1.0em !important;
}

a:hover { text-decoration: underline; }
a:active { outline: none; }
tr.plus td a:focus { outline: none; }

h2 a:hover,
h3 a:hover,
span a:hover,
div.accordion h5 a:hover,
div.tabs ul li a:hover,
.breadcrumbs ul li a:hover,
tr.plus td a { text-decoration : none; }

p {
font: normal 13px Arial, Helvetica, sans-serif;
margin-bottom: 1.1em;
}

hr {
background-color: #ccc;
color: #ccc;
height: 1px;
}

form { width: 100%; }
textarea, select, input { color: #666; }
textarea { overflow: auto; }
label, img { display: block; }
legend, label { font-size: 13px; }

select { 
float: left;
font-size: 1.4em;
padding: 0.1em 0 0.15em 0.2em;
}

input {
border: 0;
float: left;
}

span.checkbox input {
height: 13px;
margin: 2px 5px 0 0;
width: 13px;
}
/* SLUT SELECTORS ////////////////////////////////////////////////////////////////////////////////////////////////// */
/* START LINKS ///////////////////////////////////////////////////////////////////////////////////////////////////// */

span.functions {
background: url(images/iconFunctions.gif) no-repeat left top;
float: left;
margin-right: 0.7em;
padding-left: 3px;
}

span.functions input,
span.functions a { /* Se ie7.css och ie8.css */
color:#61a100;
cursor: pointer;
font: normal 1.1em Arial, Helvetica, sans-serif;
padding: 0.2em 1.6em 0.25em 0;
}

span.functions a { padding: 0.23em 1.9em 0.4em 0.2em; }

@media screen and (-webkit-min-device-pixel-ratio:0){
span.functions input { padding: 0.28em 1.9em 0.5em 0.2em; height: 20px; }
}

@media screen and (-webkit-min-device-pixel-ratio:0){
span.functions a { padding: 0.3em 1.9em 0 0.2em; height: 17px; }
}

span.functions.share a { background: url(images/iconFunctions.gif) no-repeat right -63px; }
span.functions.sms input { background: url(images/iconFunctions.gif) no-repeat right -42px; }
span.functions.print input { background: url(images/iconFunctions.gif) no-repeat right -21px; }
span.functions.fav input { background: url(images/iconFunctions.gif) no-repeat right top; }
span.functions.delete input { background: url(images/iconFunctions.gif) no-repeat right -84px; }
span.functions.rss a { background: url(images/iconFunctions.gif) no-repeat right -105px; }
span.functions.add input { background: url(images/iconFunctions.gif) no-repeat right -126px; }
span.functions.delete input:hover { background-position: right -320px; color: #990000; }

span.socialFunctions {
float: left;
margin-right: 0.4em;
padding-left: 29px;
}


span.socialFunctions a { /* Se även ie7 */
background: url(images/iconFunctions.gif) no-repeat right -154px;
color:#61a100;
font: bold 1.2em Arial, Helvetica, sans-serif;
padding: 0.5em 0.8em 0.45em 0;
text-transform: uppercase;
}

span.socialFunctions.blogger { background: url(images/iconFunctions.gif) no-repeat left -294px; }
span.socialFunctions.twitter { background: url(images/iconFunctions.gif) no-repeat left -266px; }
span.socialFunctions.facebook { background: url(images/iconFunctions.gif) no-repeat left -238px; }
span.socialFunctions.youtube { background: url(images/iconFunctions.gif) no-repeat left -210px; padding-left: 46px; }
span.socialFunctions.iphone { background: url(images/iconFunctions.gif) no-repeat left -182px; }
span.socialFunctions.mobil { background: url(images/iconFunctions.gif) no-repeat left -154px; padding-left: 39px; }

a.change {
background: url(images/spriteIcon.png) no-repeat left -85px;
clear: both;
line-height: 1.25em;
padding-left: 1.5em;
}

a.back {
background: url(images/spriteIcon.png) no-repeat left 1px;
margin: 0 0 0.85em 0;
padding-left: 1.6em;
}

a.lessImportant {
float: left;
font-weight: bold;
margin: 0.9em 1.7em 0 0;
}

a.go {
background: url(images/goToArrow.png) no-repeat 0 -1px;
clear: both;
float: left;
font: bold 11px Arial, Helvetica, sans-serif;
padding-left: 20px;
}

.important {
background-color: #cc0033;
border: 1px solid #fff;
color: #fff;
float: right;
font: bold 10px Arial, Helvetica, sans-serif;
padding: 0 3px 1px 3px;
}

/* SLUT LINKS ////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* START TEXTKLASSER /////////////////////////////////////////////////////////////////////////////////////////////// */

span.bold { font-weight: bold; }
span.italic { font-style: italic; }
.bold { font-weight: bold !important; }
.italic { font-style: italic !important; }
div.warning { padding: 1.4em 2em 1.7em 2em; }
.white label, .white p, .white span{color:White !important;}
div.warning h3,
.warning {
color: #ff0000 !important;
}

div.warning ul li {
font-size: 1.3em;
margin: 0.75em 0 0 1.05em;
}

span.disclaimer {
color: #999;
font-size: 0.85em;
}

span.time,
span.ingredients,
span.number,
span.owen {
background: url(images/iconClock.gif) no-repeat left 1px;
color: #666;
float: left;
font-size: 1.1em;
margin: 0 1.8em 0.9em 0;
padding-top:2px;
}
span.owen {
    background-image: none;
    float: right;
}
span.time {
    float: right;
    padding-left:18px ;
}
span.number {
    background-image: none;
}
div.grades label,
div.grades span {
color: #666;
font-size: 1.1em;
margin-top: 2px;
}

div.grades  {
margin-bottom: 10px; 
overflow: auto;
display:inline-block;
}

div.grades label,
div.grades input,
div.grades span {
float: left;
}

span.ingredients { background: url(images/iconIngredients.gif) no-repeat left top; }
div.grades label { margin-right: 0.5em; }
div.grades input { margin-right: 0.1em; }
div.grades span { margin-left: 0.5em; }
div.grades span span { margin-left: 0; float:none;}

h2 span {
font: normal 0.6em Arial, Helvetica, sans-serif;
margin-left: 0.6em;
}

span.ad {
color:#666;
display:block;
font-size:1.1em;
margin-bottom:0.2em;
}

p.imgText {
font-size: 1.1em; 
color: #999;
margin: 0.5em 0 0 0;
}

.innerColumn span.disclaimer {
display: block;
font-size: 11px;
margin: 5px 0 0 0;    
}

ol { margin: 0 0 0 19px; }
ol li { font: normal 13px Arial, Helvetica, sans-serif; list-style-type: decimal; }

/* SLUT TEXTKLASSER //////////////////////////////////////////////////////////////////////////////////////////////// */
/* START HEAD ////////////////////////////////////////////////////////////////////////////////////////////////////// */

div.head {
background: #5da73f url(images/bgBody.gif) repeat-x top;
font-size: 0.5em;
width: 100%;
}

div.headContent {
height: 127px;
margin: 0 auto;
position: relative;
width: 98.3em;
}

div.logo {
left: 0;
position: absolute;
top: 3em;
}

div.logo a { display: inline; }

div.logo img#printLogo{ display: none; } /* Hide the print version of the logo! */

div.supportNav { /* se ie6.css */
background: url(images/bgSupportNav.gif) no-repeat 0 0;
padding-left: 9px;
position: absolute;
right: 0;
top: 0.6em;
}

div.supportNav ul {
background: url(images/bgSupportNav.gif) no-repeat right -19px;
float: left;
padding-right: 10px;
}

div.supportNav ul li {
float: left;
list-style-type: none;
}

div.supportNav ul li a {
color: #fff;
font: bold 1.1em Arial, Helvetica, sans-serif;
padding: 0.2em 0.6em 0.25em 0.6em;
}

ul.topNav {/* se ie6.css */
bottom: 0;
position: absolute;
width: 100%;
}

ul.topNav li { /* Samtliga flikar ovalda */
background: url(images/spritemap.png) no-repeat 0 -70px;
float: left;
list-style-type: none;
margin-top: 4px;
padding-left: 6px;
position: relative;
}

ul.topNav li a { /* Samtliga flikar ovalda */
background: url(images/spritemap.png) no-repeat right -70px;
color: #186202; 
font-weight: bold;
padding: 0.6em 1.05em 0.55em 0.5em;
text-shadow: 1px 1px 1px #fff;
}

ul.topNav li:hover {
background: url(images/spritemap.png) no-repeat 0 -144px;
margin-top: 0;
}

ul.topNav li:hover a {
background: url(images/spritemap.png) no-repeat right -144px;
color: #848484;
padding-bottom: 0.85em;
text-decoration: none;
}

ul.topNav li.current { /* Övriga flikar när de är valda */
background: url(images/spritemap.png) no-repeat 0 -105px;
margin-top: 0;
}

ul.topNav li.current a { /* Övriga flikar när de är valda */
background: url(images/spritemap.png) no-repeat right -105px;
color: #595958;
padding-bottom: 0.85em;
}

ul.topNav li.current.home { background: url(images/spritemap.png) no-repeat 0 -183px; } /* Endast hemfliken när den är vald */
ul.topNav li.current.home a { background: url(images/spritemap.png) no-repeat right -183px; } /* Endast hemfliken när den är vald */

ul.topNav li.current.recipe a, 
div.subNav ul.recipe li a {
color: #dc7900;
}

ul.topNav li.current.shop a,
div.subNav ul.shop li a {
color: #61a100;
}

ul.topNav li.current.cooperative a,
div.subNav ul.cooperative li a {
color: #1a9bd7;
}

ul.topNav li.current.medMera a,
div.subNav ul.medMera li a {
color: #a581d7;
}

ul.topNav li.current.myPages a,
div.subNav ul.myPages li a {
color: #e46b89;
}

ul.topNav li.myPages,
div.subNav ul.myPages li {
float: right;
}

span.card,
span.logIn {
background: url(images/topNavCard.gif) no-repeat left top;
display: block;
height: 29px;
position: absolute;
right: 2px;
top: -29px;
width: 54px;
}

span.logIn {
background: url(images/logInBubble.gif) no-repeat left top;
height: 32px;
right: 59px;
top: 62px;
width: 98px;
}

span.logOut {
background: url(images/logOutBubble.png) no-repeat left top;
display: block;
height: 59px;
padding-left: 10px;
position: absolute;
right: 0;
top: 30px;
}

span.logOut a {
background: url(images/logOutBubble.png) no-repeat right top;
color: #fff;
font-size: 1.1em;
min-width: 90px;
padding: 1.6em 1em 2.5em 0;
}

span.logOut img.header1 {
position:absolute;
left: 10px;
top: 6px;
height: 11px;
width: 92px;
}

span.logOut input.header2 {
bottom: 16px;
height: 9px;
left: 10px;
position: absolute;
width: 56px;
}

span.logOut a.logOutNow {
background-image: none;
padding: 0;
}

div.subNav {
background-color: #fff;
height: 25px;
overflow: hidden;
padding: 0.6em 0 0 0;
}

div.subNav ul {
margin: 0 auto;
width: 98em;
}

div.subNav li {
float: left;
list-style: none;
padding-left: 9px;
}

div.subNav li a {
font: bold 1.1em Arial, Helvetica, sans-serif;
padding: 0.25em 1.1em 0.3em 0.15em;
}

div.subNav li.current { background: url(images/subNavCurrent.gif) no-repeat left top; }

div.subNav ul li.current a {
background: url(images/subNavCurrent.gif) no-repeat right top;
color: #fff;
height: 18px;
padding-bottom: 0;
}

div.subNav ul li.current a { text-decoration: none; }
div.subNav ul.recipe li.current { background-position: left -80px; }
div.subNav ul.recipe li.current a { background-position: right -80px; }
div.subNav ul.shop li.current { background-position: left -60px; }
div.subNav ul.shop li.current a { background-position: right -60px; }
div.subNav ul.cooperative li.current { background-position: left -40px; }
div.subNav ul.cooperative li.current a { background-position: right -40px; }
div.subNav ul.medMera li.current { background-position: left -20px; }
div.subNav ul.medMera li.current a { background-position: right -20px; }
div.subNav ul.myPages li.current { background-position: left top; }
div.subNav ul.myPages li.current a { background-position: right top; }

div.subNavBottom {
background: #f9f8f6 url(images/subNavShadow.gif) repeat-x 0 0;
height: 2em;
}

/* SLUT HEAD /////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* START STARTSIDAN //////////////////////////////////////////////////////////////////////////////////////////////// */

div.start .welcome,
div.start .searchRecipe,
div.start .getInspired {
float: left;
width: 18em;
}

div.start .searchRecipe {
margin: 0.8em 4.3em 0 0;
width: 17em;
}

div.start .getInspired { margin-top: 0.8em; }

div.start .welcome { width: 23.5em; }
div.start .welcome h4 { font-size: 6em; }
div.start p { font-weight: bold; }

div.start h4 {
font-size: 1.8em;
margin-bottom: -2px;
}

div.weekMenu {
background: url(images/weekMenuBg.gif) repeat-y 0 0;
clear: both;
overflow: hidden;
padding: 2em 0 1.1em 0;
}

div.weekMenuBottom {
background: url(images/weekMenuBottom.gif) no-repeat 0 0;
height: 9px;
}

ul.weekMenuNav li {
float: left;
list-style: none;
}

div.aboutMenu {
float: left;
margin-left: 1.3em;
width: 44.3em;
}

div.day {
background: url(images/frameNotToday.gif) no-repeat right bottom;
float: left;
margin: 0 0 1.4em 1.3em;
width:21.5em;
}

div.day dl dt,
div.day dl dd,
div.day dl dd fieldset input,
div.day dl dd fieldset label {
float: left;
}

div.day dl dd {
height: 90px;
margin-left: 9px;
position: relative;
width:122px;
}

div.day dl dd fieldset {
position: absolute;
top: 62px;
left: 0;
}

div.day dl dd a {
font: bold 1.2em Arial, Helvetica, sans-serif;
}

div.day dl dd fieldset label {
color: #61a100;
font-size: 1.1em;
margin-left: 3px;
}

div.weekMenu span.buttonSmall {
float: right;
margin: 0 20px 0 0;
width: auto;
}

div.weekMenu span.buttonSmall input {
padding-left: 10px;
padding-right: 10px;
}

div.weekMenu p.warning {
clear: both;
float: right;
margin:5px 24px 0 0;
}

fieldset.login { padding-bottom: 1.2em; }

fieldset.login ul {
float: left;
margin: 0 !important;
}   

fieldset.login ul li {
color: #61a100;
float: left;
font-size: 1.0em !important;
list-style: none;
margin: 0.6em 0 0 0 !important;
padding-right: 0.3em;
}

fieldset.login ul li a { font-size: 1.1em !important; }
div.loginWrapper { font-size: 0.5em; }

/* SLUT STARTSIDAN ///////////////////////////////////////////////////////////////////////////////////////////////// */
/* START RECEPTSIDAN /////////////////////////////////////////////////////////////////////////////////////////////// */

.shopButtons .buttonSmall{ background:url(images/iconSocial.png) no-repeat 0 -82px; width:auto; display:block; padding:0;clear:left;}
.shopButtons #addToShoppingList.buttonSmall{background:url(images/iconSocial.png) no-repeat 0 -122px; margin-bottom:2px; padding-bottom:6px;}
.shopButtons .buttonSmall input{ background:none;padding: 2px 0 2px 22px;font: normal 11px Arial, Helvetica, sans-serif;text-decoration: underline;text-transform:none;}

img.recipePicBig { margin: 0 0 11px 0; }
div.recipeDescription p { font: normal 1.5em/1.27em Arial, Helvetica, sans-serif; margin-bottom: 1.25em; }

.grades .social { float: right; }
.grades img { float: left; }
.social a.print { margin-left:5px; background: url(images/iconSocial.png) no-repeat 0 0; float: right; font: normal 11px Arial, Helvetica, sans-serif; padding: 2px 0 2px 22px; text-decoration: underline; }
.social a.tellAFriend { margin-left:5px; background: url(images/iconSocial.png) no-repeat 0 -41px; float: right; font: normal 11px Arial, Helvetica, sans-serif; padding: 2px 0 2px 22px; text-decoration: underline; }
.social {margin-bottom:10px;}
.twitter-share-button, .fb-like, .plus-one{
    margin-right: 0;   
    float:left;    
}
.fb-like {width:56px !important;}
.plus-one { margin: 0 10px 0 10px; }

div.ingredient { overflow: hidden; }
div.ingredient .onlyPrintClover { display: none; }
div.ingredient ul { clear: both; margin-bottom: 17px; }
div.ingredient ul li.odd { background-color: #fff !important; }
div.ingredient ul li.eco { background: url(images/iconEco.gif) no-repeat 5px 6px; }
div.ingredient ul li { background-color: #e7f0d8 !important; font-size: 1.3em; list-style: none; padding: 3px 13px 4px 25px; }
div.ingredient h5 { font-size: 13px; margin-bottom: 8px; clear:both; font-weight:bold;}

.ecoDisclaimer { background: url("images/iconEco.gif") no-repeat scroll 5px 3px transparent;color: #666666;font: 11px/16px Arial,Helvetica,sans-serif;margin: 0;padding-left: 20px;}

.recipeBox { background-color: #fff; border: 1px solid #c1b495; border-top: 0; -moz-border-radius: 0 0 8px 8px; -webkit-border-radius: 0 0 8px 8px; border-radius: 0 0 8px 8px; padding-bottom: 20px; }
h5.recipeBoxTop { background-color: #e7f0d8; border: 1px solid #c1b495; border-bottom: 0; font: normal 12px/14px Arial, Helvetica, sans-serif; -moz-border-radius: 8px 8px 0 0; -webkit-border-radius: 8px 8px 0 0; border-radius: 8px 8px 0 0; padding: 10px; }
h5.recipeBoxTop span { font-weight: bold; }

.recipeBox dl.cl { clear:left; }
.recipeBox dl { float: left; margin: 15px 0 0 12px; width: 91px; }
.recipeBox dl dt { display: block; }
.recipeBox dl dd { display: block; }
.recipeBox dl dd a { display: block; font: normal 10px/10px Arial, Helvetica, sans-serif; margin-top: 4px; }
.recipeBox dl dd .grades { margin: 0 0 5px 0; }

ul.backForwardArrows { clear: both; margin: 0 auto 0 auto; padding-top: 17px; width: 140px;	}
ul.backForwardArrows li { float: left; list-style: none; }
ul.backForwardArrows li.arrowL { padding-right: 15px; }
ul.backForwardArrows li.arrowR { padding-left: 15px; }
ul.backForwardArrows li.text { padding: 4px 0 0 0; }
ul.backForwardArrows li.text a { color: #666; font: normal 12px/10px Arial, Helvetica, sans-serif; }

.recipeBox .updateProgress {position:relative;}
.recipeBox .updateProgress img{position:absolute;left:184px;top:1px;}

/* SLUT RECEPTSIDAN // ///////////////////////////////////////////////////////////////////////////////////////////// */
/* START BUBBLES /////////////////////////////////////////////////////////////////////////////////////////////////// */

div.bubble .inspirationSearch {
position: absolute;
right: 1.5em;
top: 2.1em;
}

div.bubble h4 { color: #fff; } 

div.bubble p {
clear: both;
color: #fff;
font-weight: bold;
margin: 0.25em 0 0 0;
}

div.bubble.bubblerecipe p,
div.bubble.bubbleshop p,
div.bubble.bubblemedMera p {
margin-top: 0.65em;
}

div.bubble.start {
background: url(images/bubbles.gif) no-repeat -482px -238px;
padding: 1.9em 0 1.1em 2.2em;
overflow: hidden;
}

div.bubble.bubblerecipe,
div.bubble.bubbleshop,
div.bubble.bubblemedMera,
div.bubble.bubblecooperative {
background: url(images/bubbles.gif) no-repeat 0 -536px;
height: 90px;
padding: 2.7em 2em 0 2em;
position: relative;
}

div.bubble.bubbleshop  {
background: url(images/bubbles.gif) no-repeat 0 -662px;
height: 101px;
}

div.bubble.bubblemedMera {
background: url(images/bubbles.gif) no-repeat left -934px;
height: 65px;
}

div.bubble.bubblecooperative {
background: url(images/bubbles.gif) no-repeat left -802px;
height: 99px;
}

div.bubble.kravShop,
div.bubble.kravRecipe {
background: url(images/bubbles.gif) no-repeat -482px top;
height: 14em;
padding: 2.8em 0 0 2em;
}

div.bubble.kravRecipe { background-position: -512px -356px; }

div.bubble.kravShop img,
div.bubble.kravRecipe img {
float: left;
}

div.bubble.kravShop p,
div.bubble.kravRecipe p {
font-weight: normal;
}

div.bubble.ecoInfo {
background: url(images/bubbles.gif) no-repeat -222px -399px;
margin-top: 1.2em;
padding: 1.3em 0 0 7.9em;
}

div.bubble.ecoInfo h4 {
font-size: 1.5em;
margin-bottom: -2px; 
}

div.bubble.ecoInfo p {
font-size: 1.2em;
margin-bottom: 0;
padding: 0 1em 1.15em 0;
}

div.bubble.iphoneApp {
background:url(images/iphoneApp.jpg) no-repeat left top;
height:79px;
padding: 2.4em 0 0 2.2em;
}

div.bubble.iphoneApp p { width: 20em; }
div.bubble.iphoneApp p a { color: #fff; }

div.tipsbubbla { /* OBS! Svenska för att red ska kunna ratta manuellt */ 
background: url(images/tipsbubbla.png) no-repeat; 
height: 50px;
margin:0 0 17px 10px;
position: relative;
}

div.tipsbubbla div {
display: table;
height: 50px;
left: 86px;
line-height: 1.2em;
position: absolute;
top: 1px;
width:320px;
}

div.tipsbubbla div p {
color: #fff;
display: table-cell;
vertical-align: middle;
}

div.tipsbubbla div p a {
color: #fff; 
margin-bottom: 0; 
text-decoration: underline;
}

/* SLUT BUBBLES //////////////////////////////////////////////////////////////////////////////////////////////////// */
/* START KNAPPAR /////////////////////////////////////////////////////////////////////////////////////////////////// */

span.button {
background:url(images/spritemap.png) no-repeat left -29px;
float:left;
padding-left:4px;
position:relative;
}


span.button a,
span.button input {
background: url(images/spritemap.png) no-repeat right -29px;
color: #61a100;
cursor: pointer;
display: block;
font: bold 15px Arial, Helvetica, sans-serif;
padding: 10px 16px 9px 12px;
text-transform: uppercase;
}

.shop span.button input{
    font-size:15px;    
}

span.buttonSmall {
padding-left: 5px;
width: 98%;
background:transparent url(images/spritemap.png) no-repeat scroll left 0;
float: left;
position: relative;
}

span.buttonSmall input,
span.buttonSmall a {
background: transparent url(images/spritemap.png) no-repeat scroll right 0;
color: #61a100;
cursor: pointer;
display: block;
font: bold 12px Arial, Helvetica, sans-serif;
padding: 6px 0 6px 0;
text-align: center;
text-transform: uppercase;
width: 100%;
}

span.button.disabled input { color: #eee; }

input.textField {
    background: white;
    font-size: 12px;
    border: 1px solid #BBB5AF;
    height: 23px;
    -moz-border-radius: 8px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    margin-right: 6px;
    padding: 0 6px;
    vertical-align: middle;
}
span.textField {
float: left;
padding-left: 5px;
position: relative;
background: url(images/inputTextbackgroundLeft.png) no-repeat 0;
width: 100%;
}

span.textField input {
background: url(images/inputTextbackgroundRight.png) no-repeat right;
font-size: 13px;
padding: 0.35em 0 0.45em 0;
width: 100%;
}

span.alignRight { float: right; }

/* SLUT KNAPPAR //////////////////////////////////////////////////////////////////////////////////////////////////// */
/* START KOMMENTARER /////////////////////////////////////////////////////////////////////////////////////////////// */

.commentsBox { overflow: visible; padding: 12px 15px 20px 15px; position: relative; }

.commentsBox h2,
#reportComment h2 { font: bold 16px/18px Arial, Helvetica, sans-serif; margin: 3px 0 17px 0; } 

.commentsBox h2 .change { color: #61a100 !important; float: right; font-size: 12px !important; margin-top: 2px; }
.commentsBox h2 .change:hover {	text-decoration: underline; }

#comment-email-help,
.commentsBox .reportLink,
.commentsBox span.button { float: right; }

.commentsBox label,
#reportComment label { font: normal 12px/17px Arial, Helvetica, sans-serif; margin: 0 0 4px 3px; }

.requiredFields { float: left; font: normal 10px/12px Arial, Helvetica, sans-serif; margin: 1px 0 0 1px; width: 110px; }
.commentsBox .commentsCount { font: normal 15px Arial; margin-left: 0; }
.error-message { color: red; font-size: 12px; position: relative; top: -7px; }
.red-error { color: Red; }
.green { color: #61a100; }
.hide { display: none; }
.specialColumn { display: none; }

.commentsBox span.textarea,
#reportComment span.textarea { background: url(images/commentsBoxTextarea.png) no-repeat 0 0; float: left; margin-bottom: 4px; padding: 10px; width: 290px; }

.commentsBox span.textarea textarea,
#reportComment span.textarea textarea { background: none; font-size: 12px; height: 67px; width: 100%; }

.commentsBox span.inputField,
#reportComment span.inputField { background: url(images/commentsBoxInput.png) no-repeat 0 0; float: left; height: 27px; margin: 0 4px 10px 0; width: 172px; }

.commentsBox span.inputField input,
#reportComment span.inputField input { background-color: transparent; float: left; font-size: 12px; padding: 5px; width: 158px; }

.commentsBox .leftColumn,
#reportComment .leftColumn { width: 128px; float: left; }

.commentsBox .leftColumn input,
#reportComment .leftColumn  input { width:118px !important;}
.commentsBox .leftColumn span.inputField,
#reportComment .leftColumn  span.inputField  {width:128px;background: url(images/commentsBoxInputSmall.png) no-repeat 0 0;}

.commentsBox .rightColumn,
#reportComment .rightColumn { width: 172px; float: left; margin-left:10px; }

.recipeComment { background-color: #fff; border: 1px solid #ddd; margin-bottom: 9px; overflow-x: hidden; padding: 6px 10px 6px 8px; }
#reportComment .recipeComment { width: 338px; }
.recipeComment p { font: normal 11px/16px Arial, Helvetica, sans-serif; margin-bottom: 0; }
.commentsBox .report { color: #999;}
.bottomBar { color: #666; font-size: 10px; margin-bottom: 0; }

.reported p { color: #999;}
.reported .bottomBar { color: #9a9a9a;} 
.reported .reportLink { display: none !important; }

#simplemodal-container { position: absolute !important; }
.infobox { background: url(/Styles/images/loginPopupBottom.png) no-repeat 0 bottom; display: none; position: absolute; right: 33px; top: 129px; width: 226px; z-index: 100; }
.infobox-content { background: url(/Styles/images/loginPopupTop.png) no-repeat 0 0; padding: 10px 20px 0 20px; width: 186px; }
.infobox-content h5 { font: bold 1.4em Arial, Helvetica, sans-serif; }
.infobox a.close { position: absolute; top: 5px; right: 25px; }

#reportComment { -webkit-box-shadow: 0 0 10px #808080; -moz-box-shadow: 0 0 10px #808080; box-shadow: 0 0 10px #808080; border-radius: 10px; border: 1px solid #c5c5c5; width: 380px; padding: 10px; background-color: #f6f6f6; font-size: 0.5em; }
#reportH2 {	clear: none; }
#reportCommentValidation { font-size: 12px; }
.linkButton a{ background :url(images/arrowSmall.png) no-repeat 2px; padding-left:14px; font-weight:bold; }

/* SLUT KOMMENTARER //////////////////////////////////////////////////////////////////////////////////////////////// */
/* START HJÄLP RUTOR /////////////////////////////////////////////////////////////////////////////////////////////// */

a.help { background: url(images/iconGreenInfo.png) no-repeat right 1px; color: #000; display: inline-block; padding-right: 20px; }
a.help:hover { text-decoration: none; }
.helpTip { background-color: #eff5e5; border: 3px solid #61a100; display: none; overflow: auto; padding: 10px 10px 15px 10px; position: absolute; width: auto; z-index: 1000; }

.helpTip p,
.helpTip ol li,
.helpTip ul li { font: normal 12px/16px Arial, Helvetica, sans-serif; }

th a.help { font-weight: bold; }
.helpTip ol { margin: 10px 0 0 18px; }
.helpTip p { margin-bottom: 0; }

/* SLUT HJÄLP RUTOR //////////////////////////////////////////////////////////////////////////////////////////////// */
/* START COOP I SOCIALA MEDIER ///////////////////////////////////////////////////////////////////////////////////// */
/*
div.socialMedia { padding: 1.5em 0 2em 2em; }

div.socialMedia h4,
div.followUs div.coopFont h4 {
font-size: 1.6em;
margin-bottom:0.85em;
}

div.socialMedia div.comment div {
background: url(images/bubbleTop2.gif) no-repeat left top;
float: left;
margin-left:1.2em;
width: 366px;
}

div.socialMedia div p {
background: url(images/bubbleBottom2.gif) no-repeat left bottom;
font: normal 1.2em/1.2em Arial, Helvetica, sans-serif;
width: 334px;
}

div.follow span.textMessage {
color:#999;
display: block;
float:left;
font-size: 1.1em;
margin: 1.3em 0.6em 0 4.5em;
}

div.follow span.button { margin-right: 1em; }    
*/
/* SLUT COOP I SOCIALA MEDIER ////////////////////////////////////////////////////////////////////////////////////// */
/* START COOP PÅ ANDRA WEBBPLATSER ///////////////////////////////////////////////////////////////////////////////// */
/*
div.followUs div.comment p {
background: url(images/bubbleTop3.png) no-repeat left top;
font: normal 1.3em/1.25em Arial, Helvetica, sans-serif;
margin: 0 0 0 0.7em;
padding: 0 1em 0.7em 1.7em;
width: 413px;
}

div.followUs div.comment p.commentedBy {
background: url(images/bubbleBottom3.png) no-repeat left bottom;
color: #000;
font-weight: bold;
padding: 0 1em 1em 1.25em;
text-align: left;
}

div.followUs div.comment p.commentedBy a {
display: inline;
font: bold 1.0em Arial, Helvetica, sans-serif;
}
*/
/* SLUT COOP PÅ ANDRA WEBBPLATSER ////////////////////////////////////////////////////////////////////////////////// */
/* START ACCORDION ///////////////////////////////////////////////////////////////////////////////////////////////// */

div.accordion h5,
div.accordion h5.active {
font-size: 1.0em;
margin-bottom: 1px;
padding-left: 6px;
}

div.accordion h5 a {
color: #fff;
cursor: pointer;
font-weight: bold;
padding: 0.7em 1.5em 0.8em 0.6em;
}

div.accordion h5.shop a { padding: 0.55em 1.5em 0.65em 0.4em; } /* Eftersom den ligger på 2 rader */
div.searchSummary div.accordion h5.shop a { padding: 0.7em 1.5em 0.8em 0.4em; }

div.accordion h5.shop a span {
color: #fff;
display: block;
font: normal 1.0em Arial, Helvetica, sans-serif;
margin-top: 3px;
}

/* Orange 36px */
div.accordion h5.recipe { background: url(images/accordion.png) no-repeat 0 0; }
div.accordion h5.recipe a { background: url(images/accordion.png) no-repeat right top; }
div.accordion h5.recipe.active { background: url(images/accordion.png) no-repeat left -37px; }
div.accordion h5.recipe.active a { background: url(images/accordion.png) no-repeat right -37px; }

/* Gul 36px */
div.accordion h5.article { background: url(images/accordion.png) no-repeat left -158px; }
div.accordion h5.article a { background: url(images/accordion.png) no-repeat right -158px; }
div.accordion h5.article.active { background: url(images/accordion.png) no-repeat left -195px; }
div.accordion h5.article.active a { background: url(images/accordion.png) no-repeat right -195px; }

/* Grön 36px */
div.searchSummary div.accordion h5.shop { background: url(images/accordion.png) no-repeat left -232px; }
div.searchSummary div.accordion h5.shop a { background: url(images/accordion.png) no-repeat right -232px; }
div.searchSummary div.accordion h5.shop.active { background: url(images/accordion.png) no-repeat left -269px; }
div.searchSummary div.accordion h5.shop.active a { background: url(images/accordion.png) no-repeat right -269px; }

/* Grön 51px */
div.accordion h5.shop { background: url(images/accordion.png) no-repeat left -306px; }
div.accordion h5.shop a { background: url(images/accordion.png) no-repeat right -306px; }
div.accordion h5.shop.active { background: url(images/accordion.png) no-repeat left -358px; }
div.accordion h5.shop.active a { background: url(images/accordion.png) no-repeat right -358px; }

/* Grön 41px (Footer) */
div.footer div.accordion h5.shop { background: url(images/accordion.png) no-repeat left -74px; }
div.footer div.accordion h5.shop a { background: url(images/accordion.png) no-repeat right -74px; }
div.footer div.accordion h5.shop.active { background: url(images/accordion.png) no-repeat left -116px; }
div.footer div.accordion h5.shop.active a { background: url(images/accordion.png) no-repeat right -116px; }
div.footer div.accordion h5.shop a { padding: 0.46em 1.5em 0.63em 0.4em; }
div.footer div.accordion h5.shop a span { margin-top: 1px; }

div.accordion div.pane {
display: none;
margin: 0 0 1px 0;
overflow: auto;
padding: 2em 1em 2em 0;
}

div.accordion div.pane.active {
display: block;
}

div.pane span.functions { margin: 0.5em 0 0 0.85em; }
div.pane span.functions input { font-size: 0.88em; }

div.pane address {
font: normal 1.3em/1.45em Arial, Helvetica, sans-serif;
margin: 0.55em 0 1.4em 0.7em;
}

div.accordion div dl {
float: left;
display: inline;
margin: 0 0 1.7em 1em;
}

div.column5 div.accordion div dl dd { width: 124px; }

div.accordion div dl dd a {
font: bold 1.1em Arial, Helvetica, sans-serif;
margin-top: 0.6em;
}

div.pane span.button { float: right; }

/* SLUT ACCORDION ////////////////////////////////////////////////////////////////////////////////////////////////// */
/* START MINA SIDOR MED ÅTERBÄRING (ALBATROSS) // */

.breadcrumbs ul li { float: left; list-style: none; margin: 0 4px 13px 0; }
.breadcrumbs ul li a { font: bold 11px Arial, Helvetica, sans-serif; }
.breadcrumbs ul li.current a { color: #999; }

.split { float: left; width: 320px; }

.column12 .column4.innerColumn,
.column12 .column6.innerColumn,
.column12 .column8.innerColumn,
.column12 .column12.innerColumn { margin: 0 0 0 20px; }

.column12 .column4.innerColumn { width: 20.6em; }
.column12 .column6.innerColumn { width: 32em !important; }
.column12 .column8.innerColumn { width: 43em; }
.column12 .column12.innerColumn { width: 66em; }

.column6 .innerColumn .noTop + .column6 .innerColumn .noTop { margin-bottom: 10px !important; }

.linkBar { margin-top: 4px; overflow: auto; }
.linkBar li { color: #61a100; float: left; list-style: none; margin-right: 4px; }
.linkBar li a { display: inline; font: bold 11px Arial, Helvetica, sans-serif; }

.saldo { font: bold 20px Arial, Helvetica, sans-serif; float: right; margin: 5px 0; }

.message { float: right; }

.available { background: url(images/available.png) no-repeat 0 2px; min-height: 30px; padding-left: 42px; }

table.standard td { font: bold 12px Arial, Helvetica, sans-serif; padding-bottom: 4px; }
table.standard { width: 100%; }
table.standard tr:last-child td { padding-bottom: 0; }
table.standard td.last { text-align: right; }

.step { height: 125px; margin-top: -5px; width: 300px; }
.step.level4 { background: url(images/trappaMinaSidor.gif) no-repeat 0 0; }
.step.level3 { background: url(images/trappaMinaSidor.gif) no-repeat 0 -145px; }
.step.level2 { background: url(images/trappaMinaSidor.gif) no-repeat 0 -290px; }
.step.level1 { background: url(images/trappaMinaSidor.gif) no-repeat 0 -435px; }
.step.level0 { background: url(images/trappaMinaSidor.gif) no-repeat 0 -580px; }

.getToNextLevel { background: url(images/getToNextLevel.png) no-repeat 0 0; height: 62px; position: absolute; width: 117px; }
.getToNextLevel p { color: #fff; line-height: 12px; margin: 14px 0 0 16px; text-align: center; width: 71px; }
.level4 .getToNextLevel p {  margin: 17px 0 0 11px; text-align: center; width: 100px; }

.level4 .getToNextLevel { background: url(images/level4.png) no-repeat 0 0; height:69px; right: -15px; top: 13px; width: 124px; }
.level3 .getToNextLevel { left: 135px; top: 22px; }
.level2 .getToNextLevel { left: 57px; top: 46px; }
.level1 .getToNextLevel { left: -17px; top: 68px; }
.level0 .getToNextLevel { display: none; }

h4.presentMonth { font-size: 16px !important; }

.bgExtra { background: url(images/bgExtra.gif) repeat 0 0; border: 1px solid #eaeaea; }
.bgExtra h4 { float: left; margin: 22px 0 0 7px; width: 280px; }
.bgExtra img { margin: 11px 0 11px 18px; }
.bgExtra span.button { float: right; margin: 24px 18px 0 0; }

/* Start special scenarios */
.innerColumn.notYetAvailable { background-color: #e1e1e1; }
.notYetAvailable .saldo { color: #bbb; }

.additionalInfo { background: url(images/bubbleRefund.png) no-repeat 0 0; height: 57px; position: absolute; right: -27px; top: -36px; z-index: 1; width: 169px; }
.additionalInfo p { color: #000; font: normal 11px Arial, Helvetica, sans-serif;  padding: 11px 0 0 6px; text-align: center; width: 150px; }
.additionalInfo p a { color: #fff; }
/* Slut special scenarios */
/* SLUT MINA SIDOR MED ÅTERBÄRING (ALBATROSS) /// */
/* START MINA SIDOR //////////////////////////////////////////////////////////////////////////////////////////////// */

div.displayFigure {
padding-bottom: 1.5em; /* Se ie7.css & ie8.css */
position: relative;
}
	
div.column6 div.coopFont { margin: 1.5em 2em 1.2em 2em; }
div.container div.coopFont h4 { font-size: 1.6em; }

div.displayFigure span.figure,
div.eCoupon .figure {
color: #999;
font: normal 1.6em Arial, Helvetica, sans-serif;
position: absolute;
right: 20px;
top: 15px;
}

dl.image { overflow: auto; }

dl.image dt,
dl.image dd {
float: left;
}

div.innerColumn6 span.delete {
position: absolute;
right: 3px;
bottom: 10px;
}
 
dl.image dd { padding: 0 1em;}   
dl.noImage dt a, dl.image dd a { font: bold 1.0em Arial, Helvetica, sans-serif;}
dl.noImage, dl.image dd { font-size: 1.2em; }
dl.noImage dd { width: 78%; }
div.column6 dl.image dd { width: 62%; }
div.column4 dl.image dd { width: 50%; }

dl.noImage dt span {
color: #999;
font-weight: normal;
margin-left: 0.5em;
}

table.end { width: 100%; }

table.end td span.button,
table.end td a.change {
float: right;
margin: 1.5em 1.7em 1.55em 0;
}

div.pointContainer {
overflow:hidden;
padding: 2em;
}

div.pointContainer div.column4 { width: 18em; }
div.pointContainer div.column5 { width: 23.7em; }
div.pointContainer div.column6 { width: 29.3em; }
div.pointContainer div.innerColumn div.column6 { width: 30.35em; }
div.pointContainer div.column7 { width: 35em; }
div.pointContainer div.column8 { width: 40.6em; }
div.pointContainer div.column12 { width: 63.3em; }
div.pointContainer .first { margin-left: 0; }

div.pointContainer div.innerColumn { /* se ie7.css */
padding: 1.4em 1.3em 1.7em 1.35em; 
position: relative;
}

div.pointContainer div.topInfo {
position: absolute;
right: 0;
top: 1.4em;
}

div.pointsSummary ul {
margin: 0.3em 0 0.5em 0;
overflow: auto;
}

div.pointsSummary ul li {
background: url(images/numberBackground.gif) no-repeat 0 0;
float: left;
font-size: 2.9em;
height: 35px;
list-style-type: none;
padding: 0 0.15em;
width: 17px;
}

div.accountInformation {
float: left;
margin: 1.1em 0 0 0;
}

div.pointsSummary div.accountInformation a { float: left; }
div.pointsSummary strong { margin: 0.1em 0 0 0; }
div.pointContainer h3 { margin: 0 0 0.7em 0; }

div.pointsSummary div.accountInformation span {
color: #61A100;
float: left;
font-size: 1.2em;
padding: 0 0.3em;
}

table.randig { width: 100%; }

table.randig th { /* Se Kontoinformation samt Kontoutdrag på Mina Sidor */
background-color: #fff !important;
padding: 0.3em 0.6em 0.3em 0.7em !important;
}

table.randig tr td {
background-color: #fcf0f3 !important;
font-size: 1.3em !important;
padding: 0.4em 0.6em 0.4em 0.7em !important;
vertical-align: top !important;
}

table.randig tr.emphasize td {
background-color: #fff !important;
padding: 0.3em 0.6em 0.3em 0.7em !important;
}

table.randig tr td.emphasize { font: bold 1.3em Arial, Helvetica, sans-serif !important; }
table tr td.bold { font-weight: bold; }                         

table.randig tfoot tr td {
background-color: #fff !important;
border-top: 1px solid #ccc !important;
font-weight: bold !important;
white-space: nowrap;
}

.pointContainer table.randig th a {font-size: 1.1em !important;}
.pointContainer table.randig tr td {font-size: 1.2em !important;}

fieldset.period label,
fieldset.period select {
float: left;
margin-right: 1em;
}

fieldset.period label {
font-weight: bold;
margin: 0.9em 0.6em 0 0;
}

fieldset.period select {
font-size: 1.3em;
margin-top: 0.7em;
}

fieldset.balance { font-size: 1.3em; }  

/* SLUT MINA SIDOR ///////////////////////////////////////////////////////////////////////////////////////////////// */
/* START VISA TOOLTIP /////////////////////////// */
/*
.showTip { display: inline-block; font-size: 12px; }
.toolTip { background: url(images/level4.png) no-repeat 0 0; display: none; height: 45px; padding: 13px 7px; position: absolute; text-align: center; width: 110px; }
.toolTip p { color: #fff; font: normal 12px Arial, Helvetica, sans-serif; }
*/
/* SLUT VISA TOOLTIP //////////////////////////// */
/* START ÅTERBÄRINGSBESKED ////////////////////// */

.number { text-align: right; }
table.albatross td table { width: 100%; }
.column12 .innerColumn { margin: 0 0 5px 0; }
table.albatross { width: 100%; }

table.albatross th {
border-bottom: 1px solid #f0eee7;
font: bold 12px Arial, Helvetica, sans-serif;
padding: 4px 7px;
}

table.albatross td {
background-color: #fff;
border-bottom: 1px solid #f0eee7;
font: normal 12px Arial, Helvetica, sans-serif;
padding: 4px 7px;
vertical-align: middle;
}

table.albatross tfoot td {
border-top: 1px solid #f0eee7;
border-bottom: 1px solid #f0eee7;
font: bold 15px Arial, Helvetica, sans-serif;
padding: 5px 7px 3px;
text-transform: uppercase; 
}

table.albatross td label { display: inline; }
table.albatross tr.last td { border-bottom: 0; }

/* SLUT ÅTERBÄRINGSBESKED /////////////////////// */
/* START HUSHÅLLETS PÅGÅENDE INSAMLING ////////// */
/* SLUT HUSHÅLLETS PÅGÅENDE INSAMLING /////////// */
/* START KONTOUTDRAG //////////////////////////// */

.select fieldset { float: left; margin: 12px 20px 12px 0; }
.select fieldset.last { margin-right: 0; }
.select fieldset label { font-size: 12px; margin-bottom: 3px; }
.select select { width: 140px; }
.select span.button { margin-top: 9px; }

/* SLUT KONTOUTDRAG ///////////////////////////// */
/* START SPARA SOM FAVORIT OCH/ELLER LOGGA IN ////////////////////////////////////////////////////////////////////// */

fieldset.radioChoice { margin: 0.05em 0 1.4em 0; }

fieldset.radioChoice label {
float: left;
margin-right: 1.55em;
}

fieldset.radioChoice input.radio {
float: left;
margin: 1px 8px 0 0;
}

img.premieVoucherInfo 
{
	display: inline;
	padding-left: 4px;
}

div.remember,
div.submitButton {
float: left;
}

div.remember span.checkbox,
div.submitButton span.checkbox {
float: left;
margin: 12px 4px 0 0;
}

div.remember label,
div.submitButton label {
float: left;
margin: 12px 20px 0 0;
}

fieldset.login{
	clear: both;
}

fieldset.login span.checkbox {
float: left;
margin: 0 4px 11px 0;
}

fieldset.login label {
display: block;
color: #fff;
}
div.pale fieldset.login label, div.pale fieldset.login label a
{
	color: #000 !important;    
}
fieldset.login label a{
	display: inline;
	position: absolute;
	right: 15px;
	margin-top: -5px;
}
.loginCardImg{
	float: right;
	margin: -60px 11px 0 0;
}
.loginModule.pale a.change
{
	color: #000 !important;    
}
.loginModule a.change{
color: #fff !important;
margin-bottom: 5px !important;
}
.loginModule h4 {
margin: 38px 0 0 20px !important;

}
.loginModule .innerColumn
{
	margin: 1em 2em !important; 
	padding: 0.5em 1em !important;   
}
.loginModule .innerColumn p.warning
{
	padding: 0 !important;
	margin: 0 !important;
	font-weight: bold;
}
#loginHelpPopup{
	position: absolute;
	z-index: 100;
	width: 396px;
	padding: 0 0 15px;
	top: 0px;
	right: 0px;
	background: url(images/loginPopupBottom.gif) no-repeat 0px 100%;
	display: none;
}
#loginHelpPopup h5{
	font: bold 1.4em Arial, Helvetica, sans-serif;
	background: url(images/loginPopupTop.gif) no-repeat 0 0;
	text-transform: uppercase;
	padding: 14px 0 7px 20px;
	width: 376px;
}
#loginHelpPopup a#closeLoginHelp
{
	position:absolute;
	top: 5px;
	right: 25px;    
}
#loginHelpPopupContent{
	background: url(images/loginPopupMiddle.gif) no-repeat 0 -7px;
	padding: 3px 40px 0 20px;
	width: 336px;
}
.loginHelp
{
	width: 34em;
	padding: 1.5em 0 0 !important;
	margin: 0 0 2em 0.5em;
	float: left;
	background: url(Images/loginHelpTop.gif) no-repeat 100% 0;
}
.loginHelp h3
{
	padding-left: 1.7em;
	margin-bottom: 1em;
}
.loginHelpContent
{
	padding: 0 1.5em 1.5em 2.5em;
	background: url(Images/loginHelpBottom.gif) no-repeat 100% 100%;    
}
.loginModule span.textField
{
	margin-bottom: 0.3em !important;
}
.loginModule span.buttonSmall
{
	margin-top: 1.5em !important;    
}

.telge .help4Column{
    top:0;
}
.telgeContent ul li{
    background: url("images/bullet.gif") no-repeat scroll left 5px transparent;
    list-style: none outside none;
    margin: 0.3em 0 0 1.5em;
    padding: 0 0 0 1em;
    font-size:13px;
}
.help4Column{
    position:absolute;
    right:0;
    top:3em;
	padding: 5px 0 0 !important;
	margin: 0;
	float: left;
	background: url(Images/loginHelpTop4Column.gif) no-repeat 100% 0;
}
.help4ColumnContent
{
    
	padding: 10px 10px 10px 30px;
	background: url(Images/loginHelpBottom4Column.gif) no-repeat 100% 100%;    
}
.help4ColumnContent p
{
    background-color:transparent !important;
}
.column12 .loginWrapper
{
	width: 35em;
	font-size: 1em;
	float: left;
}
.column12 .teaser .formTeaser
{
	padding-bottom: 0 !important;    
}
.column12 .loginModule h4.createLogin
{
	margin-top: 18px !important; 
	margin-bottom: 5px !important;   
}
.column12 .loginLinks
{
	float: left;
	width: 50%;
	margin-top: 1em;   
}
.column12 .login .buttonSmall
{
	float: left;
	margin-right: -5px;
	width: 50%;    
}

.column12 .buttonShoppingList
{
	float: left;
	margin-right: 5px;
	width: 30%;    
}

/* SLUT SPARA SOM FAVORIT OCH/ELLER LOGGA IN /////////////////////////////////////////////////////////////////////// */
/* START AKTIVERA DIN INLOGGNING /////////////////////////////////////////////////////////////////////////////////// */

span.ok,
span.error,
span.validate {
background: url(images/spriteIcon.png) no-repeat left -153px;
display: block;
float: left;
height: 21px;
margin: 3px 0 0 7px;
width: 21px;
}

span.error { background: url(images/spriteIcon.png) no-repeat left -179px; }
span.validate { background: url(images/spriteIcon.png) no-repeat left -205px; }

span.unsafePassword,
span.okPassword,
span.safePassword {
display: block;
float: left;
font: bold 0.8em Arial, Helvetica, sans-serif;
margin-bottom:0.9em;
padding-bottom: 0.4em;
width: 8.7em;
}

div.column8 span.unsafePassword,
div.column8 span.okPassword,
div.column8 span.safePassword {
width: 6.9em;
}

span.unsafePassword.disabled,
span.okPassword.disabled,
span.safePassword.disabled {
border-bottom: 3px solid #e2e2e2;
color: #e2e2e2;
}

span.unsafePassword {
border-bottom: 3px solid #c60c30;
color: #c60c30;
margin-left: 0.5em;
}

span.okPassword {
border-bottom: 3px solid #dc7900;
color: #dc7900;
}

span.safePassword {
border-bottom: 3px solid #61a100;
color: #61a100;
}

div.form {
overflow: auto;
padding: 2em;
}
.telge .form{padding:15px;}
div.innerColumn div.form { padding: 0; }
div.column10 div.form span.textField { width: 281px; }
div.column8 div.form span.textField { width: 220px; }
div.column7 div.form span.textField { width: 220px; }
div.column6 span.textField input { width: 21em; }

div.form table td.label { padding: 0.5em 1em 0.5em 0; }
div.form label { font: bold 1.0em Arial, Helvetica, sans-serif; }
label.pale { font-weight: normal !important; }
div.form table { width: 100%; }
div.form table.creditTable{ width: 95%; }

div.form table td {
font-size: 1.3em;
padding: 5px 0 4px 0;
}

div.form table td.labelEdit { padding: 10px 0 0 0.7em !important; }

div.form table td.first {
padding: 0 1.5em 0 0;
text-align: right;
}

div.form table td.radio,
div.form table td.check {
padding: 0.55em 0.4em 0 0;
vertical-align: top;
width: 14px;
}

div.form table td.formInstruction {
font-size: 1.1em;
padding-left: 0.5em;
}

div.noCard {
clear: both;
margin: 0.9em 0 0 0;
overflow:hidden;
}

div.noCard p {
margin: 0.15em 0 0 0;
width: 31em;
}

div.attachFormInstructions { position: relative; } 

div.formInstructions {
background: url(images/formInstructionsBgTop.gif) no-repeat 0 0;
padding-top: 1.4em;
position: absolute;
right: 0;
top: 3em;
}

div.formInstructions p {
background-color: #f9f8f6;
margin: 0 1.5em 0.9em 1.55em;
position: relative;
left: 1.15em;
}

div.formInstructions strong { margin: 0 0 0.2em 2.7em; }
div.formInstructions p img { margin: 0.5em 0 0.6em 0; }

div.formInstructionsBottom {
background: url(images/formInstructionsBgBottom.gif) no-repeat 0 0;
height: 6px;
margin-left: 15px;
}

.validationMessage {
float: left;
margin-top: -10px;
padding-bottom: 1em;
}

div.form table td textarea {
padding: 0.2em 1em 0 0.4em;
width: 15.9em;
}

div.form table td.textarea {
padding-top: 0.6em;
vertical-align: top;
}

/* SLUT AKTIVERA DIN INLOGGNING //////////////////////////////////////////////////////////////////////////////////// */
/* START DIN INLOGGNING ÄR AKTIVERAD /////////////////////////////////////////////////////////////////////////////// */

div.form label a,
div.form table td.label a {
display: inline;
font: bold 1.0em Arial, Helvetica, sans-serif;
}

div.container div.form span.cvv { width: 5em !important; }

div.form select {
font-size: 1.0em;
margin-right: 1em;
padding-left: 0.3em;
}

.cardVisaMaster {
background: url(images/spriteIcon.png) no-repeat right -235px;
display: inline !important;
padding-right: 5.1em;
}

.cardMedMera {
background: url(images/spriteIcon.png) no-repeat right -259px;
display: inline !important;
padding-right: 2.4em;
}

/* SLUT DIN INLOGGNING ÄR AKTIVERAD //////////////////////////////////////////////////////////////////////////////// */
/* START ANSÖK OM VISA/BETALKORT /////////////////////////////////////////////////////////////////////////////////// */

dl.longLabel dd,
dl.longLabel dt {
float: left;
}

dl.longLabel dt {
padding: 0.1em 0 1em 0;
width: 70%;
}

dl.longLabel label { font: normal 1.0em/1.2em Arial, Helvetica, sans-serif; }
dl.longLabel dd { padding: 0.2em 0.4em 0 0; }
select.employment { width: 13.3em; }
table.indent { margin-left: 1.8em; }

span.unit {
float: left;
margin: 0.6em 0 0 0.4em;
}

/* SLUT ANSÖK OM VISA/BETALKORT //////////////////////////////////////////////////////////////////////////////////// */
/* START STARTSIDA MEDMERA ///////////////////////////////////////////////////////////////////////////////////////// */

div.medMeraStart {
background: url(images/medMeraStart.gif) no-repeat 0 0;
height: 331px;
position: relative;
}

div.medMeraStart a {
bottom: 23px;
color: #fff;
font: bold 1.2em Arial, Helvetica, sans-serif;
position: absolute; 
}

div.medMeraStart a.entrance1 { left: 27px; }
div.medMeraStart a.entrance2 { left: 281px; }
div.medMeraStart a.entrance3 { right: 51px; }

div.mmOption { position: relative; }
div.mmOption h4 { margin: 17px 0 3px 0; }
div.mmOption div.imageContainerCenter { margin-bottom: 6px; }

div.mmOption h3 {
font-size: 1.4em;
margin: 1.05em 0 0.1em 1.35em;
}

div.mmOption p  {
font-size: 1.2em;
margin-bottom: 0.65em;
}

div.mmOption div.pale p { margin-left: 1.55em; }
div.mmOption ul { margin-bottom: 1em; }
div.mmOption ul li { font-size: 1.2em; }
div.mmOption ul li { margin-left: 1.8em; }
div.mmOption div.pale ul li { margin-left: 2.8em; }

div.mmOption p.disclaimer {
font-size: 1.0em;
margin: 0 10px 0 2.0em !important;
}

div.mmOption div.pale span.button { margin: 1.5em 2em 2em 2em; }

div.rightNow {
position: absolute;
right: 2px;
top: 0;
z-index: 2;
}

div.mmOption span.button {
padding-left: 6px;
}

div.mmOption span.button a {
background-position: right -297px;
font: bold 1.0em Arial, Helvetica, sans-serif;
height: auto;
padding: 0.7em 0.7em 0.7em 0;
}

ul.checked { margin-top: 10px; }

ul.checked li {
background:url(images/checked.gif) no-repeat left 3px;
font: 1.3em/1.2em Arial, Helvetica, sans-serif;
list-style: none;
padding: 0 0 0.8em 1.4em;
}

/* SLUT STARTSIDA MEDMERA ///////////////////////////////////////////////////////////////////////////////////////// */
/* START ALBATROSS KAMPANJ MED FLASH SLIDER /////////////////////////////////////////////////////////////////////// */

.albatrossCampaign .header { margin: 15px 0 6px 0; }
.albatrossCampaign span { color: #000; font: italic 12px Arial, Helvetica sans-serif; }
.attachCard { background: url(images/card.gif) no-repeat right 0; padding: 6px 0 0 0; }

/* SLUT ALBATROSS KAMPANJ MED FLASH SLIDER //////////////////////////////////////////////////////////////////////// */
/* START MEDMERA-KORT ERBJUDANDEN OCH KAMPANJER /////////////////////////////////////////////////////////////////// */

.teliaCampaign {
background-color: #ad699c;
overflow: auto;
padding-bottom: 20px;
-moz-border-radius: 9px;
-webkit-border-radius: 9px;
}

.teliaCampaign img.campaignHeader {
margin: 0 0 30px 47px;
padding-top: 27px;
}

.teliaCampaign fieldset {
background: url(images/campaign/medMeraKortId.gif) no-repeat right 40px;
margin: 0 0 40px 54px;
}

.teliaCampaign fieldset span.textField { width: 245px; margin-bottom: 15px; }

.teliaCampaign fieldset div.errorMessage {
background-color: #000;
float: left;
margin-left: 10px;
padding: 11px 10px 10px 10px;
width: 230px;
}

.teliaCampaign fieldset div.errorMessage p { margin-bottom: 0; }

.teliaCampaign p,
.teliaCampaign fieldset label,
.teliaCampaign ul li,
.teliaCampaign span {
color: #fff;
font-size: 12px;
}

.teliaCampaign ul li,
.teliaCampaign .column6 span {
margin-left: 35px;
width: 265px;
}

.teliaCampaign ul li,
.teliaCampaign .column6 p,
.teliaCampaign span {
font-size: 10px;
}

.teliaOffer1 p,
.teliaOffer2 p,
.teliaOffer3 p,
.teliaOffer4 p {
margin: 250px 0 0 35px;
}

.teliaCampaign ul { margin-bottom: 10px; }
.teliaOffer1 { background: url(images/campaign/teliaOffer1.gif) no-repeat right top; }
.teliaOffer2 { background: url(images/campaign/teliaOffer2.gif) no-repeat left top; }
.teliaOffer3 { background: url(images/campaign/teliaOffer3.gif) no-repeat right top; }
.teliaOffer4 { background: url(images/campaign/teliaOffer4.gif) no-repeat left top; }

/* SLUT MEDMERA-KORT ERBJUDANDEN OCH KAMPANJER //////////////////////////////////////////////////////////////////// */
/* START BUTIKSIDA //////////////////////////////////////////////////////////////////////////////////////////////// */

div.contactStore table tr td,
div.contactStore dl dt,
div.contactStore dl dd {
font: normal 1.3em/1.45em Arial, Helvetica, sans-serif; 
}

div.contactStore { padding: 2em 2em 1.8em 1.9em; }
div.contactStore table tr td { 
    line-height: 14px;
    padding: 4px 0;
    vertical-align: bottom;
}
div.contactStore dl dt { font-weight: bold; }

div.contactStore dl {
border-bottom: 1px solid #dbdad8;
margin-bottom: 1.8em;
padding-bottom: 1.6em;
}

div.contactStore dl.last {
border-bottom: 0;
margin-bottom: 0;
padding-bottom: 0;
}

div.contactStore address {
font-size: 1.3em;
margin-top: 0.85em;
}

div.contactStore table { width: 100%; }
div.contactStore table td.last { text-align: right; width:79px; }
div.googleMapContainer { margin: 1.6em 0; }

fieldset.contactUs {
background: url(images/bubbles.gif) no-repeat 0 0;
clear: both;
height: 315px;
padding: 3.6em 0 0 6.2em;
}

fieldset.contactUs dl {
overflow: auto;
width: 332px;
}

fieldset.contactUs h4 { margin-bottom: -3px; }
fieldset.contactUs span.button { margin: 0.9em 0 0 0; }
fieldset.contactUs span.button input { width: auto; }

fieldset.contactUs p {
color: #fff;
line-height: 1.2em;
margin: 0 3em 1.55em 0;
}

fieldset.contactUs select {
float: left;
margin-bottom: 0.9em;
padding: 0.4em 0 0.3em 0.2em;
width: 17.7em;
}

fieldset.contactUs label {
color: #fff;
float: left;
margin-right: 0.7em;
padding-top: 5px;
text-align: right;
width: 5.7em;
}

fieldset.contactUs label.first { padding-top: 0; }

fieldset.contactUs span.inputField {
background:url(images/bgInput.gif) no-repeat 0 0;
float:left;
margin:0 0 0.8em 0;
padding-left: 0.5em;
}

fieldset.contactUs span.inputField input {
background: url(images/bgInput.gif) no-repeat right top;
float: left;
font-size: 1.4em;
padding: 0.4em 1em 0.35em 0.3em;
width: 16.1em;
}

fieldset.contactUs span.textarea {
background: url(images/bgInput.gif) no-repeat left -48px;
float: left;
margin: 0.1em 0 0.1em 0;
padding-left: 0.6em;
}

fieldset.contactUs span.textarea textarea {
background: url(images/bgInput.gif) no-repeat right -48px;
float: left;
font-size: 1.4em;
height: 5.9em;
padding: 0.6em 1em 0em 0.3em;
width: 16em;
}

fieldset.contactUs span.button { float: right; }

/* SLUT BUTIKSIDA ////////////////////////////////////////////////////////////////////////////////////////////////// */
/* START KONTAKTA OSS FORMULÄR MODUL /////////////////////////////////////////////////////////////////////////////// */


.contactForm {
padding: 32px 20px;	
}

.contactForm p {
margin-bottom: 11px;
}

.validateMessage {
background-color: #fddedc;
border: 1px solid #cf1728;
margin-bottom: 17px;
padding: 7px 10px 5px 8px;
}

.validateMessage ul {
margin: 0 0 0 13px;
}
div.inspirationTeaser .validateMessage ul li
{
    padding:0;
    margin:0;
    list-style:inherit;
    background:none;
}
.validateMessage ul li {
color: #cf1728;
font: normal 13px/18px Arial, Helvetica, sans-serif;
}

.contactForm div.wrap {
clear: both;
position: relative;
}

.contactForm label {
float: left;
margin: 7px 7px 0 0;
text-align: right;
width: 148px;
}

.contactForm select {
color: #7a7a7a;
margin: 0 3px 9px 0;
padding: 7px 8px 9px 8px;
width: 243px;
border: 1px solid #c5c2b9;
-moz-border-radius: 4px; 
-webkit-border-radius: 4px; 
border-radius: 4px;
}

.contactForm .wrap input,
.contactForm textarea {
background-image: #fff;
border: 1px solid #c5c2b9;
color: #7a7a7a;
font-size: 13px;
-moz-border-radius: 4px; 
-webkit-border-radius: 4px; 
border-radius: 4px;
padding: 4px 8px 6px 8px;
width: 227px;
}
.contactForm input.small {	
    width: 120px;
}
.contactForm .wrap input {	
float: left;	
height: 19px;
margin: 0 3px 9px 0;	
}

.contactForm textarea {	
height: 149px;
margin: 0 0 12px 0;
}

.contactForm span.button {
margin-left: 155px;
}
span.iconHelp {
background: url(images/iconHelp.png) no-repeat 0 0;
cursor: pointer;
float: left;
height: 16px;
margin: 7px 0 0 0;
width: 17px;
}

div.helpMessage {
bottom: -40px;
display: none;
position: absolute;
right: -18px;
width: 156px;
z-index: 10;
background: url(images/bgHelpMessageTop.png) no-repeat left bottom;
color: #fff !important;
padding: 8px 10px 8px 12px;
}
.helpMessage .helpMessageBottom{
    background: url(images/bgHelpMessage.png) no-repeat left bottom;
    height:15px;
    margin: 0 -10px 22px -12px;
}
.narrow .helpMessage {
   right: 89px; 
}
.helpMessage h6, .helpMessage h5,.helpMessage h4,.helpMessage h3,.helpMessage h2,.helpMessage h1{
color: #fff;
}
.helpMessage p {
    color: #fff;
    font: normal 13px/16px Arial, Helvetica, sans-serif;
}
.ui-selectmenu18 { display: block; display: inline-block; position: relative; height: 2.2em; vertical-align: middle; text-decoration: none; overflow: hidden; zoom: 1;  border: 1px solid #C5C2B9; background:white; color: #7a7a7a; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px;}
.ui-selectmenu18-menu { padding:0; margin:0; position:absolute; top: 0; display:none; z-index: 1005; background: #fff; border: 1px solid #d9d9d9; border-top: 0; box-shadow: 2px 2px 5px #999; -moz-box-shadow: 2px 2px 5px #999; -webkit-box-shadow: 2px 2px 5px #999; -o-box-shadow: 2px 2px 5px #999; }
.selectmenu18-wrapper{float:left;margin: 0 3px 10px 0;}
.ui-selectmenu18-menu ul{padding:0 0 5px 0; margin:0; list-style:none; position: relative; overflow: auto; overflow-y: auto ; overflow-x: hidden;}
.ui-selectmenu18-open { display: block;visibility: visible; }
.ui-selectmenu18-icon{ position: absolute; top: 0px; right: 0px; display: block; width: 31px; height: 31px; background: url('/styles/images/selectArrow.png') no-repeat 0 0 #d9d9d9; }
.selectmenu18-wrapper a{text-decoration:none;}
.ui-selectmenu18-menu li { padding: 0; }
.ui-selectmenu18-menu li a { color: #000; display: block; padding: 3px 5px 0px 8px; margin-left:10px;}

.ui-selectmenu18-menu li.ui-state-disabled  a{text-decoration:none;color: #797979 !important;}
li.ui-selectmenu18-item-selected a, li.ui-selectmenu18-item-focus a{color:#61A100!important;}

.ui-selectmenu18-status { display: block;   color: #000; font-size: 13px; padding: 6px 8px 6px; }
.ui-selectmenu18-item-header { font-weight: bold; display: block; padding-bottom:3px; }
.ui-selectmenu18-item-content { display: block; }
.selectmenu18-wrapper .ui-state-disabled a{font-weight:bold; padding: 7px 5px 0 8px; margin:0px 0 0 0; cursor:default;}
            
/* SLUT KONTAKTA OSS FORMULÄR MODUL //////////////////////////////////////////////////////////////////////////////// */
/* START INSPIRATIONSMALLAR //////////////////////////////////////////////////////////////////////////////////////// */

div.inspirationTeaser h1 { margin: 0.25em 0 0.05em 0; font-size: 3em; line-height:39px; }
div.inspirationTeaser h2 { margin: 0.25em 0 0.05em 0; font-size: 3em;}
div.inspirationTeaser h3 {	margin: 0.45em 0 0.2em 0; font-size: 2em;}
div.column4 div.inspirationTeaser h3 {	margin: 0.45em 0 0.2em 0; font-size: 1.5em;}
table.layout td h3{ font-size: 1.524em !important; }
div.inspirationTeaser h6 {	font-size: 1.3em; }

div.inspirationTeaser.front p,
div.column4 div.inspirationTeaser p,
div.halfAndHalf p {
margin-bottom: 0.3em;
}

div.container div.content h2 a,
div.container div.content h3 a,
div.inspirationTeaser h4 a {
color: #000;
font: bold 1.0em/normal Arial, Helvetica, sans-serif;
}

div.inspirationTeaser h4 {
font-size:1.3em;
margin: 0.5em 0 0 0;
}

div.preamble p {
font: bold 1.5em Arial, Helvetica, sans-serif;
padding-bottom:0;
}

div.inspirationTopPreamble { margin-bottom: 0.9em; }

div.inspirationTeaser ol {
margin-bottom: 2em;
padding-left: 3em;
font-weight: bold;
}

div.inspirationTeaser ol li,
div.inspirationTeaser ul li {
font: normal 1.3em/1.231em Arial, Helvetica, sans-serif;
}

div.inspirationTeaser ol li {
margin: 0.3em 0 0 0.6em;
padding: 0;
}

div.facts ul li,
div.inspirationTeaser ul li {
background: url(images/bullet.gif) no-repeat left 5px;
list-style: none;
margin: 0.3em 0 0 1.5em;
padding: 0 0 0 1em;
}

div.inspirationTeaser ul.linkList li {
background-image: none;
list-style: none;
margin: 0;
padding-left: 0;
}

div.inspirationTeaser ul { margin-bottom: 1.45em; }
div.column4 div.inspirationTeaser ul li { margin-left: 0; }
div.inspirationTeaser ul.linkList li a { line-height: 1.45em; }
div.inspirationTeaser ul.linkList.alignList { margin-top: 2.9em; }
div.inspirationTeaser ul.linkList li.toAllItems { margin-top: 1em; }

div.column8 div.tags { background: url(images/tagsBgTop.gif) no-repeat 0 0; }

div.tags {
color: #61a100;
font: bold 1.3em Arial, Helvetica, sans-serif;
padding: 1.3em 1em 1.3em 1.5em;
}

div.tags h2 { font: bold 15px Arial, Helvetica, sans-serif; }
div.tags a { font-weight: bold; }

div.tagsBottom {
background: url(images/tagsBgBottom.gif) no-repeat 0 0;
height: 5px;
}

div.articleType { margin-bottom: 1.2em; }

div.articleType span,
div.articleType p,
div.articleType ul li {
color: #666;
display: block;
font-size: 1.0em;
margin: 0;
}

div.articleType span.type {
color: #000;
font-weight: bold;
text-transform: uppercase;
}

div.articleType span.author,
div.articleType span.year {
display: inline;
}

/* SLUT INSPIRATIONSMALLAR ///////////////////////////////////////////////////////////////////////////////////////// */
/* START HOGERSPALT //////////////////////////////////////////////////////////////////////////////////////////////// */

div.marginTop20 { margin-top:20px !important;}

div.teaser { overflow: hidden; }
div.column4 div.teaser { clear: both; }
div.teaser div.formTeaser { overflow: hidden; padding: 0 2em 2em 2em; }
div.teaser h4 { margin: 1.0em 0 0.8em 1.35em; }
div.teaser span.textField { margin-bottom: 1em; }

div.teaser div.accordion div.pane p { line-height: 1.45em; }
div.teaser div.accordion { margin: 0 2em 2em 2em; }

div.teaser div.accordion div.pane {
background-color: #fff;
padding: 0.3em 0 0.8em 0;
}

div.teaser ul { margin: 0.6em 0 1.2em 0; }

div.teaser ul li {
font: normal 1.2em/1.0em Arial, Helvetica, sans-serif;
margin: 0 0 0.35em 1.1em;
line-height: 16px; /*Emmas påhitt*/
}

div.column8.teaser ul li,
div.column6.teaser ul li { /* Används när alla recept/butiker listas */
font-size: 1.3em;
margin-left: 0;
}

div.teaser div.listImages a {
float: left; 
margin: 0.7em 0 0 0.8em; 
}

div.teaser div.innerColumn.brands {
margin-bottom: 1.3em;
padding: 1em 0 0 2.2em;
}

div.brands a {
float: left;
height: 63px;
margin-bottom: 1em;
width: 79px;
}

div.brands img { width: auto !important; } 
div.cooperativeSociety img { width: auto !important; }
ul.consumerLinks { margin-top: 1.25em !important; }

ul.consumerLinks li {
list-style: none;
margin-left: 0 !important;
}

ul.consumerLinks li a {
line-height: 1.35em;
padding-bottom: 0.3em;
}

p span.date {
display: block;
font: bold 0.8em Arial, Helvetica, sans-serif;
margin-top: 14px;
}

div.teaser div.innerColumn {
margin: 0 2em 2em 2em;
padding: 1em;
}

div.teaser div.innerColumn p {
font-size: 1.2em;
margin: 0 0 0.5em 0;
padding-bottom: 0;
}

div.teaser div.innerColumn strong a {
font: bold 1.0em/1.15em Arial, Helvetica, sans-serif;
}

div.teaser div.innerColumn strong { margin: 0.6em 0 0.05em 0; }
div.teaser div.innerColumn img { width: 160px; }
img.flexible { width: auto !important; }
div.eCoupon dl.image dt a img { width: auto !important; }
div.teaser div.imageContainerCenter { margin-bottom: 1.2em; }

div.teaser a.change {
font-size: 1.2em;
margin: 0 0 1.4em 1.65em;
}

div.teaser .formTeaser a.change,
div.teaser .innerColumn a.change {
margin: 0;
}

div.column12 div.specialOffer div.innerColumn { height: 19.1em; }
div.column12 div.specialOffer div.teaser { padding-top: 2em; }

div.teaser div.innerColumn table { width: 100%; }

div.teaser div.innerColumn table th,
div.teaser div.innerColumn table td {
font-size:1.3em;
}

div.teaser div.innerColumn table tr th:last-child,
div.teaser div.innerColumn table tr td:last-child {
/*text-align: right;*/
}

/* SLUT HOGERSPALT /////////////////////////////////////////////////////////////////////////////////////////////// */
/* START ERBJUDANDEN MEDMERA-KORTET ////////////////////////////////////////////////////////////////////////////// */

div.allOffers {
background-color: #f9f8f6;
padding: 0 1em 0.4em 1em;
}

div.tabs ul li {
background: url(images/spritemap.png) no-repeat left -222px;
float: left;
list-style: none;
margin-right: 3px;
padding-left: 4px;
}

div.tabs ul li a {
background: url(images/spritemap.png) no-repeat right -222px;
color: #929292;
font: bold 1.3em Arial, Helvetica, sans-serif;
padding: 0.6em 0.85em 0.75em 0.6em;
}

div.tabs ul { overflow: auto; }
div.tabs ul li.current { background: url(images/spritemap.png) no-repeat left -258px; }

div.tabs ul li.current a {
background: url(images/spritemap.png) no-repeat right -258px;
color: #000;
}

div.allOffers table {
clear: both;
width: 100%;
}

div.allOffers table th {
font: bold 1.3em Arial, Helvetica, sans-serif;
padding: 1.3em 0 1.1em 0.8em;
}

div.allOffers table td {
font: normal 1.3em Arial, Helvetica, sans-serif;
padding: 0.4em 0 0.45em 0.8em;
vertical-align: top;
}

div.allOffers table tr.odd td {
background-color: #fff;
padding: 0.25em 0 0.3em 0.8em;
}

div.allOffers table tr td span.functions { margin-top: 1px; }
div.allOffers table tr td span.functions input { font-size: 0.85em; }
div.allOffers table tr td.tableGroup { font: bold 1.1em Arial, Helvetica, sans-serif; }
td.nowrap, td.date { white-space: nowrap; }

div.browsing {
clear: both;
margin-top: 1.5em;
text-align: center;
}

div.browsing span {
font: bold 1.3em Arial, Helvetica, sans-serif;
margin: 0 0.5em;
}

div.browsing a  {
display: inline;
margin: 0 0.5em;
}

div.browsing a img {
display: inline;
position: relative;
top: 3px;
}

/* SLUT ERBJUDANDEN MEDMERA-KORTET /////////////////////////////////////////////////////////////////////////////// */
/* START BILDER ////////////////////////////////////////////////////////////////////////////////////////////////// */

div.imageContainerCenter img { display: inline; }
div.imageContainerCenter { text-align: center; }
div.imageContainerCenter img.kf { margin: 1.7em 0 1.4em 0; }

/* SLUT BILDER /////////////////////////////////////////////////////////////////////////////////////////////////// */
/* START HUVUD MED LOGO OCH RUBRIK T EX LISTA BUTIKER //////////////////////////////////////////////////////////// */

dl.KFHead dt,
dl.KFHead dd {
float: left;
}

dl.KFHead dd h1 {
margin: -4px 0 0 0.55em;
}

/* SLUT HUVUD MED LOGO OCH RUBRIK T EX LISTA BUTIKER ///////////////////////////////////////////////////////////// */
/* SLUT HOGERSPALT /////////////////////////////////////////////////////////////////////////////////////////////// */
/* START SEARCH ////////////////////////////////////////////////////////////////////////////////////////////////// */

#search {
margin: 0 0 0 0.7em;
position: relative;
z-index: 10;
}

#search input.txtSearch { /* se ie8.css */
background: url(images/inputSearch.png) no-repeat 0 0;
font-size: 1.4em;
margin: 0 0.75em 0 0;  
padding: 0.75em 0 0.75em 2.2em; 
width: 49.2em; 
}

#search span.all,
#search span.recipe,
#search span.store {
background: url(images/btnSearch.gif) no-repeat 0 0;
float: left;
min-width: 42px;
}

#search span.recipe {
background: url(images/btnSearch.gif) no-repeat -6px 0;
margin: 0 2px;
min-width: 65px;
}

#search span.store {
background: url(images/btnSearch.gif) no-repeat right 0;
min-width: 52px;
}

#search span.all input,
#search span.recipe input,
#search span.store input { /* se ie7.css */
background: none;
cursor: pointer;
font: bold 1.3em Arial, Helvetica, sans-serif;
padding: 0 0.55em 0.1em 0.6em;
height: 37px;
text-shadow: 1px 1px 1px #fff;
}

#search span.all.active { background: url(images/btnSearch.gif) no-repeat left -42px; }
#search span.recipe.active { background: url(images/btnSearch.gif) no-repeat -6px -42px; }
#search span.store.active { background: url(images/btnSearch.gif) no-repeat right -42px; }
#search span.button { margin: 0 0 0 1.1em; }

#search span input.active,
#search span input.active:hover {
color: #fff !important;
text-shadow: 1px 1px 1px #4c7b04;
}

#search span.all input[type="submit"]:hover,
#search span.recipe input[type="submit"]:hover,
#search span.store input[type="submit"]:hover {
color: #848484;
}

#search fieldset#searchStore {
clear: both;
margin: 0.6em 0 0 0;
}

#search fieldset#searchStore div.customChoice { margin: -2px 0 0 0; }
#search fieldset#searchStore input { margin: 0.8em 0 0 0; }
#search fieldset#searchStore .otherStores span.ui-checkbox { margin-top: 0.1em; }
#search fieldset#searchStore .otherStores label { padding-top: 0.2em; }
#search fieldset#searchStore label.all { padding-top: 0.5em; }
#search fieldset#searchStore .otherStores input { margin: 0; }

#search fieldset#searchStore label {
color: #999;
float: left;
font-size: 1.4em;
padding: 0 1.45em 0 0.8em;
}

#search fieldset#searchStore .otherStores {
clear: both;
display: block;
overflow: hidden;
padding: 1em 0 0 0;
}

#search fieldset#searchStore a {
display: inline;
font-size: 1.1em;
}

#search a.advancedSearch,
#search a.showAdvancedSearch {
background: url(images/spriteIcon.png) no-repeat 0 -306px;
float: left;
font-size: 1.2em;
margin: 0.9em 2em 0.9em 0;
padding: 0 0 0 2em;
width: 170px;
}

#search a.showAdvancedSearch {
background: url(images/spriteIcon.png) no-repeat 0 -274px;
margin: 0.9em 2em 0 0;
}

div.searchHistory { /* Se ie7.css */
float: left;
margin: 1.1em 0 0.9em 0;
}

div.searchHistory span,
div.searchHistory a {
font-size: 1.2em;
float: left;
margin-right: 0.9em;
}

div.searchHistory span {
color: #555249;
font-weight: bold;
}

div.searchHistory a {
background: url(images/spriteIcon.png) no-repeat right -388px;
color: #7d7a71;
padding-right: 1.1em;
}

div.searchHistory a:hover {
background: url(images/spriteIcon.png) no-repeat right -408px;
color: #990000;
text-decoration: none;
}

label.cheap,
label.fast,
label.green,
label.diet,
label.easy{
background: url(images/spriteIcon.png) no-repeat 0 -515px;
color: #333;
float: left;
font-size: 1.4em;
margin: 0 1.5em 0 0.55em;
padding: 0.6em 0 0.3em 2.1em;
}

label.fast { background-position: 0 -423px; }
label.green { background-position: 0 -481px; }
label.diet { background-position: 0 -452px; }
label.easy { background-position: 0 -543px; }

#search span.inputField {
background: url(images/inputTextLeftBackground.gif) no-repeat 0 0;
float: left;
padding: 0 0 0 0.5em;
}

#search span.inputField input {
background: url(images/inputTextRightBackground.gif) no-repeat right;
font-size: 1.4em;
margin: 0 1.3em 0 0;
min-width: 15em;
padding: 0.6em 1em 0.6em 0.3em;
}

div.searchSummary strong,
div.searchResult strong,
div.searchRecipeResult strong {
background-color: #fbf4c8;
display: inline;
font-size: 1.0em;
}

/* START SORT RECIPE LISTING ////////////////////////////////////////////////////////////////////////////// */

div.sortRecipe {
height: 27px;
overflow: auto;
padding: 9px 14px 0 10px;
}

div.sortRecipe.articleTop { background: url(images/sortSearchesBar.gif) no-repeat right -92px; }
div.sortRecipe.shopTop { background: url(images/sortSearchesBar.gif) no-repeat right -138px; }
div.sortRecipe.recipeTop { background: url(images/sortSearchesBar.gif) no-repeat right -184px; }

div.sortRecipe h5 {
color: #fff;
float: left;
font: bold 1.3em Arial, Helvetica, sans-serif;
}

div.sortRecipe select { /* se ie7 och ie8.css */
color: #7d7a71;
float: right;
font-size: 1.2em;
margin: 0 0.5em 0 0.5em;
position: relative;
top: -2px;
}

div.sortRecipe label,
div.sortRecipe p {
color: #fff;
float: right;
font-weight: bold;
}

/* END SORT RECIPE LISTING ////////////////////////////////////////////////////////////////////////////// */
/* START SEARCH RESULT ////////////////////////////////////////////////////////////////////////////////// */

div.searchResult {
clear: both;
/*overflow: auto;*/
padding: 2em 0 0.6em 1em; /* Se ie7 & ie8.css */
}

.searchResult h3 { margin: 3em 0 0.5em 0; }

.searchResult dl.articleResult,
.searchResult .recipeResult {
background-color: #fff; 
float: left;  
margin: 0 0.5em 0.5em 0;
padding: 1em 3em 1em 1.1em;
width: 29.6em;
}

.searchResult .recipeResult { position: relative; }

.recipeResult a.recipeTitle { /* Se ie7.css */
font: bold 14px Arial, Helvetica, sans-serif;
max-width:235px;	
}

.searchResult dl.articleResult dt a,
.searchResult .shopResult dl dt a {
font: bold 1.4em Arial, Helvetica, sans-serif;
margin: 0 0 0.05em;
}

.searchResult img {
float: left;
margin: 0 1em 0 0;
}

.shopResult span.shopLabel {
float: left;
width: 9em;
}

.searchResult span.button {
float: right;
margin: 2em 1em 1em 0;
}

.searchResult .recipeResult ul {
bottom: 9px;
left: 101px;
position: absolute;
}

.searchResult .recipeResult ul li {
float: left;
list-style-type: none;
margin: 0 1em 0 0;
}

.searchResult .recipeResult ul li span { margin: 0; }
.searchResult .shopResultOdd { background-color: #f8f8f8 !important; }

.searchResult .shopResult {
background: #fff none;
margin: 0 1em 0.5em 0;
overflow: hidden;
padding: 1em;
position: relative;
}

.searchResult .shopResult dl {
float: left;
margin: 0 0 0 1em;
width: 25em;
}

.searchResult .shopResult dl dd { font-size: 1.2em; }

.searchResult .shopResult ul {
float: left;
font-size: 1.2em;
list-style-type: none;
margin: 0.1em 1.8em 0 1em;
text-transform: capitalize;
}

.searchResult .shopResult ul.storeInfo {
position: absolute;
top: 10px;
right: 0;
text-transform:none;
}

span.extendedOpeningHours
{
	clear: left;
	margin-left: 35em;
	padding-top: 1em;
}
.showOpeningHours
{
	display: none;
	cursor: pointer;
}
caption a.showOpeningHours
{
	font-weight: bold !important;
	font-size: 13px;
}

.searchRecipeResult {
clear: both;
overflow: hidden;
}

.searchRecipeResult dl dd {
margin: 0 0 0.2em 0;
overflow: hidden;
}

.searchRecipeResult dl dd a {
font-weight: bold;
margin: 0.45em 0 0 0;
}

.searchRecipeResult dl dd span.ingredients,
.searchRecipeResult dl dd span.time {
margin: 0;
}

.searchRecipeCustomContainer {
clear: both;
overflow: hidden;
width: 74em;
}

fieldset#searchRecipe { clear: both; }

/* END SEARCH RESULT /////////////////////////////////////////////////////////////////////////////////////// */
/* START DROPDOWN ////////////////////////////////////////////////////////////////////////////////////////// */

.customChoice {
float: left;
height: 35px;
margin: 1em 0.6em 0 0;
overflow: hidden;
width: 237px;
}

.customChoice dl dt {
background: url(images/dropDownSearch.png) no-repeat 0 0;
color: #7d7a71;
cursor: pointer;
font-size: 1.4em;
height: 24px;
padding: 9px 20px 5px 10px;   
width: 203px; 
}

.customChoice dl dt.active {
background: url(images/dropDownTopDown.png) no-repeat 0 0;
height: 21px;
padding: 12px 20px 2px 13px;
width: 204px;
}

.customChoice dd {
overflow: hidden;
display: block;
}
 
.customChoice dd.inactive { display: none; }
 
.customChoice dd.active {
background: url(images/dropDownMiddleDown.png) 0 0 repeat-y;
display: block ;
padding-left: 12px;
width: 225px;
}

.customChoice dd label {
color: #7d7a71 !important;
font-size: 1.2em !important;
padding: 0.3em 0 0 1em !important;
margin-left: 0.5em !important;
}

.customChoice dl.active {
background: url(images/dropDownBottomDown.png) bottom left no-repeat;
margin: -3px 0 0 -3px;
position: absolute;
padding-bottom: 9px;
}

/* END DROPDOWN  //////////////////////////////////////////////////////////////////////////////////////// */
/* END SEARCH /////////////////////////////////////////////////////////////////////////////////////////// */
/* START SELECT BOX ///////////////////////////////////////////////////////////////////////////////////// */

.jquery-selectbox {
position: relative;
background: url(images/selectBoxRight.png) no-repeat bottom left;
float: left;
display: inline;
font: 1.4em Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif;
color: #999;
padding: 0 0 0 10px;	
}

.jquery-selectbox.selecthover {
background-image: url(images/dropDownTopDown.png);
z-index: 700;
}
	
.jquery-selectbox .jquery-selectbox-currentItem {
padding: 3px 0 0 3px;
white-space: nowrap;
display: block;
overflow: hidden;
}

.jquery-selectbox .jquery-selectbox-list {
display: none;
position: absolute;
top: 16px;
padding: 2px;
left: 0;
background: url(images/dropDownMiddleDown.png) repeat-y;
width: 100px;
height: 120px;
overflow: hidden;
z-index: 100000;	
}

.jquery-selectbox .jquery-selectbox-moreButton {
float: right;
background: url(images/selectBoxArrow.png) no-repeat right;
width: 24px;
height: 24px;
cursor: pointer;
position:relative;
left:3px;
}

.jquery-selectbox .jquery-selectbox-moreButton.morebuttonhover { background: url(images/selectBoxArrow.png) no-repeat right; }

.jquery-selectbox .jquery-selectbox-item.listelementhover {
background: #87683d;
color: #eee;
}

.jquery-selectbox .jquery-selectbox-item {
display: block;
cursor: default;
}

/* END SELECT BOX ///////////////////////////////////////////////////////////////////////////////////////// */
/* START CUSTOM SELECT //////////////////////////////////////////////////////////////////////////////////// */
	
.ui-selectmenu { position: relative; height: 39px; }
.ui-selectmenu-menu { position: absolute; top: 0; visibility: hidden; overflow: auto; }
.ui-selectmenu-open { visibility: visible; }
.ui-selectmenu-item-selected { display: none; } /* Upprepa inte selectens defaulttext */
.ui-corner-bottom { padding-bottom: 9px; }

.ui-selectmenu-menu li a,
.ui-selectmenu-status {
display: block;
padding: 11px 0 0 21px;
font-size: 14px;
color: #999;
}

.ui-selectmenu-menu .ui-selectmenu-group .ui-selectmenu-group-label,
.ui-selectmenu-menu li.label a { /* For optgroups headers */
color: #666;
font-weight: bold;
padding: 0.8em 0 0 1em;
}

.ui-state-default, 
.ui-widget-content .ui-state-default {
background: url(images/dropdownBg.png) no-repeat 0 0;
width: 363px !important;
}

.ui-state-active,
.ui-widget-content .ui-state-active {
background: url(images/dropdownBgDown.png) no-repeat 0 0; 
height: 37px;  
}

.ui-selectmenu-open {
background: url(images/dropdownFull.png) no-repeat bottom left;
width: 360px !important;
}

/* Start anpassad (mindre 220px) select för startsidan */
.narrow.ui-state-default { background: url(images/startDropdownBg.png) no-repeat 0 0 !important; width: 220px !important;z-index:100; }
.narrow.ui-state-active { background:url(images/startDropdownBgDown.png) no-repeat 0 0 !important;z-index:100; }
.narrow.ui-selectmenu-open { background: url(images/startDropdownFull.png) no-repeat bottom left !important;z-index:100; }
/* Slut anpassad (mindre 220px) select för startsidan */
/* Start anpassad mindre select för modulboxar */
.inModule.ui-state-default { background: url(images/moduleDropdownBg.png) no-repeat 0 0 !important; width: 183px !important;z-index:100; }
.inModule.ui-state-active { background:url(images/moduleDropdownBgDown.png) no-repeat 0 0 !important;z-index:100; }
.inModule.ui-selectmenu-open { background: url(images/moduleDropdownFull.png) no-repeat bottom left !important;z-index:100; }
/* Slut anpassad mindre select för modulboxar */
/* END CUSTOM SELECT ////////////////////////////////////////////////////////////////////////////////////// */
/* START CUSTOM CHECKBOXES //////////////////////////////////////////////////////////////////////////////// */

.ui-helper-hidden-accessible {
position: absolute;
left: -999em;
}

.ui-radio-state-disabled,
.ui-radio-state-checked-disabled,
.ui-radio-state-disabled-hover,
.ui-radio-state-checked-disabled-hover {
color: #999;
}

span.ui-checkbox,
span.ui-radio {
display: block;
float: left;
width: 20px;
height: 20px;
background: url(images/checkboxUnchecked.png) no-repeat 0 0;
margin-top:0.5em;
}

.customChoice span.ui-checkbox,
.customChoice span.ui-radio {
display: block;
float: left;
width: 12px;
height: 12px;
background: url(images/smallCheckboxUnChecked.gif) no-repeat 0 0;
margin-top:0.5em;
}

.customChoice span.ui-checkbox-state-checked, 
.customChoice span.ui-checkbox-state-checked-hover {
background: url(images/smallCheckboxChecked.gif) no-repeat 0 0;  
}

span.ui-helper-hidden { display: none; }
span.ui-checkbox-hover { background: url(images/checkboxUnchecked.png) no-repeat 0 0; }
span.ui-checkbox-state-checked { background: url(images/checkboxChecked.png) no-repeat 0 0; }
span.ui-checkbox-state-checked-hover { background: url(images/checkboxChecked.png) no-repeat 0 0; }
 
/* END CUSTOM CHECKBOXES //////////////////////////////////////////////////////////////////////////// */
/* START NEWSARCHIVE  /////////////////////////////////////////////////////////////////////////////// */

div.newsArchive h4 {
margin-bottom: 0.7em;
font-weight: bold;
}

div.newsArchive dl { padding: 0 0 1.5em 0; }
div.newsArchive dl dd { line-height: 1.4em; }
div.newsArchive dl dt { font-size: 1.1em; }
div.newsArchive dl img { float: right; margin-bottom: 5px;}

/* END NEWSARCHIVE ////////////////////////////////////////////////////////////////////////////////// */
/* START EPI CSS (se editor.css) //////////////////////////////////////////////////////////////////// */

span.linkInfo { color: #999; font-size: 0.8em; }
img.fullWidth { margin: 0.3em 0 0 0; }
img.contentPicture { clear: both; display: block; }
img.leftContentPicture { float: left; padding: 0.25em 1.5em 0 0; }
img.rightContentPicture { float: right; padding: 0.25em 0 0 1.5em; }

/* START TABELLER TILL COOPS WEBBREDAKTION ////////////////////////////////////////////////////////////////////////// */

/* Generella regler för samtliga fyra tabeller */
div.inspirationTeaser table { margin: 0 0 2em 0; }
div.inspirationTeaser table caption { padding-bottom: 0.5em; }
div.inspirationTeaser table tr td span.textField input { width: 61px; }

div.inspirationTeaser table th {
padding: 1em 2em 0.5em 0;
white-space: nowrap;
}

div.inspirationTeaser table td {
font-size: 1.3em;
padding: 0 2em 0.5em 0;
vertical-align: top;
}

div.inspirationTeaser table td.last { padding-right: 0.3em; }

/* Tabell för recept */
table.recept tr td { width: 124px; padding-right: 20px; }
table.recept tr td p { margin: 0.3em 0 0.1em 0; }

/* Layouttabell */
table.layout { width: 100%; }
table.layout tr td { padding: 0; }
table.layout tr td img { padding: 0.24em 1.4em 0 0; margin-bottom: 1em; }

/* Helfylld bakgrundstabell med vita ränder */
table.backgroundModule { background-color: #f9f8f6; }
table.backgroundModule tr.emphasize th,
table.backgroundModule tr.emphasize td { background-color: #fff; }
table.backgroundModule tr th,
table.backgroundModule tr td { padding: 0.3em 0.6em 0.3em 0.7em; }

/* Helfylld bakgrundstabell */
table.solidBackground { background-color: #f9f8f6; border-collapse:separate; border: 8px solid #f9f8f6; border-top: 4px solid #f9f8f6; }
table.solidBackground tr th { padding: 8px; }
table.solidBackground tr td { padding: 4px 8px 8px 8px; }

.facts dl { margin-bottom: 0.4em; }
.facts dl dt { font: bold 13px Arial, Helvetica, sans-serif; }
.facts dl dd { font: normal 13px Arial, Helvetica, sans-serif; }

.facts table.layout td,
.facts table.layout td p,
.facts table.layout td li,
.facts table.layout td a,
.facts table.layout td span,
.facts table.layout th { font-size: 12px !important; line-height: 16px; }

.facts table.layout td h3 { font-size: 15px !important; }
.facts table.layout td h6 { font-size: 12px !important; }
.facts img.rightContentPicture { float: right; padding: 0.25em 0 0.25em 1.5em; }

/* SLUT TABELLER TILL COOPS WEBBREDAKTION /////////////////////////////////////////////////////////////////////////// */
/* SLUT EPI CSS (se editor.css) ///////////////////////////////////////////////////////////////////////////////////// */
/* START SECONDARY NAVIGATION /////////////////////////////////////////////////////////////////////////////////////// */

div.areaNavigation {
background-color: Transparent;
xxxfloat: left;
width: 100%;
}

div.areaNavigation h3 {
background: url(images/areaNavigationExpand.gif) no-repeat left top;
color: #fff;
font: bold 1.3em Arial, Helvetica, sans-serif;
margin-bottom: 1px;
padding-top: 4px;
}

div.areaNavigation h3 a {
background: url(images/areaNavigationExpand.gif) no-repeat left bottom !important;
color:#fff !important;
padding: 0.15em 0 0.5em 0.6em;
}    

/* 1:a nivån */
div.areaNavigation ul { margin-bottom: 1.9em; }

div.areaNavigation ul li {
background: url(images/areaNavigationExpand.gif) no-repeat -1105px top;
list-style-type:none;
margin-bottom: 1px;
padding-top: 4px;
}

div.areaNavigation ul li a {
background: url(images/areaNavigationExpand.gif) no-repeat -1105px bottom;
color: #186202;
font: bold 1.3em Arial, Helvetica, sans-serif;
padding: 0.15em 0.2em 0.54em 0.6em;
}

div.areaNavigation ul li.on { background: url(images/areaNavigationExpand.gif) no-repeat -4420px top; }
div.areaNavigation ul li.on a { background: url(images/areaNavigationExpand.gif) no-repeat -4420px bottom; }
div.areaNavigation ul li.parent { background: url(images/areaNavigationExpand.gif) no-repeat -3315px top; }
div.areaNavigation ul li.parent a { background-image: none !important; }
div.areaNavigation ul li.on.parent { background: url(images/areaNavigationExpand.gif) no-repeat -2210px top; }

div.areaNavigation ul li a:hover {
color: #6a9e5a;
text-decoration: none;
}

/* 2:a nivån start */
div.areaNavigation ul li ul { margin: 0 0 0 1.3em; }

div.areaNavigation ul li ul li {
background-image: none !important;
border-bottom: 1px solid #ecf4e1;
margin-bottom: 0;
}

div.areaNavigation ul li ul li a,
div.areaNavigation ul li.parent ul li a,
div.areaNavigation ul li.on ul li a { 
font: bold 1.2em Arial, Helvetica, sans-serif;
padding: 3px 0 7px 0.6em;
}

div.areaNavigation ul li ul li.on { border-bottom: 0; }
div.areaNavigation ul li ul li.on a { text-decoration: underline; }

/* 3:e nivån start */
div.areaNavigation ul li ul li ul {
border-top: 1px solid #ecf4e1;
margin: 0 0 0 2.4em;
}

div.areaNavigation ul li ul li ul li { border-bottom: 0; }
div.areaNavigation ul li ul li ul li.current a { text-decoration: underline !important; }

div.areaNavigation ul li ul li ul li a,
div.areaNavigation ul li ul li.on ul li a { 
border-bottom: 1px solid #ecf4e1;
padding: 0.25em 0 0.6em 0;
}

div.areaNavigation ul li ul li.last.on a,
div.areaNavigation ul li ul li.last,
div.areaNavigation ul li ul li ul li.last {
border-bottom: 0;
}

div.areaNavigation ul li ul li.on ul li a { text-decoration: none; }
div.areaNavigation ul li ul li ul li a:hover { text-decoration: underline; }

/* Grön = Default, inga övriga klasser behövs *//* Blå - Medlemmarnas Coop */
div.areaNavigation.cooperative h3 { background-position: -221px top; }
div.areaNavigation.cooperative h3 a { background-position: -221px bottom !important; }
div.areaNavigation.cooperative ul li { background-position: -1326px top; }
div.areaNavigation.cooperative ul li a { background-position: -1326px bottom; }
div.areaNavigation.cooperative ul li.on { background-position: -4641px top; }
div.areaNavigation.cooperative ul li.on a { background-position: -4641px bottom; }
div.areaNavigation.cooperative ul li.on.parent { background-position: -2431px top; }
div.areaNavigation.cooperative ul li.parent { background-position: -3536px top; }
div.areaNavigation.cooperative ul li a { color: #1482b5; }
div.areaNavigation.cooperative ul li a:hover { color: #6bc5ee; text-decoration: none; }
div.areaNavigation.cooperative ul li ul li ul li a:hover { text-decoration: underline; }

/* Lila - MedMera-kortet */
div.areaNavigation.medMera h3 { background-position: -442px top; }
div.areaNavigation.medMera h3 a { background-position: -442px bottom !important; }
div.areaNavigation.medMera ul li { background-position: -1547px top; }
div.areaNavigation.medMera ul li a { background-position: -1547px bottom; }
div.areaNavigation.medMera ul li.on { background-position: -4862px top; }
div.areaNavigation.medMera ul li.on a { background-position: -4862px bottom; }
div.areaNavigation.medMera ul li.on.parent { background-position: -2652px top; }
div.areaNavigation.medMera ul li.parent { background-position: -3757px top; }
div.areaNavigation.medMera ul li a { color: #6c46a0; }
div.areaNavigation.medMera ul li a:hover { color: #be9fe8; text-decoration: none; }
div.areaNavigation.medMera ul li ul li ul li a:hover { text-decoration: underline; }

/* Rosa - Mina Sidor  */
div.areaNavigation.myPages h3 { background-position: -663px top; }
div.areaNavigation.myPages h3 a { background-position: -663px bottom !important; }
div.areaNavigation.myPages ul li { background-position: -1768px top; }
div.areaNavigation.myPages ul li a { background-position: -1768px bottom; }
div.areaNavigation.myPages ul li.on { background-position: -5083px top; }
div.areaNavigation.myPages ul li.on a { background-position: -5083px bottom; }
div.areaNavigation.myPages ul li.on.parent { background-position: -2873px top; }
div.areaNavigation.myPages ul li.parent { background-position: -3978px top; }
div.areaNavigation.myPages ul li a { color: #cd5573; }
div.areaNavigation.myPages ul li a:hover { color: #e995aa; text-decoration: none; }
div.areaNavigation.myPages ul li ul li ul li a:hover { text-decoration: underline; }

/* Orange - Recept & mat */
div.areaNavigation.recipe h3 { background-position: -884px top; }
div.areaNavigation.recipe h3 a { background-position: -884px bottom !important; } 
div.areaNavigation.recipe ul li { background-position: -1989px top; }
div.areaNavigation.recipe ul li a { background-position: -1989px bottom; }
div.areaNavigation.recipe ul li.on { background-position: -5304px top; }
div.areaNavigation.recipe ul li.on a { background-position: -5304px bottom; }
div.areaNavigation.recipe ul li.on.parent { background-position: -3094px top; }
div.areaNavigation.recipe ul li.parent { background-position: -4199px top; }
div.areaNavigation.recipe ul li a { color: #a85e03; }
div.areaNavigation.recipe ul li a:hover { color: #dca25a; text-decoration: none; }
div.areaNavigation.recipe ul li ul li ul li a:hover { text-decoration: underline; }

/* SLUT SECONDARY NAVIGATION //////////////////////////////////////////////////////////////////////////////////////// */
/* START KRUKVÄXTER TEASER ////////////////////////////////////////////////////////////////////////////////////////// */

div.teaserWithoutInner { padding-bottom: 0.9em; }
div.teaserWithoutInner p { padding: 0 0 0 1.6em; }

fieldset#plants label {
display: inline;
margin: 0 0.6em 0 0;
}

fieldset#plants legend { padding-top: 4px; }
fieldset#plants label img { display: inline; }
fieldset#plants input { float: none; }
fieldset#plants #sliderBg { background: url(images/sliderBackground.png) no-repeat 0 0; }
fieldset#plants .slideContainer { width: 173px; }
fieldset#plants div { position: relative; }
div.teaser div.formTeaser.plantsTeaser { padding-bottom: 0.7em; }
div.plantsTeaser label { margin-top: 18px; }
div.plantsTeaser span.button input {  padding: 0.5em 3.4em 0.55em 2.9em; }

fieldset#plants .ui-slider-handle {
background: url(images/sliderPointer.png) no-repeat 0 0;
width: 11px;
height: 19px;
}

fieldset#plants .sliding input { /* For non JavaScript users */
position: absolute;
left: -999em;
}

/* END KRUKVÄXTER TEASER //////////////////////////////////////////////////////////////////////////////////// */
/* START STOREOFFER TEASER ////////////////////////////////////////////////////////////////////////////////// */

.teaser label { font-size: 1.2em; }
 
fieldset#storeSearch span.textField {
margin-bottom: 0;
padding-right: 0.9em;
}

fieldset#storeSearch span.button input { padding-right: 0.4em; }

fieldset#storeSearch span.button,
fieldset#personalPage span.button {
margin-bottom: 0;
padding-left: 4px;
}

fieldset#storeSearch input, 
fieldset#storeSearch span {
width: 80px;
}

fieldset#personalPage .formContainer {
float: left;
margin: 0 0 1em 1.8em;
width: 79px;
}

.formContainer span.textField { margin-bottom: 0 !important; }

/* END STOREOFFER TEASER /////////////////////////////////////////////////////////////////////////////////////////// */
/* START X-FORMS /////////////////////////////////////////////////////////////////////////////////////////////////// */

.xFormWrapper { padding: 20px; }
.xFormWrapper table td { font-size: 1.3em; padding-right: 5px; }
.xFormWrapper table td label { float: left;  font: normal 1.0em Arial, Helvetica, sans-serif; margin-right: 20px; width:85%; }
.xFormWrapper table td legend { font: bold 1.0em Arial, Helvetica, sans-serif; margin-bottom: 0.85em; white-space: normal; }
.xFormWrapper table td select { font: normal 13px Arial, Helvetica, sans-serif; margin-top: -3px; width: auto; }
.xFormWrapper table td span { float: left; margin-bottom: 10px; }
.xFormWrapper table td input { border: 1px solid #ccc; color: #000; float: left; margin: 1px 4px 0 0; padding: 2px 5px 5px 4px; }
.xFormWrapper table td input[type=checkbox],
.xFormWrapper table td input[type=radio] { border: 0; }
.xFormWrapper table td input[type=submit] { background-color: #4c7b04; border: 0; color: #fff; font: bold 13px Arial, Helvetica, sans-serif; }
.xFormWrapper table td textarea { border: 1px solid #ccc; margin-bottom: 1.4em; width: 300px; }
.xFormWrapper .compulsory { float: left; }
.xFormWrapper .compulsory:after { color: #ff0000; content: " *" }
.xFormWrapper br { clear:both; }

/* SLUT X-FORMS //////////////////////////////////////////////////////////////////////////////////////////////////// */
/* START SIDFOT //////////////////////////////////////////////////////////////////////////////////////////////////// */

div.footer div.pane {
background-color: #eff5e5;
padding: 0.4em 1em 1.5em 0 !important; 
}

div.footer div.storeOffer,
div.footer a,
div.footer p,
div.footer strong {
font-size: 1.1em;  
}

div.footer dl {
border-bottom: 1px solid #efefee;
clear: both;
overflow: auto;
margin-bottom: 1.3em;
}

div.footer dl.last { border-bottom: 0; }
div.footer dl.last dt a { display: inline; }
div.footer dl dt span a { margin-left: 0.5em; }

div.footer dl dt {
font: bold 1.2em Arial, Helvetica, sans-serif;
margin-bottom: 1em;
}

div.footer dl dd {
float: left;
margin: 0 1.6em 0  0em;
padding-bottom: 1.5em;
}

div.footer div.module { margin-bottom: 1.1em; }
div.footer h6 { margin-bottom: 0.55em; }
div.footer ul li.last { float: right; }

div.footer div.contact { /* se ie6.css */
background: url(images/bubbles.gif) no-repeat 0 -373px;
padding: 1.2em 0 3.3em 1.2em;
}

div.footer p a,
div.becomeMember strong,
div.contact p,
div.contact a,
div.contact h4,
div.shop p {
color: #fff;
}

div.footer div.contact p { margin-bottom: 0; }
div.footer div.contact a { display: inline; }
div.footer div.contact .underline { text-decoration:underline; }

div.footer div.becomeMember,
div.footer div.myShop {
padding: 0.7em 0 1em 0.9em;
position: relative;
}

img.outsideBox {
position: absolute;
top: -12px;
right: 0;
}

div.footer div.becomeMember p {
margin: 0;
width: 11.6em;
}

div.footer ul.endCredits {
border-top: 1px solid #efefee;
clear: both;
margin-top: 1.5em;
padding-top: 1.2em;
}

div.footer ul.endCredits li {
color: #666;
font: normal 1.1em Arial, Helvetica, sans-serif;
float: left;
list-style: none;
padding: 0 0.3em 0;
}

div.footer ul.endCredits li a {
color:#719d30;
font-size: 1.0em;
display: inline; 
padding-right: 0.5em; 
}

div.footer div.add { overflow: hidden; }

div.footer fieldset.contactUs {
background-image: none;
height: auto;
padding: 0 0.9em 1.8em 1em;
}

div.footer fieldset.contactUs span.inputField input { width: 12.6em; }

div.footer div.add p,
div.footer div.find p {
font-size: 1.3em;
padding: 1.1em 2em 0 0.8em;
} 

div.find fieldset.contactUs span.inputField { background: url(images/bgInput.gif) no-repeat 0 -193px; }
div.find fieldset.contactUs span.inputField input { background: url(images/bgInput.gif) no-repeat right -193px; } 


/* SLUT SIDFOT ///////////////////////////////////////////////////////////////////////////////////////////////////// */
/* START VCARD TILL BUTIK ////////////////////////////////////////////////////////////////////////////////////////// */

div.storeOffer .vcard .fn,
div.storeOffer dl dt {
font-weight: bold;
margin-bottom: 0;
}

div.vcard { margin: 0 0 0.8em 0.85em; }
div.storeOffer .vcard div { overflow: auto ; }
div.storeOffer { font-size: 1.3em; }

div.storeOffer dl dd {
float: none;
padding-bottom: 0;
}

div.postal-code,
span.locality {
float: left;
padding-right: 0.4em;
}

div.storeOffer dl.storeOffer {
border-bottom: 0;
margin: 0 0 0 0.85em;
}

/* SLUT VCARD TILL BUTIK /////////////////////////////////////////////////////////////////////////////////////////// */
/* START FÖRSTASIDESPUFFAR I COLUMN12 ////////////////////////////////////////////////////////////////////////////// */
div.generalModule
{
	margin: 0 0 1em;
}

div.generalModule.noBg
{
	 margin-top: 2em; 
}
div.generalModule h4
{
	color: #a581d7;
	margin: 0 0 0.8em 0 !important;
}
div.generalModule p
{
	margin: 0 0 1em;
}
div.generalModule p a
{
	padding-top: 0.3em !important;
	display:block !important;
}
div.generalModule a.change
{
	margin: 0 !important;
}

div.medMera.generalModule,
div.myPages.generalModule,
div.shop.generalModule,
div.recipe.generalModule,
div.cooperative.generalModule
{
	padding: 2em;    
}

div.generalModule.medMera.pale a,
div.generalModule.myPages.pale a,
div.generalModule.shop.pale a,
div.generalModule.recipe.pale a,
div.generalModule.cooperative.pale a
{
	color: #61A100;
}

div.generalModule.pale ul, div.generalModule.noBg ul
{
	list-style-type: none !important;
}
div.generalModule.pale ul li, div.generalModule.noBg ul li
{
	background: url('Images/bullet.gif') no-repeat 0 50% !important;
	margin-left: 0;
	padding-left: 20px;
	color: #000 !important;
}

div.generalModule.medMera ul li,
div.generalModule.myPages ul li,
div.generalModule.shop ul li,
div.generalModule.recipe ul li,
div.generalModule.cooperative ul li,
div.generalModule.medMera a,
div.generalModule.myPages a,
div.generalModule.shop a,
div.generalModule.recipe a,
div.generalModule.cooperative a
{
	color: #fff;
	background: none;
}
div.medMera.generalModule a.change, .loginModule.medMera a.change{background:url(Images/linkArrowMedMera.gif) no-repeat 0 0;}
div.myPages.generalModule a.change, .loginModule.myPages a.change{background:url(Images/linkArrowMyPages.gif) no-repeat 0 0;}
div.shop.generalModule a.change, .loginModule.shop a.change{background:url(Images/linkArrowShop.gif) no-repeat 0 0;}
div.recipe.generalModule a.change, .loginModule.recipe a.change{background:url(Images/linkArrowRecipe.gif) no-repeat 0 0;}
div.cooperative.generalModule a.change, .loginModule.cooperative a.change{background:url(Images/linkArrowCooperative.gif) no-repeat 0 0;}

div.medMera.generalModule.pale a.change,
div.myPages.generalModule.pale a.change,
div.shop.generalModule.pale a.change,
div.recipe.generalModule.pale a.change,
div.cooperative.generalModule.pale a.change,
div.loginModule.medMera.pale a.change,
div.loginModule.myPages.pale a.change,
div.loginModule.shop.pale a.change,
div.loginModule.recipe.pale a.change,
div.loginModule.cooperative.pale a.change {
background: url(images/spriteIcon.png) no-repeat left -85px;
}

div.generalModule img {
margin-bottom: 1em;    
}

/* SLUT FÖRSTASIDESPUFFAR I COLUMN12 ////////////////////////////////////////////////////////////////////////////// */
/* START E-KUPONG ///////////////////////////////////////////////////////////////////////////////////////////////// */

div.eCoupon h4
{
	margin: 0 0 0.8em 1.35em;
	float: left;
	width: 19em;
}
div.eCoupon .column6
{
	width: 30em;    
}
div.eCoupon .figure
{
	float: left;
	position: static;
}
div.eCoupon strong, div.eCoupon span.couponInfo a
{
	display: inline;
	font-size: 1em;
}
div.eCoupon span.couponInfo a:hover{text-decoration: underline;}
div.eCoupon span.couponInfo
{
	display: block;
	float: right;
	font-size: 1.1em;
	margin-right: 2em;
	margin-top: 0.3em;
}
div.eCoupon > p {
clear: left;
margin: 0 0 1em 1.8em;
min-height: 48px;
width: 73%;   
}
div.eCoupon p.disclaimer {
font-size: 0.9em;
margin-left: 2.5em;
width: 90%;
}

div.eCoupon span.button { /* Se ie7.css */
float: right;
margin: 0 2em 0 0;    
}

div.eCoupon dl.image
{
	overflow: hidden;
}

div.eCoupon .image dd dt {
color: #B40021;
font: normal 24px/24px 'LindhamforCoopCondensedClean', Arial, Helvetica, sans-serif;
margin-bottom: 0.5em;
}

div.eCoupon .image dd dd {
padding: 0;  
font-weight: bold;
font-size: 0.92em;
width: 100%;
}

div.eCoupon .image dd dd h6
{
	font-size: 1.1em;
	margin-top: 1em;
}
div.eCoupon .image dd dd a.showStores
{
	font-size: 1.07em;
	font-weight: normal;
}

.eCouponList h1 {
font-size: 2.5em;
margin-bottom: 0.4em;
}

.eCouponList div.preamble p {
font-size: 1.3em;
margin-bottom: 7px;
}

.couponList span.validity {
display: block;
font: bold 12px Arial, Helvetica, sans-serif;
}

img.troll-LMR {
float:right;
margin: -41px 0 0 0;
}

div.eCoupon img.troll-LMR {
margin: 0;
position: absolute;
top: 40px;
right: 20px;
}

div.couponList img.troll-LMR {
margin: 0;
float: right;
}

div.used .coupon a span {
color: #666;
}

div.used .medMera {
background-color: #ededed;
}

div.used .coupon a:link, 
div.used .coupon a:visited,
div.used .coupon a:hover { /* Ihopfällt erbjudande (i översikten under fliken Aktuella) */
background-position: 636px -443px !important;
}

.used .coupon.active a:link,
.used .coupon.active a:visited,
.used .coupon.active a:hover { /* Utfällt erbjudande (i översikten under fliken Aktuella) */
background-position: 636px -557px !important;
}

.used span.product,
.used span.store,
.used span.validity {
text-decoration: line-through;
}

table.used {
margin: 6px 0 2px 0;
width: 100%;
}

table.used th {
font: bold 1.2em Arial, Helvetica, sans-serif;
padding: 10px 0 11px 0;
}

table.used td {
border-bottom: 1px solid #f1f1f1;
font: normal 1.1em Arial, Helvetica, sans-serif;
padding: 8px 0 7px 0;
}

table.used td.erbjudande {
padding-left: 14px;
}

table.used td.eco {
background: url(images/iconEco.gif) no-repeat 0 10px;
padding-left: 14px;
}

.eCouponList ul.tabs
{
	list-style-type: none;
	background: url('Images/tabWrapperTop.png') no-repeat 0 100%;
	margin-left: 2px;
}
.eCouponList ul.tabs li
{
	background: url('Images/tabLeft.png') no-repeat 0 0;
	float: left;
	margin-right: 1px;
}
.eCouponList ul.tabs li.active
{
	background: url('Images/tabLeft_active.png') no-repeat 0 0;
}
.eCouponList ul.tabs li a
{
	background: url('Images/tabRight.png') no-repeat 100% 0;
	height: 25px;
	padding: 11px 15px 0px;
	color: #555249;
	font-weight: bold;
	text-decoration: none;
}
.eCouponList ul.tabs li.active a
{
	background: url('Images/tabRight_active.png') no-repeat 100% 0 !important;
}
.eCouponList #couponWrapper
{
	padding-top: 1.5em;
	background: url("images/weekMenuBg.gif") repeat-y 0 0;
}

.eCouponList
{
	background: url("images/weekMenuBottom.gif") no-repeat 0 100%;
	padding-bottom: 8px;
}
#couponWrapper .column5 p
{
	font-weight: bold;
}

.eCouponList .couponSearch .textField,
.couponInput
{
	background: url('Images/couponFilterLeft.png') no-repeat 0 0;
	float: left;
	width: 190px;
}
.eCouponList .couponSearch .textField input,
.couponInput input
{
	background: url('Images/couponFilter.png') no-repeat 100% 0;
	padding: 10px 5px 0;
	height: 29px;
	width: 217px;
}
.couponInput input.quantity, .couponInput input.unit, .couponInput input.name
{
	background: url('Images/couponFilter.png') no-repeat 100% 0;
	padding: 10px 5px 0;
	height: 29px;
}
.couponInput input.quantity, .couponInput input.unit
{
	width: 22px;		
}
.eCouponList .wrapper
{
	clear: both;
	border-top: 1px solid #f1f1f1;
	margin: 2em 2em;
	padding-top: 0.7em;
}
.eCouponList .wrapper h3
{
	margin-bottom: 1em;
}

.eCouponList .product, .eCouponList .store, .eCouponList .validity
{
	float: left;
	font-weight: bold;
	font-size: 1.2em;
	padding-bottom: 0.7em;
}
.eCouponList .product
{
	width: 24em;
	padding-left: 0.7em;
}

.eCouponList .product.eco {
background: url(Images/iconEcoErbjudanden.png) no-repeat 0 0;
padding-left: 18px;
width: 22.5em;
}

.eCouponList .store
{
	width: 18em;
}
.eCouponList .coupon
{
	clear:both;
	margin-top: 1px;
}
.eCouponList .coupon a:link, .eCouponList .coupon a:visited, .eCouponList .coupon a:hover
{
	color: #fff !important;
	font-size: 1em;
	font-weight: bold;
	text-decoration: none;
	padding: 10px;
	background: url('Images/couponSprite.gif') no-repeat 636px 10px;
}
.eCouponList .active a.couponLink
{
	background: url('Images/couponSprite.gif') no-repeat 636px -108px !important;
}
.eCouponList .coupon a span
{
	color: #fff;
	padding: 0;
}
.eCouponList .couponInfo
{
	padding: 10px;
}
.eCouponList .couponInfo dt {
float: left;
width: 85px;
margin-right: 10px;
text-align:center;
}
.eCouponList .couponInfo dt img
{
    display:inline;
}
.eCouponList .couponInfo dd
{
	float: left;
	width: 300px;
}

.eCouponList .couponInfo dd strong {
font-size: 1.1em;
margin-bottom: 0.6em;
}

.eCouponList .couponInfo dd p {
font-size: 10px;
margin-bottom: 0;
}

.eCouponList .couponInfo dd.buttons
{
	width: 181px;
	margin-left: 64px;
}
.eCouponList .couponInfo dd a.couponAction
{
	background: url('Images/couponSprite.gif') no-repeat 0 -240px !important;
	height: 19px;
	width: 181px;
	text-align: center;
	text-transform: uppercase;
	font: bold 1.1em Arial,Helvetica,sans-serif;
	padding-top: 7px;
	margin-bottom: 10px;
}
.eCouponList .couponInfo dd a.added:link, .eCouponList .couponInfo dd a.added:visited, .eCouponList .couponInfo dd a.added:hover
{
	text-decoration: none;
	background: url('Images/couponSprite.gif') no-repeat 0 -274px !important;
	color: #c2c2c2 !important;
}
.store select
{
	width: 16em;
	font: bold 0.8em Arial,Helvetica,sans-serif;
}

.ingredient span.hasCoupon {
color: #ea0000;
}

span.hasCoupon img,
.shoppingList.ingredients dl dt span.hasCoupon img {
float:none;
display:inline;
margin: 0 0 0 2px;
position: relative;
top: 1px;
}

.ingredient div.disclaimer
{
	font-size: 1.2em;
	font-style: italic;
}

/* START E-KUPONG PÅ RECEPT SIDAN */

.eCouponTeaser {
    background: #FBE1E2;-moz-border-radius: 9px;-webkit-border-radius: 9px;border-radius: 9px;
    -moz-box-shadow: inset 0 5px 9px #F3D9DA;
    -webkit-box-shadow: inset 0 5px 9px #F3D9DA;
    box-shadow: inset 0 5px 9px #F3D9DA;
}
.ingredient .eCouponTeaser{}
.ingredient .offerContainer {position: absolute;width: 340px;margin:0 0 0 -25px;padding-bottom:8px;}
.ingredient .offerContainer .box{-moz-box-shadow: 0 0 18px 4px #BBB;-moz-border-radius: 9px;-webkit-border-radius: 9px;border-radius: 9px;
-webkit-box-shadow: 0 0 18px 4px #BBB;
box-shadow: 0 0 18px 4px #BBB;
}
.ingredient .offerContainer .arrow {width: 0;height: 0;border-left: 12px solid transparent;border-right: 12px solid transparent;border-top: 15px solid #FBE1E2;margin-left:160px;}
.ingredient .offerContainer .module{margin:0 !important;}
.eCouponTeaser dl {margin: 10px 0 0 15px;overflow: hidden;}
.eCouponTeaser dd {float: left;width: 225px;}
.eCouponTeaser dt img {display:inline;}
.eCouponTeaser dt.img {line-height:85px;text-align:center;align:middle;}
.eCouponTeaser dt {height:85px;background:white;line-height:80px;}
.eCouponTeaser dd dt{text-align:left;height:auto;background:transparent;}
div.eCouponTeaser dd dt {width: 100%;font: normal 24px/24px 'LindhamforCoopCondensedClean', Arial, Helvetica, sans-serif;}
div.eCouponTeaser dd dt span {display:block;font: normal 10px/10px Arial, Helvetica, sans-serif;color:#EB1F28;margin-bottom:3px;}
div.eCouponTeaser dd dd {font-size: 11px;}
div.eCouponTeaser dl dl {margin:0 0 0 10px;}
div.eCouponTeaser dd dd a {padding-top: 5px;font-size: 11px;font-weight: bold;}
div.eCouponTeaserBottom {height: 10px;}
.eCouponTeaser dt {float: left;width: 85px;}
div.eCouponTeaser dd dt {color: #EB1F28;font-weight: bold;}


/* SLUT E-KUPONG PÅ RECEPT SIDAN */

.konsum {
background: url(/Images/logoCoopKonsum.gif) no-repeat 0 0;
padding: 10px 0 5px 52px;
}

.forum {
background: url(/Images/logoCoopForum.gif) no-repeat 0 0;
padding: 10px 0 5px 52px;
}

.nara {
background: url(/Images/logoCoopNara.gif) no-repeat 0 0;
padding: 10px 0 5px 52px;
}

.bygg {
background: url(/Images/logoCoopBygg.gif) no-repeat 0 0;
padding: 10px 0 5px 43px;
}

.extra {
background: url(/Images/logoCoopExtra.gif) no-repeat 0 0;
padding: 10px 0 5px 43px;
}

/* SLUT E-KUPONG ////////////////////////////////////////////////////////////////////////////////////////////////// */
/* START ERBJUDANDEN ÄR GILTIGT I FÖLJANDE BUTIKER //////////////////////////////////////////////////////////////// */

#availableIn.ajax { background: url(Images/shoppingAddTop.png) no-repeat 0 0; padding: 17px 0 0; width: 295px; }
#availableIn.ajax .content { background: url(Images/shoppingAddMiddle.png) repeat-y 0 0; padding: 0 0 0 36px; }
#availableIn.ajax .bottom { background: url(Images/shoppingAddBottom.png) repeat-y 0 0; height:16px; width:295px; }
#availableIn h6 { font-size: 1.5em; padding-bottom: 0.3em; }
#availableIn a.close { background: url(Images/shoppingClose.gif) no-repeat 0 0; height: 14px; position: absolute; right: 17px; top: 15px; width: 14px; }
#availableIn .wrapStoreList { border: 1px solid #ccc; font: normal 12px/14px Arial, Helvetica, sans-serif; min-height: 40px;max-height:70px; margin-bottom: 10px; padding: 5px; overflow: auto; width: 210px; }
/* SLUT ERBJUDANDEN ÄR GILTIGT I FÖLJANDE BUTIKER ///////////////////////////////////////////////////////////////// */

/* START INKÖPSLISTA ////////////////////////////////////////////////////////////////////////////////////////////// */
#lBoxShoppingList.ajax, .lBoxCouponPopup.ajax{padding: 17px 0 0;}
#lBoxShoppingList, .lBoxCouponPopup{padding: 17px 0 0 10px;}
#lBoxShoppingList .content, .lBoxCouponPopup content{padding:0 0 0 30px;}
#lBoxShoppingList select, .lBoxCouponPopup select{display:block;width:216px;float:none;}
#lBoxShoppingList ul.dropDownShoppingList, .lBoxCouponPopup ul.dropDownShoppingList{width:233px !important;}   
#lBoxShoppingList.ajax, .lBoxCouponPopup.ajax{padding: 17px 0 0;background:url('Images/shoppingAddTop.png') no-repeat 0 0;width: 295px;}
#lBoxShoppingList.ajax .content, .lBoxCouponPopup.ajax .content{background:url('Images/shoppingAddMiddle.png') repeat-y 0 0;padding:0 0 0 36px;}
#lBoxShoppingList.ajax .bottom, .lBoxCouponPopup.ajax .bottom{background:url('Images/shoppingAddBottom.png') repeat-y 0 0;width:295px;height:16px;}
#lBoxShoppingList h6, .lBoxCouponPopup h6{font-size:1.5em;padding-bottom:1em;}
#lBoxShoppingList a.close, div.lBoxCouponPopup a.close {position:absolute;right:17px;top:15px;width:14px;height:14px;background:url('Images/shoppingClose.gif') no-repeat 0 0 !important;}
#lBoxShoppingList .button, .lBoxCouponPopup .button{margin:1em 0;}
#lBoxShoppingList .button input, .lBoxCouponPopup .button input{width:216px;}
#lBoxShoppingList,.lBoxCouponPopup{display:none;}
#addToShoppingList{margin-bottom:1em;}

.weekMenu .warning{display:none;}
.add label{display:block;margin:1em 0 -0.3em;font-size:1.2em;}
.add input{color:#999999;}
.shoppingList fieldset { float: left; }
.shoppingList fieldset.first { margin-left: 1em; }
.shoppingList fieldset label { font-size: 11px; margin-left: 5px; }
.shoppingList fieldset span.button { margin-top: 15px; }
.shoppingList .formTeaser .dropDownShoppingList{margin:0 0 0.5em 0;}
.shoppingList .formTeaser .buttonSmall{margin-bottom:0.5em;}
div.shoppingList div.innerColumn{padding:1em 0.6em;}
.shoppingList div.eCoupon .image dt img{width:45px;}
.shoppingList div.eCoupon .image dd {width:64%;padding-right:0;}
.shoppingList div.eCoupon .image dd dt{font-size:1em;}
.shoppingList div.eCoupon .image dd dd{width:100%;}
.shoppingList div.eCoupon .image dd dd a{margin-top:0.5em;}
.shoppingList div.eCoupon .image dd dd .button{background: url('Images/bubbleBtnLeft.gif') no-repeat 0 0;height:18px;width:auto;margin-left:5px;margin:0.5em 0 0;float:left;}
.shoppingList div.eCoupon .image dd dd .button a{background: url('Images/bubbleBtnRight.gif') no-repeat 100% 0;height:15px;font-size:10px;padding:3px 4px 0 1px;margin:0;text-transform:none;font-weight:normal;}
.shoppingList div.eCoupon .image dd dd .button input { background: url(Images/bubbleBtnRight.gif) no-repeat 100% 0; height: 18px; font: normal 11px Arial, Helvetica, sans-serif; padding: 0 4px 2px 0; text-transform: none; }
.column4 .formTeaser select { width: 180px; }

/* NOT USED AT THE MOMENT */
#lightBox{position:absolute;top:0;left:0;width:100%;height:100%;background:transparent;background:rgba(0,0,0,0.5);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#7F000000,endColorstr=#7F000000);zoom:1;z-index:50;}
#lightBox a{display:block;height:100%;width:100%;}
/* END NOT USED */
.toolbox{float:left;margin-top:17px;}
.toolbox a{background:url('Images/iconEdit.gif') no-repeat 0 0;display:block;width:12px;height:12px;float:left;margin: 0 10px 0 0;padding:0;font-size:0;}
.toolbox a.remove, .toolbox input.remove{background:url('Images/iconDelete.gif') no-repeat;width:9px;}
li div.toolbox { float: right; margin: 2px 0 0 0; }
li div.toolbox a { margin-right: 0; }
.toolbox a.edit{background:url('Images/iconEdit.gif');}
.toolbox a.duplicate{background:url('Images/iconDuplicate.gif');}
.shoppingList h1{float:left;margin-right:20px;font-size:2.5em;}
.neutral.shoppingList{padding:1.5em;}
.neutral.shoppingList ul{width: 269px;margin:1em 0 0 1.5em;list-style-type:disc;list-style-position:outside;float:left;}
.neutral.shoppingList ul.first{margin-right: 6em;}
.neutral.shoppingList li{font-size:1.3em;padding:0 5px 5px 0;position:relative;}
.neutral.shoppingList li a{font-weight:bold;font-size:1em;}
.neutral.shoppingList .toolbox{position:absolute;top:2px;right:-20px;margin-top:0;}
.couponInput{padding-left:5px;}
.couponInput input{width:305px;font-size:1.3em;padding:5px 5px 4px;}
.inputAmount,.inputUnit{width:60px;}
.couponInput input.quantity {width:35px;font-size:1.3em;padding:5px 5px 4px; margin: 0px 5px 0px 0px;}
.couponInput input.unit {width:35px;font-size:1.3em;padding:5px 5px 4px; margin: 0px 5px 0px 0px;}
.couponInput input.name {width:167px;font-size:1.3em;padding:5px 5px 4px; margin: 0px 5px 0px 0px;}
.addShopping{margin-top:0.5em;}
.addShopping input{width:203px;}
.shoppingList h3{margin: 0 0 0.5em 1em;}
.shoppingList .dropDownShoppingList{float:left;margin: 0 17px 0 0px;} /* was left 90px */
.shoppingList .button{margin-top:1px;}
.shoppingList.ingredients dl{width: 340px;font-size:1.3em;}
.shoppingList.ingredients dl dt{float:left;clear:left;padding:1px 15px 3px 20px;width:260px;}
.shoppingList.ingredients dl dt img{float:left;margin:4px 0 0 -15px;}
.shoppingList.ingredients dl dd{float:left;width:44px;padding:3px 0 4px;}
.shoppingList.ingredients .toolbox{margin-top:0px;}
.shoppingList.ingredients dl.odd{background:#f6f6f6;-moz-border-radius: 4px;-webkit-border-radius: 4px;}
.couponList{border:1px solid #f6f6f6;border-left:0;border-right:0;padding:1em 0;}
.couponList ul{margin-bottom:1em;}
.couponList li{font-size:1.2em;margin-top:0.5em;}
.couponList li strong{color:#c60c30;display:inline;font-size:1.0833em;}
.couponList li a{font-size:1em;display: inline;}
.couponList .disclaimer{color:#000;}
#remove{width:178px;}
#remove .content{width:161px;}
#removeOffer{width:190px;}
#removeOffer .content{width:170px;}
#rename{width:259px;}
#rename .content{width:242px;}
.smallBubble{background:url('Images/bubbleLeft.png') no-repeat 0 0;height:60px;padding-left:17px;clear:left;font-size:10px;width:207px;display:none;position:absolute;z-index:101;}
.smallBubble .content{background:url('Images/bubbleMiddle.png') no-repeat 50% 0;width:200px;height:43px;float:left;padding:17px 0 0 0;width:190px;}
.smallBubble .content .couponInput{background: url('Images/bubbleInputLeft.gif') no-repeat 0 0;height:18px;width:auto;margin-left:5px;}
.smallBubble .content .couponInput input{background: url('Images/bubbleInputRight.gif') no-repeat 100% 0;height:17px;font-size:10px;padding:1px 0 0;}
.smallBubble .content .button{background: url('Images/bubbleBtnLeft.gif') no-repeat 0 0;height:18px;width:auto;margin-left:5px;}
.smallBubble .content .button a{background: url('Images/bubbleBtnRight.gif') no-repeat 100% 0;height:15px;font-size:10px;padding:3px 6px 0 3px;text-transform:none;font-weight:normal;}
.smallBubble .right{background:url('Images/bubbleRight.png') no-repeat 50% 0;width:17px;height:60px;float:left;}
.smallBubble #amount{width:40px;}
.smallBubble #unit{width:30px;}
.smallBubble #renameList{width:130px;}
.shoppingList .buttonShoppingList{width:100%;}
.shoppingList .buttonShoppingList .buttonSmall{width:auto;float:right;margin:0 5px 0 10px;}
.shoppingList .buttonShoppingList .buttonSmall a{padding-right:6px;}
.shoppingList .teaser .coopFont{margin-left:0;}
.shoppingList .innerColumn a{font-weight:bold;float:left;font-size:1.2em;}
.shoppingList .innerColumn .toolbox{float:right;margin-top:2px;}
.displayFigure.shoppingList .innerColumn{margin:0 2em 0.5em;}
#loading {width:100px;height: 100px;position: relative;background:url(Images/spinner3-black.gif) no-repeat center #fff;text-align:center;padding:10px;z-index:2;overflow: auto;}
div.popupcontainer {font-size: 0.5em;margin: 0 auto;}
div.shoppingList ul.recipeList {list-style-type:none;}
/* SLUT INKÖPSLISTA /////////////////////////////////////////////////////////////////////////////////////////////// */
/* START STORESELECT ////////////////////////////////////////////////////////////////////////////////////////////// */
.storeSelect .storeSelectBox{display:none;width:200px;background:#fff;border:1px solid #ccc;padding:10px;overflow:hidden;}
.storeSelect .close{cursor:pointer;}
/* SLUT STORESELECT /////////////////////////////////////////////////////////////////////////////////////////////// */
.searchSuggestion a { font-weight: bold; }

table#cardSettings 
{
	width: 100%;
	margin-bottom: 1em;	
}
#cardSettings .firstCol { width: 200px; }
#cardSettings tr td, #cardSettings tr th { padding-top: 5px; padding-bottom: 5px; }

#cardSettings .radio input { margin-right: 3px; }

#cardSettings .calTitle { font-size: 12px; font-weight: bold; display:block; margin-bottom: 1em; }
#cardSettings .calendar 
{
	width: 200px;
}

.cardStatus 
{
	padding: 10px 15px;	
	margin-bottom: 1em;
}
.cardStatus p { font-weight: bold;}
.cardStatus ul { font-size: 12px; margin-left: 18px; }
.cardStatus ul li span { font-weight: bold;}

/* Query completion */
/*#autoComplete { height: 155px; }*/
.ac_results 
{
    margin-left:23px;
    padding: 2px;
    border: 1px solid #999;
    background-color: white;
    overflow: hidden;
    z-index: 99999;
    -webkit-box-shadow: rgba(0,0,0,0.5) 0 0.4em 1em;
    -moz-box-shadow: rgba(0,0,0,0.5) 0 0.4em 1em;
}

.ac_results span {
  float: right;
  color: green;
  font-size: 0.8em;
}

.ac_results ul {
	width: 100%;
	list-style-position: outside;
	list-style: none;
	padding: 0;
	margin: 0;
}

.ac_results li {
	margin: 0px;
	padding: 2px 5px;
	cursor: default;
	display: block;
	/* 
	if width will be 100% horizontal scrollbar will apear 
	when scroll mode will be used
	*/
	/*width: 100%;*/
	font-size: .9em;
	/* 
	it is very important, if line-height not setted or setted 
	in relative units scroll will be broken in firefox
	*/
	line-height: 1.5;
	overflow: hidden;
	text-align: left;
}


.ac_odd {
    /*background: #f9f9f9;*/
}
.ac_results strong{font-size: 1em;display:inline;}
.ac_over {
    background: #EFF5E5;
    background: -webkit-gradient(linear, left top, left bottom, from(#49B8E8), to(#1686B4));
    background: -moz-gradient(linear, left top, left bottom, from(#49B8E8), to(#1686B4));
    /*color: white;*/
}

.ac_over span {
  color: white;
}

/* Sök butik */
#boxen_content #boxen_titlebar{ background:url(/styles/images/sortSearchesBar.gif) no-repeat right -137px; }
.chooseStore, .showHits{ font-size:13px; padding-top:11px; padding-left:10px; color:White; font-weight:bold; display:inline-block; float:left; }
.showHits{ margin-left:200px; }
#boxen_content_area {overflow:auto;}
#storeSearchResult .shopResult { background: white none; margin: 0 10px 0 0; overflow: hidden; padding: 10px; position: relative; }
#storeSearchResult .shopLabel { float:left; width:90px; }
#storeSearchResult .shopResult dl { float:left; width:90px; margin: 0 0 0 10px; width: 220px;}
#storeSearchResult .shopResult dl dd { font-size: 12px;}
#storeSearchResult .shopResult ul { float:left; font-size:12px;list-style-type: none;margin: 1px 18px 0 10px; text-transform: capitalize;}
#storeSearchResult .shopResult dl dt a {font: bold 14px Arial, Helvetica, sans-serif;margin: 0 0 5px;}
#storeSearchResult strong {background-color: white;display: inline;font-size: 14px;}
#ajaxLoader {margin-left:320px; padding-bottom:20px;}

.findStore { -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; padding: 11px 15px 11px 15px; }
.findStore fieldset label { display: block; font: normal 11px Arial, Helvetica, sans-serif; margin-bottom: 6px; }
.findStore.expand fieldset label {font-weight:bold;}
.findStore fieldset input[type=text] { font-size:12px;border: 1px solid #bbb5af; height: 23px; -moz-border-radius: 8px; -webkit-border-radius: 6px; border-radius: 6px; margin-right: 6px; padding: 0 6px; vertical-align: middle; width: 122px; }
.findStore dl.cf {margin:0 0 10px 0; padding-bottom:10px; background:url(images/ecoupondashed.png) repeat-x bottom left;}
.findStore .myStores {font:bold 15px Arial, Helvetica, sans-serif;}
.findStore table {margin:4px 0;}
.findStore h3 {margin-bottom:4px;}
.findStore h3.small {font-size:11px;}
.findStore td{padding:2px 0;}
.findStore td.name a{font-weight:bold;}
.findStore table img {margin-left:10px;display:inline;float:left;}
.findStore table img.remove:hover {cursor:pointer;background:url(images/delete2.png);}
.findStore .removeStore {position:relative;display:block;}
.findStore .removeStore .removeHelp{display:none;position:absolute;left:15px;top:-8px;}
.findStore .removeStore:hover .removeHelp{display:inline;}
.findStore .anotherStore {margin-top:-21px;font:11px Arial, Helvetica, sans-serif; float:right; background:url(/styles/images/arrowSmall.png) no-repeat right 2px; padding-right:15px; color:Black;}
.findStore.expand .anotherStore {background:url(/styles/images/arrowSmallDown.png) no-repeat right 3px;}
.findStore fieldset span {margin-left: 10px; display: inline-block; width: 100px;float:left;}
.findStore fieldset img {padding:3px 0 3px 10px;}
.findStore.expand { }
.coopButton {
    /*-moz-box-shadow: 3px 3px 2px rgba(27, 34, 35, 0.3);
    -webkit-box-shadow: 3px 3px 2px rgba(27, 34, 35, 0.3);
    box-shadow: 3px 3px 2px rgba(27, 34, 35, 0.3);*/
    border: 2px solid #fff;
    background-color: #8fd960;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#8fd960), to(#57a227)); /* Saf4+, Chrome */
    background-image: -webkit-linear-gradient(top, #8fd960, #57a227); /* Chrome 10+, Saf5.1+, iOS 5+ */
    background-image:    -moz-linear-gradient(top, #8fd960, #57a227); /* FF3.6 */
    background-image:     -ms-linear-gradient(top, #8fd960, #57a227); /* IE10 */
    background-image:      -o-linear-gradient(top, #8fd960, #57a227); /* Opera 11.10+ */
    background-image:         linear-gradient(top, #8fd960, #57a227);
    
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    border-radius: 8px;
    color: #fff;
    float: left;
    font: bold 12px Arial, Helvetica, sans-serif;
    height: 25px;
    margin: 0;
    padding: 0 7px;
    text-transform: uppercase;
    vertical-align: middle;
    cursor:pointer;
}

#blanket {background-color:#111;opacity: 0.4;filter:alpha(opacity=40);position:fixed;z-index: 9001;top:0px;left:0px;width:100%;height:100%;background-color:#000;display:none;}
#tellAFriendContent .close{position:absolute;background:url(/Styles/images/btnCloseIframe.png);float:right;width:65px;height:26px;z-index: 9090;top:10px;right:10px;}
#tellAFriendContent {position:fixed;display:none;z-index: 9002;left:50%;top:50%;margin-left:-200px;margin-top:-200px;width:400px;height:600px;overflow:auto;}
#tellAFriendContent .thankYou{ padding: 20px 20px 0 20px;}
#tellAFriendContent .intro{ padding: 0 0 0 20px;}
#tellAFriendContent .email {width:250px;}
#tellAFriendContent .thankYou h4 {margin:0 0 10px 0 !important;}
#tellAFriendContent input {float:none;margin-bottom:10px;}
#tellAFriendContent .images {margin:-5px 0 10px 20px;display:block;}
#tellAFriendContent .images img {display:inline-block;float:left;margin-right:10px;}

.melodifestivalen .pul label{ font-weight:normal;}
.melodifestivalen .pul input {float:right;}
.melodifestivalen .textarea {float:left;}
div.melodifestivalen select {width:214px;margin:0;padding:0.35em;}
.melodifestivalen input[type=text] { font-size:12px;border: 1px solid #bbb5af; height: 23px; -moz-border-radius: 8px; -webkit-border-radius: 6px; border-radius: 6px; margin-right: 6px; padding: 2px 6px; vertical-align: middle; width: 200px; }
body div div.melodifestivalen textarea {font-size:12px;border: 1px solid #bbb5af;-moz-border-radius: 8px; -webkit-border-radius: 6px; border-radius: 6px;padding: 6px 6px;margin-right: 6px;width: 200px; float:left;}