/* #dfff89 ganz helles grün #a6c954 helles grün #4d8528 dunkles grün #0c4b00 ganz dunkles grün */ #Test {border: 1px solid magenta;/* nur zum TEST */} /*----------------------------------------------------------------------------------------------------------------------------------------------------------------*/ /* Typography */ /*----------------------------------------------------------------------------------------------------------------------------------------------------------------*/ body {font: 12px / 140% arial,helvetica,clean,sans-serif; background: #eeeeee;} select, input, button, textarea, button {font: 99% arial,helvetica,clean,sans-serif} table {font-size: inherit; font: 100%;} h1 {font-size: 18px} h2 {font-size: 16px} h3 {font-size: 14px} h2,h3,h4,h5 {margin-bottom: 10px} h1,h2,h3,h4,h5,h6,b,strong,dt {font-weight: bold} optgroup {font-weight: normal} i,em {font-style: italic} del {text-decoration: line-through} a {color: #000; text-decoration: none;} a:hover {text-decoration: underline} ul,ol {margin: 25px 30px} li {padding: 3px 0; list-style: square;} ol li {list-style: decimal} p {margin-bottom: 15px} ul, ol {margin: 20px 30px} ul ul, ol ul {margin: 10px 20px} ol li {list-style-type: decimal; list-style-position: inside;} ol ol {list-style: upper-alpha} ol ol ol {list-style: lower-roman} ol ol ol ol {list-style: lower-alpha} ul li {list-style: square} ul li li {list-style: square} form ul {margin: 0; padding: 0;} form ol {margin: 0; padding: 0;} form li {list-style: none; position: relative;} /*----------------------------------------------------------------------------------------------------------------------------------------------------------------*/ /* Layout */ /*----------------------------------------------------------------------------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------*/ /* Wrapper */ /*--------------------------------------------------------------------------------*/ #wrapperPage {width:1024px;margin:0 auto;position:relative;background-color:white;} #wrapperPage:after {clear: both; content: ' '; display: block; font-size: 0; line-height: 0; visibility: hidden; width: 0; height: 0;} #wrapperHeader {padding: 0;height: 142px;margin: 0;position: relative;clear: left;} #wrapperSidebar {width: 200px;float: left;margin: 0;} #wrapperContent {} #wrapperFooter {margin: 0;clear: both;} /*----------------------------------------*/ /* Header */ /*----------------------------------------*/ #header {background-image: url(../bg/header_bg.gif);background-repeat: no-repeat;background-position: left center;} #header2 {height:46px;border-top: 6px solid #a6c954;background-image: url(../bg/hgstripe.jpg);background-repeat: repeat-x;background-position: left top;} #header2 ul {margin: 12px 10px;} #header2 ul li {list-style-type: none;text-transform:uppercase;font-size:14px;display:inline;} #header2 ul li a {color:white;padding:0 16px;font-weight:bold;} /*----------------------------------------*/ /* Sidebar */ /*----------------------------------------*/ #sidebar {margin: 5px;} .sidebarRight #wrapperSidebar {float: right;} /*----------------------------------------*/ /* Content */ /*----------------------------------------*/ #content {margin:5px;float:left;} .normalPage {margin-left:200px;} /*----------------------------------------*/ /* Footer */ /*----------------------------------------*/ #footer {margin:5px;} #header:after, #footer:after, #footer #panel:after, #details #attributes table:after, #navigation:after {clear: both; content: ' '; display: block; font-size: 0; line-height: 0; visibility: hidden; width: 0; height: 0;} /*----------------------------------------------------------------------------------------------------------------------------------------------------------------*/ /* FX Styles */ /*----------------------------------------------------------------------------------------------------------------------------------------------------------------*/ /*----------------------------------------*/ /* SHADOWS */ /*----------------------------------------*/ .shadow,#currencies,#languages,.loginForm,.altLoginBox,.flyoutMenu {-moz-box-shadow: 2px 2px 5px #666; -webkit-box-shadow: 2px 2px 5px #666; box-shadow: 2px 2px 5px #555555;} /*----------------------------------------*/ /* bottom shadow */ /*----------------------------------------*/ .box h3, .box h2,.pageHead, .sectionHead {-moz-box-shadow: 0px 3px 5px -1.3px #555; -webkit-box-shadow: 0px 3px 5px -1.3px #555; box-shadow: 0px 3px 5px -2px #555;} .basketFlyout {-moz-box-shadow: 0px 0px 3px 1px #555; -webkit-box-shadow: 0px 0px 3px 1px #555; box-shadow: 0px 0px 3px 1px #555;} .scrollable ul {-moz-box-shadow: inset 0px 5px 5px -1.3px #555; -webkit-box-shadow: 0px 5px 5px -1.3px #555; box-shadow: 0px 5px 5px -1.3px #555;} .basketItems {-moz-box-shadow:inset 0px -4px 2px -2px #555;-webkit-box-shadow:0px -4px 3px -2px #555;box-shadow:0px -4px 5px -2px #555;} .glowShadow, div.anythingSlider .arrow, .promoBox {-moz-box-shadow: 1px 1px 9px 1px #000; -webkit-box-shadow: 1px 1px 9px 2px #000; box-shadow: 1px 1px 9px 2px #000;} .promoBox {-moz-box-shadow: 1px 1px 6px 1px #222; -webkit-box-shadow: 1px 1px 6px 2px #222; box-shadow: 1px 1px 6px 2px #222;} .rightShadow, .itemSlider .leftHolder {-webkit-box-shadow: 4px 0px 4px -1.5px #555555; -moz-box-shadow: 4px 0px 4px -1.5px #555555; box-shadow: 4px 0px 4px -1.5px #555555;} .itemSlider .nextItem {-webkit-box-shadow: -4px 0px 4px -1.5px #555555; -moz-box-shadow: -4px 0px 4px -1.5px #555555; box-shadow: -4px 0px 4px -1.5px #555555;} /*----------------------------------------*/ /* ROUNDED CORNERS */ /*----------------------------------------*/ .corners, .button, .input, .textbox, .areabox, .checkbox, .submitButton, .widgetBox, .dropDown ul, div.anythingSlider .arrow, .promoBox {-moz-border-radius: 4px; -webkit-border-radius: 4px; -khtml-border-radius: 4px; border-radius: 4px;} .input, .textbox, .pager .active, .lineBox, .areabox, input[type="text"] {-moz-border-radius: 2px; -webkit-border-radius: 2px; -khtml-border-radius: 2px; border-radius: 2px;} .box ul, .box ol, .box .content {-moz-border-radius: 3px; -webkit-border-radius: 3px; -khtml-border-radius: 3px; border-radius: 3px;} .tabs li, .thumbNav, #navigation ul li:first-child, #currencies li:first-child a, #languages li:first-child a, .flyoutMenu li:first-child a, .dropDown li:first-child a {-moz-border-radius: 3px 3px 0px 0px; -webkit-border-radius: 3px 3px 0px 0px; -khtml-border-radius: 3px 3px 0px 0px; border-radius: 3px 3px 0px 0px;} #currencies li:last-child a, #languages li:last-child a, .dropDown li:last-child a, .flyoutMenu li:last-child a {-moz-border-radius: 0px 0px 3px 3px; -webkit-border-radius: 0px 0px 3px 3px; -khtml-border-radius: 0px 0px 3px 3px; border-radius: 0px 0px 3px 3px;} .bottomRound, #navigation ul li:last-child, .widgetBoxBottomRound {-moz-border-radius: 0px 0px 3px 3px; -webkit-border-radius: 0px 0px 3px 3px; -khtml-border-radius: 0px 0px 3px 3px; border-radius: 0px 0px 3px 3px;} .promoBox strong.promoPrice {-moz-border-radius: 3px 0px 0px 3px; -webkit-border-radius: 3px 0px 0px 3px; -khtml-border-radius: 3px 0px 0px 3px; border-radius: 3px 0px 0px 3px;} .promoBox strong.promoTitle {-moz-border-radius: 0px 3px 3px 0px; -webkit-border-radius: 0px 3px 3px 0px; -khtml-border-radius: 0px 3px 3px 0px; border-radius: 0px 3px 3px 0px;} /*----------------------------------------------------------------------------------------------------------------------------------------------------------------*/ /* GRADIENTS */ /*----------------------------------------------------------------------------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------*/ /* Blue */ /*--------------------------------------------------------------------------------*/ .gridView .titleBox,.itemSlider .titleBlock,.itemSlider .titleBlock:hover,.gridView .priceBox,.box h3,.box h2,.sectionHead,.pageHead,#currencies a.selected,#languages a.selected,.flyoutMenu a.selected,.dropDown a.selected,.thumbNav a.cur,.thumbNav a.cur:hover,.promoBox strong.promoPrice,.itemSlider .prevItem span.slideBg,.itemSlider .nextItem span.slideBg,.specBox h3 { background:#4d8528 url("../bg/svg/grad_green.svg"); background:-moz-linear-gradient(#a6c954,#4d8528,#0c4b00); background:-ms-linear-gradient(#a6c954,#4d8528,#0c4b00); background:-webkit-gradient(linear,left top,left bottom,color-stop(0,#a6c954),color-stop(50%,#4d8528),color-stop(100%,#0c4b00)); background:-webkit-linear-gradient(#a6c954,#4d8528,#0c4b00); background:-o-linear-gradient(#a6c954,#4d8528,#0c4b00); background:linear-gradient(#a6c954,#4d8528,#0c4b00); } .lightHead,h2.lightHead,h3.lightHead { background:#a6c954 url("../bg/svg/grad_green-light.svg"); background:-moz-linear-gradient(#a6c954,#4d8528); background:-ms-linear-gradient(#a6c954,#4d8528); background:-webkit-gradient(linear,left top,left bottom,from(#a6c954),to(#4d8528)); background:-webkit-linear-gradient(#a6c954,#4d8528); background:-o-linear-gradient(#a6c954,#4d8528); background:linear-gradient(#a6c954,#4d8528); } .FXgradBlueDark,.submitButton { background:#4d8528 url("../bg/svg/grad_green-dark.svg"); background:-moz-linear-gradient(#4d8528,#0c4b00); background:-ms-linear-gradient(#4d8528,#0c4b00); background:-webkit-gradient(linear,left top,left bottom,from(#4d8528),to(#0c4b00)); background:-webkit-linear-gradient(#4d8528,#0c4b00); background:-o-linear-gradient(#4d8528,#0c4b00); background:linear-gradient(#4d8528,#0c4b00); } /*--------------------------------------------------------------------------------*/ /* Grey */ /*--------------------------------------------------------------------------------*/ .promoBox strong.promoTitle,.specBoxTitles a.title { background:#a9b1b4 url("../bg/svg/grad_grey.svg"); background:-moz-linear-gradient(#f9fafa,#a9b1b4); background:-ms-linear-gradient(#f9fafa,#a9b1b4); background:-webkit-gradient(linear,left top,left bottom,from(#f9fafa),to(#a9b1b4)); background:-webkit-linear-gradient(#f9fafa,#a9b1b4); background:-o-linear-gradient(#f9fafa,#a9b1b4); background:linear-gradient(#f9fafa,#a9b1b4); } .FXgradGreyLight, .sf-menu li ul, #footer #panel, .box ul, .box ol, .box .content, .loginForm, #currencies, #languages, .flyoutMenu, .basketFlyout, div.anythingSlider .arrow, .thumbNav { background:#d1d8db url("../bg/svg/grad_grey-light.svg"); background:-moz-linear-gradient(#fff,#d1d8db); background:-ms-linear-gradient(#fff,#d1d8db); background:-webkit-gradient(linear,left top,left bottom,from(#fff),to(#d1d8db)); background:-webkit-linear-gradient(#fff,#d1d8db); background:-o-linear-gradient(#fff,#d1d8db); background:linear-gradient(#fff,#d1d8db); } /*--------------------------------------------------------------------------------*/ /* Orange */ /*--------------------------------------------------------------------------------*/ .FXgradOrange, .removeButton, .sf-menu li.current, .sf-menu li.sfHover, .sf-menu li:hover, .gridView div.priceBox:hover, .gridView div.titleBox:hover, .featuredList a:hover, .featuredList li.articleImage:hover + li.articleTitle > a, #footer .list a:hover, #currencies a:hover, #languages a:hover, .flyoutMenu a:hover, .submitButton:hover, .basketFlyout li a:hover, .dropDown ul a:hover, div.anythingSlider span.arrow:hover, .thumbNav a:hover, .itemSlider .prevItem:hover span.slideBg, .itemSlider .nextItem:hover span.slideBg, a.viewAllHover, .itemSlider li a.viewAllHover, .specBoxTitles a.title:hover, .actionLinks li:hover { color:white; background:#a6c954 url("../bg/svg/grad_green.svg"); background:-moz-linear-gradient(#a6c954,#4d8528,#0c4b00); background:-ms-linear-gradient(#a6c954,#4d8528,#0c4b00); background:-webkit-gradient(linear,left top,left bottom,color-stop(0,#a6c954),color-stop(50%,#4d8528),color-stop(100%,#0c4b00)); background:-webkit-linear-gradient(#a6c954,#4d8528,#0c4b00); background:-o-linear-gradient(#a6c954,#4d8528,#0c4b00); background:linear-gradient(#a6c954,#4d8528,#0c4b00); } /*--------------------------------------------------------------------------------*/ /* Light blue */ /*--------------------------------------------------------------------------------*/ .FXgradBlueLight, .fbEnableButton { background:#ffffff url("../bg/svg/grad_green-light.svg"); background:-moz-linear-gradient(#a6c954,#4d8528); background:-ms-linear-gradient(#a6c954,#4d8528); background:-webkit-gradient(linear,left top,left bottom,from(#a6c954),to(#4d8528)); background:-webkit-linear-gradient(#a6c954,#4d8528); background:-o-linear-gradient(#a6c954,#4d8528); background:linear-gradient(#a6c954,#4d8528); } /*--------------------------------------------------------------------------------*/ /* Checkout basket content */ /*--------------------------------------------------------------------------------*/ .basketitems {width: 100%; font-size: 14px;} .basketitems .editCol {width: 30px} .basketitems .thumbCol {width: 110px} .basketitems .wrappingCol {width: 120px} .basketitems .coutCol {width: 60px} .basketitems .priceCol {width: 90px} .basketitems .vatCol {width: 60px} .basketitems .totalCol {width: 90px} .basketitems td {vertical-align: top; border-top: 1px solid black; padding-top: 6px;} .basketitems tr:last-child td {border-bottom: 1px solid black;} .basketitems th {font-size: 12px; text-align: left; padding-bottom: 2px; font-weight: bold; vertical-align: top;border-bottom: 1px solid black;} .basketitems tr td:last-child, .basketitems tr th:last-child, .basketitems .unitPrice, .basketitems .vatPercent {text-align: right; padding-right: 5px;} .basketitems td.basketImage {text-align: center; vertical-align: middle;} .basketitems tr.basketError td {padding-top: 0; padding-bottom: 10px; border: none;} .basketitems .picture {width: 130px; height: 160px; overflow: hidden; border: 1px solid #555555;} .basketitems .wrappingTrigger {color: #4d8528} .wrappingTrigger span {display: block; color: #555; font-size: 11px;} .wrappingTrigger:hover span {text-decoration: underline} .basketitems .checkbox {vertical-align: middle} .basketitems .textbox {width: 20px; text-align: right;} .basketitems .persParam {width: 120px; text-align: left;} .basketitems .persParamLabel {font-size: 12px; font-weight: bold;} .quantity strong {display: block; font-size: 11px; margin-bottom: 3px;} .quantity p {margin-bottom: 5px} .quantity {white-space: nowrap; padding-right: 10px;} .summary {font-size: 14px; width: 350px; float: right; padding-top: 15px;} .summary table {width: 100%} .summary table td {text-align: right; width: 90px; padding: 5px 5px 5px 2px; border-top: 2px solid #b4b8b8;} .summary table th {text-align: left; font-weight: 400; border-top: 2px solid #b4b8b8;} .summary table tr:last-child td, .summary table tr:last-child th {border-top: 1px solid black; border-bottom-width: 0px;} .summary table tr:first-child td, .summary table tr:first-child th {border-top-width: 0} .backtoshop {float: left; padding-left: 10px;} .nextStep {float: right} .prevStep {float: left} .basketFunctions {float: left; padding-top: 20px;} .basketFunctions button {background: none; border: none; cursor: pointer; color: #4d8528; padding: 0; height: 14px; line-height: 14px;} .basketFunctions span {border-right: 1px solid #4d8528; padding: 0 9px 0 0; float: left; line-height: 12px; height: 12px;} .removeFn {padding-left: 17px; color: red; background: url(../../img/x-icon.png) no-repeat 0 1px;} .removeFn:hover {background-position: 0 -25px} /*--------------------------------------------------------------------------------*/ /* checkout order */ /*--------------------------------------------------------------------------------*/ .orderBasketItems, .orderBasketItems a, .orderSummary, #orderAddress, #orderShipping, #orderPayment {color: #515353} #orderAddress, #orderShipping, #orderPayment, #orderEditCart, #orderAgbTop, #orderBasket {margin-bottom: 35px} #orderAddress h3, #orderShipping h3, #orderPayment h3 {color: #000} #orderAddress dl {float: left} #orderAddress dl.shippingAddress {padding-left: 20px} #orderAddress dl.orderRemarks {padding-left: 20px; width: 250px;} /*--------------------------------------------------------------------------------*/ /* CLEAR */ /*--------------------------------------------------------------------------------*/ .clear:after, .basketFlyout li a:after, .basketFlyout .totals:after, .basketFlyout .title:after, .lineView li:after, .wrappingData li:after, .form li:after {visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0;} .clear, .basketFlyout li a, .basketFlyout .totals, .basketFlyout .title, .lineView li, .wrappingData li, .form li {display: inline-block} /*----------------------------------------------------------------------------------------------------*/ /* start commented backslash hack */ /*--------------------------------------------------------------------------------*/ * html .clear, * html .basketFlyout li a, * html .basketFlyout .totals, * html .basketFlyout .title, * html .lineView li, * html .wrappingData li, * html .form li {height: 1%} .clear, .basketFlyout li a, .basketFlyout .totals, .basketFlyout .title, .lineView li, .wrappingData li, .form li {display: block} /*--------------------------------------------------------------------------------*/ /* close commented backslash hack */ /*----------------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------*/ /* Main page error or messages */ /*--------------------------------------------------------------------------------*/ .status {padding: 8px 15px 8px 30px; margin-bottom: 15px; font-size: 14px;} .error {color: yellow; border: 2px solid red; background: red url(../../img/error-inline.png) no-repeat 12px 11px;} .success {border: 2px solid #edf8cb; color: #323b16; background: #f8ffe3 url(../../img/success-inline.png) no-repeat 12px 11px;} .status p {margin: 0} .inlineError {color: red; background: url(../../img/error-inline.png) no-repeat 0 3px; padding-left: 15px;} /*--------------------------------------------------------------------------------*/ /* box */ /*--------------------------------------------------------------------------------*/ #similar.box {margin-left:2px;width:170px;} .box {margin-bottom: 15px;width:186px;} .box ul, .box ol, .box .content {border: 1px solid #0c4b00; border-top: none; margin: 0; margin-top: -2px; text-shadow: 0px 1px 1px #fff;} .box li {list-style: none; padding: 0;} .box .content {padding: 10px} /*--------------------------------------------------------------------------------*/ /* News Box */ /*--------------------------------------------------------------------------------*/ #newsBox.box li {padding-top: 7px} #newsBox.box li:first-child {padding-top: 0} /*--------------------------------------------------------------------------------*/ /* Article box & recommendation box */ /*--------------------------------------------------------------------------------*/ .featuredList a {padding: 7px 10px 5px 10px; display: block;} .featuredList .desc {padding: 0 10px 3px; display: block;} .featuredList ol a {padding-left: 0} .featuredList li:last-child a {padding-bottom: 11px} .featuredList a:hover, .featuredList a:hover strong, .featuredList li.articleImage:hover + li.articleTitle > a {color: #fff; text-decoration: none; text-shadow: none;} .box .featured {height: 100px; width: 182px; display: block; text-align: center; border-left: 2px solid #4d8528; border-right: 2px solid #4d8528; line-height: 100px;} .box .featured.icon {border-bottom: 2px solid #4d8528; overflow: hidden; height: auto; min-height: 100px;} .box .featured img {vertical-align: middle} /*--------------------------------------------------------------------------------*/ /* category list category boxes */ /*--------------------------------------------------------------------------------*/ .box .subcatPic {position: relative; height: 100px; left: -10px; top: -10px;} .box .subcatPic a {background: #fff; display: block; height: 100px; line-height: 98px;} .box .catPicOnly {padding: 0} .box .catPicOnly .subcatPic {left: 0; top: 0; text-align: center;} .box .catPicOnly .subcatPic img {vertical-align: middle} .subcatList .box li.subcatPic {padding: 0} /*--------------------------------------------------------------------------------*/ /* promo boxes:bargain item */ /*--------------------------------------------------------------------------------*/ .promoBoxes {margin-bottom: 20px} .promoBoxes .box {margin-bottom: 0} .specBox {width: 368px; float: left;} .specBox h3 {width: 158px; height: 74px; padding: 10px; margin: 0; position: relative; color: #fff; text-shadow: 0 -1px 0 #000000;z-index: 2; text-transform: uppercase;} .specBox h3 strong {font-size: 21px; padding-top: 3px; display: block; line-height: 21px; padding-right: 10px;} .specBox .rss {position: absolute; right: 10px; top: 10px; text-decoration: none;} .specBox .rss span {visibility: hidden; white-space: nowrap; right: -198px; color: #fff; padding: 5px 8px 0px 30px; height: 22px;} .specBox .deliveryInfo {display: block; font-size: 11px; color: #fff; line-height: 12px;} .specBox .deliveryInfo a {color: #fff; text-decoration: underline;} .specBox .deliveryInfo a:hover {text-decoration: none} .specBox .toCart {color: #fff; font-weight: 700; text-decoration: none; font-size: 12px; text-transform: uppercase; text-shadow: 0 -1px 0 #000;} .specBox .price, .specBox .price .button {visibility: hidden} .specBox:hover .price, .specBox:hover .price .button, .specBoxTitles a.title:hover .specBox .price {visibility: visible} .specCatBox {width: 370px; float: right; position: relative; z-index: 1;} .specBoxTitles a.title {display: block; width: 158px; height: 44px; padding: 12px 10px 0 10px; font-size: 14px; text-decoration: none; font-weight: 700; text-shadow: 0px 1px 1px #fff;} .specBoxTitles {float: left; width: 178px;} .specBoxTitles a.title:hover {color: #fff; text-shadow: 0px -1px 1px #652b00;} .specBoxInfo {float: left; width: 190px; height: 150px; position: relative; text-align: center;} .specBoxInfo div {text-align: left} .specBoxInfo .price {position: absolute; bottom: 0; padding: 25px 10px 0 10px; height: 51px; width: 167px; background: transparent url(../bg/fx-grad-darkgreen-spiked.png) top center no-repeat;} .specBoxInfo .price.tight {padding-top: 20px; height: 56px;} .specBoxInfo .priceValue, .specBoxInfo .priceValue a {color: #fff; text-shadow: 0px -1px 1px #000; text-decoration: none; font-size: 14px; font-weight: 700;} .specBoxInfo .button {color: #fff; text-shadow: 0 -1px 0px #4d8528; border: 1px solid #fff; background: transparent; display: block; position: absolute; bottom: 8px; left: 8px; padding: 1px 10px; visibility: hidden; text-decoration: none; font-size: 10px; font-weight: 100;} .specBoxInfo .tight .button {bottom: 5px} .specBoxInfo .priceOld {font-size: 11px; color: #fff; text-shadow: 0px -1px 1px #000;} .specBoxInfo .pricePerUnit {font-size: 8px; color: #fff; line-height: 9px; display: block; margin-top: -1px; text-shadow: 0px -1px 1px #000;} .specBoxInfo .price:hover .button {background: #a6c954} .specCatBox .viewAllHover {position: absolute; left: 105px; top: 75px; display: none;} .specCatBox:hover .specCatBox .viewAllHover {display: block} /* ??? */ .list {clear: left} /*--------------------------------------------------------------------------------*/ /* form elements */ /*--------------------------------------------------------------------------------*/ .checkbox {padding: 0; margin: 0; border: none;} .textbox, input[type="text"] {border: 1px solid #8c8989; background: #fff; padding: 1px 5px; height: 15px; line-height: 14px; font-size: 11px; font-family: Arial,Helvetica,sans-serif;} .textbox:focus, input[type ="text"]:focus {border-color: #555555} .areabox {border: 1px solid #8c8989; padding: 7px;} .radiobox, .checkbox {margin: 0; padding: 0; height: 13px; width: 13px;} /*--------------------------------------------------------------------------------*/ /* Page title */ /*--------------------------------------------------------------------------------*/ .pageHead {font-size: 14px; line-height: 19px; color: #fff; text-transform: uppercase; text-shadow: 0px -1px 0px #4d8528; padding: 9px 10px 7px 10px; overflow: hidden; margin-bottom: 16px; position: relative; z-index: 2;clear:both;min-width:794px;} /*--------------------------------------------------------------------------------*/ /* box */ /*--------------------------------------------------------------------------------*/ .box h2, .box h3, .sectionHead {color: #fff; padding: 5px 10px; font-size: 12px; position: relative; z-index: 2; margin: 0; text-shadow: 0px -1px 1px #4d8528; line-height: 18px;} .box h2 {font-size: 14px;} .box h3 a {white-space: nowrap} h2.sectionHead {font-size: 18px; padding: 13px 10px; text-shadow: 0px -1px 0px #000; position: relative;} h3.blockHead {font-size: 14px; padding: 5px 0; margin-top: 20px; border-bottom: 5px solid #eceff0; color: #000; line-height: 20px;} .sectionHead + .gridView, .sectionHead + .infogridView {margin-top: 10px} div.lineBlock {padding: 5px 0; border-bottom: 5px solid #eceff0;} .viewAllHover {padding: 1px 10px 3px 8px; position: relative; height: 23px; line-height: 25px; display: inline-block; margin: 0 auto; color: #fff; font-size: 11px; text-transform: uppercase; text-decoration: none;} a.viewAllHover:hover {text-decoration: none} a.viewAllHover span {padding-left: 25px; font-weight: 700; display: inline-block; line-height: 20px; background: url(../../img/plus.png) no-repeat 0 0px; text-shadow: 0px -1px 0px #4d8528;} /*--------------------------------------------------------------------------------*/ /* underlined links in login page */ /*--------------------------------------------------------------------------------*/ a.textLink {text-decoration: underline} /*--------------------------------------------------------------------------------*/ /* RSS link */ /*--------------------------------------------------------------------------------*/ a.rss {text-decoration: none; float: right; height: 16px; margin: 1px 0; position: relative;} a.rss img {position: relative; z-index: 11;} a.rss span {visibility: hidden; display: block; position: absolute; white-space: nowrap; right: -6px; font-size: 12px; top: -5px; color: #fff; padding: 5px 30px 0px 8px; height: 21px; z-index: 5;} a.rss:hover span {visibility: visible} h3.lightHead {text-shadow: 0px 1px 1px #0c4b00;} .widgetBox, .widgetBoxBottomRound {border: 1px solid #c9d3d7; padding: 10px; clear: both;} .widgetBox, .widgetBoxBottomRound, .tabbedWidgetBox {margin-bottom: 20px} .tabbedWidgetBox {min-height: 50px} .widgetBoxBottomRound {margin-top: -1px} .tabbedWidgetBox .widgetBoxBottomRound {top: -1px; position: relative; margin-top: 0;} .widgetBox h4, .widgetBoxBottomRound h4 {color: #515353; text-transform: uppercase; margin-bottom: 11px;} .pageHead + .widgetBoxBottomRound, .pageHead + css3-container + .widgetBoxBottomRound {border-top: 0} /*--------------------------------------------------------------------------------*/ /* Reviews */ /*--------------------------------------------------------------------------------*/ div.reviews h4 {margin-bottom: 5px} div.reviews ul.rating {margin: 0 0 10px 0} div.reviews textarea.areabox {width: 95%; height: 120px; margin-bottom: 10px;} div.reviews form {margin-bottom: 20px} div.reviews dt {display: block; border-top: 1px solid #b4b8b8; padding: 10px 0 5px; margin-top: 10px;} div.reviews dt:first-child {margin-top: 5px} div.reviews dt span, div.reviews dt ul {float: left; margin-right: 10px;} div.reviews dd {line-height: 18px} #writeReview {display: none} /*--------------------------------------------------------------------------------*/ /* Article details tabs */ /*--------------------------------------------------------------------------------*/ ul.tabs {position: relative; z-index: 2; overflow: hidden; margin: 0; padding: 0;} ul.tabs li {float: left; padding: 0; list-style: none; border: 1px solid #999; border-bottom: 1px solid #c9d3d7; background: #d9dfe1; padding: 7px 10px; margin-left: -1px; font-weight: 700; position: relative; color: #515353; height: 15px; text-transform: uppercase; text-shadow: 0px 1px 1px #fff;} ul.tabs li.ui-state-active {background: #fff; border-bottom-color: #fff; border-top-color: #c9d3d7; border-right-color: #c9d3d7; z-index: 2;} ul.tabs css3-container:first-child + li, .tabs li:first-child {margin-left: 0} ul.tabs li.ui-state-active:first-child, .tabs css3-container:first-child + li.ui-state-active {border-left-color: #c9d3d7} ul.tabs a {color: #515353} div.ui-tabs-hide {display: none} ul.tabs li.fbTab a {background: url(../../img/facebook_icon.png) no-repeat 0 1px; padding: 0px 0px 0px 18px;} /*--------------------------------------------------------------------------------*/ /* BUTTONS */ /*--------------------------------------------------------------------------------*/ button {width: auto; overflow: visible; margin: 0; padding: 1px 20px; font-size: 11px; font-weight: bold; border: 0; color: #fff; text-align: center;} .submitButton {text-shadow: 0px -1px 0px #000; padding: 0 10px 1px 10px; font-size: 11px; height: 19px; line-height: 18px; cursor: pointer; width: auto; overflow: visible; font-weight: bold; text-transform: uppercase;} .largeButton {font-size: 11px; text-transform: uppercase;} div.lineBox .largeButton {font-size: 11px; text-transform: uppercase; height: 32px;} div.lineBox a.largeButton {display: inline-block; font-size: 11px; font-weight: bold; text-transform: uppercase; height: 28px; line-height: 28px;} div.lineBox span.title {float: right; text-shadow: 0 -1px 0 #ffffff; font-size: 12px; font-weight: bold; color: #4d8528; text-transform: uppercase;} button[disabled].submitButton, button[disabled].submitButton:hover {background: #cccccc; color: #fff; text-shadow: none;} a.submitButton {color: #fff; padding: 2px 17px; font-weight: bold;} .textButton {background: none; border: none; color: #000; cursor: pointer; padding: 0; text-shadow: 0px 1px 1px #fff;} .textButton:hover {text-decoration: none} .removeButton {padding-left: 2px; text-shadow: 0px -1px 0px #4d8528;} .removeButton span {background: url(../../img/remove.png) no-repeat 0 1px; padding-left: 15px;} /*------------------------------------------------------------------------------------------------------------------------*/ /* HEADER ELEMENTS */ /*------------------------------------------------------------------------------------------------------------------------*/ #logo {margin: 20px 0 0 470px; float: left;} #topMenu {float: right; margin: 8px 0 0 0;} #topMenu li {float: left; text-transform: uppercase; font-size: 10px; font-weight: 700; padding: 0 11px 0 10px; line-height: 14px; list-style: none; background: url(../../img/menu-divider.png) no-repeat 100% 2px;} #topMenu li:last-child {background: none; padding-right: 0;} /*#topMenu a, .selectedValue a {color: #515353} */ #topMenu a:hover, .selectedValue a:hover {color: #4d8528; text-decoration: none;} #topMenu li p.errorMsg {text-transform: none} .flyout .textbox {color: #b4b8b8} .loginForm, .altLoginBox {border: 1px solid #c1c1c1; padding: 1px 11px 5px 11px; width: 140px; position: relative; z-index: 2;} .loginForm p {margin-bottom: 5px; position: relative;} .loginForm p.errorMsg {color: #ff0000} .loginForm p.checkFields {margin-bottom: 4px} .loginForm .submitButton {} .loginForm .checkbox, .loginForm p.checkFields label {float: left; text-transform: none; line-height: 14px;} .loginForm p.checkFields label {text-transform: none; color: #515353; display: block; line-height: 11px; font-size: 10px;} .loginForm .checkbox {margin-right: 5px} .loginForm .textbox {width: 128px} .loginForm .textbox:focus {color: #333} .loginForm .passwordbox {width: 118px; margin-right: 3px;} .loginForm label.innerLabel {margin-top: 2px} .altLoginBox {z-index: 1; top: -5px; padding-top: 10px; padding-bottom: 6px; background: #d9dfe1;} .altLoginBox span {font-size: 10px; color: #515353; display: block; margin-bottom: 5px; text-shadow: 0px 1px 1px #fff;} .altLoginBox .fb_button {float: left; margin-right: 5px;} .login {position: relative;} .logged, #topMenu li.logged {text-transform: none;} .loginBox {position: absolute; right: -1px; top: -2px; display: none; z-index: 9;} #topMenu .flyout strong a {color: #4d8528;} #step2PswdOpener {font-size: 10px; color: #4d8528;} #step2PswdOpener:hover {text-decoration: none;} .stepsPasswordbox {width: 138px !important} .logoutLink {padding-left: 20px; text-transform: uppercase; background: url(../../img/logout.png) no-repeat 8px 3px;} .flyout h4 {text-align: right; margin-bottom: 5px; color: #4d8528;} .topPopList {float: right; margin-left: 10px; position: relative;} .flyoutBox {position: absolute; display: none; top: 3px; left: 0px; z-index: 15;} .selectedValue {background: url(../../img/menu-divider.png) no-repeat 0 4px; padding-left: 10px; margin-top: 7px;} .selectedValue a {font-size: 10px; font-weight: 700; text-transform: uppercase; line-height: 14px; padding-right: 10px; background: url(../../img/arrow-down.png) no-repeat 100% 5px;} .topPopList li.active span {padding-right: 10px; background: url(../../img/arrow-down.png) no-repeat 100% 5px;} /*--------------------------------------------------------------------------------*/ /* currency and language flyouts */ /*--------------------------------------------------------------------------------*/ #currencies, #languages, .flyoutMenu {font-size: 10px; border: 1px solid #c2c2c2; padding: 1px; margin: 0;} #currencies li, #languages li, .flyoutMenu li {border-top: 1px solid #b4b8b8; list-style: none; padding: 0;} #currencies li:first-child, #languages li:first-child, .flyoutMenu li:first-child {border: none} #currencies a, #languages a, .flyoutMenu a {display: block; zoom: 1; min-width: 25px; box-shadow: none; text-decoration: none; padding: 2px 5px; line-height: 16px; font-weight: 700; padding-left: 8px; color: #29373C;} #languages a {width: 25px} #currencies a:hover, #languages a:hover, #currencies a.selected, #languages a.selected,.flyoutMenu a.selected {color: white} #languages a span, .selectedValue a.flag span {text-indent: -9999px; display: block;} #languages a.flag span, .selectedValue a.flag span {background-image: url(../../img/lang/blank.png); background-position: 0 3px; background-repeat: no-repeat;} .selectedValue a.flag span {background-position: 0 2px} .selectedValue a.flag {display: inline-block; width: 15px; line-height: 15px;} #languages li.active a {background: #fff url(../../img/arrow-down.png) no-repeat 27px 8px} #currencies li:first-child a, #services li:first-child a {background: none; color: #515353;} /*--------------------------------------------------------------------------------*/ /* main navigation menu */ /*--------------------------------------------------------------------------------*/ #navigation {clear: both; width: 720px; padding-top: 8px;} #navigation {float: left} #navigation a {text-decoration: none} #navigation > li > a {font-weight: 700; font-size: 13px; line-height: 16px; text-transform: uppercase;} #navigation > li > ul {margin-top: 6px} #navigation > li > ul > li > a {font-size: 10px; text-transform: uppercase; font-weight: 700;} /*--------------------------------------------------------------------------------*/ /* Search box */ /*--------------------------------------------------------------------------------*/ div.searchBox {position: absolute; right: 75px; top: 73px;} div.searchBox input.textbox {width: 122px; padding-left: 4px; color: #b4b8b8; float: left; margin: 2px 3px 0 0;} div.searchBox input.searchSubmit {background: url(../../img/search-icon.png) no-repeat 3px; border: none; cursor: pointer; width: 20px; height: 20px; float: left;} div.searchBox input.textbox:focus {color: #333} /*--------------------------------------------------------------------------------*/ /* basket box */ /*--------------------------------------------------------------------------------*/ .basketBox {position: absolute; right: 10px; top: 37px;} .counter {display: block; color: #fff; font-size: 11px; padding: 1px 5px 0px 5px; line-height: 15px; position: absolute; z-index: 13; right: 28px; top: -3px; border: 1px solid #cdcdcd; white-space: nowrap; text-align: center; -moz-border-radius: 25px; -webkit-border-radius: 10px; -khtml-border-radius: 10px; border-radius: 10px;} .basketBox img {position: absolute; right: 0; z-index: 12;} .basketBox img:hover {cursor: pointer} /*--------------------------------------------------------------------------------*/ /* Also bought */ /*--------------------------------------------------------------------------------*/ #alsoBought {margin-top:6px;} /*--------------------------------------------------------------------------------*/ /* Footer */ /*--------------------------------------------------------------------------------*/ #footer #panel {margin: 0px; border: 1px solid #0c4b00;} #footer .bar {color: #000; padding: 10px 10px 10px 20px; border-bottom: 1px solid #0c4b00; height: 20px;} #footer .bar .facebook {float: left; margin-right: 5px;} #footer .bar .deliveryinfo {float: right} #footer .bar .deliveryinfo a {font-size: 10px; color: #515353;} #footer dl {float: left; width: 233px; margin: 10px 0px; color: #465256; height: auto; border-right: 1px solid #0c4b00; border-left: 1px solid #ffffff;} #footer dl.services {border-left: none} #footer dl:last-child {border-right: none} #footer ul {margin: 0} #footer li {list-style: none; padding: 0;} #footer dl dt {color: #29373C; padding: 2px 20px;} #footer .list a {line-height: 100%; display: block; padding: 4px 20px; color: #29373c; text-shadow: 0px 1px 2px #fff;} #footer .list a:hover {text-decoration: none; color: #FFF; text-shadow: none;} #footer .tree ul {margin: 0; margin-left: 10px;} .newsletter {float: left; background: #E7EAEC; padding: 0px 0px 0px 10px; font-size: 10px; width: auto;} .newsletter .textbox {margin: 0px 10px 0px 10px; width: 140px;} .fbInfoPopup {width: 500px} .fbInfoPopup a {color: #4d8528} .fbEnableButton {float: left; border: 1px solid #a6c954; text-align: left; margin-right: 10px;} .fbEnableButton:hover {border-color: #a6c954} .fbEnableButton a {display: block; float: left; line-height: 18px; background: url(../../img/facebook_icon.png) no-repeat 3px 3px; padding: 0px 0px 0px 21px; font-size: 10px; text-transform: uppercase; color: #4d8528;} .fbEnableButton a:hover {text-decoration: none} .fbEnableButton a.helpText {float: left; background: none; border-left: 1px solid #a6c954; margin-left: 5px; padding: 0 4px;} .fbEnableButton a.helpText:hover {background: #a6c954; -webkit-border-top-right-radius: 4px; -webkit-border-bottom-right-radius: 4px; -moz-border-radius-topright: 4px; -moz-border-radius-bottomright: 4px; border-top-right-radius: 4px; border-bottom-right-radius: 4px;} .copyright {margin: 0 10px; font-size: 10px; float: right; padding: 5px 0; color: #2F2F2F; font-weight: bold;} .text {margin: 0 10px; text-align: center; padding: 0; color: #29373C; clear: both;} a.readMore {color: #4d8528} .box li a.readMore:hover a.readMore:hover {color: #4d8528; text-decoration: underline;} /*--------------------------------------------------------------------------------*/ /* Tags */ /*--------------------------------------------------------------------------------*/ p.tagCloud, div.tagCloud {line-height: 1.5em} a.tagitem_100 {font-size: 12px} a.tagitem_200 {font-size: 14px} a.tagitem_300 {font-size: 16px} a.tagitem_400 {font-size: 18px} a.tagitem_500 {font-size: 20px} a.tagitem_600 {font-size: 22px} a.tagitem_700 {font-size: 24px} a.tagitem_800 {font-size: 26px} a.tagitem_900 {font-size: 28px} span.taggedText {color: #a2a9ab} p.tagError {display: none} a.tagText {vertical-align: middle; display: inline-block; line-height: 12px;} a.tagText img {margin-right: 3px; vertical-align: top;} a.compare.remove {display: none} /*--------------------------------------------------------------------------------*/ /* Grid View */ /*--------------------------------------------------------------------------------*/ .gridView, .infogridView {margin: 0; margin-bottom: 20px;} .gridView li {width: 185px; height: 230px; overflow: hidden; float: left; position: relative; list-style: none; padding: 0; list-style: none;} .gridView li .link {} .gridView li .titleBlock {height: 45px;padding: 5px 10px; color: #29373c; line-height: 15px; background: #eee; text-decoration: none; text-shadow: 0 1px 1px #fff; font-weight: 700; display: block;} .gridView li:hover .titleBlock {color: #fff;text-shadow: 0px -1px 0px #0c4b00;background: transparent url(../bg/fx-grad-darkgreen.png) repeat-x left top;} .gridView li .link a:hover {background: transparent url(../bg/fx-grad-lightgreen.png) repeat-x left top;} .gridView li .gridPicture {width: 185px;display: block;height: 150px;} .gridView li .priceBlock {height: 30px; width: 165px; position: absolute; bottom: 0; left: 0; padding: 5px 10px; background: #fff; font-size: 14px;} .gridView li .priceBlock .priceOld {font-size: 10px} .gridView li .priceBlock .pricePerUnit {font-size: 9px; line-height: 9px; display: block;} .gridView li .priceBlock .button {display: block; position: absolute; bottom: 8px; left: 8px; padding: 1px 10px; visibility: hidden; text-decoration: none; text-transform: uppercase; font-size: 10px;} .gridView li:hover .priceBlock {height: 60px; padding-top: 30px; color: #fff; text-shadow: 0px -1px 1px #000; background: transparent url(../bg/fx-grad-darkgreen-spiked.png) top center no-repeat;} .gridView li:hover .priceBlock .button {visibility: visible; color: #fff; text-shadow: 0 -1px 0px #4d8528; border: 1px solid #fff; background: transparent;} .gridView li:hover .priceBlock:hover .button {background: #a6c954;color:black;} .titleBox {width: 187px;} .titleBox a {display: block; padding: 2px 10px; font-size: 14px; font-weight: 700;} .priceBox {padding: 10px; width: 167px;} .priceBox .toCart {font-size: 12px; font-weight: 700; text-transform: uppercase;} .priceBox strong {font-size: 14px; padding-right: 5px;} /*--------------------------------------------------------------------------------*/ /* InfoGrid */ /*--------------------------------------------------------------------------------*/ .infogridView {margin: 0; padding: 0;} .infogridView li.productData {margin: 0; padding: 0; list-style: none; float: left; border-top: 4px solid #eeeeee;} .infogridView li.productData:nth-child(0n+1) {border: medium none} .infogridView li.productData:nth-child(0n+2) {border: medium none} .infogridView li.productData:nth-child(2n+1) {border-right: 4px solid #eeeeee; width: 368px;} .infogridView li.productData:nth-child(2n+2) {padding-left: 10px; width: 358px;} .infogridView .listDetails {float: left; position: relative; height: 150px; width: 170px; padding-top: 2px;} .infogridView .titleBox, .infogridView .selectorsBox, .infogridView .buttonBox, .infogridView .priceBox {background: none; width: 170px; padding: 0;} .infogridView .titleBox {height: 40px} .infogridView .selectorsBox {height: 35px; padding-left: 10px;} .infogridView .priceBox {height: 50px; padding-left: 10px;} .infogridView .buttonBox {height: 20px; padding-left: 10px;} .infogridView .titleBox a {padding: 4px} .infogridView a.compare {font-size: 11px; color: #4d8528; font-weight: bold; text-transform: uppercase; padding-bottom: 3px;} .infogridView .priceBox .oldPrice {font-size: 9px} .infogridView .priceBox .price {font-size: 14px; font-weight: bold;} .infogridView .priceBox .pricePerUnit {font-size: 9px; white-space: nowrap;} .infogridView .priceBox .content {position: absolute; bottom: 23px; line-height: 10px;} .infogridView .gridPicture {width: 187px; padding: 10px 0 10px 0px;} .infogridView .gridPicture img {vertical-align: middle;} .infogridView .deliveryInfo {font-size: 11px} .infogridView .title {font-size: 12px} .infogridView .title:hover {color:#4d8528; text-decoration: none;} /*--------------------------------------------------------------------------------*/ /* line view */ /*--------------------------------------------------------------------------------*/ .lineView {margin: 0} .lineView li.productData {padding: 10px 0 10px 0; list-style: none; position: relative; border-top: 5px solid #eceff0;} .lineView li:first-child {border: none} .lineView .title {font-size: 18px} .lineView .title:hover {color:#4d8528; text-decoration: none;} .lineView a.compare {font-size: 11px; color: #4d8528; font-weight: bold; text-transform: uppercase;} .lineView .pictureBox, .lineView .info, .lineView .description {float: left} .lineView .infoBox {float: left; padding-bottom: 5px;} .lineView .functions .oldPrice {font-size: 10px} .lineView .functions .price {font-size: 18px; font-weight: bold; line-height: 23px;} .lineView .functions .pricePerUnit {font-size: 9px; white-space: nowrap; margin-left:4px;} .infoBox {width: 558px; position: relative;} .lineView .info {width: 260px; height: 50px; float: left; padding: 10px 0 0 10px;} .lineView .description {width: 268px; padding: 7px 0 0 20px; font-size: 14px; line-height: 18px;} .lineView .functions {padding: 0 0 0px 10px; position: absolute; bottom: 10px; clear: right; float: left; left: 190px; width: 550px;} .lineView .functions label.price {margin: 10px} .pictureBox {width: 190px; height: 160px; float: left; text-align: center; line-height: 150px; overflow: hidden;} .pictureBox img {vertical-align: middle} .pictureBox {position: relative} .pictureBox .viewAllHover {position: absolute; left: 23px; top: 62px; display: none;} .pictureBox:hover .viewAllHover {display: block} .pictureBox .sliderHover {width: 100%; height: 150px;} .pictureBox:hover .sliderHover {display: block} .pictureBox.gridPicture .sliderHover {margin-top: 10px; height: 150px;} .pictureBox.gridPicture .viewAllHover {top: 68px} /*--------------------------------------------------------------------------------*/ /* Modal Popup */ /*--------------------------------------------------------------------------------*/ .popupBox {position: absolute; border: 1px solid #c1c1c1; padding: 10px; display: none;} .popupBox img.closePop {position: absolute; right: 7px; top: 7px; cursor: pointer;} /*--------------------------------------------------------------------------------*/ /* mini basket */ /*--------------------------------------------------------------------------------*/ .basketFlyout {display: none; border: 1px solid #676767; width: 385px; position: absolute; z-index: 111; right: 5px; top: 10px; padding: 7px 0 10px 0;} .basketFlyout img.basket {position: absolute; right: 4px; z-index: 12; top: 26px;} .basketFlyout .counter {right: 32px; z-index: 13; top: 23px;} .basketFlyout .title {padding-left: 10px; padding-bottom: 7px; display: block; margin: 0;} .basketFlyout .title .note {color: #a6c954} .basketFlyout .functions {padding: 10px; padding-bottom: 0; margin: 0;} .basketFlyout .functions a {margin-right: 10px; line-height: 18px;} .basketFlyout button {margin-right: 5px} .basketFlyout ul {width: 250px; margin: 0;} .basketFlyout li {list-style: none; padding: 0;} .basketFlyout li a {border-bottom: 1px solid #a2a9ab; border-top: 1px solid #fff; padding: 5px 10px; display: block;} .basketFlyout li:first-child a {border-top: none} .basketFlyout li a:hover {color: #fff; text-decoration: none;} .basketFlyout button {text-transform: uppercase; font-size: 11px; font-weight: 700;} .basketFlyout .totals {width: 230px; color: #000; border-bottom: 1px solid #a2a9ab; border-top: 1px solid #fff; padding: 5px 10px; margin: 0;} .scrollable .totals {width: 230px; border-top: none;} .basketFlyout .price {float: right} .basketFlyout .item {float: left; width: 157px; overflow: hidden; white-space: nowrap; color: #29373c;} .basketFlyout a:hover .item {color: #fff} .basketFlyout .textButton {text-transform: uppercase; font-size: 11px;} .basketFlyout img.closePop {float: right; cursor: pointer; margin: 0 6px 0 0;} .basketFlyout hr {margin: 0; border: 0; background: #fff; color: #fff; height: 1px; font-size: 1px; line-height: 1px; width: 250px; text-align: left;} .scrollable hr {width: 250px} .scrollable .scrollbarBox {height: 200px; width: 265px; overflow: hidden;} .scrollable .basketItems {width: 250px; min-height: 230px; overflow: hidden;} /*--------------------------------------------------------------------------------*/ /* Side Bar category tree */ /*--------------------------------------------------------------------------------*/ #sidebar .tree {margin: 0 0 20px 0} #sidebar .tree ul {padding-left: 0px; margin: 0;} #sidebar .tree li {list-style: none; padding: 0; background: #ddd;} #sidebar .tree li.active li {list-style: none; padding: 0; background: #fff;} #sidebar .tree ul li a {padding-left: 3px; color: #333;} #sidebar .tree li.exp>a, #sidebar .tree li.active>a {position: relative} #sidebar .tree ul li.active li a {color: #000} #sidebar .tree ul li ul li a {padding-left: 12px} /*#sidebar .tree ul li ul li ul li a {padding-left: 30px} */ #sidebar .tree ul li ul li {background-color:white} #sidebar .tree ul li ul li ul li {background-color:white} #sidebar .tree a {border-bottom: 1px solid #999; display: block; padding: 5px; line-height: 17px;} #sidebar .tree a>i {width: 14px; height: 14px; background: url('../bg/categorysprite.png') left top no-repeat; float: left; padding: 0; margin: 2px 5px 2px 0;} #sidebar .tree li.exp>a>i span, #sidebar .tree li.active>a>i span {width: 14px; height: 14px; position: absolute; bottom: -14px; z-index: 20;} #sidebar .tree li.exp>a>i span {background: url('../bg/arrows-cat-exp-main.png') no-repeat} #sidebar .tree li.active>a>i span {background: url('../bg/arrows-cat-exp-sub.png') no-repeat} #sidebar .tree li.end>a>i span {background: none} #sidebar .tree a:hover { background:#a6c954 url("../bg/svg/grad_subnav.svg"); background:-moz-linear-gradient(#a6c954,#4d8528); background:-ms-linear-gradient(#a6c954,#4d8528); background:-webkit-gradient(linear,left top,left bottom,from(#a6c954),to(#4d8528)); background:-webkit-linear-gradient(#a6c954,#4d8528); background:-o-linear-gradient(#a6c954,#4d8528); background:linear-gradient(#a6c954,#4d8528); color:#fff; } #sidebar .tree a:hover>i {background-position: left -45px} #sidebar .tree li.active>a { background:#a6c954 url("../bg/svg/grad_subnav.svg"); background:-moz-linear-gradient(#a6c954,#4d8528); background:-ms-linear-gradient(#a6c954,#4d8528); background:-webkit-gradient(linear,left top,left bottom,from(#a6c954),to(#4d8528)); background:-webkit-linear-gradient(#a6c954,#4d8528); background:-o-linear-gradient(#a6c954,#4d8528); background:linear-gradient(#a6c954,#4d8528); color:#fff; } #sidebar .tree li.active>a>i {background-position: 1px -30px} #sidebar .tree li.exp>a { background:#a6c954 url("../bg/svg/grad_green.svg"); background:-moz-linear-gradient(#a6c954,#4d8528,#0c4b00); background:-ms-linear-gradient(#a6c954,#4d8528,#0c4b00); background:-webkit-gradient(linear,left top,left bottom,color-stop(0,#a6c954),color-stop(50%,#4d8528),color-stop(100%,#0c4b00)); background:-webkit-linear-gradient(#a6c954,#4d8528,#0c4b00); background:-o-linear-gradient(#a6c954,#4d8528,#0c4b00); background:linear-gradient(#a6c954,#4d8528,#0c4b00); color:#fff; } #sidebar .tree li.active>a, #sidebar .tree li.exp>a {box-shadow: 0 3px 5px -2px #555555; border-bottom: none;} #sidebar .tree li.exp>a>i {background-position: 1px -61px} #sidebar .tree li.end>a>i {background-position: left 15px} #sidebar .sidebarMenu {border: 1px solid #999; line-height: 18px;} #sidebar .sidebarMenu a:hover {text-decoration: none} #sidebar .sidebarMenu .active {text-shadow: 0px -1px 0px #4d8528} /*--------------------------------------------------------------------------------*/ /* Checkout - payment */ /*--------------------------------------------------------------------------------*/ .payment dl {margin-bottom: 10px} .payment dt {margin: 0} .payment dl dd {display: none; margin-left: 25px;} .payment dl dd.activePayment {display: block} /*--------------------------------------------------------------------------------*/ /* Trusted shops */ /*--------------------------------------------------------------------------------*/ .etrustlogocol {float: left; width: 100px;} .etrustlogocol img {border: 0} .etrustTsRatingButton {margin: 7px 0} /*--------------------------------------------------------------------------------*/ /* Checkout - than kyou page */ /*--------------------------------------------------------------------------------*/ #thankyouPage h3.blockHead:first-child {color: #4d8528} #thankyouPage .lightHead {margin-top: 80px} #thankyouPage .link {font-weight: bold; color: #4d8528;} .pageHead + .listRefine, .pageHead + css3-container +.listRefine {margin-top: -16px} .listRefine {margin-bottom: 20px; border: 1px solid #999; border-top: 0; background: #d9dfe1; position: relative; z-index: 1;} .refineParams {padding: 6px 10px 4px 10px; font-size: 11px;} .bottomParams, .detailsParams {text-align: center} .bottomParams .pager, .detailsParams .pager {float: none} .detailsParams .pager {background-image: none; text-align: center; padding: 5px 10px;} .bottomParams a.prev, .detailsParams a.prev {float: left} .bottomParams a.next, .detailsParams a.next {float: right} .bottomParams {padding: 0} .refineParams .dropDown {float: right} /*--------------------------------------------------------------------------------*/ /* dropDown */ /*--------------------------------------------------------------------------------*/ .drop li {list-style: none; padding: 0;} .dropDown {position: relative; float: left; cursor: pointer; padding-right: 10px; min-width: 120px; cursor: pointer;} .dropDown ul {position: absolute; top: -4px; display: none; left: -1px; margin: 0; z-index: 20; border: 1px solid #a4a9aa;} .dropDown ul a {text-decoration: none; display: block; padding: 3px 5px; border-top: 1px solid #fff; border-bottom: 1px solid #b4b8b8;} .dropDown li:first-child a {border-top: none} .dropDown li:last-child a {border-bottom: none} .dropDown ul a:hover, .dropDown ul a.selected {color: #fff} .dropDown p {color: #000000;margin: 0;background: #a6c954 url(../../img/dropdown.png) no-repeat 100% 2px;padding-right: 20px;} .dropDown p label {text-transform: uppercase} .dropDown p span {font-weight: 700} .dropDown .value {padding: 3px 10px 3px 0; border-bottom: 1px solid #b4b8b8;} .dropDown label {padding: 0 3px 0 5px} .dropDown li.asc span, .dropDown li.desc span, .dropDown p span.asc, .dropDown p span.desc {padding-right: 15px; background: url(../../img/arrow-updown.png) no-repeat 100% -39px;} .dropDown li.desc span, .dropDown p span.desc {background-position: 100% -39px} .dropDown li.asc span, .dropDown p span.asc {background-position: 100% 3px} /*--------------------------------------------------------------------------------*/ /* Bread crumb */ /*--------------------------------------------------------------------------------*/ .pager {float: left; padding-top: 1px; line-height: 14px; padding-right: 6px; background: url(../../img/dots-v.png) no-repeat 100% 2px;} .pager .page {padding: 0 4px} a.page:hover {text-decoration: none} .pager .active {background: #4d8528; color: #fff;} a.next, a.prev {background: url(../../img/arrows.png) no-repeat 0 -17px; text-transform: uppercase;} a.prev {padding-left: 10px; padding-right: 7px;} a.next {padding-right: 10px; padding-left: 7px; background-position: 100% 3px;} /*--------------------------------------------------------------------------------*/ /* Bread crumb */ /*--------------------------------------------------------------------------------*/ #breadCrumb {margin: 0px;padding: 10px 10px 6px;font-size: 11px;font-weight: bold;clear: both;background-color: #cccccc;} #breadCrumb a {text-transform:uppercase;} #overviewLink {text-align:right;} #overviewLink a {font-size:11px;font-weight:700;text-transform:uppercase;} .listFilter {background: #D9DFE1; padding: 10px 10px 0px 10px; font-size: 11px; border-bottom: 1px solid #29373c;} .listFilter .dropDown {margin-bottom: 10px; min-width: 232px;} /*--------------------------------------------------------------------------------*/ /* Wrapping */ /*--------------------------------------------------------------------------------*/ .wrapping {border-color: #555555; overflow: hidden;} .wrappingIntro img, .wrappingIntro .introtext {float: left} .wrappingIntro .introtext {padding: 15px 0 0 20px; width: 290px;} .wrapping h3 {border-color: #a2a9ab; padding-left: 5px; text-transform: uppercase;} .wrappingData .thumbCol {width: 150px} .wrappingData .articleCol {width: 170px} .wrappingData .priceCol {width: 640px} .wrappingData td {vertical-align: top; padding: 10px 15px 10px 0; border-bottom: 5px solid #fff;} .wrappingData tr:last-child td {border-bottom: none} .wrappingData span, .wrappingData strong, .wrappingData input, .wrappingData label {float: left} .wrappingData span {width: 95px; height: 55px; margin: 0 15px 0 0; overflow: hidden;} .wrappingData label {font-size: 14px; width: 155px;} .wrappingData strong {float: right} .wrappingData li {padding: 5px 0} .wrappingData li:first-child {padding-top: 0} .wrapping .radiobox {margin: 1px 5px 0 0} .wrappingCard li {float: left; min-height: 150px; padding-left: 20px;} .wrappingCard label, .wrappingCard input {float: left} .wrappingCard li:first-child {padding-left: 0} .wrappingCard p {margin-bottom: 5px} .wrapping .areabox {width: 646px; margin-bottom: 10px; background: #fff; z-index: 99999;} .wrappingComment label {display: block; text-transform: uppercase; padding: 3px 5px;} .wrapping .submitForm {padding-bottom: 15px} .wrapping .submitForm button {float: right; margin-left: 10px;} .wrapping .textButton {margin-top: 2px} /*--------------------------------------------------------------------------------*/ /* checkout Steps */ /*--------------------------------------------------------------------------------*/ .checkoutSteps + .status, .checkoutSteps + css3-container + .status {margin-top: 20px} .checkoutCollumns .row {margin-bottom: 20px} .checkoutCollumns .collumn {width: 50%; float: left;} .checkoutSteps {margin: 0; overflow: hidden; border-left: 1px solid #999;} .checkoutSteps li {list-style: none; padding: 0; float: left; height: 29px; text-transform: uppercase; line-height: 29px; position: relative; left: 0; margin-left: -15px; padding-left: 15px; background: url(../../img/steps.png) no-repeat 100% 0;} .checkoutSteps li.active {background-position: 100% -29px; color: #fff;} .checkoutSteps li.activeLast {background-position: 0px -29px; color: #fff;} .checkoutSteps li.defaultLast {background-position: 0px 0px;border-right: 1px solid #999;} .checkoutSteps li.passed {background-position: 100% -58px; color: #fff;} .checkoutSteps li.active a {color: #fff} .checkoutSteps li.passed a {color: #fff} .checkoutSteps li.active a:hover {text-decoration: none} .checkoutSteps span {padding-left: 10px} .checkoutSteps li.step1 {z-index: 5; width: 210px; margin-left: 0; padding-left: 0;} .checkoutSteps li.step2 {z-index: 4; width: 210px;} .checkoutSteps li.step3 {z-index: 3; width: 210px;} .checkoutSteps li.step4 {z-index: 2; width: 210px;} .checkoutSteps li.step5 {z-index: 1; width: 98px;} .checkoutOptions .option {width: 278px; float: left; margin-right: 20px; background-color: #f2f4f5;} .checkoutOptions .option:last-child {margin-right: 0} .lineBox {border: 1px solid #999; padding: 9px 10px 10px 10px; margin: 20px 0; background: #d9dfe1 url(../../img/line-innershadow.png) no-repeat 0 0;} .lineBox p.errorMsg {color: #ff0000} .couponBox {border-top: 2px solid black; padding: 15px 0;margin-top:10px;} .couponBox p.oxValidateError {padding-left: 135px} .couponBox .inlineError {padding-bottom: 10px; line-height: 16px;} .couponBox .textbox {margin: 0 5px} .couponData span {padding-right: 10px} h3.section {border-bottom: 5px solid #eceff0; padding-bottom: 7px; margin-top: 15px; text-transform: uppercase;} h3.section button {margin-left: 10px} #productTitle {position: relative; z-index: 17; padding-right: 30px; text-shadow: 0px 1px 1px #fff;} /*--------------------------------------------------------------------------------*/ /* Amount price select */ /*--------------------------------------------------------------------------------*/ .pricePopup li {padding: 0 10px} .pricePopup span {display: block; border-top: 1px solid #fff; border-bottom: 1px solid #b2b6b6; padding: 3px 0;} .pricePopup label {width: 80px; float: left; padding: 3px 0;} .pricePopup li:first-child span {border-top: 0} .pricePopup li:last-child span {border-bottom: 0} .pricePopup h4 {padding: 0 30px} .pricePopup {display: none; position: absolute; z-index: 12; background: #D8DEE0; text-transform: uppercase; font-size: 11px; border: 1px solid #979797; padding: 7px 0;} /*--------------------------------------------------------------------------------*/ /* Article action select */ /*--------------------------------------------------------------------------------*/ .actionLinks {display: none; position: absolute; z-index: 16; background: #D8DEE0; text-transform: uppercase; font-size: 11px; border: 1px solid #979797; padding: 7px 0; margin: 0;} .actionLinks li {padding: 0 10px; list-style: none outside none; position: relative;} .actionLinks li:hover a {color: #fff;} .actionLinks a {display: block; padding: 3px 0; border-top: 1px solid #fff;} .actionLinks a:hover {text-decoration: none; color: #fff;} .actionLinks li:first-child span {border-top: 1px solid #b2b6b6; display: block;} .actionLinks li:last-child a {border-bottom: 0} /*--------------------------------------------------------------------------------*/ /* Social button like FB and etc. */ /*--------------------------------------------------------------------------------*/ .social {padding-top: 10px; margin-bottom: 0; height: 25px;} .social div.socialButton {float: left} .social label {display: block; text-transform: none; padding: 3px 0 5px 0; font-weight: 700; text-shadow: 0px 1px 1px #fff;} .social a {display: block; border: 0; padding: 0;} .social .fbEnableButton a:first-child {padding: 0px 0px 0px 21px} .social span {float: left} .fb_share_count_hidden {margin: 3px 7px 0 0px; display: inline-block;} a.fb_button_simple {width: 14px; height: 14px; overflow: hidden; display: inline-block;} .social:hover {background: none} /*--------------------------------------------------------------------------------*/ /* Article Details */ /*--------------------------------------------------------------------------------*/ .detailsRelated {clear: both; padding-top: 20px;} .detailsInfo {position: relative} .detailsInfo .picture {width: 380px; height: 340px; float: left; text-align: center; line-height: 340px; } .detailsInfo .picture a {width: 380px; height: 340px; float: left; text-align: center; line-height: 340px; overflow: hidden;} .detailsInfo .picture img {vertical-align: middle} .hasBrand {width: 358px;} /* float: left; */ .detailsInfo .information {float: right; width: 358px; min-height: 340px; position: relative; padding: 0 0 0 10px;} /*--------------------------------------------------------------------------------*/ /* persistent params */ /*--------------------------------------------------------------------------------*/ .persparamBox {padding-bottom: 7px} .basketitems .persparamBox {padding-top: 5px; font-size: 12px;} .persparamBox label, .persparamBox input {float: left} .persparamBox input {width: 150px} .persparamBox label {margin: 2px 5px 0 0} /*--------------------------------------------------------------------------------*/ /* articles details attributes */ /*--------------------------------------------------------------------------------*/ .attributes {width: 100%} .attributes th, .attributes td {padding: 4px 10px; border-top: 1px solid #ddd;} .attributes th {text-align: left; width: 35%; background: #f5f5f5;} .attributes tr:first-child th, .attributes tr:first-child td {border: none} .information h1 {font-weight: 400; line-height: 20px; margin-bottom: 5px;} .itemCode {color: #515353} .shortDescription {clear: both; font-size: 100%; margin-bottom: 10px;} .additionalInfo {padding-top: 7px} .additionalInfo span {padding: 0 7px; margin-bottom: 3px; font-size: 11px; line-height: 12px; border-left: 1px solid #999;} .additionalInfo span:first-child {padding-left: 0px; border: none;} .additionalInfo .stockFlag {padding-left: 20px!important;} .tobasketFunction .selector {position: relative; z-index: 14;} .selector {padding: 2px 6px 0px; line-height: 16px; z-index: 18;} .selector img {vertical-align: middle} .otherPictures {position: relative; z-index: 4;} .otherPictures ul {margin: 0 0 20px 0; padding: 0; overflow: hidden;} .otherPictures li, .otherPictures a {list-style: none; padding: 0; float: left;} .otherPictures a {display: block; width: 100px; height: 100px; float: left; text-align: center; line-height: 100px; position: relative;} .artIcon {display: block; width: 98px; height: 98px; overflow: hidden;} .otherPictures a:hover {cursor: pointer} .otherPictures a:hover .marker, #zoomModal a:hover .marker {display: block} .otherPictures img {vertical-align: middle; position: relative; z-index: 1;} .marker {position: absolute; width: 96px; height: 96px; border: 2px solid #a6c954; top: 0; left: 0; display: none; z-index: 99;} .marker img {position: absolute; top: -8px; left: 50%; z-index: 6; margin-left: -6px;} .otherPictures .selected .marker, #zoomModal .selected .marker {display: block} .shadowLine {width: 100%; height: 8px; position: absolute; top: 0; z-index: 4; background: url(../../img/shadow-line.png) repeat-x 0 0;} .relatedInfo {float: left; width: 561px; padding-right: 15px;} .relatedProducts {float: right; width: 172px;} .relatedInfoFull {float: none; width: auto; padding-right: 0;} /*--------------------------------------------------------------------------------*/ /* Stock flags */ /*--------------------------------------------------------------------------------*/ .stockFlag {background: url(../../img/stockstatus.png) no-repeat 7px -46px} .lowStock {background-position: 7px 2px} .notOnStock {background-position: 7px -22px} .oldPrice {font-size: 14px; margin-bottom: 3px;} .information .oldPrice {font-size: 11px} .tobasketFunction .price {font-size: 18px} .tobasketFunction .textbox {width: 20px} .tobasketFunction a, .tobasketFunction label, .tobasketFunction button, .tobasketFunction input {float: left; margin-right: 5px;} .tobasketFunction label {margin: 1px 10px 0 0} .information .tobasket {bottom: 5px; margin-top: 10px;} /*--------------------------------------------------------------------------------*/ /* Ratings */ /*--------------------------------------------------------------------------------*/ div.rating {margin-bottom: 10px} ul.rating {width: 89px; height: 16px; margin: 5px 0; padding: 0; list-style: none; clear: both; float: left; position: relative; background: url(../../img/stars.jpg) no-repeat left top;} a.rates {float: left; color: #515353; padding: 6px 0 0 7px;} ul.rating li {cursor: pointer; float: left; padding: 0; list-style: none;} ul.rating li a {position: absolute; left: 0; top: 0; width: 18px; height: 16px; text-decoration: none; z-index: 10;} ul.rating li a b {display: none} ul.rating li.s1 a {left: 0} ul.rating li.s2 a {left: 17px} ul.rating li.s3 a {left: 34px} ul.rating li.s4 a {left: 51px} ul.rating li.s5 a {left: 68px} ul.rating li a:hover {z-index: 2; width: 89px; height: 16px; overflow: hidden; left: 0; background: url(../../img/stars.jpg) no-repeat 0 -18px;} ul.rating li.s1 a:hover {background-position: -72px -18px} ul.rating li.s2 a:hover {background-position: -54px -18px} ul.rating li.s3 a:hover {background-position: -36px -18px} ul.rating li.s4 a:hover {background-position: -18px -18px} ul.rating li.s5 a:hover {background-position: 0 -18px} .rating li.currentRate {background: url(../../img/stars.jpg) left bottom; position: absolute; height: 16px; z-index: 1;} .rating li.ratingValue a, .rating li.ratingValue a:hover {width: auto; height: auto; left: 90px; white-space: nowrap; padding-top: 3px; background: none;} /*--------------------------------------------------------------------------------*/ /* Reviews */ /*--------------------------------------------------------------------------------*/ dl.review {margin: 5px 0; padding-top: 5px; border-top: 1px solid #ccc;} dl.review dt {margin-bottom: 7px; height: 1em;} dl.review dd.item {display: none} dl.review dd {clear: both; margin: 0;} dl.review .param {margin-left: 20px; color: #757C83;} /*--------------------------------------------------------------------------------*/ /* Account billing / shipping address */ /*--------------------------------------------------------------------------------*/ .addressCollumns {} .addressCollumns .collumn {float: left; width: 50%;} /*--------------------------------------------------------------------------------*/ /* Account Downloads */ /*--------------------------------------------------------------------------------*/ .downloadList {margin: 0; padding: 0; line-height: 18px;} .downloadList li {padding: 15px 10px; list-style: none; border-top: 5px solid #eceff0;} .downloadList li:first-child {border: 0; padding-top: 0;} .downloadList dd {padding: 3px 0} .downloadList dt {border-bottom: 1px solid #ddd; padding-bottom: 3px; display: block; font-weight: 400; margin-bottom: 7px;} .downloadList dt strong {font-size: 18px; display: block;} /*--------------------------------------------------------------------------------*/ /* Account Order List */ /*--------------------------------------------------------------------------------*/ .orderList {margin: 0; padding: 0; line-height: 18px;} .orderList li {padding: 15px 10px; list-style: none; border-top: 5px solid #eceff0;} .orderList li:first-child {border: 0; padding-top: 0;} .orderList dl {width: 300px} .orderList dd {padding: 3px 0} .orderList dt {border-bottom: 1px solid #ddd; padding-bottom: 3px; display: block; font-weight: 400; margin-bottom: 7px;} .orderList dt strong {font-size: 18px; display: block;} .orderList dt span {font-size: 10px; color: #999;} .orderList dt label {color: #555555} .orderList td {vertical-align: top; width: 50%;} .orderList td table {text-align: left} .orderList td table th {font-size: 14px; padding-bottom: 14px;} .orderList .orderitems, .orderList .orderhistory {width: 100%} .orderList .orderitems td {vertical-align: top} .orderhistory td {border-top: 1px dotted #bbb; padding: 2px 0; vertical-align: top; width: 99%;} .orderhistory td.small {width: 1%} .orderhistory td .amount {display: block; font-size: 11px; color: #555555;} .orderList h3 {padding-top: 12px; font-size: 16px;} /*----------------------------------------------------------------------------------------------------------------------------------------------------------------*/ /* Forms,Validation */ /*----------------------------------------------------------------------------------------------------------------------------------------------------------------*/ .form {width: 354px} .form li {padding: 5px 0; width: 354px;} .form li.formSubmit {padding-top: 10px; padding-left: 150px;} .form li.formNote {padding-bottom: 0; font-size: 11px; color: #555555; line-height: 14px;} .form label, .form input {float: left} .form .oxDate select {float: left; width: 100px;} .form .oxDate .innerLabel {margin-top: 1px; text-transform: none;} .form input[type="password"], .form input[type="text"] {width: 190px} .form input[data-fieldsize="xsmall"] {width: 25px} .form input[data-fieldsize="small"] {width: 52px} .form input[data-fieldsize="small"] {width: 52px} .form input[data-fieldsize="medium"] {width: 86px} .form input[data-fieldsize="xsmall"] + input[data-fieldsize="pair-xsmall"], .form input[data-fieldsize="xsmall"] + css3-container + input[data-fieldsize="pair-xsmall"], .form input[data-fieldsize="pair-xsmall"] + input[data-fieldsize="xsmall"], .form input[data-fieldsize="pair-xsmall"] + css3-container + input[data-fieldsize="xsmall"], .form input[data-fieldsize="small"] + input[data-fieldsize="pair-small"], .form input[data-fieldsize="small"] + css3-container + input[data-fieldsize="pair-small"], .form input[data-fieldsize="small"] + input[data-fieldsize="small"], .form input[data-fieldsize="small"] + css3-container + input[data-fieldsize="small"], .form input[data-fieldsize="medium"] + input[data-fieldsize="medium"], .form input[data-fieldsize="medium"] + css3-container + input[data-fieldsize="medium"] {margin-left: 5px} .form input[data-fieldsize="xsmall"] + .form input, .form input[data-fieldsize="xsmall"] + css3-container + .form input {margin-left: 10px; margin-right: 0;} .form input[data-fieldsize="pair-xsmall"] {width: 148px} .form input[data-fieldsize="pair-small"] {width: 121px} .form input[data-fieldsize="verify"] {width: 103px} .verificationCode {margin: 0 7px 0 0; float: left;} span.verificationCode {margin-top: 2px} .form li.stateBox {padding-left: 150px} .form label {width: 140px; padding-right: 10px; line-height: 18px;} .form label.req {font-weight: 700} .form label.short {width: 90px; padding-right: 5px; line-height: 18px;} .form .underInput {padding: 5px 0px; margin-left: 140px;} .form .underInput.short {margin-left: 90px} .form label.tooltip {background: url(../../img/help-icon.png) 95% center no-repeat} .form li.checkFields {padding-left: 150px} .form li.checkFields label {width: auto; margin-right: 10px;} .form li.checkFields input {margin: 2px 5px 0 0} .form textarea {float: left; width: 186px;} .inputNote {display: block; clear: both; font-size: 11px; line-height: 14px; padding: 2px 0 0 0; color: #555555;} .form .note {padding-left: 150px; font-size: 11px; color: #555555; line-height: 14px; font-style: italic; padding-top: 7px;} .payment .form {margin: 15px 0 5px 0} .payment .desc {margin-bottom: 15px} #shipSetCost {padding-top: 5px} .inlineForm button {margin-left: 5px} .verify img {float: left; margin: 1px 5px 0 0;} .notice {font-size: 11px; font-style: italic; border-top: 1px solid #eceff0; margin-top: 10px; padding: 5px 0;} .inlineForm .notice {display: block; clear: both;} label.innerLabel {display: block; position: absolute; color: #B4B8B8; margin: 3px 0 0 5px; font-weight: normal; text-transform: uppercase;} label.innerLabel.textArea {text-transform: none} .oxValidateError {display: none; clear: both; font-size: 11px; line-height: 14px; color: red; margin: 0; padding: 5px 0 5px 150px;} .oxValidateError span {display: none} .oxValidateError span.req {float: none; display: inline;} .oxInValid label, .oxInValid p {color: red} .oxInValid input, .oxInValid select, .oxInValid input:focus {border-color: red; background: red;} .oxInValid select {border-style: solid; border-width: 1px;} .oxInValid .oxValidateError, .oxInValid .oxValidateError .js-oxError_postError {display: block} /*--------------------------------------------------------------------------------*/ /* Promotions Slider */ /*--------------------------------------------------------------------------------*/ .promoShadow {position: absolute; top: 0; z-index: 3;} .shadowRight {right: 10px} .oxSlider {position: relative; margin-bottom: 10px;} .oxSlider li {position: relative} .oxSlider a:hover {text-decoration: none} .oxSlider {padding: 0; overflow: hidden; clear: both;} .oxSlider ul, .oxSlider li {margin: 0; padding: 0; list-style: none;} #promotionSlider {height: 150px} /*--------------------------------------------------------------------------------*/ /* Recommendations */ /*--------------------------------------------------------------------------------*/ .recommendations .title {font-size: 12px; padding: 2px 0px 6px;} .recommendations .title a {float: left; font-weight: bold;} .recommendations .title .editButtons {float: right} .recommendations .title .textButton {color: #4d8528; padding: 0; height: 14px; line-height: 14px;} .recommendations .description {font-size: 11px; padding: 0px 0px 8px;} .recommendationsSearchForm {padding: 15px 10px} .recommendationsSearchForm label {font-size: 11px} .recommendationsSearchForm .searchInput {width: 85px} /*----------------------------------------------------------------------------*/ /* Manufacturer Item slider */ /*----------------------------------------------------------------------------*/ .itemSlider {width: 744px; height: 148px; margin: 0 1px 20px 1px; border: 1px solid #a6c954; position: relative;} .itemSlider ul {height: 148px} .itemSlider li {width: 124px; height: 148px; line-height: 148px; padding: 0; text-align: center; list-style: none;} .itemSlider li img {vertical-align: middle} .itemSlider .slideNav {font-size: 21px; font-weight: 700; line-height: 24px; color: #fff; text-decoration: none; position: absolute; z-index: 4; bottom: -1px; opacity: 0.9; filter: alpha(opacity =90); height: 150px; display: block; text-shadow: 0px -1px 0px #486066;} .itemSlider .leftHolder {position: absolute; left: -1px; bottom: -1px; height: 150px; z-index: 3; width: 179px;} .itemSlider .slideNav:hover {text-shadow: 0px -1px 0px #4d8528; opacity: 1; filter: alpha(opacity =100);} .itemSlider .titleBlock {left: -1px; bottom: 0; width: 130px; padding-left: 10px; text-transform: uppercase;} .itemSlider .titleBlock:hover {opacity: 0.9; filter: alpha(opacity=90); text-shadow: 0px -1px 0px #486066;} .itemSlider .titleBlock strong {float: left; margin: 50px 0 0 0; width: 130px;} .itemSlider span.slideBg {display: block; height: 100%; width: 100%; top: 0; position: absolute;} .itemSlider .prevItem {left: 139px; bottom: 0; width: 40px;} .itemSlider .nextItem {right: -1px; width: 40px;} .itemSlider .prevItem:hover span.slideBg, .itemSlider .nextItem:hover span.slideBg {filter: alpha(opacity =90); opacity: 0.9;} .itemSlider .prevItem span.slidePointer, .itemSlider .nextItem span.slidePointer {position: relative; z-index: 5; float: right; text-indent: -9999px; width: 30px; height: 32px; margin: 58px 5px 0 0; background: url(../../img/promo-arrows.png) no-repeat -98px -162px;} .itemSlider .prevItem span.slidePointer {background-position: -26px -162px} .itemSlider .prevItem:hover span.slidePointer {background-position: -26px -86px} .itemSlider .nextItem:hover span.slidePointer {background-position: -98px -86px} .itemSlider li {position: relative} .itemSlider li a.viewAllHover {display: none; position: absolute; left: 0; bottom: 0; height: 35px; z-index: 5; opacity: 1; padding-right: 5px; padding-top: 25px;background: transparent url(../bg/fx-grad-lightgreen-spiked.png) -30px 0px no-repeat;} .itemSlider li a span {text-align: left; line-height: 12px; padding-top: 4px; background-position: 0 50%; font-size: 10px;} .itemSlider a.sliderHover, a.sliderHover {background: #4d8528; opacity: 0.1; filter: alpha(opacity =10); width: 124px; height: 148px; display: none; position: absolute; left: 0px; top: 0px;} .itemSlider li:hover a.viewAllHover, .itemSlider li:hover a.sliderHover {display: block} /*--------------------------------------------------------------------------------*/ /* Category lists */ /*--------------------------------------------------------------------------------*/ .subcatList, .subcatList ul {margin: 0} .subcatList li {padding: 0; list-style: none;} .subcatList .box {float: left; margin-left: 10px;} .subcatList li .box:first-child {margin-left: 0} .subcatList h3 a {color: #fff; font-size: 14px;} .subcatList .box li {padding: 3px 0;} #category {} .categoryDescription {background: #f2f4f5; padding: 10px; font-size: 11px; border-bottom: 1px solid #B4B8B8;} .categoryTopDescription {font-size: 18px; font-weight:bold;margin-bottom: 8px;} .categoryTopLongDescription {font-size: 12px; line-height: 15px;} .categoryTopLongDescription p {margin-bottom: 10px;} .categoryPicture {margin: 0 0 20px 0;float:Left} /*--------------------------------------------------------------------------------*/ /* Trusted shop logo */ /*--------------------------------------------------------------------------------*/ .box #tsSeal {text-align: center; margin-bottom: 7px;} /*--------------------------------------------------------------------------------*/ /* Layout helpers */ /*--------------------------------------------------------------------------------*/ .ui-helper-hidden {display: none} .ui-helper-hidden-accessible {position: absolute; left: -99999999px;} .ui-helper-reset {margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none;} .ui-helper-clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;} .ui-helper-clearfix {display: inline-block} /*--------------------------------------------------------*/ /* required comment for clearfix to work in Opera */ /*--------------------------------------------------------*/ * html .ui-helper-clearfix {height: 1%} .ui-helper-clearfix {display: block} /*--------------------------------------------------------------------------------*/ /* end clearfix */ /*--------------------------------------------------------------------------------*/ .ui-helper-zfix {width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; filter: Alpha(Opacity=0);} /*--------------------------------------------------------------------------------*/ /* Interaction Cues */ /*--------------------------------------------------------------------------------*/ .ui-state-disabled {cursor: default !important} /*--------------------------------------------------------------------------------*/ /* Overlays */ /*--------------------------------------------------------------------------------*/ .ui-widget-overlay {position: absolute; top: 0; left: 0; width: 100%; height: 100%;} .ui-widget-overlay {background: #000; opacity: .50; filter: Alpha(Opacity=50);} .ui-dialog {position: absolute; padding: .2em; width: 300px;} .ui-dialog .ui-dialog-titlebar {padding: .5em 1em .3em; position: relative;} .ui-dialog .ui-dialog-title {float: left; margin: .1em 16px .2em 0;} .ui-dialog .ui-dialog-titlebar-close {position: absolute; right: .3em; top: 50%; width: 19px; margin: -10px 0 0 0; padding: 1px; height: 18px;} .ui-dialog .ui-dialog-titlebar-close span {display: block; margin: 1px;} .ui-dialog .ui-dialog-titlebar-close:hover, .ui-dialog .ui-dialog-titlebar-close:focus {padding: 0} .ui-dialog .ui-dialog-content {position: relative; border: 0; padding: .5em 1em; overflow: auto; zoom: 1;} .ui-dialog .ui-dialog-buttonpane {text-align: left; border-width: 1px 0 0 0; background-image: none; margin: .5em 0 0 0; padding: .3em 1em .5em .4em;} .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {float: right} .ui-dialog .ui-dialog-buttonpane button {margin: .5em .4em .5em 0; cursor: pointer;} .ui-dialog .ui-resizable-se {width: 14px; height: 14px; right: 3px; bottom: 3px;} .ui-draggable .ui-dialog-titlebar {cursor: move} /*--------------------------------------------------------------------------------------------------------------------*/ /* ZOOM CLOUD */ /*--------------------------------------------------------------------------------------------------------------------*/ /*----------------------------------------------------------------------------*/ /* This is the moving lens square underneath the mouse pointer */ /*----------------------------------------------------------------------------*/ .cloud-zoom-lens {border: 1px solid #a6c954; margin: -2px; /* Set this to minus the border thickness. */ background-color: #fff; cursor: move;} /*--------------------------------------------------------------------------------*/ /* This is for the title text */ /*--------------------------------------------------------------------------------*/ .cloud-zoom-title {font-family: Arial,Helvetica,sans-serif; position: absolute !important; background-color: #000; color: #fff; padding: 1px; width: 100%; text-align: center; font-weight: bold; font-size: 10px; top: 0px;} /*--------------------------------------------------------------------------------*/ /* This is the zoom window */ /*--------------------------------------------------------------------------------*/ .cloud-zoom-big {border: 1px solid #4d8528; overflow: hidden; background-repeat: no-repeat; background-color: #fff;} /*--------------------------------------------------------------------------------*/ /* This is the loading message */ /*--------------------------------------------------------------------------------*/ .cloud-zoom-loading {color: #000; background: #fff; padding: 0px;} #zoomTrigger {position: absolute; width: 18px; height: 18px; display: block; text-indent: -9999px; position: absolute; top: 10px; left: 10px; float: left; z-index: 1000; background: url(../../img/zoom.png) no-repeat 0 0;} .zoomed {width: 663px; height: 665px; overflow: hidden; text-align: center; position: relative; z-index: 2;} .zoomPager {margin: 0; padding: 0;} .zoomPager li {list-style: none; float: left; padding: 0;} .zoomHead {font-weight: 700; text-transform: uppercase;} #zoomModal .otherPictures {margin: 0; padding: 0; width: 663px; z-index: 9;} #zoomModal .otherPictures a {width: 30px; height: 35px; line-height: 35px; font-weight: 700; font-size: 14px; text-decoration: none; text-shadow: 0px 1px 1px #fff;} #zoomModal .shadowLine {width: 663px; clear: both;} #zoomModal .otherPictures ul {margin: 0} #zoomModal .marker {border: 2px solid #a6c954; display: none; height: 31px; left: 0; position: absolute; top: 0px; width: 26px; z-index: 99;} #zoomModal .marker img {left: 50%; margin-left: -6px; position: absolute; top: -6px; z-index: 6;} /*--------------------------------------------------------------------------------*/ /* Services */ /*--------------------------------------------------------------------------------*/ #ServiceMenu {float:right;margin-right:8px;} #services {width: 175px} #services a {text-decoration: none; text-transform: uppercase;} #services li {position: relative} #services .counter {right: 5px; top: 1px;} #servicesTrigger {position: relative} #servicesTrigger .counter {right: 0; top: 0; z-index: 11;} .hasNotifications {padding-right: 25px} #services a:hover .counter {border: 1px solid #a6c954; background: #fff; color: #a6c954;} /*--------------------------------------------------------------------------------*/ /* WishList */ /*--------------------------------------------------------------------------------*/ .wishlistPublish {float: right; width: 360px;} .wishlistSearch {float: left} .wishlistSearch .form {width: 100%} .wishlistSearch .form li {width: 100%} .wishlistSearch .form label {width: auto} .wishlistPublish .form label {width: 280px} .wishlistView a {text-decoration: underline} .wishlistView, .listmaniaView {border-bottom: 5px solid #ECEFF0; margin-bottom: 30px; padding-bottom: 15px;} .formTitle, .wishlistResults dt {font-weight: 700; text-transform: uppercase; border-bottom: 1px solid #eceff0; margin-bottom: 10px; padding-bottom: 0;} .wishlistSuggest {clear: both; padding: 20px 0 0 388px;} .wishlistResults {padding-top: 20px} .wishlistResults dt {padding-bottom: 5px; background: url("../../img/search-icon.png") no-repeat 0 3px; padding-left: 20px;} .wishlistUser {float: right; width: 360px; padding: 40px 0 0 0px;} /*--------------------------------------------------------------------------------*/ /* Account Dashboard */ /*--------------------------------------------------------------------------------*/ .accountDashboardView .col {float: left; width: 374px; /* height: 250px;; */: ; /* padding-right: 20px;; */} .accountDashboardView dl {margin-bottom: 15px} .accountDashboardView dd {margin-top: 2px} /*--------------------------------------------------------------------------------*/ /* Compare List */ /*--------------------------------------------------------------------------------*/ #compareList {width: 100%} #compareList td {border-collapse: collapse; vertical-align: top;} #compareList table {width: 200px; border-collapse: collapse;} #compareList table td {border-top: 5px solid #ECEFF0; padding: 5px;} #compareList table #firstTr td, #compareList table #firstDataTr td {border: 0} #compareList table tr:last-child td {padding-bottom: 20px} #compareDataDiv {overflow: hidden} #compareFirstCol {overflow: hidden} .compareItem {width: 190px; height: 380px; position: relative;} .compareNarrow {width: 596px; position: relative;} #compareFirstCol.compareNarrowFirstCol table {width: 152px} .compareWide {width: 740px; position: relative;} .compareWide .compareItem {width: 238px} .compareItem .tobasket {position: absolute; bottom: 10px;} .compareItem .oldPrice {font-size: 11px; line-height: 14px;} .compareItem .variants {padding-top: 15px} .compareItem .variants select {margin: 5px 0 10px 0; display: block;} .compareItem .picture {text-align: center; display: block; width: 190px; height: 150px; overflow: hidden; margin-bottom: 7px;} .compareItem .title {display: block; font-size: 18px; line-height: 18px; font-weight: 400; padding-bottom: 3px;} .compareItem .identifier {color: #515353; display: block;} .compareItem .fn {padding-top: 5px; margin: 0; clear: both;} #compareList .lineBox {padding: 5px 10px; font-size: 11px; text-transform: uppercase; text-align: center; line-height: 16px;} #compareList a.navigation {background: url(../../img/prevnext.png) no-repeat 0 0; height: 7px; width: 4px; text-indent: -9999px; margin-top: 4px;} #compareList .lineBox a.movePrev {float: left; background-position: 0 -7px;} #compareList .lineBox a.moveNext {float: right} td.centered {text-align: center} td.alignTop {vertical-align: top} /*--------------------------------------------------------------------------------*/ /* Login form */ /*--------------------------------------------------------------------------------*/ .accountLoginView .col {float:left;} .accountLoginView .col2 {float:left;margin-left:20px;margin-top:4px;} /*--------------------------------------------------------------------------------*/ /* right corner message */ /*--------------------------------------------------------------------------------*/ #incVatMessage {position: fixed; bottom: -3px; right: -5px; font-size: 11px; padding: 4px 20px 6px 17px; background: url(../../img/vatmsg-bg.png) no-repeat 0 0; opacity: 0.6; filter: alpha(opacity=60); z-index: 9999;} /*--------------------------------------------------------------------------------*/ /* Plain errors */ /*--------------------------------------------------------------------------------*/ .errorBox {width: auto; font-size: 12px; font-weight: bold; color: red; margin: 20px; padding: 0; border: none; width: 500px;} .errorBox a {color: red; text-decoration: underline;} .errorBox a:hover {color: #555555} .errorBox .errHead {background: red; color: #fff; padding: 5px 15px;} .errorBox .errBody {border: 1px solid red; padding: 15px;} .errorBox .stackTrace {font-size: 11px; color: #000; font-weight: normal; margin: 10px 0; padding: 10px 0; border-top: 2px solid #a6c954;} /*--------------------------------------------------------------------------------*/ /* article box */ /*--------------------------------------------------------------------------------*/ li.articleImage {height: 110px} .featuredList a.articleBoxImage {height: 97px; line-height: 97px; width: 148px; background: #fff; text-align: center; display: block;} .featuredList a.articleBoxImage img {vertical-align: middle} /*--------------------------------------------------------------------------------*/ /* MD Variant Selects in details */ /*--------------------------------------------------------------------------------*/ .selectorsBox {clear: both; background: none; padding: 10px 10px 0px 0px; font-size: 11px;} div.information .selectorsBox {margin-bottom: 55px} .selectorsBox .dropDown {margin-bottom: 10px; min-width: 200px;} .selectorsBox .dropDown li.disabled a {color: #b4b8b8} .selectorsBox p.underlined {border-bottom: 1px solid #29373c} .selectorLabel label {min-width: 60px; display: inline-block;} .variantReset {padding-bottom: 10px; font-size: 11px; margin-top: -55px;} .variantReset label {text-transform: uppercase} .variantReset a.reset {color: #4d8528; font-weight: bold; display: block; padding-bottom: 10px;} .variantReset a.reset:hover {text-decoration: none; color: #a6c954;} /*--------------------------------------------------------------------------------*/ /* MD Variant Selects in infoGrid */ /*--------------------------------------------------------------------------------*/ .listDetails .selectorsBox {background: none; padding: 18px 10px 0px 5px; font-size: 11px;} .listDetails .selectorsBox .dropDown {margin-bottom: 10px; min-width: 150px;} .listDetails .selectorsBox .dropDown li.disabled a {color: #b4b8b8} .listDetails .selectorsBox p.underlined {border-bottom: 1px solid #29373c} .listDetails .selectorLabel label {min-width: 45px; display: inline-block;} /*--------------------------------------------------------------------------------*/ /* MD Variant Selects for line */ /*--------------------------------------------------------------------------------*/ .infoBox .selectorsBox {background: none; padding: 10px 10px 0px 0px; font-size: 11px;} .infoBox .selectorsBox .dropDown {margin-bottom: 10px; min-width: 200px;} .infoBox .selectorsBox .dropDown li.disabled a {color: #b4b8b8} .infoBox .selectorsBox p.underlined {border-bottom: 1px solid #29373c} .infoBox .selectorLabel label {min-width: 50px; display: inline-block;} /*--------------------------------------------------------------------------------*/ /* Checkout AGB conditions links */ /*--------------------------------------------------------------------------------*/ div.agbInner {width: 500px; float: left;} div.agbButton {float: right} .agb a, .cmsContent p a {color: #4d8528} .agb a:hover {color: #a6c954; text-decoration: none;} .agb p.errorMsg, .agbInner p.errorMsg {color: #ff0000; display: none; margin: 0px;} /*--------------------------------------------------------------------------------*/ /* FIS Table */ /*--------------------------------------------------------------------------------*/ .cmsContent table {border-spacing:4px;border-collapse: separate;margin-bottom:18px;} .cmsContent table th {background: #4d8528;padding: 6px;color:white;} .cmsContent table td {background: #f2faed;padding: 6px;} .agb a:hover {color: #a6c954; text-decoration: none;} .agb p.errorMsg, .agbInner p.errorMsg {color: #ff0000; display: none; margin: 0px;} /*--------------------------------------------------------------------------------*/ /* ajax loading icon */ /*--------------------------------------------------------------------------------*/ .loadingfade {background: #fff; z-index: 5000;} .loadingiconbg {background: url(../../img/loading_bg.png) no-repeat center center; z-index: 5001;} .loadingicon {background: url(../../img/loading.gif) no-repeat center center; z-index: 5002;} /*--------------------------------------------------------------------------------*/ /* shop lupe */ /*--------------------------------------------------------------------------------*/ p.shoplupe {padding-top: 15px; text-align: center;} /*--------------------------------------------------------------------------------*/ /* category tree */ /*--------------------------------------------------------------------------------*/ .categoryBox {border: 1px solid #0c4b00;margin: 0 0 20px; -moz-border-radius: 3px; -webkit-border-radius: 3px; -khtml-border-radius: 3px; border-radius: 3px;} .categoryTagsBox {border-top-color: #999999; border-top-style: solid; border-top-width: 1px;} .categoryTagsBox h3 {text-transform: uppercase; padding: 5px 0 0 10px; font-size: 12px;} .categoryTags {padding: 5px 5px 5px 5px} a.fbEnableLink {display: inline-block; text-transform: uppercase; padding: 30px 0 15px 0; font-size: 12px; font-weight: bold; color: #4d8528;} .fbEnableDesc {margin-bottom: 35px; font-size: 11px; color: #555;} .fbEnableDesc a {line-height: 25px; color: #4d8528;} a.fbEnableLink, .fbEnableDesc {margin-left: 20px} a.downloadableFile {color: #4d8528; text-decoration: underline; background: url(../bg/download.png) left center no-repeat; padding: 5px 0 5px 25px;} a.downloadableFile:hover {color: #a6c954; text-decoration: none;} a.downloadableFile.pending {color: #909090; text-decoration: none; background: url(../bg/download-pending.png) left center no-repeat; padding: 5px 0 5px 25px;} .variantMessage {color: red; display: block; padding: 5px 0;} .selectMessage {color: red} #cookieNote {position: fixed; top: 0px; left: 0px; width: 100%; z-index: 105; text-align: left; font-weight: normal; font-size: 16px; color: #fff; background-color: #a6c954; opacity: 0.9; filter: alpha(opacity = 90); padding: 8px 0 8px 0; text-align: center; border-bottom: 1px solid #4d8528; display: none;} #cookieNote span.dismiss {cursor: pointer; position: absolute; right: 10px; top: 8px; width: 18px; height: 18px; display: block; text-indent: -9999px; background: url(../../img/close.png) no-repeat 0 0;} #cookieNote a {color: #fff; text-decoration: underline; font-weight: bold;} #cookieNote+#wrapperPage {padding-top: 35px} #cookieNote .notify {padding: 0px 35px} #basketVoucher {position: relative; padding-bottom: 30px;} .smallFont {font-size: 12px; word-wrap: break-word; overflow: hidden; width: 350px;} #betaNote {position: fixed; top: 0px; left: 0px; width: 100%; z-index: 105; text-align: left; font-weight: normal; font-size: 16px; color: #fff; background-color: #a6c954; opacity: 0.9; filter: alpha(opacity = 90); padding: 8px 0 8px 0; text-align: center; border-bottom: 1px solid #4d8528; display: none;} #betaNote span.dismiss {cursor: pointer; position: absolute; right: 10px; top: 8px; width: 18px; height: 18px; display: block; text-indent: -9999px; background: url(../../img/close.png) no-repeat 0 0;} #betaNote a {color: #fff; text-decoration: underline; font-weight: bold;} #betaNote+#wrapperPage {padding-top: 35px} /*--------------------------------------------------------------------------------*/ /* Hersteller-Icon in Artikelübersicht */ /*--------------------------------------------------------------------------------*/ .ManufacturerIcon.List {float:right;} .ManufacturerIcon.Gal2col {float:right; padding-right:8px; padding-bottom:2px; min-width:160px;} .ManufacturerIcon.List img {max-width:120px; max-height:34px;} .ManufacturerIcon.detailspic {display:block;float:right;} .ManufacturerIcon .smallpic {float:right;max-width:72px; max-height:32px;} .ManufacturerIcon.List img {max-width:120px; max-height:34px;} /*----------------------------------------------------------------------------------------------------*/ /* Navigation der Slideshow */ /*----------------------------------------------------------------------------------------------------*/ #slArtImagesNav {padding: 7px 0;} #slArtImagesNav a {background:#D9DFE1;color:#515353; text-decoration: none; margin: 0 2px; padding: 3px 5px;} #slArtImagesNav a.activeSlide {background:#CCCCCC;color:#FFFFFF;} #slArtImagesNav a.activeSlide:hover {background:#CCCCCC;} /*----------------------------------------------------------------------------------------------------*/ /* Preisinformation (inkl. MwSt. zzgl. Versand) */ /*----------------------------------------------------------------------------------------------------*/ #PriceInfo {margin-top:18px; color:#515353;font-size:12px;} #PriceInfo a {color: #515353;} /*----------------------------------------------------------------------------------------------------*/ /* Hersteller-Artikelnummer */ /*----------------------------------------------------------------------------------------------------*/ #ManuArtNum {margin-top:15px;font-size:12px;}