/* THE BIG GUYS */ * {margin:0;padding:0} body {font-family:"Trebuchet MS",Verdana,Arial,Sans-serif !important; font-size:12px; margin:0; padding:0; background-color:#FFFFFF;background:url(../img/bg_body.jpg) top repeat-x;} hr { border-color:#b1b1b1; } font { font-family:"Trebuchet MS",Verdana,Arial,Sans-serif !important; } /* HEADINGS */ h1 { border:0 none; color:#C8E22F; font-size:25px; font-weight:normal; margin:20px 0 15px; padding:0; text-transform:uppercase; width:auto; } h1.CategorieListing { background:#FFFFFF url(../img/icons/icon_left-arrow.gif) no-repeat scroll left center; float:left; margin-bottom:0; margin-left:7px; padding-left:15px; margin-top:5px; } h2 {color:#000000; font-weight:bold;font-size:16px;margin:15px 0px 8px 0px;padding:0px;} h4 { font-size:15px; } /* LINKS GLOBAL */ a,a:link,a:hover {text-decoration:underline;cursor:pointer; outline:none;} a,a:link {} a:link {color:#AEC42A} a:visited {color:#AEC42A} a:hover,a:active {color:#AEC42A} a img {border:none;outline:none;} div {outline:none;} /* INPUT ELEMENTS GLOBAL (CSS 1 compatible) */ input[type="image"] {border:0;} input {font-family:"Trebuchet MS",Verdana,Arial,Sans-serif; font-size:12px; padding:2px;border:1px solid #AEC42B;} textarea {font-family:"Trebuchet MS",Verdana,Arial,Sans-serif; font-size:12px; border:1px solid #AEC42B;} select {font-family:"Trebuchet MS",Verdana,Arial,Sans-serif; font-size:12px; border:1px solid #AEC42B;} /* INPUT ELEMENTS DETAILED (CSS 2 compatible - works only in new browsers (FF 2.0, IE 7...) */ input[type=text], input[type=password] {border:1px solid #aec42b;} /* FOOTER */ #footerWRAPPER { } #footOverview { padding-bottom:30px;float:left; } #footOverview a { text-decoration:none;color:#999;font-size:12px;text-transform:uppercase; } #footOverview li, #footOverview ul { list-style:none; } #footOverview ul { border-right:1px solid #C8E22F; } #footOverview ul ul { border:0; } #footOverview li.level1 { float:left; margin:0 5px; width:90px; } #footOverview li.level1 a { color:#000; } #footOverview li.level2 a { color:#999;text-transform:none; } #footOverview li.level2 ul { display:none;} /* PARAGRAPH GLOBAL */ p {margin:8px 0px 8px 0px} .float_left { float:left;} .float_right { float:right;} .box_small_img {margin:0 10px 3px 0;} .clearboth { clear:both; } /* FAKE HR DIV CAUSE OF IE TROUBLES */ div.hr {padding-top:1px; height:0; overflow:hidden; margin:0; line-height:0px; background-color:#4E4E4F} div.hrlightgrey {padding-top:0px; height:1px; overflow:hidden; margin:5px 0; line-height:0px; background-color:#c8e22f;} div.hrproductpreview {padding-top:1px; height:0; overflow:hidden; margin:12px 0px 12px 0px; display:inline; height:0px; line-height:0px; display:block; background-image:url(../img/hr_productpreview.gif)} /* TABLE GLOBAL */ table td {padding:2px;} /* WHOLE SITE WRAPPER */ #wrap { margin: 0 auto; width:1058px; background:url(../img/bg_page.png) repeat-y;min-height:900px;padding:10px 9px 0;} #socialbookmark img {padding: 2px; align:center;} /* POPUP WINDOWS */ #popupwrap {margin: 0 auto; width:100%; background-color:#fff; padding:0px 0px 0px 10px;} #popupheaderwrap {background: url(../img/bg_topmenu.gif) repeat-x; height:36px;} #popupmenu {float:left; padding:0; margin:0; list-style-type:none; height:36px; font-size:13px; background: url(../img/bg_topmenu.gif) repeat-x;} #popupmenu li {height:36px; float:left; padding: 0px 25px 0px 25px; margin:0; background: url("../img/bg_topmenu_breakline.gif") no-repeat; background-position:right;} #popupmenu a, #popupmenu a:link, #popupmenu a:visited, #popupmenu a:hover, #popupmenu a:active {line-height:36px; vertical-align:middle; text-decoration:none; font-weight:bold; cursor:pointer;color:#fff; margin:0; padding:0;} #popupmenu a:hover {color:#DB9501;} a.popuplink {padding-left: 20px;background: url(../img/printer.png) no-repeat center left;} /* HEADER WITH LOGO, SEARCH BOX AND LANGUAGE SELECTION */ #header {height:150px;padding:0 22px;position:relative;} #header #logo { height:50px; left:50%; margin-left:-200px; margin-top:-25px; position:absolute; top:50%; width:400px; z-index:100; } #header #search {float:right; color:#000; padding:0; margin-right:5px; font-weight:bold;width:318px; } #header #search a {color:#000; font-size:12px; text-transform:uppercase; text-decoration:none; float:left; margin-right:7px;} #header td {padding-top:1px; padding-right:4px;} /* BREADCRUMB PATH AS LIST */ #breadcrumb {clear:both; color:#C64934; padding:1px 0px 10px 15px; background-color:#fff; height:22px; background-image:url(../img/bg_breadcrumb.gif); background-repeat:repeat-x; font-size:11px;} breadcrumb a, #breadcrumb a:link, #breadcrumb a:visited, #breadcrumb a:hover, #breadcrumb a:active {line-height:23px; text-decoration:none; font-weight:normal; cursor:pointer;color:#333333; margin:0; padding:0;} #breadcrumb ul li{display:inline;padding: 0 5px 0 0;margin: 2px 0 0 0;} #breadcrumb ul{list-style-image: url(../img/bg_breadcrumbarrow.gif);margin:0;padding:0;padding-left: 1em;} /* TOPMENU AS LIST */ #topmenuwrap {background:#c8e22f url(../img/bg_topmenu.jpg) repeat-x left top; border-top:1px solid #aec42a; border-bottom:1px solid #aec42a;bottom:0;left:110px;position:absolute;right:0;height:33px;} #topmenu {float:left; padding:0; margin:0; list-style-type:none; height:36px; font-size:13px; background: url(../img/bg_topmenu.gif) repeat-x;} #topmenu li {height:36px; float:left; padding: 0px 25px 0px 25px; margin:0; background: url("../img/bg_topmenu_breakline.gif") no-repeat; background-position:right;} #topmenu a, #topmenu a:link, #topmenu a:visited, #topmenu a:hover, #topmenu a:active {line-height:36px; vertical-align:middle; text-decoration:none; font-weight:bold; cursor:pointer;color:#fff; margin:0; padding:0;} #topmenu a:hover {color:#DB9501;} /* LANGUAGE SELECTION IN TOPMENU LIST */ #languages { text-align:right; height:26px; font-size:13px; padding: 10px 10px 0px 0px; margin:0;} /* currency SELECTION IN TOPMENU LIST */ #currencies {float:right; text-align:right; height:26px; font-size:13px; background: url(../img/bg_topmenu.gif) repeat-x; padding: 10px 10px 0px 10px; margin:0;} /* CONTENT WRAPPER */ #contentwrap {clear:both;width:1012px;padding:15px 0 0 0; min-height:500px;margin:0 auto;} /* LEFT COLUMN */ #leftcol {float:left; width:200px; padding:0px 0px 15px 0px;} /* RIGHT COLUMN */ #rightcol {float:right; width:200px; padding:0px 0px 15px 0px;} /* MAIN CONTENT */ #content {float:left; width:760px; padding:0 0 0 46px; margin-bottom:15px;} #contentfull {width:1012px; padding:0 0 0 0; margin-bottom:15px;} /* CATEGORY MENU */ h2.categoryheader {background-color:#F3A807; background-image:url(../img/bg_boxheader.gif);height:28px;font-size:11px; color:#FFFFFF; padding:2px 8px 0px 8px; margin:0; line-height:28px; vertical-align:middle;} h2.categoryheader a {text-decoration:none; color:#fff} ul#categorymenu .active, ul#categorymenu .active a { font-weight:900; color: #000;} ul#categorymenu { list-style-type:none; } ul#categorymenu li { list-style-type:none; border: solid #fff; border-width:1px 0px 0px 0px;} ul#categorymenu li a{ text-decoration:none; color:#fff;} ul#categorymenu {background-color:#EDEDED; margin-bottom:15px; border: solid #DB9502; border-width:0px 1px 1px 1px; } /* 1st TIER */ ul#categorymenu li.level1 { background-color:#DA9401; padding:4px 0px 4px 6px; font-size: 1.0em;} /* 2nd TIER */ ul#categorymenu li.level2 { background-color:#EEA003; padding:4px 0px 4px 24px; font-size: 0.9em;} /* 3rd TIER */ ul#categorymenu li.level3 { background-color:#EEA003; padding:4px 0px 4px 40px; font-size: 0.8em;} /* BOXES GLOBAL DEFINITION */ h2.boxheader {background:#c8e22f url(../img/icons/arrow_boxheader.gif) no-repeat left center;font-size:16px; border:0; color:#4f4c4d; padding:3px 15px; margin:0; vertical-align:middle;text-shadow:1px 1px 1px #fff;text-transform:uppercase;} h2.boxheader a:link, h2.boxheader a:hover, h2.boxheader a:active, h2.boxheader a:visited {text-decoration:none; color:#4f4c4d;} .boxbody {background-color:#fff;padding:8px;margin-bottom:15px} .boxbody h3, .boxbody h3 a {font-size:11px} .boxbody h3.center, .boxbody h3.center a {font-size:11px; text-align:center} .boxbody p {color:#000000; font-size:11px; margin:6px 0px 6px 0px} .boxbody p.center {color:#000000; font-size:11px; text-align:center; margin:6px 0px 6px 0px} .boxbody td {color:#000000; font-size:11px; margin:6px 0px 6px 0px} .boxbody .productOldPrice {font-size:11px; color:#FF0000} .boxbody div.hr {margin-top:5px; margin-bottom:5px} .boxbody div.hrlightgrey {margin-top:5px; margin-bottom:5px;} .boxbody a {font-size:11px;} .boxbody .productboximage {border: solid 1px #999999;} /* INFO BOX */ .infoboxbody ul.contentlist {background-color:#FFF2CC; margin-bottom:15px; border: solid #E9D28F; border-width:0px 1px 1px 1px; } .infoboxbody ul.contentlist li { list-style-type:none; border: solid #fff; border-width:1px 0px 0px 0px; color:#000;} .infoboxbody ul.contentlist li a{ text-decoration:none; color:#000;} /* 1st TIER */ .infoboxbody ul.contentlist li.level1 { background-color:#FFF2CC; padding:4px 0px 4px 6px; font-size: 1.0em; color:#000;} /* 2nd TIER */ .infoboxbody ul.contentlist li.level2 { background-color:#FFF2CC; padding:4px 0px 4px 24px; font-size: 0.9em; color:#000;} /* 3rd TIER */ .infoboxbody ul.contentlist li.level3 { background-color:#FFF2CC; padding:4px 0px 4px 40px; font-size: 0.8em; color:#000;} /* DISCOUNTPRICE */ .discountprice {font-size:11px; color:#FF0000} /* CART BOX */ h2.boxcartheader {background-image:url(../img/bg_boxheader.gif);height:28px;font-size:11px; color:#FFFFFF; padding:2px 8px 0px 8px; margin:0; line-height:28px; vertical-align:middle;} h2.boxcartheader a {text-decoration:none; color:#fff} .boxcartbody {padding:4px 8px 4px 8px; margin-bottom:15px; background-color:#EDEDED; border-style:solid; border-color:#4E4E4F; border-width:0px 1px 1px 1px;} .boxcartbody p {font-size:11px;} /* MANUFACTURER BOX */ h2.boxmanufacturerheader {background-image:url(../img/bg_boxheader.gif);height:28px;font-size:11px; color:#FFFFFF; padding:2px 8px 0px 8px; margin:0; line-height:28px; vertical-align:middle;} h2.boxmanufacturerheader a {text-decoration:none; color:#fff} ul#manufacturerslist {margin-left:5px; margin-right:0; padding:0;} ul#manufacturerslist li {margin-left:0px; padding:0; list-style-type:none} /* PRODUCT PREVIEW */ .productPreview {padding:0; margin:0;} .productPreviewContent {vertical-align:top; width:100%} .productPreviewContent h2 {padding: 0; margin:0px 0px 5px 0px;} .productPreviewContent h2 a {font-size:14px; font-weight:bold;} .productPreviewImage {vertical-align:top; padding:3px 15px 0px 0px;} .productPreviewImage img {border: solid 1px #999999;} .productPreviewContent .price{font-size:16px; font-weight:bold; padding:0; margin:0} .productPreviewContent .taxandshippinginfo {font-size:11px; font-weight:normal; color:#999999; padding:0; margin:0} .productPreviewContent .vpe {font-size:11px; font-weight:normal; color:#999999; padding:0; margin:0} .productPreviewContent .shippingtime {font-size:11px; font-weight:normal; color:#999999; padding:0; margin:0} .productPreviewContent .stockimage {margin:0; padding:0;} .productPreviewContent .stockimagetext {margin:0; padding:0; font-size:11px; font-weight:normal; color:#999999;} .productPreviewContent .productOldPrice {font-size:12px; font-weight:bold; color:#ff0000;} .productPreviewContent .taxandshippinginfo a {font-size:11px; font-weight:normal; color:#999999;} /* CROSS SELLING */ .productCrossSell {padding:0; margin:0;} .productCrossSellContent {vertical-align:top; width:100%} .productCrossSellContent h2 {padding: 0; margin:0px 0px 5px 0px;} .productCrossSellContent h2 a {font-size:14px; font-weight:bold;} .productCrossSellImage {vertical-align:top; padding:3px 15px 0px 0px;} .productCrossSellImage img {border: solid 1px #999999;} .productCrossSellContent .price{font-size:16px; font-weight:bold; padding:0; margin:0} /* PRODUCT INFO / PRODUCT DETAILS */ #productinfowrap {} #productinfoimages { float:left; background-color:#EDEDED; text-align:center; padding:10px 0px 10px 0px; margin:0px 10px 10px 0px; border: solid 1px #999999;} #productinfoimages .productimage {border: solid 1px #999999;} #productinfoimages .hrlightgrey {margin-top:6px; margin-bottom:6px;} #productinfoimages li{list-style-type:none; min-height:120px; min-width:120px;} /* min-height & min-width define for firefox */ #productinfo_desc, #productinfo_media, #productinfo_reviews {clear:both;} #productinfopricewithimages {float:left;} #productinfopricewithimages img {cursor:pointer} #productinfopricewithoutimages {width:100%} #productinfopricewithoutimages img {cursor:pointer} #productinfoprice {padding:5px} #productinfoprice .hrlightgrey {margin-top:6px; margin-bottom:6px;} #productinfoprice .productOldPrice {color:#FF0000;margin:0; padding:0; font-size:12px; font-weight:bold;} #productinfoprice .taxandshippinginfo {margin:0; padding:0; font-size:11px; font-weight:normal; color:#999999;} #productinfoprice .taxandshippinginfo a {margin:0; padding:0; font-size:11px; font-weight:normal; color:#999999;} #productinfoprice .shippingtime {margin:0; padding:0; font-size:11px; font-weight:normal; color:#999999;} #productinfoprice .stockimage {margin:0; padding:0;} #productinfoprice .stockimagetext {margin:0; padding:0; font-size:11px; font-weight:normal; color:#999999;} #productinfoprice .reviews_rating {margin:0; padding:0;} #productinfoprice .reviews_text {margin:0; padding:0; font-size:11px; font-weight:normal; color:#999999;} .productinfoimage { background-position:center center; background-repeat:no-repeat; width:225px; height:218px; } #productInfo-images { float:left; } #productinfoimage-background { background:#FFFFFF url(../img/bg_productinfo-image.gif) no-repeat scroll left top; height:215px; padding:11px 7px; width:225px; margin-left:-6px; float:left; } h1.overline-head { border-top:1px solid #C8E22F; color:#C8E22F; font-size:20px; margin:5px 0; padding:5px 0; text-transform:uppercase; } h3.overline-head { border-top:1px solid #C8E22F; color:#C8E22F; font-size:15px; margin:5px 0; padding:5px 0; text-transform:uppercase; } .productInfo-priceBox { float:left; } .addtobasket-wrapper { float:right; } .stockimage-wrapper { width:183px;float:right;margin-top:3px; } .stockimage-wrapper p { margin:1px;font-size:11px; } .productInfo-categories, .productInfo-manufacturers { border-top:1px solid #C8E22F;float:left;margin-top:12px;min-width:220px; padding-top:10px; } .productInfo-categories h3, .productInfo-manufacturers h3 { text-transform:uppercase; } .productInfo-categories ul { list-style:none;margin-top:5px;margin-left:90px; } .productInfo-categories li { background:transparent url(../img/icons/arrow_green.gif) no-repeat left center; padding-left:10px;} .productInfo-categories li a { text-transform:uppercase;text-decoration:none;font-weight:bold; } .overline-head span{ font-weight:normal; } .moreImages-wrapper { margin-top:6px;float:left; } .moreImages-background { background:#fff url('../img/bg_moreimages-image.gif') no-repeat left top; background:#FFFFFF url(../img/bg_moreimages-image.gif) no-repeat scroll left top; height:51px; padding:5px 3px; position:relative; width:60px; } .moreImages-image { background-repeat:no-repeat; height:51px; width:60px; background-position:center center; } #productInfo-informations { float:right; width:440px; } #productInfo-informations h1, #ls_infos h1 { color:#333333; font-size:20px; margin:8px 0 0; text-transform:none; } .products-model {color:#666666;font-size:12px;text-transform:none;} .reviews_rating_light .reviews_rating_dark { background:transparent url(../img/review_star.png) repeat-x scroll 0%; height:20px; position:relative; } .reviews_rating_light { background:transparent url(../img/review_star_light.png) repeat-x scroll 0%; height:20px; margin-right:5px; position:relative; width:80px; } #productInfo-informations .highlightbox input[type="text"], #productInfo-informations .highlightbox textarea {width:317px;} #productInfo-informations .productprice, #ls_infos .price {margin:0; padding:0; font-size:28px; font-weight:bold;} .taxandshippinginfo, .taxandshippinginfo a { color:#999;font-size:12px;margin:0;font-size:12px; text-decoration:none; } .reviews_text a, .reviews_text {color:#666; text-decoration:none;} p.productinfoproductadded {font-size:11px;} .productoptions {background-color:#FFF2CC; padding:6px; border-style:solid; border-width:1px 0px 0px 0px; border-color:#DA9401} .addtobasket { padding:0px; text-align:right; float:right; } .addtobasket input[type="text"], .addtobasket input[type="image"] { float:left; } .addtobasket input[type="text"] { text-align:center; font-weight:bold; width:26px;margin:5px; } .addtobasketlisting {padding:6px; text-align:right; border-style:solid; border-width:1px 0px 0px 0px; border-color:#999999} /* POPUPS PRODUCTINFO */ body.popupproductinfo {padding:15px;background:none; background-color:#fff} /* POPUP print_order.html */ body.popupprintorder {font-family:"Trebuchet MS",Verdana,Arial,Sans-serif; font-size:13px; padding:15px;background:none; background-color:#fff} body.popupprintorder .products tr.header td {font-weight:bold; background-color:#EDEDED;} body.popupprintorder .products .total {text-align:right} body.popupprintorder .products .quantity {vertical-align:top} body.popupprintorder .productname {vertical-align:top} body.popupprintorder .model {vertical-align:top} body.popupprintorder .singleprice {vertical-align:top} body.popupprintorder .totalprice {vertical-align:top} /* HIGHLIGHTBOX (BACKGROUND) */ div.highlightbox {padding: 15px; background-color:#FAFCEE;border:1px solid #AEC42A;} div.highlightbox ul {margin-left:15px; padding:0; display:block; list-style-type:square; line-height:20px} div.highlightbox h1 {color:#BE8100; padding:0px 0px 10px 0px; margin:0; border:none; font-size:16px} div.highlightbox div.hr {height:1px; line-height:1px; margin:0; padding:0; display:block; border-bottom: solid 1px #E9D28F;} /* PAYMENT TYPE SELECTION */ table.paymentblock {background-color:#EDF4BE; border-style: solid; border-width:0px 1px 1px 1px; border-color:#AEC42A; margin-bottom:15px;} table.paymentblock tr td.header {background-color:#AEC42A; padding:2px; padding-left:5px; color:#FFFFFF; font-weight:bold;} /* SHIPPING TYPE SELECTION */ .shippingblock {background-color:#fafcee; border-style: solid; border-width:1px; border-color:#aec42a; margin-bottom:-1px;padding:10px;} .shippingblock input[type="radio"] { margin-right:10px;float:left; } .shippingblock-content { float:left;width:400px; } .shippingblock .price { float:right;font-size:23px; } table.shippingblock tr td.header {background-color:#DA9401; padding:2px; padding-left:5px; color:#FFFFFF; font-weight:bold;} table.shippingblock tr td {vertical-align:top;} table.shippingblock tr td.description {width:100%; vertical-align:top; padding-left:6px;} table.shippingblock tr td.radiobutton {vertical-align:top; white-space:nowrap; padding:4px;} table.shippingblock tr td.radiobutton input {margin:0; padding:0;} table.shippingblock tr td.price {vertical-align:top; white-space:nowrap} /* MESSAGEBOX ON CONTACT SITE */ textarea.message_body {width:130px;} /* DOWNLOAD BOX FOR USER DOWNLOADS */ table.downloadbox {padding: 5px; background-color:#FFF2CC; border: solid #E9D28F 1px; margin-bottom:8px;} table.downloadbox tr td.icon{padding-right: 15px;} table.downloadbox tr td.downloadlink{width:100%;} /* TABLE WICH SHOWS GRADUATED PRICES */ table.graduatedprice {font-size:11px; text-align:left; margin-top:5px;} table.graduatedprice tr td.header{font-size:12px; font-weight:bold; text-align:left} /* ORDER DETAILS */ table.tabledetails {font-size:11px; background-color:#edf4be; border-style: solid; border-width:0px 1px 1px 1px; border-color:#aec42a;} table.tabledetails tr td {padding:4px} table.tabledetails tr.headerrow td {background-color:#aec42a; color:#FFFFFF; font-weight:bold} table.tabledetails tr.headerrow td.left {text-align:left} table.tabledetails tr.headerrow td.center {text-align:center} table.tabledetails tr.headerrow td.right {text-align:right} /* ORDER DETAILS CONTENT ROW 1 */ table.tabledetails tr.contentrow1 td {background-color:#fafcee;vertical-align:top} table.tabledetails tr.contentrow1 td.left {text-align:left} table.tabledetails tr.contentrow1 td.center {text-align:center} table.tabledetails tr.contentrow1 td.right {text-align:right} /* ORDER DETAILS CONTENT ROW 2 */ table.tabledetails tr.contentrow2 td {background-color:#fff;vertical-align:top} table.tabledetails tr.contentrow2 td.left {text-align:left} table.tabledetails tr.contentrow2 td.center {text-align:center} table.tabledetails tr.contentrow2 td.right {text-align:right} /* ORDER DETAILS SUBTOTAL */ table.tabledetails tr td.subtotal {background-color:#edf4be; text-align:right;border-style: solid; border-width:1px 0px 0px 0px; border-color:#aec42a;} .old-price {color:#ff0000; text-decoration:line-through;} /* REVIEW LIST */ table.reviewlist {font-size:11px; font-weight:normal;} table.reviewlist tr td {padding:4px; white-space:normal} table.reviewlist tr.header td {background-color:#DA9401; color:#FFFFFF; font-weight:bold} table.reviewlist tr.contentrow1 td {background-color:#FFF2CC;} table.reviewlist tr.contentrow2 td {background-color:#FFEAAB;} textarea#review {width:100%} /* MEDIA LIST */ table.medialist {background-color:#FFF2CC; border-style: solid; border-width:1px; border-color:#DA9401;} table.medialist tr td {padding:6px; white-space:nowrap; vertical-align:top} table.medialist tr.contentrow1 td {background-color:#FFF2CC;} table.medialist tr.contentrow2 td {background-color:#FFEAAB;} /* COMMENTS ON CHECKOUT CONFIRMATION SITE */ p.checkoutcomment textarea {width:100%} /* AGB ON CHECKOUT SITE */ p.checkoutagb textarea {width:100%} p.checkoutrescission textarea {width:100%} /* CHECKOUT NAVIGATION */ ul#checkoutnavigation {} ul#checkoutnavigation li {height: 70px; list-style-type:none; float:left; width:220px; margin:0px 7px; border:1px solid #AEC42A; padding:8px;color:#fff;} ul#checkoutnavigation li.active {background-color:#C9DF40;} ul#checkoutnavigation li.active .number {font-size:20px; font-weight:bold} ul#checkoutnavigation li.active .title {font-size:14px; font-weight:bold} ul#checkoutnavigation li.active .description {font-size:11px} ul#checkoutnavigation li.inactive {color:#e6f0a5; background-color: #fff; border-color:#e6f0a5;} ul#checkoutnavigation li.inactive .number {font-size:20px; font-weight:bold} ul#checkoutnavigation li.inactive .title {font-size:14px; font-weight:bold} ul#checkoutnavigation li.inactive .description {font-size:11px} /* ERROR MESSAGES */ ul.info_error {border:solid 1px #BF5C52; padding:8px; margin-bottom: 10px; } ul.info_error li {} ul.info_error li.infoError {list-style:none; padding:5px 0px 2px 20px; background-image:url(../img/icons/icon_error.png); background-repeat:no-repeat; background-position:0px 4px} ul.info_warning {border:solid 1px #BF5C52; margin-bottom: 10px; } ul.info_warning li {} ul.info_warning li.infoWarning {list-style:none; padding:5px 0px 2px 20px; background-image:url(../img/icons/icon_alert.gif); background-repeat:no-repeat; background-position:0px 4px;} ul.info_success {border:solid 1px #AEC42A; background-color:#AEC42A; margin-bottom: 10px;} ul.info_success li {padding:8px; } ul.info_success li.infoSuccess {list-style:none; padding:5px 0px 2px 20px; background-image:url(../img/icons/icon_accept.gif); background-repeat:no-repeat; background-position:0px 4px; background-color:#EDF4BE} ul.info_info {border:solid 1px #BF5C52; margin-bottom: 10px;} ul.info_info li {} ul.info_info li.infoInfo {list-style:none; padding:5px 0px 2px 20px; background-image:url(../img/icons/icon_info.png); background-repeat:no-repeat; background-position:0px 4px;} /* FOOTER */ .footer {clear:both; text-align:center; font-size:11px; color:#666666; background-color:#E2E2E2; padding: 8px; margin-bottom:5px;} .footer a {color:#666666; text-decoration:underline} /* xt:Commerce ParseTime */ .parseTime {margin: 0 auto; background-color:#FFFFFF; text-align:center; color:#666666; font-size:11px;} /* SITE Navigation */ div#NAVIGATION { vertical-align:middle;margin-right:7px;} div#NAVIGATION.listing { margin-top:8px;float:right; } div#NAVIGATION .COUNT {float:left; bottom:0px; height:20px; line-height:15px; margin:5px 0px 0px 0px; padding:2px 5px 0px 5px; vertical-align:middle; font-size:11px} div#NAVIGATION .PAGES {float:right; bottom:0px; height:20px; line-height:15px; margin:5px 0px 0px 0px; padding:2px 5px 0px 5px; vertical-align:middle; font-size:11px} div#NAVIGATION .PAGES span, div#NAVIGATION .PAGES a { border:1px solid #aec42b;padding:2px 6px; font-weight:bold; font-size:13px; text-decoration:none; } div#NAVIGATION .PAGES span { background-color:#c8e22f;color:#666; } div#NAVIGATION .PAGES a { color:#bcd52b; } /* PRODUCTS Sorting */ p.products_sort {padding: 5px; background-color:#FFF2CC; border: solid #E9D28F 1px; margin-bottom:8px;} .products_sort { float:right; } .products_sort form { margin-top:9px; } /*AGB*/ div#checkout_agb{height: 200px; width: 100%; overflow: auto; padding: 2px; border: solid #C8E22F 1px; text-align: left;} div#checkout_rescission{height: 200px; width: 100%; overflow: auto; padding: 2px; border: solid #C8E22F 1px; text-align: left;} /* SITEMAP */ .sitemapwrap {} .sitemapwrap .sitemapleft {background-color:#FFF2CC; border-style: solid; border-width:1px; border-color:#DA9401; display:table; float:left; width:235px; margin-bottom:15px;} .sitemapwrap .sitemapright {background-color:#FFF2CC; border-style: solid; border-width:1px; border-color:#DA9401; display:table; float:right; width:235px; margin-bottom:15px;} .sitemapheader {padding:3px; background-color:#DA9401; color:#FFFFFF; font-weight:bold} .sitemapheader a:link, .sitemapheader a:visited, .sitemapheader a:hover {color:#FFFFFF; text-decoration:none} .sitemapcontent {padding:6px} .sitemapcontent li {list-style-type:none} /* CART BOX */ #cart_box { float:right;text-align:left;margin-top:5px;width:150px; } #cart_box h3 { text-transform:uppercase;font-size:12px; } #cart_box p { margin:5px 0;color:#ADD217;font-weight:bold; } #cart_box .price { float:right; } #tabs-14 { background-color:#c8e22f; padding-top:500px;} #tabs-13 { background-color:#c8e22f; } #tabs-8 { background-color:#c8e22f; } /* SEARCH BOX */ #search h3 { text-transform:uppercase;font-size:12px; } #search h3, #search input { float:left;margin-left:5px;padding:0; } #search form { float:right;position:relative; } #search .search-input { background:url("../img/bg_search.gif") no-repeat scroll left top #FFFFFF; border:0 none; height:16px; margin:-2px 0 0 -2px; padding:5px 9px; width:137px; } #search .search-input:hover, #search .search-input:focus { background:url("../img/bg_search_over.gif") no-repeat scroll left top #FFFFFF; } #search input[type="image"] { margin-left:-25px; margin-top:2px; } /* SUPERFISH MENU */ .sf-menuTop, .sf-menuTop * { margin: 0; padding: 0; list-style: none; } .sf-menuTop { line-height: 1.0; } .sf-menuTop ul { position: absolute; top: -999em; width: 150px; /* left offset of submenus need to match (see below) */ background-color:#c8e22f; border: 1px solid #aec42a; } .sf-menuTop ul li { } .sf-menuTop a { display: block; position: relative; color: #000; text-decoration:none; } .sf-menuTop li:hover ul, .sf-menuTop li.sfHover ul { left: 0; top: 33px; /* match top ul list item height */ z-index: 99; } ul.sf-menuTop li:hover li ul, ul.sf-menuTop li.sfHover li ul { top: -999em; } ul.sf-menuTop li li:hover ul, ul.sf-menuTop li li.sfHover ul { left: 150px; /* match ul width */ top: 0; } ul.sf-menuTop li li:hover li ul, ul.sf-menuTop li li.sfHover li ul { top: -999em; } ul.sf-menuTop li li li:hover ul, ul.sf-menuTop li li li.sfHover ul { left: 150px; /* match ul width */ top: 0; } /* --- SF tier1 --- */ .sf-menuTop { line-height: 1.0; float: right; } .sf-menuTop li:hover { visibility: inherit; /* fixes IE7 'sticky bug' */ } .sf-menuTop li { float: left; position: relative; } .sf-menuTop li.level1 { padding:9px 12px; } .sf-menuTop li.level1:hover { background: #aec42a url(../img/icons/arrow_sf-top.gif) center top no-repeat; } .sf-menuTop li.level1 a { text-transform: uppercase; text-shadow: 1px 1px 1px #fff; font-size: 13px; font-weight: bold; } /* --- SF tier2 --- */ .sf-menuTop ul li.level2 a { text-shadow: none; font-weight: normal; text-transform: none; } .sf-menuTop ul li.level2, .sf-menuTop ul li.level3 { padding: 5px 5px 5px 32px; background: transparent url(../img/icons/icon_bullet.png) 12px center no-repeat; } .sf-menuTop ul li.level2:hover { background-color:#d4ef34; } .sf-menuTop ul ul { background-color:#d4ef34; } .sf-menuTop ul li {float:none;} /* SUBCATEGORY BOX */ .subcategoryboxbody { margin-bottom:15px; } .sf-menuLeft, .sf-menuLeft * { margin: 0; padding: 0; list-style: none; } .sf-menuLeft { line-height: 1.0; } .sf-menuLeft ul { position: absolute; top: -999em; width: 198px; /* left offset of submenus need to match (see below) */ } .sf-menuLeft ul li { } .sf-menuLeft li:hover { visibility: inherit; /* fixes IE7 'sticky bug' */ } .sf-menuLeft li { position: relative; padding: 5px 5px 5px 32px; } .sf-menuLeft a { display: block; position: relative; text-decoration:none; } .sf-menuLeft li:hover ul, .sf-menuLeft li.sfHover ul { left: 0; top: 2.5em; /* match top ul list item height */ z-index: 99; } ul.sf-menuLeft li:hover li ul, ul.sf-menuLeft li.sfHover li ul { top: -999em; } ul.sf-menuLeft li li:hover ul, ul.sf-menuLeft li li.sfHover ul { left: 198px; /* match ul width */ top: 0; } ul.sf-menuLeft li li:hover li ul, ul.sf-menuLeft li li.sfHover li ul { top: -999em; } ul.sf-menuLeft li li li:hover ul, ul.sf-menuLeft li li li.sfHover ul { left: 198px; /* match ul width */ top: 0; } .sf-menuLeft.sf-vertical { border: 1px solid #c1d25b; width: 198px; } .sf-menuLeft.sf-vertical li { } /* this lacks ul at the start of the selector, so the styles from the main CSS file override it where needed */ .sf-menuLeft.sf-vertical li:hover ul, .sf-menuLeft.sf-vertical li.sfHover ul { left: 198px; /* match ul width */ top: 0; } ul.sf-menuLeft li.level1 a { color:#666; } ul.sf-menuLeft li.level1:hover a { color:#000; } ul.sf-menuLeft li.level1 { background: #fff url(../img/icons/icon_bullet_green.png) no-repeat 12px center; } ul.sf-menuLeft li.level1:hover { background: #c8e22f url(../img/icons/icon_bullet_leftmenu_hover.gif) no-repeat left center; } ul.sf-menuLeft ul { background-color:#c8e22f; } ul.sf-menuLeft li.level2 { background:transparent url(../img/icons/icon_bullet.png) 12px center no-repeat; } ul.sf-menuLeft li.level2 a { color:#000; } ul.sf-menuLeft li.level2:hover { background-color:#d4ef34} /* UI TABS STYLE */ .ui-tabs-nav a span { color:#989898 !important;text-transform:uppercase;} .ui-tabs-nav a { text-decoration:none !important; } .ui-tabs-nav .ui-tabs-selected a span { color:#404040 !important; } .ui-tabs-nav a:hover span, .ui-tabs-nav a:focus, .ui-tabs-nav a:active, .ui-tabs-nav .ui-tabs-deselectable a:hover, .ui-tabs-nav .ui-tabs-deselectable a:focus, .ui-tabs-nav .ui-tabs-deselectable a:active { /* @ Opera, we need to be explicit again here now... */ color:#404040 !important; } .ui-tabs-nav { padding:0; } .ui-tabs-panel { border: 1px solid #C8E22F; } #productInfo-tabs { margin-top:10px; } #footer-tabs { width:608px;float:left; } #footContent .ui-tabs-panel, .contentStartpageRight .footInfo-box{ height: 210px; padding:5px; overflow:hidden; } /* TABS .ui-tabs { padding: 0; zoom: 1; } .ui-tabs .ui-tabs-nav { list-style: none; position: relative; padding: 0; } .ui-tabs .ui-tabs-nav li { position: relative; float: left; margin:0 -1px 0 0;text-align:center; padding: 0; border:1px solid #aec42b;background-color:#fff;} .ui-tabs .ui-tabs-nav li a { text-decoration: none; padding:4px 18px;color:#c8e22f;font-weight:bold;text-transform:uppercase; font-size:15px;display:block; } .ui-tabs .ui-tabs-nav li.ui-tabs-selected { background-color:#c8e22f; } .ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a { cursor: text;color:#403E3F; } .ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a { cursor: pointer; } /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... .ui-tabs .ui-tabs-panel { padding:0; display: block; background: #fff url(../img/bg_tab.jpg) left bottom repeat-x;margin-top:0px;border:1px solid #c8e22f; } .ui-tabs .ui-tabs-hide { display: none !important; } /* ----- startpage ------ .startpage_productTabs {} /* FOOTER TABS #footer-tabs.ui-tabs { padding: 0; zoom: 1; } #footer-tabs.ui-tabs .ui-tabs-nav { list-style: none; position: relative; padding: 0; } #footer-tabs.ui-tabs .ui-tabs-nav li { position: relative; float: left; margin:0 -1px 0 0;text-align:center; padding: 0; border:1px solid #aec42b;background-color:#fff;} #footer-tabs.ui-tabs .ui-tabs-nav li a { text-decoration: none; padding:4px 18px;color:#c8e22f;font-weight:bold;text-transform:uppercase; font-size:15px; } #footer-tabs.ui-tabs .ui-tabs-nav li.ui-tabs-selected { background-color:#c8e22f; } #footer-tabs.ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a { cursor: text;color:#403E3F; } #footer-tabs.ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a { cursor: pointer; } /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... #footer-tabs.ui-tabs .ui-tabs-panel { padding:0; display: block; background: #fff url(../img/bg_tab.jpg) left bottom repeat-x;margin-top:-1px; min-height:100px; margin-bottom:15px; } #footer-tabs.ui-tabs .ui-tabs-hide { display: none !important; } #footer-tabs { float:left;width:634px; } /* PRODUCTINFO TABS #productInfo-tabs.ui-tabs { padding: 0; zoom: 1;margin-top:20px; } #productInfo-tabs.ui-tabs .ui-tabs-nav { list-style: none; position: relative; padding: 0; } #productInfo-tabs.ui-tabs .ui-tabs-nav li { background-color:#C8E22F;border:0 solid #AEC42B;float:left;margin:0 -1px 0 0;padding:0;position:relative;text-align:center;width:auto;} #productInfo-tabs.ui-tabs .ui-tabs-nav li a { text-decoration: none; padding:2px 18px;color:#fff;font-weight:bold;text-transform:none; font-size:15px; } #productInfo-tabs.ui-tabs .ui-tabs-nav li.ui-tabs-selected { background-color:#FFFFFF;border-color:#C8E22F;border-style:solid;border-width:1px 1px 0;margin-top:-6px; padding-top:5px; } #productInfo-tabs.ui-tabs .ui-tabs-nav li.ui-tabs-selected a, #productInfo-tabs.ui-tabs .ui-tabs-nav li.ui-state-disabled a, #productInfo-tabs.ui-tabs .ui-tabs-nav li.ui-state-processing a { color:#C8E22F;cursor:text;text-transform:uppercase; } #productInfo-tabs.ui-tabs .ui-tabs-nav li a, #productInfo-tabs.ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a { cursor: pointer; } /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... #productInfo-tabs.ui-tabs .ui-tabs-panel { clear:both;padding:0; display: block; border-width:1px; border-style:solid; border-color:#c8e22f; background: #fff url(../img/bg_tab.jpg) left bottom repeat-x;margin-top:-1px;width:100%;} /* #productInfo-tabs.ui-tabs .ui-tabs-hide { display: none !important; } #tabs-productDescripton { color:#666; } #tabs-productDescripton ul { margin:8px 0;padding-left:25px; } */ /* LISTInG IMAGE */ .listing-image { background:#FFFFFF url(../img/bg_listing-image.gif) no-repeat scroll left top; float:left; height:178px; padding:10px 6px; position:relative; width:176px; } .listing-small-image { background:url("../img/bg_listing-small-image.gif") no-repeat scroll left top #FFFFFF; float:left; height:155px; padding:14px 8px; position:relative; width:125px; margin:0 6px; } .listing-small-image h2 { border:0;font-size:12px;margin:9px 0 0 0; } .listing-small-image .listing-productimage { height:128px;width:125px; } .listing-productimage { width:176px; height:147px; display:block; background-color:transparent; background-repeat:no-repeat; background-position:center center; position:relative; } .listing-price { background-color:#FFFFFF; border:1px solid #EFEFEF; bottom:8px; padding:5px; position:absolute; right:0; text-align:right; display:block; } .listing-price a, .listing-image a { color:#000; text-decoration:none; } /* CATEGORY INFOBOX */ .categoryInfobox { border:1px solid #c0d15a; } .categoryInfobox img { max-width:198px; } .categoryInfobox-description { border:1px solid #C0D15A; padding:10px; text-align:justify; } .pullDown-arrow { background:#fff url(../img/arrow_down.jpg) left top no-repeat; height:10px; width:198px; } .scrollable { padding:20px; } .productInfo-reviewlist { } .productInfo-reviewaddon {color:#666666;font-size:11px;margin:0;} .productInfo-reviewtext {background-color:#FAFCEE;border:1px solid #C8E22F;margin-bottom:20px;padding:20px;} .bestsellerbox a { color:#666; text-decoration:none; font-size:12px;} .checkout-count { float:left;font-size:60px;font-weight:bold;vertical-align:top; } .checkout-info { float:left;margin-left:15px;padding-top:10px;width:150px; } /* JCAROUSEL */ /** * This
element is wrapped by jCarousel around the list * and has the classname "jcarousel-container". */ .jcarousel-container { position: relative; } .jcarousel-clip { z-index: 2; padding: 0; margin: 0; overflow: hidden; position: relative; } .jcarousel-list { z-index: 1; overflow: hidden; position: relative; top: 0; left: 0; margin: 0; padding: 0; } .jcarousel-list li, .jcarousel-item { float: left; list-style: none; /* We set the width/height explicitly. No width/height causes infinite loops. */ width: 75px; height: 75px; } /** * The buttons are added dynamically by jCarousel before * the