/* reset ------------------------------------------------------------------*/ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; } body { line-height: 1; } ol, ul { list-style: none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } /* remember to highlight inserts somehow! */ ins { text-decoration: none; } del { text-decoration: line-through; } /* tables still need 'cellspacing="0"' in the markup */ table { border-collapse: collapse; border-spacing: 0; } /* general ------------------------------------------------------------------*/ body { background: #fff url(/images/bg_body.png) repeat-x; color: #545553; font: 13px/16px 'Lucida Sans', 'Lucida Grande', 'Lucida Sans Unicode', sans-serif; } h1 { margin-bottom: 20px; padding-left: 16px; font-size: 23px; line-height: 28px; font-weight: normal; } h2 { margin-bottom: 5px; color: #00a067; } ul, ol { margin: 0 0 14px 0; } p, form { margin: 0 0 14px 0; } a { color: #22b17f; } a:hover { color: #545553; } input, textarea, select { font-size: 12px; font-family: 'Lucida Sans', 'Lucida Grande', 'Lucida Sans Unicode', sans-serif; color: #545553; } strong { font-weight: bold; } em { font-style: italic; } td, th { text-align: left; } th { font-weight: normal; vertical-align: bottom; } .img_left { float: left; margin: 0 10px 10px 0; } .img_right { clear: right; float: right; margin: 0 0 10px 10px; } .right { text-align: right; } .center { text-align: center; } .hide { display: none; } fieldset div { padding-bottom: 3px; } fieldset input { padding: 3px 2px; border: 1px solid #ccc; } fieldset label { display: block; padding-top: 3px; } input.button { cursor: pointer; } .error { color: red; } label.error { float: none !important; display: inline !important; width: auto !important; } .clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .clearfix { display: inline-block; } /* Hide from IE Mac \*/ .clearfix { display: block; } /* End hide from IE Mac */ /* shadow css3 */ .shadowed { -moz-box-shadow: -2px 2px 5px #ccc; -webkit-box-shadow: -2px 2px 5px #ccc; } /* curved corners css3 */ .curved { -moz-border-radius: 10px; -webkit-border-radius: 10px; -khtml-border-radius: 10px; border-radius: 10px; } /* page structure ------------------------------------------------------------------*/ #wrapper { width: 990px; margin: 0 auto; } #header { position: relative; z-index: 5; height: 265px; padding: 0 18px 0 15px; } #contentWrp { position: relative; float: left; width: 770px; margin-top: 35px; background: url(/images/bg_contentwrp.png) repeat-y; } #content { position: relative; width: 738px; padding: 0 15px 0 17px; background: url(/images/bg_content_top.png) no-repeat; min-height: 180px; } #contentBottom { width: 770px; height: 38px; background: url(/images/bg_content.png) no-repeat; } #sidebar { float: right; width: 192px; margin-top: 100px; padding-right: 18px; } #footer { clear: both; padding: 40px 0px 0 0px; font-size: 11px; } /* header ------------------------------------------------------------------*/ #logo { width: 180px; height: 100px; margin-bottom: 15px; padding-top: 13px; -moz-border-radius-bottomright: 15px; -webkit-border-bottom-right-radius: 15px; background: #fff; text-align: center; } /*Opera*/@media all and (-webkit-min-device-pixel-ratio:10000), not all and (-webkit-min-device-pixel-ratio:0){head~body #logo { margin-left: 2px; }} #navigation { position: absolute; top: 20px; left: 201px; margin: 0; } #navigation li { float: left; padding: 25px 15px 0; } #navigation li.active { background: url(/images/bg_navigation.png) no-repeat 50% 0; } #navigation li a { color: #545553; text-decoration: none; font-weight: bold; } #navigation li a:hover, #navigation li.active a { color: #009d62; } #datetime { position: absolute; top: 0; right: 18px; font-size: 11px; line-height: 20px; } #searchForm { width: 180px; padding: 0 5px; } #searchForm fieldset { margin-bottom: 10px; } #searchForm div { padding: 0; } #searchForm label { padding-top: 0; font-size: 12px; } #searchForm #sproduct { width: 166px; margin-bottom: 5px; } #searchForm .button { padding: 2px 20px; border: 0; background: #bced34; font-weight: bold; } #headerImg { position: absolute; top: 95px; left: 210px; } /*#headerImg div { position: absolute; bottom: 0; left: 0; width: 542px; height: 40px; background: url(/images/bg_headerimg.png) repeat; }*/ #scrollcontainer { position: absolute; bottom: 0; left: 0; width: 542px; height: 40px; } .loginWrp { position: absolute; left: 756px; top: 75px; z-index: 10; width: 195px; height: 216px; padding: 0 10px 10px 10px; border-bottom: 4px solid #ccece0; -moz-border-radius-topleft: 15px; -webkit-border-top-left-radius: 15px; background: #fff; -moz-box-shadow: -2px 2px 20px #ccc; -webkit-box-shadow: -2px 2px 20px #ccc; } #loginForm { margin: 0; padding: 20px 0 10px; } #loginForm div { padding: 0; } #loginForm label { padding-top: 0; } #loginForm fieldset input { width: 124px; } #loginForm .button { float: right; width: 50px; margin-top: -23px; padding: 2px 5px; border: 0; background: #bced34; font-weight: bold; } #passwordLink { margin: 0; } #passwordLink a { font-size: 10px; color: #545553; } #newUser { margin-top: 6px; } #newUser h2 { color: #11a877; font-size: 16px; text-align: center; line-height: 34px; } #newUser a { display: block; background: #11a877; font-size: 16px; line-height: 34px; color: #fff; text-decoration: none; text-align: center; } #newUser a:hover{ display: block; background: #11a877; font-size: 16px; line-height: 34px; color: #cdfaea; text-decoration: none; text-align: center; } #userLinks { height: 295px; } #userLinks p { margin: 0; padding-left: 5px; font-size: 11px; line-height: 14px; } #userLinks #person { padding-top: 10px; padding-bottom: 3px; font-style: italic; font-size: 13px; } #userLinks #latestlogin { padding-bottom: 5px; border-bottom: 1px solid #dbf594; color: #00a067; } #userLinks #logoutLink { float: right; font-size: 11px; } #myVetorder { margin-bottom: 5px; padding: 1px 0 0 5px; border-bottom: 1px solid #dbf594; font-size: 13px; } #myVetorder ul { margin: 0; padding-bottom: 7px; } #myVetorder li { line-height: 16px; } #myVetorder li a { padding-left: 12px; background: url(/images/bg_list_userlinks.png) no-repeat 0 5px; color: #545553; font-size: 12px; line-height: 13px; text-decoration: none; } #myVetorder li a:hover { color: #00a067; } #orderCount { margin-top: 3px; padding: 2px 0 5px 27px; background: url(/images/icon_basket.png) 5px 0 no-repeat; } #orderCount a { font-size: 11px; } /* sidebar ------------------------------------------------------------------*/ #contactData { margin-bottom: 12px; } #contactData p { margin-top: 5px; margin-bottom: 5px; font-size: 11px; color: #68b497; line-height: 14px; } #contactData .contactLink { padding-left: 20px; background: url(/images/icon_sidebar_contact.png) no-repeat 0 3px; } #newsLinks { margin: 0; } #newsLinks li { width: 177px; padding: 0 0 22px 15px; background: url(/images/bg_list.png) no-repeat 0 4px; font-size: 12px; line-height: 14px; } #newsLinks li a { display: block; text-decoration: none; color: #3d4220; font-size: 12px; line-height: 14px; } #newsLinks li a:hover { color: #00a067; } #newsLinks li a img { display: block; margin-top: 5px; } /* popup ------------------------------------------------------------------*/ #popup_kijker .popupContent { width: 250px; } #popup_kijker a { display: block; color: #545553; text-align: center; text-decoration: none; } #popup_kijker span { display: block; color: #545553; text-align: left; } #popup_kijker a:hover span { color: #22B17F; } #popup_kijker img { display: inline; margin: 5px 0; } #popup_kijker .hotTopicMore { color: #22B17F; text-decoration: underline; } /* content ------------------------------------------------------------------*/ .blocks { clear: both; padding: 0 6px 18px 16px; } .bestand img { margin: 0 5px 0 0; } #productTable { background-color:white; } #productTable, .overview { width: 738px; margin-bottom: 20px; } #productTable th, .overview th { padding: 3px 10px 5px 10px; font-size: 12px; color: #989797; background-color: #f5f5f5; border-bottom: 1px solid #ccc; font-weight: bold; } #productTable td, .overview td { padding: 3px 10px; line-height: 16px; vertical-align: top; } .overview .firstCol { padding-left: 16px; } #productTable td img { vertical-align: middle; } #productTable .fav { width: 20px; } #productTable #proddesc { overflow: hidden; width: 140px; } #productTable #prodmanu { width: 85px; } #productTable #prodstock { width: 20px; } #productTable #prodpublprice { width: 80px; } #productTable #prodmyprice { width: 70px; padding: 3px 2px 5px 0px; } #productTable #prodbtw { width: 25px; } #productTable #prodpromo { width: 35px; } #productTable #prodquant { width: 50px; } #productTable tr:hover td, .overview tr:hover td { background: #ebf8f3; } #productTable .promo td { background: #fefde2; color: #5caa09; } #productTable input { width: 42px; padding: 3px 2px; border: 1px solid #ccc; } #productTable .noStock, #productTable .promo .noStock { color: #de1212; } #productTable .ondemandStock, #productTable .promo .ondemandStock { color: #56bfc0; } #productTable .new td { background-color:#d6f582; border-bottom: 1px solid #fff; } #productTable .noStockInput { background: #fdd6d6; } #productTable .ondemandStockInput { background: #56bfc0; } #productTableBlock { background-color:white; } #productTableBlock, .overview { width: 738px; margin-bottom: 20px; } #productTableBlock th, .overview th { padding: 3px 10px 5px 10px; font-size: 12px; color: #989797; background-color: #f5f5f5; border-bottom: 1px solid #ccc; font-weight: bold; } #productTableBlock td, .overview td { padding: 3px 10px; line-height: 16px; vertical-align: top;} .overview .firstCol { padding-left: 16px; } #productTableBlock td img { vertical-align: middle;} #productTableBlock tr.first td { border-top:1px solid #5caa09;} #productTableBlock .fav { width: 20px; } #productTableBlock #proddesc { overflow: hidden; width: 140px; } #productTableBlock #prodmanu { width: 85px; } #productTableBlock #prodstock { width: 20px; } #productTableBlock #prodpublprice { width: 80px; } #productTableBlock #prodmyprice { width: 70px; padding: 3px 2px 5px 0px; } #productTableBlock #prodbtw { width: 25px; } #productTableBlock #prodpromo { width: 35px; } #productTableBlock #prodquant { width: 50px; } #productTableBlock .promo td { background: #fefde2; color: #5caa09; } #productTableBlock input { width: 42px; padding: 3px 2px; border: 1px solid #ccc; } #productTableBlock .noStock, #productTableBlock .promo .noStock { color: #de1212; } #productTableBlock .ondemandStock, #productTableBlock .promo .ondemandStock { color: #56bfc0; } #productTableBlock .new td { background-color:#d6f582; } #productTableBlock .noStockInput { background: #fdd6d6; } #productTableBlock .ondemandStockInput { background: #56bfc0; } #productForm .button { float: right; margin-right: 10px; padding: 5px 10px; border: 0; background: #00a067; color: #fff; font-size: 15px; font-weight: bold; } #productForm .button:hover { color: #cdfaea; text-decoration: none; } #productAlfabet { position: absolute; top: -26px; left: 210px; /*width: 542px; height: 25px;*/ margin: 0; /*padding-top: 15px;*/ /*background: #fff;*/ } #productAlfabet li { float: left; padding-right: 2px; } #productAlfabet li a { padding: 0 3px; color: #545553; text-decoration: none; } #productAlfabet li a:hover, #productAlfabet li.active a { background: #00a067; color: #fff; } .actions { padding: 0 0 10px 16px; } .priceListFormat { float: left; width: 200px; } .fileSize { font-size: 11px; color: #989797; } .modified { font-size: 11px; } .backToList { padding-left: 16px; } #faqList { margin-left: 0; } #faqList li { margin-bottom: 5px; } #faqList li h2 { margin: 0 0 5px 20px; padding-left: 20px; background: url(/images/bg_list.png) no-repeat 5px 4px; font-weight: normal; cursor: pointer; } #faqList li h2.ui-state-default, #faqList li h2.ui-state-active { border: none; color: #41463e; } #faqList li h2 span.ui-icon { display: none; } #faqList li h2.ui-state-active { background: url(/images/bg_list_active.png) no-repeat 0 0; font-weight: bold; } #faqList li p { padding: 10px 20px 10px 40px; background: #f7fde8; border: none; color: #81a139; } #otherQuestion { margin-left: 15px; padding: 5px 0 5px 30px; background: url(/images/icon_question.png) no-repeat; } .columnBig { float: left; width: 400px; padding-left: 38px; } .columnSmall { float: right; width: 300px; } #productTable .totals td { padding-right: 35px; border-top: 5px solid #fff; background: #f7fde8; color: #81a139; text-align: right; } #productTable .totals td span { margin-left: 20px; font-weight: bold; color: #41463e; } #productTable .endtotals td { background: #f7fde8; } #productTable .endtotals td span { border:1px solid #81a139; padding:2px} #orderNumbers { padding-bottom: 20px; } #orderNumbers p { margin-bottom: 0; } #orderNumbers p img { vertical-align: middle; } #port { font-size: 11px; line-height: 14px; color: #00a067; } #extras { clear: both; margin-bottom: 20px; } #extras h2 { margin-bottom: 5px; font-size: 14px; color: #00a067; /*cursor: pointer;*/ } #extras textarea { border: 1px solid #ccc; } #extras #remark { width: 280px; } #remarkBox { width: 300px; padding: 5px; border: 1px solid grey; } #orderMessage { float: left; width: 280px; padding-left: 38px; font-size: 11px; color: #00a067; } #orderForm .button { float: right; width: 290px; margin: 0 10px 4px 0; padding: 5px 10px; border: 0; background: #00a067; color: #fff; font-size: 15px; font-weight: bold; } #accountForm fieldset { margin-bottom: 20px; } #accountForm fieldset fieldset { margin-top: 16px; } #accountForm fieldset fieldset legend { padding-left: 16px; font-weight: bold; text-transform: uppercase; } #accountForm div { clear: both; } #accountForm p { padding-left: 16px; } #accountForm label { float: left; width: 240px; padding-left: 16px; } #accountForm label.readonly { float: left; margin-left: 240px; width: 300px; padding-left: 16px; font-size: 11px; } #accountForm input.readonly { background-color: #f5f5f5; color: #8f8f8f;} #accountForm label.ast { float: left; margin-left: 240px; margin-bottom: 15px; width: 300px; padding-left: 16px; font-size: 11px; } #accountForm input { width: 220px; padding: 3px 2px; border: 1px solid #ccc; } #accountForm #nummer, #accountForm #postcode { width: 60px; } #accountForm #login, #accountForm #password, #accountForm #password2, #accountForm #email, #accountForm #praktijk, #accountForm #verantwoordelijke, #accountForm #telefoon, #accountForm #gsm, #accountForm #depotnummer, #accountForm #ordernumber, #accountForm #btw, #accountForm #bestelbonnummer, #accountForm .form-text { width: 290px; } .form-textarea { width: 294px; } #accountForm .button { float: left; margin-left: 256px; padding: 5px 10px; width: 295px; border: 0; background: #00a067; color: #fff; font-size: 15px; font-weight: normal; } #accountForm .button:hover{ color: #cdfaea; text-decoration: none; } .button-link { float: left; margin: 0 0 16px 16px; padding: 5px 10px; background: #00a067; color: #fff; font-size: 15px; text-decoration: none; } .button-link:hover { color: #cdfaea; } .back-link { float: left; margin: 0 0 16px 16px; font-size: 15px; } /*#app_table th { text-align: center; font-weight: bold; border-bottom: 1px solid black; padding-bottom: 5px;} #app_table td { padding: 3px 10px; }*/ #app_dl { clear: both; float: left; width: 460px; margin: 10px 0 0 16px; } #app_dl dt { clear: left; float: left; width: 150px; padding: 0 10px 5px 0; font-weight: bold; } #app_dl dd { float: left; width: 300px; padding: 0 0 5px 0; } .app-img { float: right; } #pos { width:auto; margin-left: 16px; margin-right: 16px; margin-top: 5px; margin-bottom: 20px; padding-top: 5px; padding-bottom: 5px; background-color: #ceffd7; border: 1px solid #8fdf95; color: #63c468; font-weight: bold; text-align: center; } #pos a { color: #666; } #pos a:hover { color: #797979; } #neg { width:auto; margin-left: 16px; margin-right: 16px; margin-top: 5px; margin-bottom: 20px; padding-top: 5px; padding-bottom: 5px; background-color: #ffced0; border: 1px solid #df8f8f; color: #c46363; font-weight: bold; text-align: center; } #neg a { color: #666; } #neg a:hover { color: #797979; } #neg_homepage { width:auto; margin-left: 4px; margin-right: 16px; margin-top: 5px; margin-bottom: 20px; padding-top: 5px; padding-bottom: 5px; background-color: #ffced0; border: 1px solid #df8f8f; color: #c46363; font-weight: bold; text-align: center; } #address { width: 189px; margin: 12px 0 400px 5px; padding: 10px 10px 1px 10px; background-color: #f5f5f5; } /*Safari*/@media screen and (-webkit-min-device-pixel-ratio:0){ #address { width: 195px; }} #address p { line-height: 20px; } #address #routeLink { line-height: 18px; } #route { position: absolute; top: 58px; left: 250px; width: 498px; margin: 0 20px 20px 0; } #route iframe { border: 1px solid #999; } #routeLink a { padding: 0 0 4px 20px; background: url(/images/icon_pdf.png) no-repeat; } #contactForm { clear: both; } #contactForm fieldset h2 { padding-left: 16px; } #contactForm fieldset { margin-bottom: 20px; } #contactForm label { float: left; width: 204px; padding-left: 16px; } #contactForm label.ast {float: left; margin-left: 200px; width: auto; padding-left: 20px; font-size: 11px; } #contactForm input, #contactForm textarea { width: 220px; padding: 3px 2px; border: 1px solid #ccc; } #contactForm input.error, #contactForm textarea.error { width: 220px; padding: 3px 2px; border: 1px solid #fabcbd; } #contactForm #nummer, #contactForm #postcode { width: 60px; } #contactForm #praktijk, #contactForm #email { width: 290px; } #contactForm #remarks { width: 448px; height: 135px; } #contactForm .button { float: left; margin-left: 220px; padding: 5px 10px; width: 454px; border: 0; background: #00a067; color: #fff; font-size: 15px; font-weight: normal; } #contactForm .button:hover { color: #cdfaea; text-decoration: none; } #forgotForm label { float: left; width: 255px; } #forgotForm #klantcode { width: 220px; padding: 3px 2px; border: 1px solid #ccc; } #forgotForm .button { float: left; margin-left: 255px; padding: 3px 10px; width: 226px; border: 0; background: #00a067; color: #fff; font-size: 15px; font-weight: normal; } #forgotForm .button:hover { color: #cdfaea; text-decoration: none; } #newsList { margin: 0; } #newsList li { margin-bottom: 10px; padding: 0 20px 0 16px; background-color: #f5f5f5;} #newsList img { float: left; } #newsList h2 { padding-top: 3px; } #newsList h2 a { text-decoration: none; } #newsList .newsText { float: right; width: 546px; } #newsList .date { margin: 0; font-size: 12px; color: #00a067; } #newsList .text { margin-top: 10px; width: 450px; } #newsList .text a{ margin-top: 10px; display: block; } #newsList .geen_afbeelding {float: left; width: 135px; margin-top: 38px; text-align: center; font-family: Verdana; font-size: 15px; font-style: italic; color: #ccc; padding-bottom: 2px; } #newsItem .geen_afbeelding {float: left; width: 135px; margin-left: 16px; padding: 90px 32px; text-align: center; font-family: Verdana; font-size: 15px; font-style: italic; background-color: #f5f5f5; color: #ccc; } #newsItem img { float: left; } #newsItem .img_item { padding-left: 16px; } #newsItem #newsText { float: right; width: 400px; padding-right: 20px; } #newsItem li { padding-left: 8px; background: url(/images/bg_textlist.png) no-repeat 0 8px; } #newsDate { font-size: 13px; } #moreNews { margin-top: 30px; } #moreNews h2 { margin-bottom: 10px; } #moreNews ul { margin: 0; } #moreNews li { margin-bottom: 5px; padding-left: 15px; background: url(/images/bg_list.png) no-repeat 0 4px; font-size: 12px; } #moreNews li a { text-decoration: none; font-weight: bold; } #printIcon { position: absolute; top: 0; right: 30px; width: auto; padding: 0 0 0 20px; background: url(/images/icon_printer.png) no-repeat; } .overviewWrap, .statusWrap { /*padding:20px;*/ } .statusWrapRight { padding:20px; } div.actions input { padding: 2px 7px; width: 295px; border: 0; background: #00a067; color: #fff; font-size: 14px; cursor: pointer; } div.actions input:hover { color: #cdfaea; text-decoration: none; } .links-wrapper { padding: 0 6px 18px 16px; } .partner-title { float: left; width: 600px; } .partner-logo { float: right; margin: 0 20px 10px 0; } .manufacturers { position: absolute; float:left; top: 50px; } #manufacturers_left.manufacturers { padding-right:15px;} #manufacturers_right.manufacturers { padding-left:15px;} .manufacturer { margin-bottom: 22px; text-align: center; } .links_cat { float:left; width: 220px; margin: 0 10px 0 0; text-align: center; } .links_cat .title { background: #bced34; font-weight: bold; font-size:16px; } .links_cat .title a { display: block; width: 220px; padding: 0 0 9px 0; color: #545553; text-decoration: none; } .links_cat .title a span { display: block; width: 220px; padding: 4px 0; background: #fff; color: #545553; } .links-cat-partner { float: left; width: 180px;/*width: 85px;*/ padding: 20px; text-align: center; } .links-cat-partner a, .links-cat-partner span { display: block; } .links-cat-partner .links-cat-partner-logo { display: table-cell; width: 180px;/*width: 85px;*/ height: 85px; vertical-align: middle; } .links-cat-partner-logo img { padding-bottom: 5px; } /* pdf popup fancybox ------------------------------------------------------------------*/ #pdfPopupWrp { width: 500px; margin: 10px; font-family: 'Trebuchet MS', Arial, sans-serif; } #pdfPopupHeader { text-align: center; } #pdfPopupWrp #logo { width: 137px; height: 85px; margin: 0 0 25px 0; padding: 0; } #pdfPopupContent { padding: 30px; background: #00a068; color: #fff; } #pdfPopupContent .info { min-height: 50px; margin: 0 0 20px 0; padding: 0 0 0 50px; background: url(../images/pdfPopup_iconPDF.gif) 0 5px no-repeat; font-weight: bold; } #pdfPopupContent h2 { margin: 0 0 15px 0; color: #fff; font-size: 15px; font-weight: normal; text-transform: uppercase; } #pdfPopupContent .pdfDownload a { color: #fff; font-size: 20px; font-weight: bold; } /* homepage ------------------------------------------------------------------*/ #hp #wrapper { /*background: url(/images/bg_hp.jpg) no-repeat 0 36px;*/ } #hp #header { height: auto; /*min-height: 568px;*/ } #hp #logo { position: absolute; top: 0; left: 15px; } #hp h1 { position: absolute; left: 214px; top: 45px; font-size: 16px; line-height: 22px; color: #545553; } #hp h1 a { text-decoration: none; } #hp #contentWrap { position: relative; width: 750px; padding: 0 0 25px 2px; background: url(/images/hp_bg_contentWrap.png) bottom left no-repeat; } #hp #sfeerSearchWrap { position: relative; width: 738px; } #transparantie { position: absolute; top: 0; left: 0; width: 738px; height: 380px; background: url(/images/hp_transparantie.png) no-repeat; } #hp #searchForm { position: absolute; bottom: 0; left: 0; width: 728px; height: 59px; margin: 0; background: url(/images/hp_bg_searchForm.png) no-repeat; } #hp #searchForm p { float: left; width: 82px; padding: 12px 0 0 5px; font-weight: bold; font-size: 12px; color: #fff; } #hp #searchForm p span { font-size: 11px; } #hp #searchForm fieldset { float: left; padding: 19px 0 0 20px; } #hp #searchForm fieldset div { display: inline; } #hp #searchForm label { display: inline; font-weight: bold; } #hp #searchForm select { width: 155px; font-size: 13px; } #hp #searchForm .search { width: 70px; margin: 19px 0 0 20px; } /*Safari*/@media screen and (-webkit-min-device-pixel-ratio:0){ #hp #searchForm .search { width: 70px; margin: 22px 0 0 20px; }} #hp #links { width: 738px; height: 96px; margin: 10px 0 0 0; padding: 7px 0 0 0; background: url(/images/hp_bg_links.gif) no-repeat; } #hp #links li { height: 30px; margin: 5px 0 0 0; padding: 6px 0 0 0; } #hp #links a { display: block; margin: 0 0 0 125px; padding: 0 0 0 20px; background: url(/images/hp_bg_li_a.gif) 0 4px no-repeat; color: #545553; text-decoration: none; } #hp #links a:hover { color: #11a877; } #hp #sidebar { position: absolute; top:330px; left: 756px; width: 217px; margin: 0; padding: 0;/*margin-top: 182px;*/ } #hp #contactData { margin-bottom: 20px; padding-left: 24px; } #hp #navigation { position: relative; top: 0; left: 0; width: 217px; } #hp #navigation li { float: none; padding: 4px 0 4px 24px; border-bottom: #ccece0 1px solid; } #hp #navigation a { color: #11a877; font-weight: normal; } #hp #navigation a:hover { color: #545553; } #hp #brands { width: 730px; margin: 0 0 0 8px; padding-top: 10px; } #hp #brands li { float: left; margin: 0 0 4px 4px; text-align: center; line-height: 12px; } #hp #brands #brandsLink { width: 100px; padding-top: 10px; } #hp #brands li a { font-size: 11px; line-height: 12px; color: #5f605e; text-decoration: none; } /* footer ------------------------------------------------------------------*/ #footerContact { float: left; width: auto; max-width: 522px; } #footerLinks { float: right; width: auto; text-align: right; max-width: 475px; } #duoLink { margin-left: 20px; } #footer a { color: #545553; } #footer .contactLink { padding-left: 20px; background: url(/images/icon_footercontact.png) no-repeat 0 1px; } /* CMS Preview ------------------------------------------------------------------*/ #CMSpreviewBar { margin-bottom: 10px; padding: 3px; background-color: red; color: #fff; } #CMSpreviewBar a { color: #fff; } /* Sitemap ------------------------------------------------------------------*/ #sitemap li { font-size: 14px; padding: 2px 0px; } #sitemap li a { color: #81a139; } #sitemap li a:hover { color: #90ad4f; } #sitemap li ul { margin-left: 15px; padding: 5px 0px; } #sitemap li ul li { padding-left: 15px; font-size: 13px; background: url(/images/bg_list.png) no-repeat left; } #sitemap li ul li a { color: #666; } #sitemap li ul li a:hover { color: #797979; } /* Tabs ------------------------------------------------------------------*/ .ui-tabs { position: relative; } /* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */ .ui-tabs ul { border-bottom: 0px solid #ccc; } .ui-tabs .ui-tabs-nav { padding-left: 5px; height: 31px; } .ui-tabs .ui-tabs-nav li { list-style: none; float: left; position: relative; top: 1px; margin: 0 .2em 1px 0; border-bottom: 0 !important; white-space: nowrap; } .ui-tabs .ui-tabs-nav li a { cursor: pointer; float: left; padding: .5em 1em; text-decoration: none; font-weight: bold;} .ui-tabs .ui-tabs-nav li { background-color: #f5f5f5; border-bottom: 1px solid #ccc; border-right: 1px solid #fff; border-top: 1px solid #fff; border-left: 1px solid #fff; } .ui-tabs .ui-tabs-nav li a { color: #7cc5ad; } .ui-tabs .ui-tabs-nav li a:hover { color: #11A877; } .ui-tabs .ui-tabs-nav .ui-state-active a { color: #11A877; } .ui-tabs .ui-tabs-nav li:hover, .ui-tabs .ui-tabs-nav li.ui-tabs-selected { color: #666; margin-top: 1px; background-color: #fff; border-top: 1px solid #e2e2e3; border-left: 1px solid #e2e2e3; border-bottom: 0px solid #e2e2e3; border-right: 1px solid #e2e2e3; } #line { width: auto; margin-top: -14px; border-top: 1px solid #ccc; } /*Safari*/@media screen and (-webkit-min-device-pixel-ratio:0){ #line{ margin-top: -15px; }} /*Opera*/@media all and (-webkit-min-device-pixel-ratio:10000), not all and (-webkit-min-device-pixel-ratio:0){head~body #line{ margin-top: -13px; }} .ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a { cursor: pointer; } /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */ .ui-tabs .ui-tabs-panel { display: block; border-width: 0; padding: 1em 1.4em; background: none; } .ui-tabs .ui-tabs-hide { display: none !important; } table.backordertable td { white-space:nowrap; padding-left: 5px; padding-right: 5px; background-color:white; } table.backordertable th { background-color:yellow; padding-left: 5px; padding-right: 5px; } tr.basketcategory td { background-color: lightyellow; } table#backordertable td { background-color:white; white-space:nowrap; } /* Overwrite tabs auto styling */ #tabs, .ui-tabs-nav { background: transparent !important; border: none !important; } #tabs .ui-tabs-nav { height: 49px; margin-left: 17px; } #tabs .ui-tabs-nav li { margin-top: 0 !important; background-image: none; border: none; } #tabs .ui-tabs-nav li.ui-tabs-selected.ui-state-active { border-bottom-color: #fff; } #tabs .ui-tabs-nav li a { border: 1px solid #E2E2E3; } #tabs #line { border: none; } #tabs #fragment-1, #tabs #fragment-2 { margin: 0 20px; border: 1px solid #E2E2E3; border-radius: 0 0 5px 5px; } #tabs #contactForm label { width: 175px; } #tabs #contactForm .button { margin-left: 191px; } #tabs #contactForm fieldset div { clear: both; } #tabs #address { width: 177px; margin: 2px 0 335px 0; } #tabs #route iframe { width: 440px; } #tabs #contactForm label.ast { width: 275px; margin-left: 191px; padding-left: 0; } div.productgroup { border: 1px solid lightgrey; float: left; width: 250px; margin-left:30px; margin-bottom: 30px; padding:15px; padding-top:25px; } div.productgroup .button { padding: 2px 20px; border: 0; background: #bced34; font-weight: bold; } div.productgrouptype { height:30px; } div.productgroup div { padding-bottom:15px; } div.productgroup h2 { text-align:center; margin-bottom:15px; } /* store */ div.storewrapper { padding:15px } div.storenav { float:left; width:200px; border-right:1px solid #009d62; } div.storenav span.storeroot { font-size: 18px; color: #009d62; } div.storenav .capital { font-size: 18px; color: #545553; background-color: #bced34; padding:3px; } div.storenav li.active a{ color: #009d62; } div.storenav li a{ text-decoration:none; color: grey; } div.storecontent { padding-left:10px; overflow: hidden; } div.storecontent ul { margin-left:30px } div.storecontent img.storepic { float:right } div.storecontent div.path { margin-bottom:30px } div.storecontent div.variant { padding-top,padding-bottom: 15px; margin-bottom:15px; border-top: grey 1px solid; }