/********* GENERAL PAGE LAYOUT **************/ *{margin:0px; padding:0px;} * html body{font-size:62.5%; }/* Fix för IE6 */ * +html body{font-size:62.5%; }/* Fix för IE7 */ body{font-size:100%;font-family: Verdana, Arial, Helvetica, sans-serif;} img{border-style: none;} #wrapper{font-size:1.0em; background-color:#FFF; width:995px; margin:0px 10px; text-align:left;} #header{margin:0px; background-color:#FFF; height:74px; background-image: url(pageHeader.gif); background-repeat: no-repeat; background-position: left top; display:none; max-height:0px; height:0px;} #header h1 span {display:none;} #content-column-left{float: left; min-height: 100px; width: 222px; margin-bottom:10px; margin-right:0px; background-color: #FFF; max-height:0px; height:0px; display:none;} #content-column-middle{ position:absolute; top:0px; left:0px; float: left; min-height: 100px; width: 767px; margin-bottom:10px; margin-right:6px; background-color: #FFF;} * html #content-column-middle{ position:absolute; top:0px; left:0px; float: left; min-height: 100px; width: 567px; margin-bottom:10px; margin-right:6px; background-color: #FFF;} * +html #content-column-middle{ position:absolute; top:0px; left:0px; float: left; min-height: 100px; width: 567px; margin-bottom:10px; margin-right:6px; background-color: #FFF; } #content-column-right{float: left; min-height: 100px; width: 199px; margin-bottom:10px; clear:right; background-color:#FFF; max-height:0px; height:0px; display:none;} .spacer {border:0px; height:0px; clear:both; width:0px; overflow:hidden;} /*insures footer always stays at bottom*/ #footerExtraBorder{background-color:#fff; border-bottom:1px solid #ababab; height:0px; font-size:1px; margin-top: 10px; clear:both; max-height:0px; height:0px; display:none;} #footer{ border-top:1px solid #b9daee; background: #FFF url(footerBG.gif) repeat-x bottom; height:25px; clear:both; max-height:0px; height:0px; display:none;} /********* END GENERAL PAGE LAYOUT **************/ /********* Om clasohlson **************/ .puffParagraf{float:left; margin-left:10px; margin-right:15px; margin-top:5px; width:145px;} .smallImageFloatL{float:left;} .smallImageAndTextRight{margin-left:20px; margin-top:30px; margin-bottom:30px;} /********* Om clasohlson End **************/ /********* FROM OLD STYLESHEET -- FOOTER**************/ .footerBox ul {padding:0px; margin-left: 21px; margin-right: 2px;} .footerBox li {list-style:none; display:inline; padding-top: 0px; padding-right: 30px; padding-bottom: 0px; padding-left: 0px;} .footerBox a:link {color:#999999; text-decoration:none; font-size:.9em} .footerBox a:visited {color:#999999; text-decoration:none; font-size:.9em} .footerBox a:hover {color:#999999; text-decoration:underline; font-size:.9em} .footerBox a:active {color:#999999; text-decoration:underline; font-size:.9em} .footer-flags {position:absolute; top: 5px; left: 890px;} .footerBoxStyle {list-style:none; display:inline; padding-top: 0px; padding-right: 20px; padding-bottom: 0px; padding-left: 10px;} /********* END FROM OLD STYLESHEET -- FOOTER**************/ /********* HTML ELEMENTS **************/ p{ margin-bottom:10px;} a{ color: #227cc4;} h1{ font-size: 1.8em; font-family: Arial, Helvetica, sans-serif; color: #619DDA;} h2{ font-size: 1.2em; font-family: Arial, Helvetica, sans-serif; color: #333333;} h3{ font-size: 1.6em; font-family: Arial, Helvetica, sans-serif; color: #619DDA;} /********* END HTML ELEMENTS **************/ /********* TOP NAVIGATION **************/ #topmenuTabs {position: absolute; top: 41px; left: 620px; z-index: 1; height: 32px; width: 385px;} #topMenu{padding-left:20px; padding-bottom:10px;background: url(topMenuBottomBG.gif) no-repeat left bottom; max-height:0px; height:0px; display:none;} #topMenu li {font-size:1.1em; display: inline; list-style-type:none; padding-right: 15px;} #topMenuBottom{height:7px; margin:0px; padding:0px; background: url(topMenuBottom.gif) no-repeat bottom;} #topMenu a{color:#333333; text-decoration:none; font-weight:bold; font-family: Verdana, Arial, Helvetica, sans-serif;} #topMenu a:visited {color:#333;} #topMenu a:hover {text-decoration:underline;} #topMenu a:active {text-decoration:underline;} .topMenustyle {font-size:1.1em; display: inline; list-style-type:none; padding-right: 20px;} /********* END TOP NAVIGATION **************/ /********* BREADCRUMBS **************/ #breadcrumbs{padding: 8px 8px 8px 20px; max-height:0px; height:0px; display:none;} #breadcrumbs a{color:#5B728C; text-decoration:none;} /********* END BREADCRUMBS **************/ /********* LEFT NAVIGATION NOT USED YET - old styles used still in use**************/ #leftmenu{font-size:1.1em; padding-left:0; margin-left:10px; border-bottom:1px solid #c4d5df; width: 200px; margin-top:5px;padding-top:5px;} #leftmenu li{list-style: none; margin: 0; padding: 0.25em; border-top: 1px solid #c4d5df;} #leftmenu li a {color:#2d3133; text-decoration: none; margin-left: 15px;} #leftmenu li a:hover {color:#2d3133; text-decoration: none; margin-left: 15px; font-weight: bold;} /********* END LEFT NAVIGATION **************/ /********* MIDDLE COLUMN CONTENT **************/ .pageHeader{margin:5px 0px 5px 3px;} .pageHeader h1{color:#333; font-size:1.4em; margin-left: 0px;} .productBoxRow{clear:both; background-color:transparent; background-image: url(productBoxesSidesBG.gif); background-repeat: repeat-y;}/*to insure that the products are placed next to each other no matter how long the content is*/ .productBoxRow h6{ font-size: 1.0em; color: #333;} .productBoxesTop{clear:both; width:567px; height:12px; background-image: url(productBoxesTopBG.gif); background-repeat: no-repeat; background-position: top;} .productBox{position:relative; width:188px; overflow:hidden; float:left; text-align:left; background-color:transparent; padding:0px; margin: 0px 1px 1px 0px;} .addToBasket{margin:0px; border-top:1px solid #077CC1; border-bottom:1px solid #077CC1; width:158px; height:24px;} .addToBasketTF{width:20px; height:16px; margin:0px; padding:0px;} .productBoxesBottom{clear:both; width:567px; height:12px; background-image: url(productBoxesBottomBG.gif); background-repeat: no-repeat; background-position: bottom;} .productBox h3{ font-size:1em; font-family:Verdana, Arial, Helvetica, sans-serif; font-weight: bold; color:#333333; text-align:left; margin:3px 0px 0px 0px; display:inline;} .productBox p{text-align:left; margin:3px 20px 5px 16px;} .productBoxPriceAndLink{background-color:#transparent; margin:0px 18px 2px 16px; height:15px;} .productBoxPriceAndLink span.left {float: left; text-align: left; font-weight: bold; font-size:1.2em; color:#999999; background-color:#transparent; width: 49%;} .productBoxPriceAndLink span.leftDiscount {float: left; text-align: left; font-weight: bold; font-size:1.2em; color:#999999; background-color:#transparent; width: 70%;} .productBoxPriceAndLink span.leftDiscount span.red {float: left; text-align: left; font-weight: bold; color:Red;} .productBoxPriceAndLink span.leftDiscount span.old {float: left; text-align: left; font-weight: normal; color:#999999;} .productBoxPriceAndLink span.right {float: right; text-align: right; background-color:transparent; width: 45px;} .catStartPageSplash{height:195px; background-image:url(bathroom.jpg); background-repeat: no-repeat; background-position: left top;} .catStartPageSplash h2{font-family:Arial, Helvetica, sans-serif; font-size:1.1em; color:#217DC6; margin-left:280px; margin-top:0px;} html>body .catStartPageSplash{height: auto; min-height: 195px;}/*used to make boxes scale in modern browsers, rule ignored by IE*/ .splashParagraph{margin-left:280px;} /********* END MIDDLE COLUMN CONTENT **************/ /********* STYLES FOR VARUKORGEN **************/ .tillKassan{margin-top:10px;} .tillKassan a {text-decoration:none;} .varukorgSelector{width:171px;} /********* END STYLES FOR VARUKORGEN **************/ /********* STYLES FOR FYNDVAROR **************/ .specialPrice{margin:10px 3px 3px 10px; width:155px;font-size: 1.2em; font-weight: bold; color: #FF0000;} .specialOfferReadMore{margin-left:21px; font-size:0.8em; font-weight:normal;} .specialOfferReadMore a {margin-left:21px; font-size:0.8em; font-weight:normal; text-decoration:line-through;} .specialPrice2{margin:10px 3px 3px 0px; font-size: 1.2em; font-weight: bold; color: #FF0000;} .specialOfferReadMore2{margin-left:75px; font-size:0.8em; font-weight:normal;} /********* END STYLES FOR FYNDVAROR **************/ /********* SEARCH BOX STYLES **************/ #searchBoxWrapper {width: 200px; background-color: #e4eaf0; color: #333333; margin-top:3px; margin-bottom:7px} .search-roundtop {background: url(cornerSearchBox_tr.gif) no-repeat top right;} .search-roundbottom {background: url(cornerSearchBox_br.gif) no-repeat top right;} img.search-corner {width:5px; height: 5px; border: none; display: block !important;} /********* END SEARCH BOX STYLES **************/ #leftMenuWrapper{margin-left:8px;} /********* FROM OLD STYLESHEET -- LEFT COLUMN**************/ .searchbox {width: 151px;} .button-search {font-size: 0.9em; font-family:Verdana, Arial, Helvetica, sans-serif;} .search_advanced {margin-left:5px;} .leftmenu {padding-bottom:5px; margin-top:5px; padding-top:5px;} .menu_select_box { width:155px; margin:7px 0px 10px 0px;} .menu_ok_button { margin:7px 0px; } /**************** left menu *****************************************/ .leftmenu table { display:none;} .level_0 {list-style:none; font-family:Arial, Helvetica, sans-serif; font-size:1.1em; padding:2px 2px 4px 0px; background:#fff; border-top:1px solid #C4D5DF;} .level_0 a {color:#333333; text-decoration:none;} .level_0_sel {list-style:none; font-family:Arial, Helvetica, sans-serif; font-weight:bold; font-size:1.1em; padding:2px 2px 4px 6px; background:#D8E9F5; border-top:1px solid #91BFE2; border-bottom:1px solid #91BFE2;} .level_0_sel a {color:#333333; text-decoration:underline;} .level_0_sel_par {list-style:none; font-family:Arial, Helvetica, sans-serif; font-weight:bold; font-size:1.1em; padding:2px 2px 4px 6px; background:#D8E9F5; border-top:1px solid #91BFE2; border-bottom:1px solid #91BFE2;} .level_0_sel_par a {color:#333333; text-decoration:none;} .level_1 {list-style:none; font-family:Arial, Helvetica, sans-serif; font-size:1.1em; padding:2px 2px 4px 10px; background:#fff; border-top:1px solid #C4D5DF;} .level_1 a {color:#333333; text-decoration:none;} .level_1_sel {list-style:none; font-family:Arial, Helvetica, sans-serif; font-weight:bold; font-size:1.1em; padding:2px 2px 4px 10px; background:#D8E9F5; border-top:1px solid #91BFE2; border-bottom:1px solid #91BFE2; text-decoration:underline;} .level_1_sel a {color:#333333; text-decoration:underline;} .level_1_sel_par {list-style:none; font-family:Arial, Helvetica, sans-serif; font-weight:bold; font-size:1.1em; padding:2px 2px 4px 10px; background:#D8E9F5; border-top:1px solid #91BFE2; border-bottom:1px solid #91BFE2; text-decoration:underline;} .level_1_sel_par a {color:#333333; text-decoration:none;} .level_2 {list-style:none; font-family:Arial, Helvetica, sans-serif; font-size:1.1em; padding:2px 2px 4px 19px; background:#EEF5FA;} .level_2 a {color:#333333; text-decoration:none;} .level_2_sel {list-style:none; list-style:none; font-family:Arial, Helvetica, sans-serif; font-weight:bold; font-size:1.1em; padding:2px 2px 4px 19px; background:#D3E5F3; text-decoration:underline;} .level_2_sel a {color:#333333; text-decoration:underline;} .level_2_sel_par {list-style:none; list-style:none; font-family:Arial, Helvetica, sans-serif; font-weight:bold; font-size:1.1em; padding:2px 2px 4px 19px; background:#D3E5F3; text-decoration:underline;} .level_2_sel_par a {color:#333333; text-decoration:none;} .level_3 {list-style:none; list-style:none; font-family:Arial, Helvetica, sans-serif; font-size:1.1em; padding:2px 2px 4px 31px; background:#D3E5F3;} .level_3 a {color:#333333; text-decoration:none;} .level_3_sel {list-style:none; list-style:none; font-family:Arial, Helvetica, sans-serif; font-weight:bold; font-size:1.1em; padding:2px 2px 4px 31px; background:#83B6DE; text-decoration:underline;} .level_3_sel a {color:#333333; text-decoration:underline;} .level_3_sel_par {list-style:none; list-style:none; font-family:Arial, Helvetica, sans-serif; font-weight:bold; font-size:1.1em; padding:2px 2px 4px 31px; background:#83B6DE; text-decoration:underline;} .level_3_sel_par a {color:#333333; text-decoration:none;} .level_3_2 {list-style:none; list-style:none; font-family:Arial, Helvetica, sans-serif; font-size:1.1em; padding:2px 2px 4px 31px; background:#D3E5F3;} .level_3_2 a {color:#333333; text-decoration:none;} .level_3_2_sel {list-style:none; list-style:none; font-family:Arial, Helvetica, sans-serif; font-weight:bold; font-size:1.1em; padding:2px 2px 4px 31px; background:#83B6DE; text-decoration:underline;} .level_3_2_sel a {color:#333333; text-decoration:underline;} .level_3_2_sel_par {list-style:none; list-style:none; font-family:Arial, Helvetica, sans-serif; font-weight:bold; font-size:1.1em; padding:2px 2px 4px 31px; background:#83B6DE; text-decoration:underline;} .level_3_2_sel_par a {color:#333333; text-decoration:none;} .level_4 {list-style:none; list-style:none; font-family:Arial, Helvetica, sans-serif; font-size:1.1em; padding:2px 2px 4px 44px; background:#D3E5F3;} .level_4 a {color:#333333; text-decoration:none;} .level_4_sel {list-style:none; list-style:none; font-family:Arial, Helvetica, sans-serif; font-weight:bold; font-size:1.1em; padding:2px 2px 4px 44px; background:#83B6DE; text-decoration:underline;} .level_4_sel a {color:#333333; text-decoration:underline;} .level_4_sel_par {list-style:none; list-style:none; font-family:Arial, Helvetica, sans-serif; font-weight:bold; font-size:1.1em; padding:2px 2px 4px 44px; background:#83B6DE; text-decoration:underline;} .level_4_sel_par a {color:#333333; text-decoration:none;} /********* END STYLES FROM OLD STYLESHEET -- LEFT COLUMN**************/ /********* STYLES FOR BOX WITH BLUE DROP SHADOW **************/ .boxBlueShadow {width:267px; margin:0px auto 5px; color:#000; float:left; display:inline;} /*set width directly on div if desired, this width will be overridden*/ .boxBlueShadow .boxHeader .edge, .boxBlueShadow .foot .edge { font-size:1px; /* ensure minimum height */ height:13px;} .boxBlueShadow .foot .edge {height:13px;} .boxBlueShadow .boxHeader {background:transparent url(boxBlueShadow_tl.gif) no-repeat 0px 0px;} .boxBlueShadow .boxHeader .edge {background:transparent url(boxBlueShadow_tr.gif) no-repeat right 0px;} .boxBlueShadow .bodyn {background:transparent url(boxBlueShadow_ml.gif) repeat-y 0px 0px;} .boxBlueShadow .bodyn .edge {background:transparent url(boxBlueShadow_mr.gif) repeat-y right 0px;} .boxBlueShadow .bodyn .edge .contentArea {margin:0px 17px 0px 10px; background-color:#fff;} .boxBlueShadow .bodyn .edge .contentArea h1 a{font-family:Arial, Helvetica, sans-serif; font-size:1.2em; color:#3366CC; margin-top:12px ; margin-left:0px; text-decoration:none;} /* L-O */ .boxBlueShadow .bodyn .edge .contentArea p a{font-size:1em; color:#333333; margin-top:12px ; margin-left:0px; text-decoration:none;} /* L-O */ .boxBlueShadow .bodyn .edge .contentAreaTips {margin:0px 17px 0px 10px; background-color:#fff; height:73px;} html>body .boxBlueShadow .bodyn .edge .contentAreaTips{height: auto; min-height: 73px;}/*used to make boxes scale in modern browsers, rule ignored by IE*/ .boxBlueShadow h1 {font-family:Arial, Helvetica, sans-serif; font-size:1.2em; color:#3366CC; margin-top:12px ; margin-left:11px;} .boxBlueShadow h4 {font-size: 1.1em; color:#227cc4; margin-top:12px ; margin-left:11px;} .boxBlueShadow p {font-size:1em; color:#333333; margin-top:5px; margin-left:11px; line-height: 1.5em;} .boxBlueShadow .contentAreaTips h3 {font-size: 1.0em; font-family:Verdana, Arial, Helvetica, sans-serif; font-weight:bold; color:#227cc4; margin-left:78px; margin-top:0px; margin-bottom:0px;} .boxBlueShadow .contentAreaTips p {font-size:1em; color:#666666; margin-top:0px; margin-left:78px; margin-bottom:0px; line-height: 1.5em;} .boxBlueShadow .foot {background:transparent url(boxBlueShadow_bl.gif) no-repeat 0px 0px;} .boxBlueShadow .foot .edge {background:transparent url(boxBlueShadow_br.gif) no-repeat right 0px;} .contentAreaTips {color: #619DDA;} /********* END STYLES FOR BOX WITH BLUE DROP SHADOW **************/ /********* STYLES FOR BLUE BOX WITH BLACK DROP SHADOW **************/ .blueBoxBlackShadow {width:267px; margin:0px auto 5px; color:#000;} /*set width directly on div if desired, this width will be overridden*/ .blueBoxBlackShadow .boxHeader .edge, .blueBoxBlackShadow .foot .edge { font-size:1px; /* ensure minimum height */ height:13px;} .blueBoxBlackShadow .foot .edge {height:13px;} .blueBoxBlackShadow .boxHeader {background:transparent url(blueBoxBlackShadow_tl.gif) no-repeat 0px 0px;} .blueBoxBlackShadow .boxHeader .edge {background:transparent url(blueBoxBlackShadow_tr.gif) no-repeat right 0px;} .blueBoxBlackShadow .bodyn {background:transparent url(blueBoxBlackShadow_ml.gif) repeat-y 0px 0px;} .blueBoxBlackShadow .bodyn .edge {background:transparent url(blueBoxBlackShadow_mr.gif) repeat-y right 0px;} .blueBoxBlackShadow .bodyn .edge .contentArea {margin:0px 17px 0px 10px; background-color:#007DC8;} .blueBoxBlackShadow .bodyn .edge .contentArea .tillKassan a {text-decoration:none;} .blueBoxBlackShadow h1 {font-size: 1.2em; color:#fff; margin-bottom:5px;} .blueBoxBlackShadow p {font-size:1em; color:#FFF; margin-top:5px; margin-left:3px; line-height: 1.5em;} .blueBoxBlackShadow a {font-size:1em; color:#FFF; text-decoration:underline; margin-top:5px; line-height: 1.5em;} .blueBoxBlackShadow .miniCartNoStyle a {font-size:1em; color:#FFF; text-decoration:none; margin-top:5px; line-height: 1.5em;} .blueBoxBlackShadow .foot {background:transparent url(blueBoxBlackShadow_bl.gif) no-repeat 0px 0px;} .blueBoxBlackShadow .foot .edge {background:transparent url(blueBoxBlackShadow_br.gif) no-repeat right 0px;} /********* END STYLES FOR BLUE BOX WITH BLACK DROP SHADOW **************/ /********* STYLES FOR GREY BOX WITH BLACK DROP SHADOW **************/ .greyBoxBlackShadow {width:267px; margin:0px auto 5px; color:#333;} /*set width directly on div if desired, this width will be overridden*/ .greyBoxBlackShadow .boxHeader .edge, .greyBoxBlackShadow .foot .edge { font-size:1px; /* ensure minimum height */ height:13px;} .greyBoxBlackShadow .foot .edge {height:13px;} .greyBoxBlackShadow .boxHeader {background:transparent url(greyBoxBlackShadow_tl.gif) no-repeat 0px 0px;} .greyBoxBlackShadow .boxHeader .edge {background:transparent url(greyBoxBlackShadow_tr.gif) no-repeat right 0px;} .greyBoxBlackShadow .bodyn {background:transparent url(greyBoxBlackShadow_ml.gif) repeat-y 0px 0px;} .greyBoxBlackShadow .bodyn .edge {background:transparent url(greyBoxBlackShadow_mr.gif) repeat-y right 0px;} .greyBoxBlackShadow .bodyn .edge .contentArea {margin:0px 17px 0px 10px; background-color:#F0F0F0;} .blueBoxBlackShadow h1 {font-size: 1.2em; color:#fff; margin-bottom:5px;} .greyBoxBlackShadow h3 {font-size: 1.0em; color:#333; font-weight:bold; font-family:Verdana, Arial, Helvetica, sans-serif; margin-bottom:5px; margin-left:3px;} .greyBoxBlackShadow h4 {font-size: 1.1em; color:#333; margin-bottom:5px; margin-left:3px;} .greyBoxBlackShadow h5 {font-size: 1.0em; color:#333; margin-bottom:5px; margin-left:3px;} .greyBoxBlackShadow p {font-size:1em; color:#333; margin-top:5px; margin-left:3px; line-height: 1.5em;} .greyBoxBlackShadow a {font-size:1em; text-decoration:underline; margin-top:5px; line-height: 1.5em;} .greyBoxBlackShadow .foot {background:transparent url(greyBoxBlackShadow_bl.gif) no-repeat 0px 0px;} .greyBoxBlackShadow .foot .edge {background:transparent url(greyBoxBlackShadow_br.gif) no-repeat right 0px;} /********* END STYLES FOR GREY BOX WITH BLACK DROP SHADOW **************/ /********* STYLES FOR WHITE BOX WITH BLACK DROP SHADOW **************/ .whiteBoxBlackShadow {width:267px; margin:0px auto 5px; color:#333; float:left;} /*set width directly on div if desired, this width will be overridden*/ .whiteBoxBlackShadow .boxHeader .edge, .whiteBoxBlackShadow .foot .edge { font-size:1px; /* ensure minimum height */ height:13px;} .whiteBoxBlackShadow .foot .edge {height:13px;} .whiteBoxBlackShadow .boxHeader {background:transparent url(whiteBoxBlackShadow_tl.gif) no-repeat 0px 0px;} .whiteBoxBlackShadow .boxHeader .edge {background:transparent url(whiteBoxBlackShadow_tr.gif) no-repeat right 0px;} .whiteBoxBlackShadow .bodyn {background:transparent url(whiteBoxBlackShadow_ml.gif) repeat-y 0px 0px;} .whiteBoxBlackShadow .bodyn .edge {background:transparent url(whiteBoxBlackShadow_mr.gif) repeat-y right 0px;} .whiteBoxBlackShadow .bodyn .edge .contentArea {margin:0px 17px 0px 10px; background-color:#FFF;} .whiteBoxBlackShadow .bodyn .edge .contentArea .blacktext a{color:Black;text-decoration:none;} /* Changed by L-O 2006-05-17 */ .whiteBoxBlackShadow .bodyn .edge .contentArea a{text-decoration:none;} /* Changed by L-O 2006-05-17 */ .whiteBoxBlackShadow .bodyn .edge .contentArea h1{font-size: 1.2em;color:Black;text-decoration:none;}/* Kolla*/ .whiteBoxBlackShadow .bodyn .edge .contentArea h1 a{font-size: 1.0em;color:Black;text-decoration:none;}/* Kolla*/ .whiteBoxBlackShadow .bodyn .edge .contentArea h2{color:Black;text-decoration:none;} .whiteBoxBlackShadow .bodyn .edge .contentArea h2 a{color:Black;text-decoration:none;} .whiteBoxBlackShadow .bodyn .edge .contentArea p a{color:Black;text-decoration:none;} .whiteBoxBlackShadow .bodyn .edge .contentArea .readmore a{text-decoration:underline;} .whiteBoxBlackShadow .bodyn .edge .contentArea h3{text-decoration:none;} .whiteBoxBlackShadow .bodyn .edge .flashArea {text-align:center; width:192px; overflow:hidden;margin:0px;padding:0px;} .whiteBoxBlackShadow h1 {font-size: 1.0em; color:#333; font-weight:bold; font-family:Verdana, Arial, Helvetica, sans-serif; margin-bottom:5px; margin-left:3px;} .whiteBoxBlackShadow h2 {font-size: 1.0em; color:#333; font-weight:bold; font-family:Verdana, Arial, Helvetica, sans-serif; margin-bottom:5px; margin-left:3px;} .whiteBoxBlackShadow p {font-size:1em; color:#333; margin-top:5px; margin-left:3px; line-height: 1.5em;} .whiteBoxBlackShadow a {font-size:1em; text-decoration:underline; margin-top:5px; line-height: 1.5em;} .whiteBoxBlackShadow .foot {background:transparent url(whiteBoxBlackShadow_bl.gif) no-repeat 0px 0px;} .whiteBoxBlackShadow .foot .edge {background:transparent url(whiteBoxBlackShadow_br.gif) no-repeat right 0px;} /********* END STYLES FOR WHITE BOX WITH BLACK DROP SHADOW **************/ .productBoxPriceAndLink2{background-color:#transparent; margin:0px 7px 2px 7px; height:15px;} .productBoxPriceAndLink2 span.left {float: left; text-align: left; font-weight: bold; font-size:1.2em; color:#999999; background-color:#transparent; width: 70%;} .productBoxPriceAndLink2 span.left span.price { color:Red; } .productBoxPriceAndLink2 span.left span.prevPrice { color:#999999; font-weight:normal; } .productBoxPriceAndLink2 span.right {float: right; text-align: right; background-color:transparent; width: 45px;} .productBoxPriceAndLink2 span.right a{text-decoration:underline;} /********* BLUE HEADER BAR STYLES **************/ .bhb {width: 562px; margin-bottom:5px; background-color: #227cc4; color: #333333; clear:both;} .bhb h2{ font-size:1.2em; color: #FFF; margin-left:15px;} .bhb-roundtop {background: url(corner_bhb_tr.gif) no-repeat top right;} .bhb-roundbottom {background: url(corner_bhb_br.gif) no-repeat top right;} img.bhb-corner {width:5px; height: 5px; border: none; display: block !important;} /********* END BLUE HEADER BAR STYLES **************/ /********* ORANGE HEADER BAR STYLES **************/ .ohb {width: 562px; margin-bottom:5px; background-color: #ff9e3d; color: #333333; clear:both;} .ohb h2 { font-size:1.2em; color: #FFF; margin-left:15px;} .ohb-roundtop {background: url(corner_ohb_tr.gif) no-repeat top right;} .ohb-roundbottom {background: url(corner_ohb_br.gif) no-repeat top right;} img.ohb-corner {width:5px; height: 5px; border: none; display: block !important;} /********* END ORANGE HEADER BAR STYLES **************/ /********* STYLES FOR FOOTER BOX WITHOUT SHADOW **************/ .footerBox {width:995px; margin:15px auto 5px; color:#000; clear:both; max-height:0px; height:0px; visibility:hidden;} /*set width directly on div if desired, this width will be overridden*/ .footerBox .boxHeader .edge, .footerBox .foot .edge { font-size:1px; /* ensure minimum height */ height:8px;} .footerBox .foot .edge {height:8px;} .footerBox .boxHeader {background:transparent url(footerBox_tl.gif) no-repeat 0px 0px;} .footerBox .boxHeader .edge {background:transparent url(footerBox_tr.gif) no-repeat right 0px;} .footerBox .bodyn {background:transparent url(footerBox_ml.gif) repeat-y 0px 0px;} .footerBox .bodyn .edge {background:transparent url(footerBox_mr.gif) repeat-y right 0px;} .footerBox .bodyn .edge .contentArea {margin:0px 17px 0px 10px; background-color:#227cc4;} .footerBox .foot {background:transparent url(footerBox_bl.gif) no-repeat 0px 0px;} .footerBox .foot .edge {background:transparent url(footerBox_br.gif) no-repeat right 0px;} /********* END STYLES FOR FOOTER BOX WITHOUT SHADOW **************/ .textBorderBottomGrey {border-bottom:1px; border-bottom-style:solid; border-bottom-color:#a6a6a6;} .textBorderTopGrey { border-top:1px; border-top-style:solid; border-top-color:#a6a6a6;} /********* GREY HEADER BAR STYLES **************/ .ghb {width: 562px; margin-bottom:5px; background-color: #a6a6a6; color: #333333; clear:both;} .ghb h2{ font-size:1.2em; color: #FFF; margin-left:15px;} .ghb-roundtop {background: url(corner_ghb_tr.gif) no-repeat top right;} .ghb-roundbottom {background: url(corner_ghb_br.gif) no-repeat top right;} img.ghb-corner {width:5px; height: 5px; border: none; display: block !important;} /********* END GREY HEADER BAR STYLES **************/ /********* STYLES FOR THE PAGE "VARUKORGEN" **************/ .kassaTable{ margin-top:20px;} .kassaTable thead{background-color:#207dc3; color:#FFFFFF; height:22px; text-align:center;} .kassaTable tbody{background-color:#e6f2fe; padding:10px;} .kassaTable td{ padding:4px;} .kassaTable th{ padding:4px; height:10px;} .kassaTable input{width:20px;} .kassaTable .removeLink{text-decoration:none; color:Black;} .tillKassa{ height:50px;width:530px;border-bottom:1px;border-bottom-style:solid;border-bottom-color:#c3d5df;border-top:1px;border-top-style:solid;border-top-color:#c3d5df;margin-right:10px;margin-bottom: 20px;} .TillkassaBtn{float:right;margin-right:10px;margin-top:15px;} .artklForm{float:left;background-color:#f6f6f6; width:530px;padding-top:20px; padding-bottom:10px;} .artklFormContent{margin-left:20px; width:430px;} .artklFormInput{float:left; width:350px;margin-left:20px;} .artklFormBtn{float:right;width:80px;} .cartSendByMail{float:left;background-color:#FFFFFF; height:90px;width:530px;padding-top:20px; padding-bottom:10px;} .cartSendByMailContent{margin-left:20px; width:430px;} .cartSendByMailInput{float:left; width:350px;margin-left:20px;} .cartSendByMailBtn{float:right;width:80px;} .cartSendBySMS{float:left;background-color:#f6f6f6; height:90px;width:530px;padding-top:20px; padding-bottom:10px;} .cartSendBySMSContent{margin-left:20px; width:430px;} .cartSendBySMSInput{float:left; width:350px;margin-left:20px;} .cartSendBySMSBtn{float:right;width:80px;} /********* STYLES END FOR THE PAGE "VARUKORGEN" **************/ /********* STYLES FOR THE PAGE kassaflode_steg2.html **************/ .BetalsattTd{height:25px; padding-top:8px; padding-bottom:8px; border-bottom: 1px solid #c3d5df;} /********* STYLES END FOR THE PAGE kassaflode_steg2.html **************/ /********* STYLES FOR THE PAGE kassaflode_steg5_orderkvitto.html **************/ .orderkvittoTabell{ margin-top:20px;} .orderkvittoTabell thead{background-color:#207dc3; color:#FFFFFF; height:22px; text-align:center;} .orderkvittoTabell tbody{background-color:#e6f2fe; padding:10px;} .orderkvittoTabell td{ padding:4px;} .orderkvittoTabell th{ padding:4px; height:10px;} /********* STYLES END FOR THE PAGE kassaflode_steg5_orderkvitto.html **************/ /********* STYLES FOR THE PAGE product.html **************/ .individualProductBox{text-align:left;} .individualProductBoxTop{width:567px;height:15px;background: #fff url(productBoxTop_bg.gif) no-repeat;} .individualProductBoxMiddle{padding-left:19px;width:547px;background: #fff url(productBoxMid_bg.gif) repeat-y;} .individualProductBoxMiddle h1{font-family:Arial, Helvetica, sans-serif; font-size:1.2em; color:#3366CC;} .individualProductBoxBottom{width:567px;height:15px; background: #fff url(productBoxBottom_bg.gif) no-repeat;} .individualProductTable{width:500px;padding-top:15px;padding-bottom:15px;} .individualProductTable input{width:20px;} .individualProductTable thead{background-color:#207dc3; color:#FFFFFF; height:22px; text-align:center} .individualProductTable tbody{background-color:#e6f2fe; padding:10px;} .individualProductTable td{ padding:1px; height:10px;} .individualProductTable th{ padding:1px; height:10px;} .LinkText{ width:400px;} /******************Stores**************************/ .storeItems { margin:20px; } .storeImage { float:left; } .storeEnlargeImage { text-align:center; width:200px; margin-top:5px; } .storeAddress { float:left;margin-left:20px; width:270px; } .storeAddressText { margin-top:10px; } .storeOrdinarieOpenNameRow { float:left;width:100px; } .storeOrdinarieOpenTimeRow { float:left;margin-left:10px; } .storeOtherOpenPublishedAtRow { float:left; } .storeOtherOpenNameRow { float:left;margin-left:10px;width:200px; } .storeOtherOpenTimeAtRow { float:left;margin-left:10px; } /******************Profiles**************************/ .profileRowHead { font-weight:bold; color:#629DD5; } .newsletterLeft{ margin-top:2px; margin-bottom:5px; width:435px; background-color:#E6F2FE; padding:10px; } .newsletterLeft h3{ font-size:1.2em; color: #000; margin-left:0px;} .newsletterRight{ margin-top:2px; margin-bottom:5px; width:83px; background-color:#E6F2FE; padding:10px; height:auto; } .newsletterAltLeft{ margin-top:2px; margin-bottom:5px; width:435px; background-color:#BCD2E9;padding:10px; } .newsletterAltLeft h3{ font-size:1.2em; color: #000; margin-left:0px;} .newsletterAltRight{ margin-top:2px; margin-bottom:5px; width:83px; background-color:#BCD2E9; padding:10px; height:auto; } /************************* NEWSLETTER *********************//* Added by L-O 060519 */ .newsletterChoicesHeaderRow {background-color:#dbdbdb;vertical-align:top; height:22px;padding-left:5px;} .newsletterChoicesDescriptionRow {background-color:#f2f2f2; vertical-align:bottom; height:22px;padding-left:5px;} .newsletter_left{ margin-top:8px; margin-bottom:1px; float:left; width:350px; }/* Added by L-O 060519 */ .newsletter_left a{color:Black; text-decoration:none; } /* Added by L-O 060519 */ .newsletter_right{ margin-top:0px; margin-bottom:5px;}/* Added by L-O 060519 */ .red_error { color:Red; padding-bottom:10px; font-weight:bold; margin-bottom:10px; } .emailOK { color:Green;} .newslettermHead {background-color:#CACACA;height:22px;padding-left:5px;padding-top:5px;} .newsletterRow {padding-top:20px;} /******************Toolbox**************************/ .productTools{ width:500px;} .productToolsTop{width:500px;height:12px;background: #fff url(product_toolboxTop.gif) no-repeat;} .productToolsMid{padding-left:10px; width:500px;background: #fff url(product_toolboxMid.gif) repeat-y;} .productToolsBottom{width:500px;height:12px;background: #fff url(product_toolboxBottom.gif) no-repeat;} .productToolIkonText{text-decoration:none; color:#333333; font-size:0.9em;} .prodTillbehorMargin{ margin-left:10px;} .prodTillbehorPrice{ margin-left:10px; color:#3266cc; font-weight:bold;} /********* END STYLES FOR THE PAGE product.html **************/ .textBorderTopGrey { border-top:1px; border-top-style:solid; border-top-color:#a6a6a6;} .textBorderBottom {border-bottom:1px; border-bottom-style:solid; border-bottom-color:#9bbbdb;} .textBorderTop {border-top:1px; border-top-style:solid; border-top-color:#9bbbdb;} /********** STYLES FOR template finansiell_information.html *************/ .column-two-text { width:553px; } .column-two-text p{margin-left:20px; margin-bottom:0px;} .column-two-text a{ color: #227cc4; margin-left:20px; margin-bottom:10px;} .column-two-text h1{font-size: 1.8em; font-family: Arial, Helvetica, sans-serif; color: #619DDA; margin-left:20px;} .column-two-text h2{font-size: 1.1em; font-family: Verdana, Arial, Helvetica, sans-serif; color: #333; margin-left:20px;} .column-two-text h3{font-size: 1.2em; font-family: Verdana, Arial, Helvetica, sans-serif; color: #3366CC; margin-left:20px;} .col_one_box_blue{ margin:0px;padding:0px;} .col_one_box_blue h1{text-decoration:none; font-size:1.2em ; font-family: Verdana, Arial, Helvetica, sans-serif; color: Black;} .col_one_box_blue_top{ width:200px; height:12px; background: #fff url(box_blue_top.gif) no-repeat; } .col_one_box_blue_middle{ width:200px; background: #fff url(box_blue_middle.gif) repeat-y; } .col_one_box_blue_bottom{ width:200px; height:12px; background: #fff url(box_blue_bottom.gif) no-repeat; } .col_one_box_blue_content{ margin-left:8px; width:186px; } .col_one_box_blue_content a{text-decoration:none; } /* Added by Johan 060517 */ .right-column-line { float:none; width:176px; height:10px; border-bottom:1px solid #9bbbdb; } .left-column-line{ clear:both; float:none; width:186px; height:10px; border-bottom:1px solid #9bbbdb; } .rapporter_left{ margin-top:8px; margin-bottom:1px; float:left; width:160px; } .rapporter_left a{color:Black; text-decoration:none; } /* Added by Johan 060517 */ .rapporter_right{ margin-top:0px; margin-bottom:5px; } .contentArea2 input { width:140px; } /*************************************************/ /****************** RUBRIKER ********************/ .heding_1_blue {font-size:1.8em; font-family:Arial, Helvetica, sans-serif; font-weight:bold; color: #619DDA; margin-left:0px;} .heding_2_blue {font-size:1.2em; font-family:Verdana, Arial, Helvetica, sans-serif; font-weight:bold; color: #619DDA; margin-left:0px;} .heding_3_blue {font-size:1.0em; font-family:Verdana, Arial, Helvetica, sans-serif; font-weight:bold; color: #619DDA; margin-left:0px;} .heding_1_black {font-size:1.1em; font-family:Verdana, Arial, Helvetica, sans-serif; font-weight:bold; color: #333; margin-left:0px;} .heding_2_black {font-size:1.0em; font-family:Verdana, Arial, Helvetica, sans-serif; font-weight:bold; color: #333; margin-left:0px;} .normal_1_black {font-size:1.0em; font-family:Verdana, Arial, Helvetica, sans-serif; color: #333; margin-left:0px;} /******************* RUBRIKER ******************/ .previousPrice {font-weight:normal; color:#333;} .middleColFullImage {margin-top:3px; border:0px;} .leftColImage {margin-top:3px; border:0px;} .topMargin10px {margin-top:10px;} .leftMargin5px{margin-left:3px;} .rightColFormWidth{width:164px;} .categoryBoxText{} .categoryBoxText a{color:Black; text-decoration:none;} .categoryBoxText h3{ font-size:1.2em; color:#3366CC; font-family:Arial, Verdana, Helvetica, sans-serif; text-align:left; margin:3px 20px 0px 16px;} .categoryBoxText h3 a{color:#3366CC;} /* .boxBlueShadow h1 {font-family:Arial, Helvetica, sans-serif; font-size:1.2em; color:#3366CC; margin-top:12px ; margin-left:11px;} */ .productBoxText{height:72px; margin-left:16px; margin-right:16px;} .productBoxText a{ color:Black; text-decoration:none;} /* Added by L-O 2006-05-17 */ html>body .productBoxText{height: auto; min-height: 70px;} /*********************** PRESSRELEASE TABELL **********************/ /* Added by Johan 060517 */ .PressReleaseTable{} .PressReleaseTable thead{background-color:#207dc3; color:#FFFFFF; height:22px; text-align:center} .PressReleaseTable tbody{background-color:#e6f2fe; padding:10px;} .PressReleaseTable td{ padding:4px;} .PressReleaseTable .altRow{ background-color:#F3F9FF;} .PressReleaseTable .redText{ color:#FF0000;} .PressReleaseTable a {text-decoration:none; margin-left:0px; } /*********************** PRESSRELEASE TABELL END ******************/ /*********************** FYNDVAROR TABELL **********************/ .FyndvarorTable{} .FyndvarorTable thead{background-color:#207dc3; color:#FFFFFF; height:22px; text-align:center} .FyndvarorTable thead a {color:White; text-decoration:none;} .FyndvarorTable tbody{background-color:#e6f2fe; padding:10px;} .FyndvarorTable td{ padding:4px;} .FyndvarorTable .altRow{ background-color:#F3F9FF;} .FyndvarorTable .redText{ color:#FF0000;} /*********************** FYNDVAROR TABELL END ******************/ /*********************** Productsida_stafflingar **********************/ .specialPriceStafflingar{color:#FF0000} /**********************************************************************/ .readmore { text-align:left; margin-left:3px; } .saveText { color:#FF0000; font-size: 1.4em; font-family: Arial, Helvetica, sans-serif; font-weight:bold; } /*********************** Kampanj varor **********************/ .kampanj_basket_head h1{ font-family:Arial, Helvetica, sans-serif; font-size:1.2em; font-weight:bold; color:#3366CC;} .kampanj_price_1{position:absolute; top:378px; margin-top:10px; /* Added by PS 060706 */ left:438px; width:60px; font-size:1.6em; font-family: Arial, Helvetica, sans-serif; font-weight: bold; color:#FFFFFF;} .kampanj_price_2{position:absolute; top:376px; margin-top:10px; /* Added by PS 060706 */ left:730px; width:60px; font-size:1.6em; font-family: Arial, Helvetica, sans-serif; font-weight: bold; color:#FFFFFF;} .mid { vertical-align:middle;} /************************* CATALOGUE *********************//* Added by PS 060523 */ .catalogueRow {padding-bottom:2px; width:110px; height:20px; float:left; vertical-align:bottom;} .catalogueRow2 {padding-bottom:2px; width:400px; height:20px; float:left; vertical-align:bottom;} .catalogueButtonRow {padding-top:10px;padding-bottom:10px;} .catalogueImage { width:90px; padding:0px; float:left;} .catalogueInfo { width:410px; padding:0px; float:left; } .catalogueItemRow { background-color:#E6F2FE; } .catalogueItemAltRow { background-color:#BCD2E9; } /********* STYLES FOR LAGG VAROR I VARUKORGEN **************/ .specialPrice3{margin:10px 3px 3px 2px; font-size: 1.2em; font-weight: bold; color: #FF0000;} .specialOfferReadMore3{margin-left:164px; font-size:0.8em; font-weight:normal;} .specialOfferReadMore4{margin-left:162px; font-size:0.8em; font-weight:normal;} /********* END STYLES FOR LAGG VAROR I VARUKORGEN **************/ /********* STYLES FOR WAG **************/ .artikelnummer1{font-size:1.0em; font-weight:normal; color:#217DC6;} .artikelnummer1 a{text-decoration:none; color:#217DC6;} .lagerstatus{margin:10px 3px 3px 2px;} .individualProductTable02{width:450px;margin-top:15px;margin-bottom:15px;} .individualProductTable02 input{width:20px;} .individualProductTable02 thead{background-color:#207dc3; color:#FFFFFF; height:22px; text-align:center} .individualProductTable02 tbody{background-color:#e6f2fe; padding:10px;} .individualProductTable02 td{ padding:1px; height:10px;} .individualProductTable02 th{ padding:1px; height:10px;} /********* END STYLES FOR LAGG VAROR I VARUKORGEN **************/ /*********** STYLES FOR Price AND ReadMore for WAGS ***********/ .priceAndReadMore{ margin-top:10px; margin-bottom:3px;} .priceAndReadMore span.left {float: left; text-align: left; font-weight: normal; font-size:1.2em; color:#000; background-color:#transparent; margin-left:2px;} .priceAndReadMore span.leftDiscount {float: left; text-align: left; font-weight: bold; font-size:1.2em; color:#999999; background-color:#transparent;} .priceAndReadMore span.leftDiscount span.red {float: left; text-align: left; font-weight: bold; color:Red;} .priceAndReadMore span.leftDiscount span.old {float: left; text-align: left; font-weight: normal; color:#000;} .priceAndReadMore span.right {float: right; text-align: right; background-color:transparent; width: 60px; margin-right:7px;} /******************ToolboxWAG**************************/ .productToolsWAG{width:320px;} .productToolsTopWAG{width:320px;height:12px;background: #fff url(product_toolboxTopWAG.gif) no-repeat;} .productToolsMidWAG{padding-left:10px;width:320px;background: #fff url(product_toolboxMidWAG.gif) repeat-y;} .productToolsBottomWAG{width:320px;height:12px;background: #fff url(product_toolboxBottomWAG.gif) no-repeat;} /********* END STYLES FOR ToolboxWAG **************/ .checkoutText {} .checkoutText h3 {font-size:100%; font-weight:bolder; color:Black; } .searchResultProduct { margin-bottom:0px;} .searchResultProduct a { text-decoration:none; color:Black;} .searchResultProduct a b { color:#227cc4;} .searchResultPrice {} .searchResultPrice span.regular {font-weight:bold;} .searchResultPrice span.special span.specialSpecialPrice {font-weight:bold; color:Red;} .searchResultPrice span.special span.specialRegularPrice {font-weight:normal; color:#999999;} .searchInfoHit {} .searchInfoHit a { text-decoration:none; font-weight:bold;} /************ STYLES FOR SITEMAP **************/ .sitemaplevel_0 {margin-left:0px;} .sitemaplevel_1 {margin-left:10px;} .sitemaplevel_2 {margin-left:20px;} .sitemaplevel_3 {margin-left:30px;} .sitemaplevel_4 {margin-left:40px;} .sitemaplevel_5 {margin-left:50px;} .sitemaplevel_6 {margin-left:60px;} .sitemaplevel_7 {margin-left:70px;} .sitemaplevel_8 {margin-left:80px;} .sitemaplevel_9 {margin-left:90px;} .sitemaplevel_10 {margin-left:100px;} .outOfStock { color:Red; } .productDescription{width:567px;} * html .productDescription{width:320px;} * +html .productDescription{width:320px;} .productDescriptionAdvanced{width:700px;} * html .productDescriptionAdvanced{width:500px;} * +html .productDescriptionAvanced{width:500px;}