/* -----------------------------------*/ /* ---- SITE: www.willabgarden.com ---*/ /* ---------- CSS Author: F & O ------*/ /* ---------- (c) ShopSetup ----------*/ /* -----------------------------------*/ @import url("reset.css"); /* -----------------------------------*/ /* ----------->>> GENERAL <<<---------*/ /* -----------------------------------*/ body { margin: 0; padding: 0; background:#476b5a url(../img/bg_body.jpg) fixed top repeat-x; font: 62.5%/140% "Times New Roman", Times, serif; color:#333; _background-attachment: scroll} a { text-decoration: none; outline: none; color: #333; } a:hover { text-decoration: none;} /* -----------------------------------*/ /* ----->>> GENERELLA .CLASS <<<------*/ /* -----------------------------------*/ .fLeft { float:left;} .fRight { float:right;} .cBoth {clear:both;} .vNavDivder {margin:0 5px; padding: 0} .noMargin {margin:0} .noPadding {padding:0} .red { color: #CC0000} .mt10 { margin: 10px 0 0 0 } .mb10 { margin: 0 0 10px 0 } .bold { font-weight: bold } .dark { color: #444 } .cb {clear:both;} .fotnot {font-size:90%; font-style:oblique} .ingress { font-weight: bold} .left { float: left} .right { float: right} #col_1 img.left { float: left; padding: 0 10px 10px 0; border: none } img.float_left { float: left; padding: 10px 10px 10px 0 } img.float_right { float: right; padding: 10px 0 10px 10px } img.center_img { text-align: center; padding: 10px 0 } /* -----------------------------------*/ /* --------->>> TYPOGRAPHY <<<--------*/ /* -----------------------------------*/ h1, h2, h3, h4, h5 {} h1 { font-size: 2.0em; line-height: 40px; font-style:oblique; color:#333; } h2 { font-size: 1.4em; line-height: 40px; padding:0; font-style:oblique;} h3 { font-size: 1.2em; /*line-height: 40px;*/ padding:0; color:#333; font-style:oblique; } h4 { font-size: 1.0em; /*line-height: 40px;*/ padding:0; color:#333; font-style:oblique; } h5 { } /* -----------------------------------*/ /* --------->>> CLEARFIX <<<--------*/ /* -----------------------------------*/ .clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .clearfix {display: inline-block;} /* Hides from IE-mac \*/ * html .clearfix {height: 1%;} .clearfix {display: block;} /* End hide from IE-mac */ /* -----------------------------------*/ /* --------->>> PLACEMENT <<<---------*/ /* -----------------------------------*/ #outerContainer {margin:0; padding: 0; background:url(../img/bg_outercontainer_wide.jpg) fixed center top no-repeat; _background-attachment: scroll } /* Web Safe AREA */ #container {width:990px; margin: 0 auto; background: url(../img/container_menu_bg.jpg) no-repeat #fff bottom left; font: 1.1em/140% "Lucida Grande","Lucida Sans Unicode",Arial,Verdana,sans-serif;} #kassa #container { background: none} /* HEADER */ /* SEKUNDÄR TOPPNAVIGERING */ #headerWrapper { height:105px; background: #fff url(../img/headerImage2.png) no-repeat; position:relative;} #uterum #headerWrapper { background: #fff url(../img/wTop_uterum.jpg) no-repeat; } #vaxthus #headerWrapper { background: #fff url(../img/wTop_vaxthus.jpg) no-repeat; } #dammar #headerWrapper { background: #fff url(../img/wTop_dammar.jpg) no-repeat; } #tillbehor #headerWrapper { background: #fff url(../img/wTop_tillbehor.jpg) no-repeat; } #information #headerWrapper { background: #fff url(../img/wTop_information.jpg) no-repeat; } #subTopNav {text-align:right; padding: 13px 210px 0 0; } #subTopNav li {display:inline; height: 37px; color: #fff; margin-left:5px;} #kassa #subTopNav li, #kassa #subTopNav li a, #sok #subTopNav li, #sok #subTopNav li a { color:#333 } #subTopNav li a { color:#fff } #subTopNav li a:hover { text-decoration: underline} /* TOPPNAVIGERING */ #mainTopNav {height:37px; background:#265c47 url(../img/bg_topnav.jpg) repeat-x; font-size: 1.1em; font-weight:700; line-height: 33px; color: #fff;} #mainTopNav li {float:left; margin: 0; padding: 0; text-align: center; width: 164px; border-right:1px solid #265c47; height: 37px; text-transform: uppercase;; font-style: oblique } #mainTopNav li.start { width: 163px; border-left: solid 1px #265c47; border-right:1px solid #265c47; height: 37px; text-transform: uppercase;} #mainTopNav li a {display:block; color:#fff; height: 33px} #uterum #mainTopNav li a.active, a.uterum:hover { background: #265c47; border-bottom: solid 3px #f5a327 } #vaxthus #mainTopNav li a.active, a.vaxthus:hover { background: #265c47; border-bottom: solid 3px #67b192 } #dammar #mainTopNav li a.active, a.dammar:hover { background: #265c47; border-bottom: solid 3px #49c9f5 } #tillbehor #mainTopNav li a.active, a.tillbehor:hover { background: #265c47; border-bottom: solid 3px #b6d58a } #information #mainTopNav li a.active, a.information:hover { background: #265c47; border-bottom: solid 3px #b47db7 } #mainTopNav li a:hover { background: none } #mainTopNav li a.start:hover { border-bottom: solid 3px #fff } /* KASSA */ #kassaWrapper {height:15px; background: #666; text-align: right; padding: 5px; margin: 2px 0; color: #fff; display:none;} /* -----------------------------------*/ /* --------->>> STARTSIDA <<<---------*/ /* -----------------------------------*/ #start #headerWrapper {background: #fff url(../img/wTop_start.jpg) no-repeat scroll 0% 0%; height:130px;} #start #headerWrapper #subTopNav {padding: 7px 10px; } #start #container {background:#fff;} #startpage_Wrapper {} /* MAIN FLASH */ #startpage_Wrapper #mainFlash {margin:5px 0 0 0;} /* MEDIAPLATTA */ #media_wrapper { width: 990px; height: 460px; position: relative; margin: 5px 0 0 0; overflow: hidden; } #load { background: url(../img/mediaplatta/spinner.gif) no-repeat center center; width: 990px; height: 455px } #campaign_teaser { position: absolute; top: 0; right: 0; height: 184px; width: 184px; z-index: 30; background-image: url(../img/mediaplatta/startsida/kampanjtider.png); _background: none; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/mediaplatta/startsida/kampanjtider.png'), sizingMethod='scale'); cursor: pointer } /*#campaign_teaser { position: absolute; top: 0; right: 0; height: 184px; width: 184px; z-index: 30; background-image: url(../img/mediaplatta/startsida/kampanjtider_blue.png); _background: none; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/mediaplatta/startsida/kampanjtider_blue.png'), sizingMethod='scale'); cursor: p*/ointer } #media_content, #media_content_campaign { position: relative; width: 990px; height: 455px; border-bottom: solid 5px #fff; } /*.loading img { display:none;}*/ #media_content_campaign.campaign { /*border-bottom-color: #8a2920*/ } #media_content div { height: 455px; } #start #media_content div img { width: 990px; height: 455px; } #start #media_content.campaign div img { width: 990px; height: 460px; } #media_content div div { position: absolute; height: 70px; padding: 10px 15px; bottom: 0; left: 0; z-index: 10; background: url(../img/bg_media_text.png) repeat-x; width: 960px; line-height: 32px } #media_content div div h2 { color: #265c47; font-size: 36px; font-style: normal; font-weight: normal} #media_content div div a { float: right; font-size: 20px; color: #265c47; } #media_content div div p { color: #792015; font-size: 24px; font-style: italic } /* MEDIAPLATTANS SIDNAVIGERING */ #media_wrapper #nav { position: absolute; bottom: 15px; right: 15px; z-index: 20 } #media_wrapper #nav a { float: left; width: 18px; height: 18px; line-height: 18px; text-align: center; margin: 0 0 0 5px; color: #fff; background: url( ../img/bg_page.png) no-repeat; color: #333; font-weight: bold } #media_wrapper #nav a.activeSlide { background-image: url( ../img/bg_page_active.png); color: #265c47; } /* MEDIAPLATTANS FLIKAR */ #media_menu { background: #265c47 url(../img/bg_media_bottom.jpg) repeat-x 0 0; height: 40px; line-height: 30px; padding: 0 10px } #media_menu li { display: inline; } #media_menu li.campaign { float: right;} #media_menu li a { float: left; padding: 0 30px; margin: 0 1px 0 0; background: url(../img/bg_tab.jpg) repeat-x 0 0; height: 30px; font-weight: bold; color: #666 } #media_menu li a.active, #media_menu li a:hover { background: #fff url(../img/bg_tab_active.jpg) no-repeat; height: 30px; color: #265c47 } #media_menu li.campaign a {border-left: solid 1px #8a2920; border-right: solid 1px #8a2920; background-image: url(../img/bg_tab_campaign.jpg); color: #d1d1d1 } #media_menu li.campaign a.active, #media_menu li.campaign a:hover { background: url(../img/bg_tab_campaign_active.jpg) repeat-x; color: #fff } /* Orginal röd tab*/ #media_menu li.campaign a { border: none; background-image: url(../img/bg_tab_campaign.jpg); color: #d1d1d1 } #media_menu li.campaign a.active, #media_menu li.campaign a:hover { background: url(../img/bg_tab_campaign_active.jpg) repeat-x; color: #fff } #media_menu li.campaign a.blue { border: none; background-image: url(../img/bg_tab_campaign_blue.jpg); } /* INFORUTA */ #startpage_Wrapper #mainInfo {margin:5px 0 0 0; width:990px; } #mainInfo #willabInfo {width:978px; border:1px solid #eaeaea; margin: 0 0 10px 0; height:auto; background:none; padding:5px 0px 5px 10px;} #mainInfo #willabInfo p, #mainInfo #willabInfo h1, #mainInfo #willabInfo span {font-size:14px; font-family:Georgia,"Times New Roman",Times,serif; line-height:20px;} #mainInfo #willabInfo p {padding-right:30px;} #mainInfo #willabInfo h1, #mainInfo #willabInfo span {font-style: oblique; font-weight:700; color:#0B5410; float: left; padding: 4px 5px 0 10px; font-size: 18px; line-height: 20px } #uterumInfo {background: url(../img/start_bg_uterum.jpg) repeat-x bottom #fff;} #vaxthusInfo {background: url(../img/start_bg_vaxthus.jpg) repeat-x bottom #fff;} #vintertradgardInfo {background: url(../img/start_bg_vtradgard.jpg) repeat-x bottom #fff;} #mainInfo #teaserInfo {background: url(../img/start_bg_teaser.jpg) repeat-x bottom #fff; height: 225px; padding-top: 8px} #mainInfo #teaserInfo p.Infolink a.right { float: right } #mainInfo #teaserInfo p.Infolink { position:absolute; bottom:8px; left:0px; font-size:12px; padding:5px 14px 0 10px; width: 296px } #mainInfo #butikerInfo {background: url(../img/start_bg_butiker2.jpg) repeat-x bottom #89c1cc; height: 225px; } #mainInfo #butikerInfo span.small { font-size: 14px; margin-top: 10px } #mainInfo #butikerInfo p { padding: 0 10px 10px; } #mainInfo #butikerInfo p.Infolink { position:absolute; bottom:8px; left:0px; font-size:12px; padding:5px 14px 0 10px; } #mainInfo #butikerInfo div { width: 120px; height: auto; float: left; padding: 10px 10px 0; margin: 0} #mainInfo #butikerInfo div p { padding: 0; width: 120px} #mainInfo #katalogInfo {background: url(../img/start_bg_katalog2.jpg) repeat-x bottom #fff; height: 130px; margin-bottom: 5px; } #mainInfo #kortInfo {background: url(../img/start_bg_kort2.jpg) repeat-x bottom #fff; height: 82px; } #mainInfo div {float:left; width:320px; height:181px; padding-top:8px; margin: 0 15px 10px 0; position:relative} #mainInfo div.last {margin-right:0px;} #mainInfo div p, #mainInfo div h2, #mainInfo div h3, #mainInfo div h4, #mainInfo div h5, #mainInfo div span {padding:5px 14px 0 10px; font-style: oblique} #mainInfo div span { display: block } #mainInfo div h2, #mainInfo div h4, #mainInfo div span {margin:0px; line-height:normal; font-size: 18px; font-weight: bold} #mainInfo div h3 {margin: 15px 0 10px 0; line-height:normal; font-size: 14px; color: #fff} #mainInfo div h5 { font-size: 14px;} #mainInfo div h6 { font-size: 12px;} #mainInfo div p {font-size: 11px;} #mainInfo div p.Infolink {position:absolute; bottom:8px; left:0px; font-size:12px; padding:5px 14px 0 10px; } #mainInfo div p.Infolink a{color:#fff; font-size:14px; font-weight:700; font-style:oblique; } #mainInfo div p.Infolink a:hover{ text-decoration: underline} #mainInfo div img {float:right; margin:0 8px 0 10px; border:3px solid #fff;} /* -----------------------------------*/ /* --------->>> VÄNSTERMENY <<<---------*/ /* -----------------------------------*/ /* LEFTNAV UTERUM */ #leftnavWrapper {float:left; width:170px; margin:0 10px 75px 0; font-size: 1.1em; } #leftnavWrapper ul { border-bottom: solid 1px #fff; } #leftnavWrapper ul#aktuellt { } #leftnavWrapper ul#aktuellt a { color: #bb1313 } #leftnavWrapper ul#aktuellt a:hover { color: #222 } #leftnavWrapper ul li { float: left; width: 170px } #leftnavWrapper ul li ul{ border-bottom: none; margin-bottom: 0} #leftnavWrapper ul li.delimiter { background: #fff; height: 1px; overflow: hidden; margin: 0; padding: 0; float: left; width:170px } #leftnavWrapper h2, #leftnavWrapper h3 {color:#555; font-size: 1.2em; background: #dfdfdf url(../img/variantblock.jpg) bottom repeat-x; height: 40px; line-height: 40px; padding: 0 0 0 10px; font-weight: 700; } #leftnavWrapper h3 { border-top: 10px solid #fff; } #leftnavWrapper li a { display: block; color: #222; background: #e1e1e1 url(../img/nav_rArrow.png) 155px center no-repeat; text-decoration: none; border-bottom: 1px solid #e1e1e1; border-top:1px solid #fff; padding: 10px 0 10px 10px; } #leftnavWrapper li a:hover, #leftnavWrapper li a.current:hover {background:#f5a327 url(../img/nav_rArrow_dark.png) 155px center no-repeat; font-weight: 700; border-bottom: solid 1px #f5a327 } #leftnavWrapper li a.active { font-weight:700; background: url(../img/nav_rArrow_dark.png) 155px center no-repeat #fff; border-bottom: 1px solid #fff; } #leftnavWrapper li a.current { background: #f5a327 url(../img/nav_downArrow_dark.png) 155px center no-repeat; font-weight:700; border-top: solid 1px #fff; border-bottom: solid 1px #fff} #leftnavWrapper li li a:hover { border: none; background-image: none} #leftnavWrapper li li a { background: #f5b14c url(../img/nav_rArrow_dark1.png) 155px center no-repeat; padding: 8px 0 8px 25px; border: none; } #leftnavWrapper li li a.current {background: #f5b14c url(../img/nav_downArrow_dark.png) 155px center no-repeat; border: none } #leftnavWrapper li a.current:hover {background: #f5a327 url(../img/nav_downArrow_dark.png) 155px center no-repeat; border-bottom: solid 1px #fff } #leftnavWrapper li li a.current:hover {background: #f5a327 url(../img/nav_downArrow_dark.png) 155px center no-repeat; border: none } #leftnavWrapper li li a.active { border: none } #leftnavWrapper li li li a { background: #f5c071 url(../img/nav_rArrow_dark1.png) 155px center no-repeat; padding: 7px 0 7px 35px; } #leftnavWrapper li li li a.current {background: #f5c071 url(../img/nav_downArrow_dark.png) 155px center no-repeat; } #leftnavWrapper li li li li a { background: #f5cf95 url(../img/nav_rArrow_dark1.png) 155px center no-repeat; padding: 6px 0 6px 45px; } #leftnavWrapper li li li li a.current {background: #f5cf95 url(../img/nav_downArrow_dark.png) 155px center no-repeat; } /* LEFTNAV VÄXTHUS */ #vaxthus #leftnavWrapper li a:hover, #vaxthus #leftnavWrapper li a.current:hover {background:#67b192 url(../img/nav_rArrow_dark.png) 155px center no-repeat; border-bottom: solid 1px #67b192; } #vaxthus #leftnavWrapper li a.current { background: #67b192 url(../img/nav_downArrow_dark.png) 155px center no-repeat; } #vaxthus #leftnavWrapper ul li.delimiter { } #vaxthus #leftnavWrapper li li a:hover { border: none} #vaxthus #leftnavWrapper li li a { background: #89c9af; } #vaxthus #leftnavWrapper li li a.active { background: #fff url(../img/nav_rArrow_dark.png) 155px center no-repeat; border-bottom: 1px solid #fff; } #vaxthus #leftnavWrapper li li a.current {background: #89c9af url(../img/nav_downArrow_dark.png) 155px center no-repeat; } #vaxthus #leftnavWrapper li a.current:hover {background: #67b192 url(../img/nav_downArrow_dark.png) 155px center no-repeat; border-bottom: solid 1px #fff } #vaxthus #leftnavWrapper li li a.current:hover {background: #67b192 url(../img/nav_downArrow_dark.png) 155px center no-repeat; border: none } #vaxthus #leftnavWrapper li li li a { background: #b1e3ce url(../img/nav_rArrow_dark1.png) 155px center no-repeat; } #vaxthus #leftnavWrapper li li li a.current {background: #b1e3ce url(../img/nav_downArrow_dark.png) 155px center no-repeat; } #vaxthus #leftnavWrapper li li li li a { background: #c7f0df url(../img/nav_rArrow_dark1.png) 155px center no-repeat; } #vaxthus #leftnavWrapper li li li li a.current {background: #c7f0df url(../img/nav_downArrow_dark.png) 155px center no-repeat; } /* LEFTNAV DAMMAR */ #dammar #leftnavWrapper li a:hover, #dammar #leftnavWrapper li a.current:hover {background:#49c9f5 url(../img/nav_rArrow_dark.png) 155px center no-repeat; border-bottom: solid 1px #49c9f5; } #dammar #leftnavWrapper li a.current { background: #49c9f5 url(../img/nav_downArrow_dark.png) 155px center no-repeat; } #dammar #leftnavWrapper li li a:hover { border: none} #dammar #leftnavWrapper li li a { background: #62d0f5; } #dammar #leftnavWrapper li li a.active { background: #fff url(../img/nav_rArrow_dark.png) 155px center no-repeat; border-bottom: 1px solid #fff; } #dammar #leftnavWrapper li li a.current {background: #62d0f5 url(../img/nav_downArrow_dark.png) 155px center no-repeat; } #dammar #leftnavWrapper li a.current:hover {background: #49c9f5 url(../img/nav_downArrow_dark.png) 155px center no-repeat; border-bottom: solid 1px #fff } #dammar #leftnavWrapper li li a.current:hover {background: #49c9f5 url(../img/nav_downArrow_dark.png) 155px center no-repeat; border: none } #dammar #leftnavWrapper li li li a { background: #7ad6f5 url(../img/nav_rArrow_dark1.png) 155px center no-repeat; } #dammar #leftnavWrapper li li li a.current {background: #7ad6f5 url(../img/nav_downArrow_dark.png) 155px center no-repeat; } #dammar #leftnavWrapper li li li li a { background: #93dcf5 url(../img/nav_rArrow_dark1.png) 155px center no-repeat; } #dammar #leftnavWrapper li li li li a.current {background: #93dcf5 url(../img/nav_downArrow_dark.png) 155px center no-repeat; } /* LEFTNAV TILLBEHÖR */ #tillbehor #leftnavWrapper li a:hover, #tillbehor #leftnavWrapper li a.current:hover {background:#b6d58a url(../img/nav_rArrow_dark.png) 155px center no-repeat; border-bottom: solid 1px #b6d58a; } #tillbehor #leftnavWrapper li a.current { background: #b6d58a url(../img/nav_downArrow_dark.png) 155px center no-repeat; } #tillbehor #leftnavWrapper li li a:hover { border: none} #tillbehor #leftnavWrapper li li a { background: #c7e39f url(../img/nav_rArrow_dark1.png) 155px center no-repeat; } #tillbehor #leftnavWrapper li li a.active { background: #fff url(../img/nav_rArrow_dark.png) 155px center no-repeat; } #tillbehor #leftnavWrapper li li a.current {background: #c7e39f url(../img/nav_downArrow_dark.png) 155px center no-repeat; } #tillbehor #leftnavWrapper li a.current:hover {background: #b6d58a url(../img/nav_downArrow_dark.png) 155px center no-repeat; border-bottom: solid 1px #fff } #tillbehor #leftnavWrapper li li a.current:hover {background: #b6d58a url(../img/nav_downArrow_dark.png) 155px center no-repeat; border: none } #tillbehor #leftnavWrapper li li li a { background: #d7f0b4 url(../img/nav_rArrow_dark1.png) 155px center no-repeat; } #tillbehor #leftnavWrapper li li li a.current {background: #d7f0b4 url(../img/nav_downArrow_dark.png) 155px center no-repeat; } #tillbehor #leftnavWrapper li li li li a { background: #e1f0cc url(../img/nav_rArrow_dark1.png) 155px center no-repeat; } #tillbehor #leftnavWrapper li li li li a.current {background: #e1f0cc url(../img/nav_downArrow_dark.png) 155px center no-repeat; } /* LEFTNAV INFORMATION */ #information #leftnavWrapper li a:hover, #information #leftnavWrapper li a.current:hover {background:#b47db7 url(../img/nav_rArrow_dark.png) 155px center no-repeat; border-bottom: solid 1px #b47db7; } #information #leftnavWrapper li a.current { background: #b6d58a url(../img/nav_downArrow_dark.png) 155px center no-repeat; } #information #leftnavWrapper li li a:hover { border: none} #information #leftnavWrapper li li a { background: #b47db7 url(../img/nav_rArrow_dark1.png) 155px center no-repeat; } #information #leftnavWrapper li li a.active { background: #fff url(../img/nav_rArrow_dark.png) 155px center no-repeat; } #information #leftnavWrapper li li a.current {background: #b47db7 url(../img/nav_downArrow_dark.png) 155px center no-repeat; } #information #leftnavWrapper li a.current:hover {background: #b47db7 url(../img/nav_downArrow_dark.png) 155px center no-repeat; border-bottom: solid 1px #fff } #information #leftnavWrapper li li a.current:hover {background: #b47db7 url(../img/nav_downArrow_dark.png) 155px center no-repeat; border: none } #information #leftnavWrapper li li li a { background: #b47db7 url(../img/nav_rArrow_dark1.png) 155px center no-repeat; } #information #leftnavWrapper li li li a.current {background: #b47db7 url(../img/nav_downArrow_dark.png) 155px center no-repeat; } #information #leftnavWrapper li li li li a { background: #b47db7 url(../img/nav_rArrow_dark1.png) 155px center no-repeat; } #information #leftnavWrapper li li li li a.current {background: #b47db7 url(../img/nav_downArrow_dark.png) 155px center no-repeat; } /* IE 6 MENY */ #outerContainer #leftnavWrapper li a, #outerContainer #leftnavWrapper li a:hover, #outerContainer #leftnavWrapper li a.current, #outerContainer #leftnavWrapper li a.current:hover, #outerContainer #leftnavWrapper li a.active, #outerContainer #leftnavWrapper li a.active:hover { _background-image: none} /* MAIN CONTENT AREA */ #mainWrapper {width:805px; padding: 0 0 20px 5px; float: left; font-size: 1.1em; line-height: 1.6em; min-height:540px; _height:540px;} #mainWrapper.cart {width:990px; padding: 0;} #mainWrapper h1 {float: left; width: 640px; color:#555; font-style: oblique; background: #dfdfdf url(../img/variantblock.jpg) bottom repeat-x; line-height: 40px; padding: 0 0 0 10px; font-weight: 700; } #mainWrapper h1 span { font-size:14px; font-style: normal; line-height: 30px; padding: 0 0 0 10px } #mainWrapper h1.product { width: 805px; padding: 0 0 10px 0; background: none} #mainWrapper h1.info {float: none; width: auto; padding: 0; background: none} /* Brödsmulor */ #breadcrumb {font: 11px Arial, Helvetica, sans-serif; background: url(../img/bc_bg.png) repeat-x #fff; height:30px; line-height:30px; color:#9b9b9b; /*border:solid 1px #cacaca;*/ padding:0px; border-bottom: solid 5px #fff; border-top: solid 1px #fff } #breadcrumb li { float:left; padding-left:10px; text-align: center } #breadcrumb a {height:30px; display: block; _display: inline-block; background: url(../img/bc_separator.png) no-repeat right; _background-image: url(../img/bc_separator.jpg); padding-right: 15px; text-decoration: none; color:#454545; _width: auto;} .home { border:none; margin: 7px 0px; } #breadcrumb a:hover { color:#496b5b;} /* Toppflash, Kampanjplatta m.m. */ #tContentWrapper, #tContentWrapper2 { float: left; margin: 0 0 10px } #tContentWrapper img, #tContentWrapper2 img { float: left; } /* MEDIAPLATTA INSPIRATION*/ #inspiration_wrapper { width: 650px; height: 393px; position: relative; overflow: hidden; } #inspiration_wrapper.wide { width: 805px; height: 393px } #inspiration_wrapper #inspiration_content { position: relative; width: 650px; height: 393px; } #inspiration_wrapper #inspiration_content img { width: 650px; height: 393px; } #inspiration_wrapper.wide #inspiration_content { width: 805px; height: 393px } #inspiration_wrapper.wide #inspiration_content img { width: 805px; height: 393px } #inspiration_wrapper #inspiration_content div p { /*background: url(../img/bg_media_text.png) repeat-x;*/ color: #fff; font-style: oblique; font-weight: bold; height:auto; padding: 2px 5px; position:absolute; bottom:0px; right:0px; } /* MEDIAPLATTANS INSPIRATION SIDNAVIGERING */ #inspiration_wrapper #nav, #season_wrapper #nav { position: absolute; bottom: 10px; right: 10px; z-index: 20; } #inspiration_wrapper #nav a, #season_wrapper #nav a { float: left; width: 18px; height: 18px; line-height: 18px; text-align: center; margin: 0 0 0 5px; color: #fff; background: url( ../img/bg_page.png) no-repeat; color: #333; font-weight: bold } #inspiration_wrapper #nav a.activeSlide, #season_wrapper #nav a.activeSlide { background-image: url( ../img/bg_page_active.png); color: #265c47; } /* Välj säsong */ #season_wrapper { width: 650px; height: 520px; position: relative; } #season_content { width: 648px; height: 438px; background: #fff; border: solid 1px #008752; border-bottom: none; float: left; overflow: hidden } #season_content div div { float: left; width: 313px; padding: 5px; font-size: 11px; line-height: normal } #season_content div div img { margin: 10px 0; } #season_content div div h3 { font-size: 18px; margin: 5px 0; font-style:normal } #season_content div div h3.sommar { color: #8cc63f } #season_content div div h3.host { color: #f58220 } #season_content div div h3.vinter { color: #00aee6 } #season_content div div h4 { font-size: 13px; margin: 10px 0 0 0 ; font-style: normal} #season_wrapper #nav2 { float: left; width: 630px; background: #265c47 url(../img/bg_media_bottom.jpg) repeat-x 0 0; height: 40px; line-height: 30px; padding: 0 10px } #season_wrapper #nav2 a { float: left; height: 30px; padding: 0 30px; line-height: 30px; text-align: center; margin: 0 1px 0 0; color: #fff; background: url( ../img/bg_tab.jpg) repeat-x; color: #333; font-weight: bold } #season_wrapper #nav2 a.activeSlide, #season_wrapper #nav2 a:hover { background-image: url( ../img/bg_tab_active.jpg); color: #265c47; } /* MEDIAPLATTA UTERUM */ #mContentWrapper { width: 650px; position: relative; overflow: hidden; } #mContentWrapper h2.leftFloater {background:#dfdfdf url(../img/variantblock.jpg) repeat-x center bottom; padding-left:10px; color: #555; font-size: 18px; border-bottom:1px solid #fff} #season_wrapper h2.leftFloater { padding-left:10px; color: #d57a1a; font-size: 18px; border-bottom:1px solid #fff} #mContentWrapper h2.leftFloater span, #season_wrapper h2.leftFloater span {float:right; padding-right:10px; position:relative; font-size:12px; font-style: oblique; font-weight:700; color:#555; width: 135px} #mContentWrapper h2.leftFloater span img, #season_wrapper h2.leftFloater span img {float:right; position:relative; right: 0px; top:9px; margin-left:7px;} #mContentWrapper h2.leftFloater span a, #season_wrapper h2.leftFloater span a { color: #555 } /* Uterumspartier*/ #mContent { position: relative; width: 650px; height: 317px; overflow: hidden} #mContent div { height:317px; background: #f2f2f2;} #mContent div .mediaLeft {float:left; width:210px;} #mContent div .mediaRight {float:left; width:440px; height:317px; position:relative } #mContent div .mediaRight div {background:#fff; height:auto; position:absolute; bottom:0px; left:0px; width:440px; } #mContent div .mediaRight div h3 {font: bold 14px/18px Arial, Helvetica, sans-serif; padding:0 10px; margin-top:10px;} #mContent div .mediaRight div p {font: 12px/16px Arial, Helvetica, sans-serif; padding:0 10px 10px 10px; color:#444;} #mContent div .mediaRight div p .smallText {font: 10px/14px Arial, Helvetica, sans-serif; font-style:oblique} #mContent div .mediaRight div p a.dLink {display:block; text-align:right; font-weight:700; font-style:oblique; } #mContent div .mediaRight div p a.dLink:hover {text-decoration:underline} /* Spec upartier nivå 1 */ #mContent div .mediaRight div {background: url(../img/bg_media_text.png) repeat; border-top:1px solid #eaeaea;border-bottom:1px solid #eaeaea;} #mContent div .mediaRight div.textAreaLow h3 {margin-top:5px;} /* Spec upartier nivå 1 */ #mContent div .mediaRight div.textAreaHigh { background: url(../img/bg_media_text.png) repeat; border-top:1px solid #eaeaea;border-bottom:1px solid #eaeaea;} #mContent div .mediaRight div.textAreaHigh h3 {margin-top:5px;} #mContent div .mediaRight div.textAreaHigh p.smallText {font: 12px/16px Arial, Helvetica, sans-serif;} #mContentWrapper #nav { position: absolute; bottom: 10px; left: 40px; z-index:999 } #mContentWrapper #nav a { float: left; width: 24px; height: 24px; line-height: 24px; text-align: center; margin: 0 0 0 5px; color: #fff; background: url( ../img/bg_page.png) no-repeat; color: #333; font-weight: bold } #mContentWrapper #nav a.activeSlide { background-image: url( ../img/bg_page_active.png); color: #265c47; } /* Funktionsexempel FLASH */ #fExempel { text-align: center} #fExempel_flash {width:640px; margin:0 auto;} /* Monteringsanvisningar */ #col_left #montAnv_left, #montAnv_right {margin-top:10px; list-style-type: none; padding: 0} #montAnv_left li, #montAnv_right li { border-bottom:1px solid #f0f0f0; padding:10px;} #montAnv_left li img, #montAnv_right li img {float:left; margin-right:10px;} #montAnv_left li a, #montAnv_right li a {line-height: 30px; display:block; } #montAnv_left li:hover, #montAnv_right li:hover {background:#f2f2f2;} /* ----->>> COLUMNS <<<------*/ /* WIDE-COL */ #col_wide {width:805px; float: left; margin-bottom: 20px; padding: 0 0 0 0 } #tab { padding: 0 0 10px 0; float: left } #tab ul { float: left; padding: 10px 0 0 10px; width: 795px; color: #018754; font-weight: 700; background: #dfdfdf url(../img/variantblock.jpg) bottom repeat-x; } #tab ul li { float: left; margin: 0 5px 0 0; } #tab ul li a { display: block; width: auto; padding: 5px 30px 6px; background: url(../img/level4btn_off_bak.gif) repeat-x #fff; } #tab ul li a.current { color: #fff; background: #265C47 url(../img/bg_topnav.jpg) repeat-x; } /* Art. lista */ #col_wide ul { float: left; padding: 5px 10px; width: 785px; background: #f0f0f0; color: #018754; margin-top: 1px; font-size: 11px } /*#col_wide ul:hover { background: #e1e1e1; color: #018754;}*/ #col_wide ul a:hover { color: #666;} #col_wide ul.even { background-color:#f5f5f5 } #col_wide ul li { float: left; padding: 0 10px 0 0; margin: 0 } #col_wide ul li.art_nr { width: 50px; color: #444 } #col_wide ul li.art_name { width: 515px; } #col_wide ul li.art_price { width: 100px; text-align: right } #col_wide ul li.art_price .line-through { text-decoration: line-through; color: #999999; padding: 0 10px 0 0 } #col_wide ul li.art_price .red { color:#ff0000 } #col_wide ul li.art_buy { width: 90px; text-align: right; padding: 0 } /* Art. avdelning */ #col_wide #thumb_wrapper { padding: 20px 10px 20px } #col_wide #thumb_wrapper div { float: left; width: 180px; padding: 0 20px 20px 0; position: relative } #col_wide #thumb_wrapper div img { border:solid 1px #ddd; border-bottom: solid 1px #fff; width: 178px; height: 134px; margin: 0 0 -5px 0 } #col_wide #thumb_wrapper div.right { padding: 0 0 20px 0 } #col_wide #thumb_wrapper div p { padding: 5px; font-size: 13px; font-weight: bold } #col_wide #thumb_wrapper div p img { float: right; border: solid 1px #fff; width: 13px; height: 13px; margin: 3px 0 0 0 } #col_wide #thumb_wrapper div p img#slut { float: left; width: 82px; height: 16px; margin: 0} #col_wide #thumb_wrapper div p.art { background: #fff url(../img/variantblock.jpg) repeat-x scroll center bottom; } #col_wide #thumb_wrapper div p.name { color: #2c453c; font-weight: 700; padding-top: 8px; line-height: normal; height: 60px; font-size: 11px; /*text-transform:lowercase;*/ background: transparent url(../img/info_bg.jpg) repeat-x scroll left 1px} #col_wide #thumb_wrapper div p.kampanj { position: absolute; background: #cc0000 url(../img/kampanj_bg.gif) repeat-x; color: #fff; top: 1px; left: 1px; width: 178px; padding: 2px 0; text-align: center; text-transform: uppercase; font-size: 11px} #col_wide #thumb_wrapper div a:hover { color: #666} /*#col_wide #thumb_wrapper div p.name:first-letter { text-transform: uppercase }*/ /* Fullpost */ #col_wide #nav { text-align: center; background: none; line-height: 20px; color: #333; } #col_wide #nav li { display: inline; float: none; width: auto; padding: 0 5px; margin: 0 } #col_wide #nav li div, #col_wide #nav form { width: auto; display:inline; } #col_wide #nav li input { background: none; font-size: 11px; border: none; color: #333; float: none; padding: 0; margin: 0; cursor: pointer} #col_wide #nav li input:hover { color: #666} #col_wide h2 { width: 100%; float: left} #col_wide div h2 { font-weight: 700; font-size: 12px;} #col_wide div.header { float: left; width: 790px; margin: 10px 0 0 0;} #col_wide div h2 span { float: right; text-align: right; } #col_wide #prod_img { float: left; margin: 0 10px 0 0; border: solid 1px #e1e1e1; max-width: 550px; /*height: 412px;*/ } #col_wide #prod_info { float: right; padding: 10px; width: 221px; margin:0; min-height: 392px; _height: 392px; background: #f0f0f0; border: solid 1px #e1e1e1; font-size: 11px; position: relative} #col_wide #prod_info p img#slut { float: right; margin-bottom: 5px } #col_wide #prod_info p { padding: 0 0 100px 0; } #col_wide #prod_info div p { padding: 0 0 5px 0; } #col_wide #prod_info div { position: absolute; right: 10px; bottom: 5px} #col_wide #prod_info .header {font-weight: 700; font-size: 14px; padding: 0 0 10px 0 } #col_wide #prod_info .price { text-align: right; font-weight: 700; font-size: 14px; } #col_wide #prod_info .line-through { text-decoration:line-through; text-align: right; font-weight: 700; font-size: 14px; } #col_wide #prod_info .red { text-align: right; font-weight: 700; font-size: 14px; padding: 0 0 5px 0} #col_wide #prod_info .tax { text-align: right; color: #999; font-size: 10px } #col_wide #prod_info .buy { text-align: right; } #col_wide #prod_info .buy input { margin: 0 0 0 5px; height: 16px; width: 52px} #col_wide #prod_info .buy input.input { width: 30px; height: auto; text-align: right } /* 1-COL */ #col_1 {width:650px; float: left;} #col_1 .info { padding: 20px 10px; background: url(../img/info_bg.jpg) left 1px repeat-x; font-weight: bold} #col_1 img.logo { margin: 25px 20px 0; float: right } #col_1 p { padding: 0 10px 20px } #col_1 p a.underline { text-decoration: underline } #col_1 p a.underline:hover { text-decoration: none } #col_1 p a.highlight { font-size:1.1em; font-style:oblique; font-weight:700; display:block; padding: 5px 0;} #col_1 h2, #col_1 h3, #col_1 h4 { padding: 0 10px } #col_1 h2.info, #col_1 h3.info, #col_1 h4.info { padding: 20px 10px 0; background: url(../img/info_bg.jpg) left 1px repeat-x; } #col_1 ul.info { list-style-type: disc; list-style-position:inside; padding: 20px } #col_1 h3.art { margin: 20px 0 0 0; padding: 10px; background: url(../img/info_bg.jpg) left 1px repeat-x; border-top: solid 1px #ddd;} #col_1 h3 span {color:#990000; font-style:normal} #col_1 ul { padding: 0 10px} #col_1 li#standard, #col_1 li#extras { border:1px solid #008752; padding:0 0 5px 5px; float: left; margin: 10px 5px 10px 0; font-weight: bold; text-transform: uppercase; text-align: center } #col_1 li#standard h4.vaxthus { background: #008752; color: #fff; margin: 0 0 5px -5px} #col_1 li#extras h4.vaxthus { background: #faa61a; color: #000; margin: 0 0 5px -5px} #col_1 li img { border: 1px solid #000; margin: 0 5px 0 0; float: left; } #col_1 li#extras { border:1px solid #faa61a; margin: 10px 0 10px 0; } #col_1 div {float: left; line-height: normal; width:210px; height: 225px; padding: 20px 10px 10px 0; float: left; text-align: center; background: url(../img/variantblock.jpg) left bottom no-repeat; color: #333; font-size: 11px; position: relative;} #col_1 div.wide {width:320px; height: 360px; background: url(../img/variantblock_wide.jpg) left 188px no-repeat; font-size: 12px; line-height: inherit } #col_1 div img { width: 208px; height: 174px; border: solid 1px #dddddd; border-bottom: solid 1px #fff } #col_1 div.wide img { width: 318px; height: 188px; } #col_1 div.wide p { padding: 0 10px; text-align: left } #col_1 div.right {padding: 20px 0 10px 0 } #col_1 div h2 { padding: 0; font-size: 13px; line-height: 20px; font-weight: 700; margin: 0 } #col_1 div h2 span { font-size: 11px; font-weight: normal} #col_1 div h2 a span { font-size: 13px; font-weight: 700; margin-left:3px;} #col_1 div p { padding: 0 5px; font-size:12px; } #col_1 div a { color: #333; } #col_1 div h3 {text-align:center; position:absolute; top:75px; color:#666; font-size:32px; width:200px; display: none} #col_1 div h3 span {text-align:center; color:#888; font-size:18px; width:200px; display:block;} #col_1 div h3 a {color:#666} #col_1 h2.level_2_h2 {line-height:normal; margin:20px 0 0 0;} #col_1 p.level_2_info_a {text-align:right; padding:10px 10px 0 0; } #col_1 p.level_2_info_a a {display:block; font: 13px Arial, Helvetica, sans-serif; font-style:oblique; font-weight:700; } /* Horizontell avdelningslista */ #col_1 #art_list { padding: 10px;} #col_1 #art_list li { border-bottom: solid 1px #ddd; padding: 20px 0; position: relative } #col_1 #art_list li img { padding: 0 20px 0 0; } #col_1 #art_list li a.highlight { padding-top: 10px; text-align: right; position: absolute; bottom: 10px; right: 20px} /* 2-COL */ #col_2_left, #col_2_right {width:320px; float: left; background: #f0f0f0; margin-top: 10px;} #col_2_left {} #col_2_right {margin-left:10px;} /* 3-COL */ #col_3_left, #col_3_middle, #col_3_right {width:210px; float:left; background: #eaeaea; margin-top:10px;} #col_3_left {} #col_3_middle {margin-left:10px;} #col_3_right {margin-left:10px;} /* RIGHT COL */ #rColumnWrapper {width:140px; float: right; background: #fff; margin-left:10px;} #rColumnWrapper div { float: left; margin-bottom: 10px; border: solid 1px #e1e1e1; border-top: none; text-align: center; position: relative} #rColumnWrapper div.bottom { margin-bottom: 0} #rColumnWrapper p { padding: 5px; width: 128px; font-size: 11px; line-height: normal; position: absolute; bottom: 5px; left: 0px } #rColumnWrapper a { color: #333 } #rColumnWrapper h3 {background: url(../img/variantblock.jpg) bottom repeat-x #e1e1e1; width: 138px; text-align: center; height: 40px; line-height: 40px; color: #333; font-size: 12px; font-weight: 700} #rColumnWrapper img { float: left; width: 138px; border-top: solid 1px #fff} /* FOOTER */ #footerWrapper {width:990px; border-top: solid 10px #fff; border-bottom: solid 10px #fff; height: 30px; background: url(../img/cart_list_bg.png) repeat-x #70a18b; float: left; text-align: center; font-size: 1.1em} #footerWrapper ul li {display:inline; color: #fff; margin-left:5px; line-height: 2.6em} #codeInfoWrapper { text-align: center; background: none; width: 990px; margin: 5px auto 0 auto; padding: 0 0 10px} #codeInfoWrapper ul {color:#fff; background: none;} #codeInfoWrapper ul li {display:inline;} #footerWrapper a, #codeInfoWrapper a { color: #fff} /* -----------------------------------*/ /* ----->>> KUNDVAGN <<<------*/ /* -----------------------------------*/ #cart { width: 990px; line-height: 30px; border-top: solid 5px #fff; background: #fff } #cart ul { float: right; background: url(../img/cart_list_bg.jpg) repeat-x #fff; padding: 0 10px 0 0; width: 980px; text-align: right; position: relative; } #cart ul li { display: inline; text-align: left; color: #fff } #cart ul.checkout li { display: inline; width: auto; padding: 0 20px 0 10px; color: #333; font-weight: 700; background: url(../img/bc_separator.png) right center no-repeat; } #cart ul.checkout li.active { color: #fff } #cart ul li#sum { font-weight: bold; color: #333 } #cart ul li a { text-align: center; width: 100px; display: inline-block; line-height: normal; height: 18px; text-decoration: none; font-weight: 700; padding: 4px 10px 3px; background: url(../img/level4btn_off_bak.gif) bottom repeat-x; margin: 4px 0 0 0; border-bottom: solid 1px #e1e1e1; color: #990000 } #cart ul li a:hover { color: #fff; background: #265C47 url(../img/bg_topnav.jpg) repeat-x; border-bottom: solid 1px #426655 } #cart ul li#no_sum, #cart ul li#no_sum a { width: 190px; color: #333 } #cart ul li#no_sum a:hover { background: url(../img/level4btn_off_bak.gif) bottom repeat-x; border-bottom: solid 1px #e1e1e1; cursor: text} #cart ul li#sum a { color: #333; background: none; border: none; width: auto} #cart ul li#sum a:hover { cursor: text; color: #333; background: none; border: none; width: auto} /*--KUNDVAGN INNEHÅLL--*/ #cart ul #cart_trigger { color: #333} #cart ul #cart_trigger:hover { color: #fff} #cart ul #cart_trigger_open { display: none; background: #265C47 url(../img/bg_topnav.jpg) repeat-x; border-bottom: solid 1px #426655; color: #fff } #cart_info_wrapper { width: 990px; height: auto; position: relative; display: none; float: left } /*--KUNDVAGN OCH KASSA INNEHÅLL--*/ #cart_info { margin: 0; width: 990px; color:#333333; float: left; line-height: 30px; font-size: 11px } #cart_info ul { float: left; width: 970px; height: auto; padding: 0px 0 0px 20px; background: #fff; border-top: solid 1px #f0f0f0; color: #333 } #cart_info ul.top, #cart_info ul.bottom { line-height: 30px; margin: 1px 0 0 0; background: #f0f0f0; font-weight: 700; border: none } #cart_info ul.bottom { margin: 0 } #cart_info ul li { float: left; height: auto; padding: 0; color: #333 } #cart_info ul li a { background: none; width: auto; } #cart_info ul li.product_number { width: 80px; } #cart_info ul li.product { width: 450px; } #cart_info ul li.product2 { width: 630px; } #cart_info ul li.quantity { width: 80px; text-align: right } #cart_info ul li.price { width: 80px; text-align: right; } #cart_info ul li.total { width: 80px; text-align: right; } #cart_info ul li.moms { width: 610px; text-align: right; font-style: italic; color: #999; font-weight: normal } #cart_info ul li.moms2 { width: 790px; text-align: right; font-style: italic; color: #999; font-weight: normal } #cart_info ul li.fees { width: 610px; } #cart_info ul li.fees2 { width: 790px; } #cart_info ul li.total span { color: #bb1313; } #cart_info ul li.change_count { width: 90px; text-align: right } #cart_info ul.top li.change_count { width: 85px; padding: 0 5px 0 0; text-align: right } #cart_info ul li input { float: right; width: auto; background: none; border: none; cursor: pointer; height: auto; line-height: 20px; margin: 0 0 0 10px; padding: 5px; font-size: 12px } #cart_info ul li input:hover { color:#cc0000} #cart_info ul li.delete { width: 90px; text-align: right } #cart_info ul li.delete input { padding: 5px 0} #cart_info ul li.empty { width: 930px; font-weight: bold; text-align: center; padding: 10px 0; line-height: normal } p.error { color: #cc0000; padding: 10px; width: 926px; margin: 0 20px; border: solid 2px #cc0000; font-weight: bold} /*--PERSONUPPGIFTER KASSA--*/ #pers_info #delbetalning { padding: 20px 0 0 40px; display: none; float: left; width: 750px} #pers_info #delbetalning img { width: auto; height: auto; padding: 0 0 10px 0} #pers_info #delbetalning ul { width: 750px; height: auto; padding: 5px 10px} #pers_info #delbetalning ul li { float: left; width: 150px} #pers_info #delbetalning p { float: left; width: 500px; color: #cc0000; padding: 5px 10px} #pers_info { float: left; padding: 20px 0 } #pers_info h2 { float: left; width: 950px; margin: 20px 0 10px 0; padding: 0 20px; background: #f0f0f0 ; line-height: 30px } #pers_info ul { float: left; width: 950px; } #pers_info ul li { float: left; width: 475px; font-weight: bold; } #pers_info ul li span { font-weight: normal } #pers_info ul { float: left; padding: 0 20px 10px 20px; } #pers_info ul img.katalog { float: left; padding: 20px 0 0 60px; } .comment { font-weight: normal; font-size: 11px} ul.button { float: left; width: 950px; padding: 20px} ul.button li input { float: right} ul.button li input.float_left { float: left} /*--KASSA KLAR--*/ #order { text-align: center; padding: 20px 0 0 0; } #order h1 { float: none; background: none; width: auto} #order p { padding: 10px 0 0 0} /* -----------------------------------*/ /* ----->>> STATISKA INFORMATIONSIDOR <<<------*/ /* -----------------------------------*/ #information h1 { color: #b47db7 } /*--OM WG--*/ #om { float: left; width: 580px} #om h3 { padding: 10px 0 } #om p { margin: 0 0 10px 0 } /*--UTSTÄLLNINGSBUTIKER--*/ #utstallningsbutiker { padding: 0 0 20px 0 } div#right_col { float: right; padding: 25px 10px 0; margin: 0 0 0 15px; width: 180px; background: url(../img/kopvillkor_rightbak.gif) repeat-x; font-size: 11px; line-height: 140% } div#right_col p { padding: 0 0 10px 0} div#right_col a { color: #008751} div#right_col h2 { line-height: normal; padding: 0 0 10px 0} #utstallningsbutiker h2 { padding: 0 0 10px 0; line-height: normal; font-size: 16px } #utstallningsbutiker div#right_col h3 { padding: 0 0 10px 0; } #utstallningsbutiker #bastad { float: left; width: 263px; padding: 10px; border: solid 1px #e1e1e1; margin: 20px 0} #utstallningsbutiker #bromma { float: right; width: 263px; padding: 10px; border: solid 1px #e1e1e1; margin: 20px 0} #utstallningsbutiker #tider { float: left; width: 568px; margin-top: 20px; padding: 10px; border: solid 1px #e1e1e1; } #utstallningsbutiker #tider ul.top { width: 548px; float: left } #utstallningsbutiker #tider ul.top li { float: left; padding: 10px 0 0 0; width: 273px; } #utstallningsbutiker #tider ul.top li img { border:solid 1px #fff; margin: 0 0 0 5px } #utstallningsbutiker #tider h3 { float: left; width: 548px; padding: 5px 10px; margin: 0; background: #dfdfdf url(../img/variantblock.jpg) repeat-x scroll center bottom; border-top: solid 1px #fff } #utstallningsbutiker #tider h3 span { font-size: 11px } #utstallningsbutiker #tider h4 { padding: 5px; margin: 0; } #utstallningsbutiker div h4 span { font-size: 10px } #utstallningsbutiker div ul { float: left; background: #e1e1e1; font-weight: bold; padding: 5px 10px; border-top: solid 1px #fff; width:548px } #utstallningsbutiker div ul li { float: left; width: 175px; padding: 0 0 0 5px; font-size: 11px} #utstallningsbutiker div .wide { width: 248px;} #utstallningsbutiker #open { padding: 10px; margin: 20px 0 0 0; border: solid 1px #e1e1e1; float: left; width: 568px; font-size: 11px; font-weight: bold; text-align: center; color: #cc0000 } /*--KÖPVILLKOR--*/ #kopvillkor { float: left; width: 580px } #kopvillkor p { margin: 0 0 10px 0 } /*--PRESS--*/ #press { float: left; width: 580px } #press p { margin: 0 0 20px 0 } #press ul { list-style-position: outside; padding: 10px; list-style-type: disc } #press h2 span { float: right; font-size: 12px; font-weight: normal} #press h2 span a { text-decoration: none; color: #333 } #press div { border-bottom: solid 1px #e0e0e0; border-top: solid 1px #e0e0e0; padding: 10px 0 0 0; margin: 5px 0; font-size: 11px } #press div img { padding: 0 10px 10px 0 } /*--KONTAKT--*/ #kontakt { float: left; width: 580px } #kontakt p { margin: 0 0 10px 0 } #kontakt a { text-decoration: underline} /*--LEVERANS--*/ #leverans { float: left; width: 580px } #leverans p { margin: 0 0 10px 0 } #leverans a { text-decoration: underline} #leverans ol { list-style-type:decimal; list-style-position: outside; padding: 0 20px; } #leverans ol li { padding: 0 0 10px 0; } /*--PERSONAL--*/ #personal { float: left; width: 580px } #personal p { margin: 0 0 10px 0 } #personal h2 { width: 570px } #personal a { text-decoration: underline} #personal div { float: left; width: 580px; } #personal div div { float: left; width: 182px; padding: 0 10px 20px 0;} #personal div div.experts { float: right; background: #c4dbcf; margin-top: 10px; padding: 20px 20px 10px; color: #333; width: 340px } #personal div div.experts h3 { color: #333; text-align: center; font-size: 20px; padding-bottom: 10px } #personal div div.experts p { padding-bottom: 10px; text-align: justify } #personal div div img { float: left; padding: 0 10px 0 0 } #personal div div p { float: left; padding: 0; margin: 0; line-height: normal;} /*--SITEMAP--*/ #sitemap ul li {margin-left:20px;} #sitemap ul li ul li { margin-left:50px;} /*--PERSONUPPGIFTER BESTÄLL KATALOG--*/ #information_content p.info { float: left; width: 650px; padding: 20px 0 } #information_content P { padding: 0 0 20px 0} #information_content h1 { float: left; background: none; padding: 0} #information_content h2 { background: none; padding: 0} #information_content #pers_info { float: left; padding: 20px 0; text-align: left; width: auto; background: none; width: 650px } #information_content #pers_info h2 { float: left; width: 285px; margin: 0 0 10px 0; padding: 0 20px; background: #f0f0f0; line-height: 30px } #information_content #pers_info ul { float: left; width: 285px; padding: 0 0 10px 0 } #information_content #pers_info ul li { float: left; width: 285px; font-weight: bold; } #information_content #pers_info ul li span { font-weight: normal } #information_content #pers_info ul { float: left; padding: 0 20px 10px 20px; } #information_content #pers_info ul img.katalog { float: left; padding: 20px 0 0 60px; } #information_content #pers_info .error { width: 590px; padding: 10px; margin: 0 0 20px 20px } #information_content .comment { font-weight: normal; font-size: 11px} #information_content ul.button { float: left; width: 610px; padding: 20px} #information_content ul.button li input { float: right} /* -----------------------------------*/ /* ------->>> 2-spalt SIDA <<<--------*/ /* -----------------------------------*/ /* Specialsida 2 spalter */ #wide { float: left; width: 800px; line-height: 140%} #content h3 { line-height: normal; margin: 15px 0 0 0} #content h4 { line-height: normal; margin: 10px 0 0 0} #content a { text-decoration: underline } #content a:hover { text-decoration: none } /*--SIDA 2-spalt --*/ #col_left { float: left; width: 379px; padding: 0 15px 0 0; border-right: solid 1px #ccc;} #col_right { float: right; width: 380px; padding: 0 0 0 15px; } #col_left h1, #col_right h1 { padding: 0; background: none; width: auto; float: none } #col_left h2, #col_right h2 { } #col_left h3, #col_right h3 {line-height: normal; margin: 15px 0 0 0; } #col_left.infoCol h3, #col_right.infoCol h3 { line-height: normal; margin: 15px 0 10px 0; } #col_left ul { padding-left: 20px; list-style-position: outside ; list-style-type: disc } /*#col_left p a, #col_right p a { font-size: 12px; color: #018754; margin: 0px 0px 5px 0px; } */ /* -----------------------------------*/ /* ------->>> 2-spalt INFOSIDA <<<--------*/ /* -----------------------------------*/ #rock3columns .rockaway3 { float: left; width: 230px; padding: 10px} .rockaway3 p { width: auto } /*-- VÄNSTER COL --*/ #art_info { float: left; width: 344px; padding: 0 15px 0 0; } #art_info h1 { background: none; padding: 0 0 10px 0; width: 340px; } #art_info ul { padding: 0 20px 20px; list-style-type: disc } #art_info h3 { line-height: normal; margin: 15px 0 0 0; font-style: normal } #art_info h3 span { color:#666; font-size:90%} #art_info.wide { width: 800px; } #art_info p.ingress { font-weight: 700; margin-bottom: 20px; color: #333; line-height: 180% } #art_info p.info { background-color: #ebedef; padding: 10px; margin: 10px 0; text-align: center } #art_info p.info_red { background-color: #cc3333; padding: 10px; margin: 10px 0; text-align: center; color: #fff; font-weight: bold; float: left; width: 324px } #art_info a { text-decoration: underline } #art_info a:hover { text-decoration: none } #art_info ol {margin:10px 0 10px 40px; list-style-type:upper-alpha;} /* Avdelningsfärger Färger */ #art_info .uterumspartier {color:#f5a327} #art_info .uterum {color:#f5a327} #vaxthus #art_info h1, #vaxthus #art_info h2, #vaxthus #col_left h1, #vaxthus #col_left h2 { color: #67b192 } #uterum #art_info h1, #uterum #art_info h2, #uterum #col_left h1, #uterum #col_left h2 { color: #f5a327 } #dammar #art_info h1, #dammar #art_info h2, #dammar #col_left h1, #dammar #col_left h2 { color: #49c9f5 } #tillbehor #art_info h1, #tillbehor #art_info h2, #tillbehor #col_left h1, #tillbehor #col_left h2 { color: #b6d58a } #information #art_info h1, #information #art_info h2, #information #col_left h1, #information #col_left h2 { color: #b47db7 } .uterum_inforuta {padding:5px 10px; background:#d57a1a; font-size:14px; margin:0; color:#fff} div.uterum_inforuta h3 {margin-top:0px; padding:0; line-height:normal;} .uterum_inforuta ul li {font-size:14px; line-height: normal; color:#fff} /* Uterumsguiden info */ #vaxthusguiden {float: left; width: 330px; margin: 20px 0 0 0; padding: 10px; background-image: url(../img/kopvillkor_rightbak.gif); background-repeat: repeat-x; } #vaxthusguiden a { color: #018754} /*-- HÖGER COL --*/ /* Willab Garden info bild */ #art_info_img { float: right; width: 430px; border-left: solid 1px #ccc; padding: 0 0 0 15px; margin: 10px 0 0 0 } #art_info_img img { display: block } /* Willab Garden fakta */ #wg_fact { float: right; width: 430px; padding: 10px 0 0 0 } #frakt { float: left; width: 128px; height: 130px; /*border: solid 1px #dcddde;*/ } #frakt img {width: 128px; height: 130px; } #forsakra { float: left; width: 128px; height: 112px; margin: 5px 0 0 0; } #forsakra img { width: 128px; height: 112px; } #wg_fact h3 { float: right; width: 292px; padding: 5px 0 4px 0; margin: 0; background-color: #008752; color: #fff; text-transform: uppercase; text-align: center } #wg_info { float: right; width: 285px; margin: 0; padding: 5px 0 0 5px; * padding-bottom: 5px; border: solid 1px #008752 } #wg_info div { float: left; /*width: 88px; height: 88px;*/ margin: 0 5px 5px 0; _margin-right: 3px; border: solid 1px #000 } #wg_info div img { /*width: 88px; height: 88px; */ display: block} #wg_fact #extras { float: right; width: 285px; margin: 10px 0 0 0; padding: 0 0 0 5px; border: solid 1px #faa61a; * padding-bottom: 5px;} #wg_fact #extras h3 { width: 290px; padding: 5px 0 4px 0; margin: 0; color: #000; text-transform: uppercase; text-align: center; background: #faa61a; margin: 0 0 5px -5px} #wg_fact #extras div { float: left; /*width: 88px; height: 88px;*/ margin: 0 5px 5px 0; border: solid 1px #000; } #wg_fact #extras div img { /*width: 88px; height: 88px;*/ display: block } #wg_info div.tillval_gron { /*margin: 5px 0 0 0; width: 278px; height: auto*/ } #wg_info div.stalsockel { /*margin: 5px 0 0 5px; width: 278px; height: auto*/ } #wg_info div.sakerhetsglas img { width: auto; height: auto; padding: 0; margin: 0 } /* Fakta uterumspartier */ #wg_fact_uterum { padding: 10px 0 0 0; text-align:left; width:379px;} #wg_fact_uterum h2 {font-size: 22px; margin:0} #wg_fact_uterum h3 {padding: 5px 0 4px 0; margin: 0; color: #333; text-transform: uppercase; text-align: left; line-height: normal; font-style: normal} #wg_fact_uterum h3.tillval {margin-top:15px;} #wg_fact_uterum #wg_info_uterum { border:1px solid #008752; padding:5px 0 5px 5px;} #wg_fact_uterum #wg_info_uterum div { float:left; width:88px; height:88px; margin:0 5px 0 0; } #wg_fact_uterum #wg_info_uterum div img {} #wg_fact_uterum #wg_tillval_uterum { border:1px solid #f58220; padding:5px 0 5px 5px;} #wg_fact_uterum #wg_tillval_uterum div { float:left; width:88px; height:88px; margin:0 5px 0 0; } #wg_fact_uterum #wg_tillval_uterum div img {} #uterum_det_info {} #uterum_det_info h2 {margin:20px 0 0 0; padding: 0; font-size:18px; font-weight: normal; background:#eaeaea; } #uterum_det_info h3 {margin:10px 0 0 0; padding: 0; font-size: 12px; line-height:normal} #uterum_det_info p { padding:0 0 10px 0;} /* ===== Search Box Header ===== */ #search_box { width: 160px; height: 31px; background: url(../img/bg_search_box.png); float:right; margin:8px 10px 0 0; _margin-right: 5px;} #search_box #s { float: left; padding: 0; margin: 6px 0 0 6px; border: 0; width: 130px; background: none; font-size:10px;} #search_box #go { float: right; margin: 3px 4px 0 0; width:0; height:0;} /* ===== Search Box search.asp ===== */ #searchAreaMain {background: url(../img/sokbak.gif) repeat-x #fff; line-height: normal} #searchAreaMain form {float:left; width:470px;} #searchAreaMain h2 { line-height: normal; padding: 10px 0 } #searchAreaMain ul {background:none; padding:10px 0 0 10px;; float:left} #searchAreaMain ul li {margin-bottom:5px; font-size:12px; color:#222;} #searchAreaMain ul li ul {display:inline-block; margin:0; padding-bottom:10px; width:350px;} #searchAreaMain ul li ul li {display:block;} #searchAreaMain li.li_col_1 {width:65px; font-weight:700;} #searchAreaMain div {float:right; width:320px; padding-right:10px;} #tab ul.searchResult {font-size:14px; color:#222; margin-bottom:10px;} /* Antal resulterande sidor efter sökning */ #searchResultList ul li form {margin:0; padding:0} #searchResultList p {padding: 0 0 0 10px;} #searchResultList ul li form div input {margin:0; padding:0} #searchResultList ul li {width:20px; height:20px; text-align:center; line-height:22px;} #searchResultList ul li.current{color: #333; font-size:14px; text-decoration:underline; font-weight:700} #searchResultList ul li div {color:#222; line-height:24px; text-align:center; margin:0;} #searchResultList ul {margin: 5px 0 20px 0;} #searchResultList ul li div .submitLink {background:#eee; border:none; cursor:pointer; } /* -----------------------------------*/ /* ----->>> STATISKA SPECIALINFORMATIONSIDOR <<<------*/ /* -----------------------------------*/ .wg_kortet { background: #91ce94; padding: 10px; margin-bottom: 5px} .m_top {margin-top:10px;}