html {font-size: 100.01%;height: 100%;}
body {background:url('/media/images/bakgrund_prisxtra_gulstor.jpg') 50% 0 no-repeat /*#fbfbfb*/ #fff;
color:#333;font: 75%/1.33 Verdana, Arial, sans-serif;height: 100%;}

/** GLOBAL STYLES
*******************/
a {color:#008433;text-decoration:none;}
a:hover {text-decoration:underline;}
h1 {font-family:Arial,sans-serif;font-size:2.5em;font-weight:bold;margin:0 0 .0em;}
h2 {font-family:Arial,sans-serif;font-size:1.33em;font-weight:bold;margin:0 0 .3em;line-height:1.4;}
h3 {font-family:Arial,sans-serif;font-weight:bold;margin:0 0 .5em;}

p {color:#231f20;font-size:1em;line-height:140%;margin:0 0 1em;}
em {font-style:italic;}
strong {font-weight:bold;}
ul {list-style-type:square;margin:0 0 0 1.2em;}
ol {list-style-type:decimal;margin:0 0 0 1.2em;}
li {margin:0;}
.hidden {display:none;}
p.intro {color:#666;font-size:1.33em;margin:0 0 .4em;}
.date {color:#666;font-size:0.83em;}
p.date {margin:0 0 .2em;}

table.numeric {border-bottom: 2px solid #F89635; border-collapse:collapse;font-size: .92em;margin-bottom: 1em;}
table.numeric tbody {display: table-row-group;vertical-align:middle;}
table.numeric td {vertical-align:top;display: table-cell;}
table.numeric td {padding:4px 6px 4px 0; text-align:right;} /* right justify tabledata */

table.twocolumns {}
table.twocolumns td {border-bottom:1px solid #ccc;padding:12px 0;width:50%;}
table.twocolumns tr:last-child td{border-bottom:none;}

table td.coltitle{border-bottom: 2px solid #F89635;font-weight:bold;padding:4px 6px 4px 0;}
table td.rowtitle{padding: 4px 6px; text-align:left;} /* left justify tabledata */

table{padding:0;margin:0;border-spacing:0px;}

img.left {float:left;}
img.right {float:right;}

#main-content table td p{width:93%;}


/** MAIN FRAMEWORK
*******************/
#wrapper {background:url('/media/images/bg-main.png') 0 0 repeat-y;margin:0 auto;padding:0 10px;width:960px;/* 960 */}
#page {background:url("/media/images/bg-main.png") repeat-y scroll 0 0;min-height:350px;}

/** PAGE FRAMEWORK
*******************/
.std-layout {display:inline;float:left;margin-left:-10px;padding:0 10px;width:960px;}
.std-layout .layout-container {background-color:#fff;display:inline;float:left;min-height:400px;padding:24px 711px 0 0;width:249px;}
.std-layout #first-col{display:inline;float:left;width:100%;}
.std-layout #wide-page{display:inline;float:left;margin-right:-711px;padding-right:12px;width:699px;}

.std-layout .text-layout {display:inherit;float:left;margin-right:-711px;padding-right:249px;width:462px;}
.std-layout .text-layout #page-content{float:left;padding:0 8px;width:446px;}
.std-layout .text-layout #page-content img.introimage{padding-bottom:12px;}
.std-layout .text-layout #page-content img{padding-bottom:6px;}


/** RELATED
*******************/
.std-layout .text-layout #secondary-content {display:inline;float:left;margin-right:-249px;width:249px;}
.std-layout .text-layout #secondary-content #related{padding: 0 12px;}

/* grey box */
div.rightbox{background:url('/media/images/rightbox.png') 0 100% no-repeat;float:left;padding-bottom:12px;}
div.rightbox-content{background:url('/media/images/rightbox.png') 0 0 no-repeat #fff;float:left;}

/* grey box outlined */
div.rightbox2{background:url('/media/images/rightbox2.png') 0 100% no-repeat;float:left;padding-bottom:12px;}
div.rightbox-content2{background:url('/media/images/rightbox2.png') 0 0 no-repeat #fff;float:left;}

/* weekly products tip */
#related div.rightbox-content #weekly {padding-top:5px;}
#related div.rightbox-content #weekly .weeklypuff-container{background:url('/media/images/veckoblad.png') right 0 no-repeat;height:96px;width:220px;}
#related div.rightbox-content #weekly .weeklypuff{display:block;padding-left:12px;width:136px;}
#related div.rightbox-content #weekly .weeklypuff a{color:#333;}
#related div.rightbox-content #weekly .weeklypuff a:hover{text-decoration:none;}
#related div.rightbox-content #weekly .button-container{margin-top:-28px;}
#related div.rightbox-content #weekly .button-container-green{margin-top:-28px;}

/* buttons */
div.button-container {background:url('/media/images/button-end.png') 100% 0 no-repeat;display:inline;float:left;margin:12px 0 0 12px;padding-right:10px;}
div.button-container:hover {background:url('/media/images/button-end.png') 100% -28px no-repeat;}
div.button-container:active {background:url('/media/images/button-end.png') 100% -56px no-repeat;}
a.button {background:url('/media/images/button.png') 0 0 no-repeat;color:#fff;display:block;font-weight:bold;height:23px;padding:5px 0 0 10px;outline:0 none;}
a.button:hover{background:url('/media/images/button.png') 0 -28px no-repeat;text-decoration:none;}
a.button:active{background:url('/media/images/button.png') 0 -56px no-repeat;color:#bbb;top:0;}

div.button-container-green {background:url('/media/images/button-green-end.png') 100% 0 no-repeat;display:inline;float:left;margin:12px 0 0 12px;padding-right:10px;}
div.button-container-green:hover {background:url('/media/images/button-green-end.png') 100% -28px no-repeat;}
div.button-container-green:active {background:url('/media/images/button-green-end.png') 100% -56px no-repeat;}
a.button-green {background:url('/media/images/button-green.png') 0 0 no-repeat;color:#fff;display:block;font-weight:bold;height:23px;padding:5px 0 0 10px;outline:0 none;}
a.button-green:hover{background:url('/media/images/button-green.png') 0 -28px no-repeat;text-decoration:none;}
a.button-green:active{background:url('/media/images/button-green.png') 0 -56px no-repeat;color:#bbb;top:0;}

/* prisxtra card */
#related div.rightbox-card{background:url('/media/images/rightbox-card-bg.jpg') 0 0 #616161 no-repeat;display:inline;float:left;margin-top:12px;width:225px;}
#related div.rightbox-card .header{display:block;padding:12px 0 0 12px;color:#fff;}
#related div.rightbox-card .puff{color:#fff;padding:12px 12px 6px 12px;margin:0}

#related div.rightbox-card-footer{background:url('/media/images/rightbox-card-bottom-bg.jpg') 0 0 no-repeat;float:left;height:12px;padding-bottom:24px;width:225px;}
#related div.rightbox-card-footer img{float:right;margin:-50px -6px 0 0;}

#first-col #left-box{width:239px;margin:2em 0 0 10px;}
#first-col #left-box .rightbox{width:225px;}
#first-col #left-box .rightbox-content{padding:12px;}


/** HEADER
*******************/
#header {background:url('/media/images/bg-header.png') 0 100% no-repeat;height:95px;overflow:hidden;width:100%;}
#header #logotype {float:left;height:83px;padding:12px 0 0 12px;}
#header #logotype a {display:block;}
#header #tools {float:left;height:51px;width:723px;}
/* weather */
#header #tools #stockholm-span{float:right;font-size:11px;font-weight:bold;padding-top:17px;}
#header #tools #weather-container{float:right;overflow:hidden;padding:0 5px 0 0;width:408px;}
#header #tools div.ancho {/*background-color:red !important;*/float:right;width:555px !important;}

#header #tools a.twitter{background:url('/media/images/twitter-icon.png') 0 0 no-repeat;color:#666;display:inline;float:right;font-size:.83em;padding:2px 12px 6px 22px;margin:16px 0 0 8px;}
#header #tools a.twitter:hover{color:#333;}

/** MAIN MENU
*******************/
#main-menu{float:left;height:44px;width:723px;}
#main-menu ul{display:inline;float:left;height:100%;list-style-type:none;margin-left:18px;width:705px;}
#main-menu ul li{float:left;height:100%;}

#main-menu ul li a{color:#666;float:left;font-size:1.17em;font-weight:bold;padding:14px 10px 12px 10px;}
#main-menu ul li a:hover{color:#333;text-decoration:none;}
#main-menu ul li a:active{color:#008433;}

/* #main-menu ul li.selected{background:url('/media/images/main-menu-selected.png') 100% 0 no-repeat;} */
#main-menu ul li.selected a{background:url('/media/images/main-menu-selected.png') 100% 0 no-repeat;padding:0 10px 0 0;}
#main-menu ul li.selected a span{background:url('/media/images/main-menu-selected.png') 0 0 no-repeat;display:block;padding:14px 0 12px 10px;}


#main-menu ul li.login{float:right;}
#main-menu ul li.login a{background:url('/media/images/x-card-icon.png') 0 4px no-repeat;padding-left:59px;}


/** SUB MENU
*******************/
#sub-menu{margin-left:10px;}
#sub-menu ul {list-style-type:none;margin:0;}

/* menuitem */
#sub-menu ul li.menuitem{background:url('/media/images/submenu.png') 0 center no-repeat;display:block;height:30px;width:229px;overflow:hidden;}
*#sub-menu ul li.single{background:url('/media/images/submenu.png') 0 -94px no-repeat;height:33px;}
#sub-menu ul li.first{background:url('/media/images/submenu.png') 0 top no-repeat;}
#sub-menu ul li.last{background:url('/media/images/submenu.png') 0 -62px no-repeat;}

#sub-menu ul li a{display:block;color:#333;font-weight:bold;height:23px;padding-left:12px;padding-top:7px;}
#sub-menu ul li a.selected{color:#fff;}

/* menuitem selected */
#sub-menu ul li.menuitem a.selected{background:url('/media/images/submenu-selected.png') 0 center no-repeat;}
#sub-menu ul li.single a.selected{background:url('/media/images/submenu-selected.png') 0 -94px no-repeat;height:33px;}
#sub-menu ul li.first a.selected{background:url('/media/images/submenu-selected.png') 0 top no-repeat;}
#sub-menu ul li.last a.selected{background:url('/media/images/submenu-selected.png') 0 -62px no-repeat;}


/** PAGE FOOTER
*******************/
#footermenu {background:url("/media/images/footer8.png") no-repeat scroll 0 0 #fff;display:inline;float:left;height:148px;margin-left:-10px;width:980px;}
#footermenu #items{padding-top: 100px;padding-left:34px;}
#footermenu #items span{font-weight:bold;}
#footermenu #items ul{list-style-type:none;margin:0}
#footermenu #items ul span.welcome{float:left;padding-right:1em;}
#footermenu #items ul li{float:left;}
#footermenu #items a{color:#333;text-decoration:underline;}
#footermenu #items a:hover{color:#666;text-decoration:none;}
#footermenu #items ul span.separator{color:#fff;font-weight:normal;padding:0 6px 0 5px;}

#footer{background:none;background-color:#fff;color:#666;display:inline;float:left;margin-left:-10px;padding:0 10px 24px 10px;width:960px;}
#footer p{color:#666;}
#footer a{color:#666;text-decoration:underline;}
#footer a:hover{color:#333;text-decoration:none;}
#footer #left ul{margin:0;list-style-type:none;}
#footer #left ul li{float:left;padding:0 12px;}
#footer #left a.start{float:left;}

#footer #left{padding-left:12px;}
#footer #right{float:right;padding-right:12px;}


/** START PAGE
*******************/
#start{float:left;}
#start #col1 {float:left;width:462px;padding:0 12px 0 12px;}
#start #col1 #weeklytip{background:url('/media/images/start-weeklytip-bg.png') 0 0 no-repeat;float:left;height:348px;overflow:hidden;width:462px;}
.startfooter{margin-top:-55px;background-color:transparent !important;}

#start #col2 {float:left;width:462px;padding:0 12px 0 0;}

/* weekly letter */
#start #col2 #Div1 {float:left;height:125px;padding:12px 12px 0 12px;width:213px;}
#start #col2 #Div1 .weeklypuff-container{background:url('/media/images/veckoblad.png') right 0 no-repeat;height:97px;overflow:hidden;width:203px;}
#start #col2 #Div1 .weeklypuff{width:138px;}
#start #col2 #Div1 .weeklypuff a{color:#333;}
#start #col2 #Div1 .weeklypuff a:hover{text-decoration:none;}
#start #col2 #Div1 .button-container-green{margin-left:0;margin-top:0;}

/* garant tip */
#start #col2 #Div2{float:left;padding:12px 12px 0 12px;height:125px;overflow:hidden;width:201px;}
#start #col2 #Div2 .bubble{left:75px;position:relative;top:2px;z-index:3;}
#start #col2 #Div2 .garantproduct{bottom:73px;left:0px;position:relative;z-index:2;}
#start #col2 #Div2 .garantlogo{bottom:74px;left:18px;position:relative;z-index:4;}

/* #start #col2 #Div2 .garantlogo{display:inline;float:right;padding-right:2px;} */

/* member card */
#start #col2 #Div3{background:url('/media/images/start-card-bg.jpg') 0 0 no-repeat;display:inline;float:left;height:163px;margin-top:12px;overflow:hidden;width:462px;}
#start #col2 #Div3 h2{color:#fff;padding: 12px 0 0 12px;}
#start #col2 #Div3 .puff{color:#fff;padding-left:12px;width:235px;}


/*********** SLIDESHOW STARTPAGE *********/
#slideshow{height:252px;margin:12px;overflow:hidden;position:relative;width:936px;}
.scrollable .items {width:20000em;position:absolute;}
.items div {float:left;}



/** GARANT PAGE
*******************/
#wide-page #garant #page-content{float:left;width: 458px;}
#wide-page #garant #garant-bubble{float:right;}

#garanttip-container ul{list-style-type:none;margin:0;}
li.product-container{display:inline;float:left;text-align:center;padding-bottom:2.3em;width:233px;}

#garanttip-container a.dottedlink {border-bottom: 1px dotted #333;color:#333;}
#garanttip-container a.dottedlink:hover{text-decoration:none;}
#garanttip-container img{padding-bottom:.5em;}
#garant h2{clear:both;}

/** NEWS PAGE
*******************/


/** STORE PAGES
******************/
#storestart #googlemap{margin:8px 0;}

.GoogleMapContainer .bigmaplink{display:block;font-size:.83em;padding-top:7px;}

/** OTHER
*************/
#weeklyproduct-preview{height:370px;}