body{ margin: 0; font: 11px 'Trebuchet MS', Verdana, Arial, sans-serif; color:#333; background: #000; } form { padding: 0; margin: 0; display: inline; } input, textarea, select{ font:100% arial,sans-serif; vertical-align:middle; } fieldset{ margin:0; padding:0; border:none; } img{border: none;} a { text-decoration: none; outline: none; color: #CCC; } p { padding: 0; margin: 0; padding-bottom: 0.5em; } /* main start */ .main{ margin: 0 auto; width: 1040px; overflow:hidden; background:url('dark-bg.jpg') no-repeat; } /* sidebar start */ .sidebar{ float:left; width:220px; padding:0 0 0 30px; } /* logotype */ .sidebar .logo{ background:#000; padding:15px 29px; } .sidebar .logo a{ background:url('dark-logo.gif') no-repeat; width: 162px; height: 120px; display:block; text-indent:-9999px; overflow:hidden; } .sidebar .inner-content{ background:#000; margin:20px 0 0; padding:1px 10px 10px 10px; } /* side-nav start */ /* .side-nav ul{ list-style: none; margin: 0; padding: 0; overflow:hidden; width:100%; border-top:1px solid #ccd6e0; }  #collapso ul li.blue{ background:#d0d8df url('dark-sidenav-2nd-lvl.gif') repeat-x; border-color:#fff; margin:-1px 0 0; } #collapso ul li.blue a{ background:url('dark-sidenav-2nd-lvl-arrow.gif') no-repeat 178px 9px; padding-bottom:7px; text-transform: uppercase; }*/ /* side-nav end */ /* login start */ .sidebar .login{ border:1px solid #333; background:#000 url('dark-ttl-bg.gif') repeat-x; margin:10px 0 0; } .sidebar .login a{ color:#fff; display:block; background:url('dark-ttl-arrow.gif') no-repeat 100% 9px; padding:6px 25px 6px 10px; line-height:16px; } .sidebar .login a:hover{color:#ddd;} /* login end */ /* delivery start */ .sidebar .delivery{ margin:10px 0 0; border:1px solid #ccc; background:#f5f5f5; padding:0 0 7px; } .sidebar .delivery h2{ line-height:14px; font-size:11px; margin:6px 0 0; font-weight:normal; } .sidebar .delivery a{ color:#666; display:block; background:url('dark-ttl-arrow.gif') no-repeat 100% 3px; padding:0 25px 0 10px; } .sidebar .delivery a:hover{color:#036;} .sidebar .delivery p{ color:#666; margin:0; padding:0 15px 0 10px; line-height:14px; font-size:11px; } /* delivery end */ /* discount start */ .sidebar .discount{ margin:10px 0 0; background:#e0e0e0; line-height:14px; font-size:13px; color:#036; padding:8px 4px 8px 9px; } /* discount end */ /* join-box start */ .sidebar .join-box{ background:url('bg-side-join.gif') no-repeat; width: 200px; height: 115px; margin:10px 0 0; overflow:hidden; } .sidebar .join-box h2{ margin:8px 0 0; font-size:11px; line-height:14px; color:#fff; font-weight:normal; padding:0 25px 0 11px; } .sidebar .join-box h2 a{color:#fff;} .sidebar .join-box h2 a:hover{color:#ccc;} .sidebar .join-box div{ padding:0 20px 0 11px; overflow:hidden; margin:15px 0 0; } * html .sidebar .join-box div{ overflow:visible; height:1%; } .sidebar .join-box div a{ float:left; margin:3px 0 0; } .sidebar .join-box div p{ margin:0; line-height:130%; float:right; width:109px; color:#fff; } /* join-box end */ /* services start */ .sidebar .services{ background:url('bg-side-services.jpg') no-repeat; width: 200px; height: 95px; margin:10px 0 0 0; overflow:hidden; } .sidebar .services h2{ margin:7px 25px 0 10px; font-size:11px; line-height:130%; font-weight:normal; } .sidebar .services a{color:#fff;} .sidebar .services a:hover{color:#ccc;} .sidebar .services p{ margin:0 5px 0 10px; line-height:130%; color:#fff; } /* services end */ /* NPU Start */ .sidebar .neplusultra, .sidebar .detailing-prints{ background:url('ne-plus-ultra-video.jpg') no-repeat; width: 200px; height: 200px; margin:0 0 10px 0; overflow:hidden; } .sidebar .detailing-prints{ background:url('detailing-prints-dark.jpg') no-repeat; margin:10px 0 10px 0; } .sidebar .neplusultra h2, .sidebar .detailing-prints h2{ margin:7px 25px 0 10px; font-size:11px; line-height:130%; font-weight:normal; } .sidebar .neplusultra .desc, .sidebar .detailing-prints .desc{ width:180px;  height:30px;  margin:0 5px 0 10px;  line-height:130%;  color:#999;  overflow:hidden; } .neplusultra img, .detailing-prints img{ position:relative; top:34px; left:85px; border:0; } .detailing-prints p{ margin:0 5px 0 10px; line-height:130%; color:#999; } .sidebar .neplusultra a:link, .sidebar .neplusultra a:visited,  .sidebar .neplusultra a:hover,  .sidebar .neplusultra a:active, .sidebar .detailing-prints a:link, .sidebar .detailing-prints a:visited, .sidebar .detailing-prints a:hover, .sidebar .detailing-prints a:active {color:#ccc;} .sidebar .neplusultra a:hover, .sidebar .detailing-prints a:hover {color:#999;} /* NPU End */ .sidebar .nav-header { background:url("nav-header-bkgd-dark.gif") repeat-x scroll 0 0 transparent; color:#FFFFFF; font-size:11px; line-height:14px; margin:10px 0 0; padding:8px 4px 7px 9px; } /* sidebar end */ /* main content start */ .main-content{ float:right; width:790px; } /* basket start */ /*.main-content .basket{ overflow:hidden; width:100%; }*/ .main-content .basket{ float:right; padding:20px 30px 0 0; color:#FFF; font-weight:bold; } .main-content .basket div{ border:1px solid #666; background: url('bkgd-trans-dark.png') 0 0 repeat-x; width:240px; height:20px; text-align:center; padding-top:6px; } .main-content .basket a:link, .main-content .basket a:visited, .main-content .basket a:hover, .main-content .basket a:active{ color:#FFF; } .main-content .basket a:hover{ color:#CCC; } /* basket end */ /* main menu start */ .main-content .menu{ list-style: none; margin:108px 0 0; padding:0; overflow:hidden; width:100%; } .main-content .menu li{ float:left; padding: 0; margin: 0 0 0 30px; height: 52px; } /* .main-content .menu a{ font-size:14px; line-height:120%; color:#036; font-weight:bold; } .main-content .menu a:hover{color:#09c;} */ /* main navigation link images */ .alt { display: none; } .main-content .menu li a { display: block; float: left; height: 52px; outline: none; } .main-content .menu li#nav-1 a { width: 137px; background: url('dark-nav-1-up.png'); } .main-content .menu li#nav-1 a:hover { background: url('dark-nav-1-over.png'); } .main-content .menu li#nav-1 a:active { background: url('dark-nav-1-down.png'); } .main-content .menu li#nav-2 a { width: 116px; background: url('dark-nav-2-up.png'); } .main-content .menu li#nav-2 a:hover { background: url('dark-nav-2-over.png'); } .main-content .menu li#nav-2 a:active { background: url('dark-nav-2-down.png'); } .main-content .menu li#nav-3 a { width: 82px; background: url('dark-nav-3-up.png'); } .main-content .menu li#nav-3 a:hover { background: url('dark-nav-3-over.png'); } .main-content .menu li#nav-3 a:active { background: url('dark-nav-3-down.png'); } .main-content .menu li#nav-4 a { width: 125px; background: url('dark-nav-4-up.png'); } .main-content .menu li#nav-4 a:hover { background: url('dark-nav-4-over.png'); } .main-content .menu li#nav-4 a:active { background: url('dark-nav-4-down.png'); } .main-content .menu li#nav-5 a { width: 160px; background: url('dark-nav-5-up.png'); } .main-content .menu li#nav-5 a:hover { background: url('dark-nav-5-over.png'); } .main-content .menu li#nav-5 a:active { background: url('dark-nav-5-down.png'); } .main-content .menu li#nav-6 a { width: 112px; background: url('dark-nav-6-up.png'); } .main-content .menu li#nav-6 a:hover { background: url('dark-nav-6-over.png'); } .main-content .menu li#nav-6 a:active { background: url('dark-nav-6-down.png'); } /* main menu end */ /* contact-search-row start */ .contact-basket-row { overflow:hidden; /*margin:290px 30px 0;*/ color:#fff; font-weight:bold; } * html .contact-basket-row{ overflow:visible; height:1%; } .contact-basket-row .contact{ float:left; margin-top:7px;} .contact-basket-row .contact p{ float:left; margin:0 15px 0 0; } .contact-basket-row .search{float:right;} .contact-basket-row a{margin:0 0 0 10px;} .contact-basket-row a{color:#fff;} .contact-basket-row a:hover{color:#ccc;} .contact-basket-row .search .txt-search{ float:left; width:200px; padding:1px 6px 2px; color:#FFF; border:0; background:none; font:10px "Trebuchet MS", Helvetica, sans-serif; outline:none; margin:0; } .contact-basket-row .btn-search{ float:left; margin:7px 0 0 1px; } .main-content .search fieldset div{ float:left; border:1px solid #666; background:#000; height:17px; width:220px; margin-top:7px; } /* contact-search-row утв */ /* icons-panel start */ .main-content .icons-panel{ border-bottom:1px solid #333; overflow:hidden; width:100%; padding:0 0 10px; margin:26px 0 0; } /* .main-content .icons-panel img{display:block;} */ .main-content .icons-panel .breadcrumbs{ float:left; } .main-content .icons-panel .icons{ float:right; } .main-content .icons-panel .icons a{ float:left; margin:0 0 0 10px; } /* icons-panel end */ .main-content .columns{ overflow:hidden; width:100%; } /* center start */ .main-content .center{ float:left; width:523px; } /* text-box start */ .main-content .text-box{margin:16px 0 0;} .main-content .text-box h1{ margin:0; font-size:14px; line-height:130%; color:#036; } .main-content .text-box h2{ margin:12px 0 0; font-size:14px; line-height:130%; color:#036; } .main-content .text-box p{ margin:5px 0 0; color:#666; line-height:140%; } /* text-box end */ /* special-offers start */ .main-content .special-offers{ border:1px solid #e5e5e5; margin:16px 0 0; } .main-content .special-offers .heading{ background:#f5f5f5 url('dark-ttl-bg.gif') repeat-x; padding:7px 0; border-bottom:1px solid #e5e5e5; } .main-content .special-offers .heading h2{ margin:0 0 0 10px; background:url('dark-ttl-arrow.gif') no-repeat 100% 3px; font-size:11px; line-height:130%; font-weight:normal; } .main-content .special-offers .list{ overflow:hidden; width:100%; } .main-content .special-offers ul{ list-style: none; margin:-1px 0 18px 20px; padding:12px 0 0; overflow:hidden; width:480px; font-size:11px; line-height:140%; color:#666; border-top:1px solid #e5e5e5; } .main-content .special-offers ul li{ float:left; width:140px; display:inline; margin:0 0 0 30px; text-align:center; } .main-content .special-offers ul li:first-child{margin-left:0;} .main-content .special-offers ul img{display:block;} .main-content .special-offers ul p{margin:0;} .main-content .special-offers ul a{color:#666;} .main-content .special-offers ul a:hover{color:#036;} .main-content .special-offers ul div{ margin:15px 0 0; } .main-content .special-offers ul span{ display:block; font-weight:bold; text-decoration:line-through; } .main-content .special-offers ul strong{ display:block; color:#900; font-weight:bold; } /* special-offers end */ /* seek-advice start */ .main-content .seek-advice{ border:1px solid #e5e5e5; margin:10px 0 0; padding:0 0 20px; } .main-content .seek-advice .heading{ background:#f5f5f5 url('dark-ttl-bg.gif') repeat-x; padding:7px 0; border-bottom:1px solid #e5e5e5; } .main-content .seek-advice .heading h2{ margin:0 0 0 10px; background:url('dark-ttl-arrow.gif') no-repeat 100% 3px; font-size:11px; line-height:130%; font-weight:normal; } .main-content .seek-advice .gallery{ position:relative; width:100%; overflow:hidden; } .main-content .seek-advice .list-holder{ overflow:hidden; width:460px; margin:20px 30px 0 31px; position:relative; z-index:10; } .main-content .seek-advice ul{ list-style: none; margin: 0 0 0 -10px; padding: 0; width:9999px; overflow:hidden; } .main-content .seek-advice li{ float:left; width:146px; background:#ededed; margin:0 0 0 11px; height:168px; } .main-content .seek-advice ul img{display:block;} .main-content .seek-advice ul p{ margin:6px 5px 0; background:url('gallery-arrow.gif') no-repeat 0 4px; padding:0 0 0 15px; font-size:11px; line-height:140%; color:#666; } .main-content .seek-advice ul a{color:#666;} .main-content .seek-advice ul a:hover{color:#036;} .main-content .seek-advice .buttons{ position:absolute; top:84px; width:523px; left:0; } .main-content .seek-advice .buttons .prev{float:left;} .main-content .seek-advice .buttons .next{float:right; margin:0 1px 0 0;} /* seek-advice end */ /* center end */ /* column start */ .main-content .column{ float:right; width:256px; } .main-content .column h2{ margin:7px 0 0 11px; font-weight:normal; font-size:11px; color:#036; } .main-content .column h2 a:link{ color:#036; } .main-content .column h2 a:hover{ color:#FFF; } /* twitter start */ .main-content .twitter{ background:url('bg-twitter.gif') no-repeat; width: 256px; height: 344px; overflow:hidden; margin:10px 0 0; } .main-content .twitter h2{margin:17px 0 0 11px;} .main-content .twitter h2 a:link{color:#036;} .main-content .twitter h2 a:hover{color:#FFF;} .main-content .twitter .highlight-info{ overflow:hidden; margin:13px 5px 14px 11px; } * html .main-content .twitter .highlight-info{ overflow:visible; height:1%; } .main-content .twitter .highlight-info a{ float:left; margin:4px 0 0; } .main-content .twitter .highlight-info p{ float:right; width:180px; margin:0; color:#666; } .main-content .twitter .bubble{ background:url('buuble-arrow.gif') no-repeat; padding:0 0 0 4px; margin:10px 11px 0 7px; } .main-content .twitter .bubble div{ background:#fff; padding:2px 5px; } .main-content .twitter .bubble p{ margin:0; color:#666; font-size:11px; line-height:15px; } .main-content .twitter .bubble span{color:#036;} /* twitter end */ /* blog start */ .column .blog{ margin:10px 0 0; background:url('bg-blog.gif') no-repeat; width: 256px; height: 281px; overflow:hidden; } .column .blog h2{ margin:7px 0 0 11px; font-weight:normal; font-size:11px; color:#036; } .column .blog h2 a:link{color:#036;} .column .blog h2 a:hover{color:#FFF;} .main-content .blog .highlight-info{ overflow:hidden; margin:13px 5px 3px 11px; } * html .main-content .blog .highlight-info{ overflow:visible; height:1%; } .main-content .blog .highlight-info a{ float:left; margin:4px 0 0; } .main-content .blog .highlight-info p{ float:right; width:180px; margin:0; color:#666; } .main-content .blog .posts{padding:0 11px 0 10px;} /* blog end */ /* testimonials start */ .testimonials{ margin:10px 0 0; overflow:hidden; background:url('bg-testimonials.gif') no-repeat; width: 256px; height: 196px; } .testimonials div{margin:13px 50px 0;} .testimonials p{ margin:0; font-size:11px; line-height:135%; color:#666; } .testimonials strong{ color:#036; font-weight:normal; font-size:11px; line-height:135%; display:block; margin:4px 0 0; } /* testimonials end */ /* show-n-shine start */ .show-n-shine{ background:url('bg-show-n-shine.gif') no-repeat; width: 256px; height: 164px; overflow:hidden; margin:10px 0 0; } .show-n-shine .inner-content{ overflow:hidden; margin:13px 5px 0 11px; } * html .show-n-shine .inner-content{ overflow:visible; height:1%; } .show-n-shine .inner-content img{ float:left; margin:4px 0 0; } .show-n-shine .inner-content div{ float:right; width:160px; } .show-n-shine .inner-content h3{ font-size:11px; line-height:14px; color:#036; margin:0; font-weight:normal; } .show-n-shine .inner-content p{ font-size:11px; line-height:15px; color:#666; margin:0; } /* show-n-shine end */ /* main content end */ /* main end */ /* footer start */ #footer{ width:1040px; margin:20px auto 0; padding:0 0 40px; } /* contacts start */ #footer .top-box{ height:87px; background:#333; width:100%; overflow:hidden; } #footer .top-box .contact{ float:left; width:620px; padding:0 0 0 30px; margin:18px 0 0; } #footer .top-box a{color:#fff;} #footer .top-box a:hover{color:#ccc;} #footer .top-box .contact p{ color:#fff; margin:6px 0 0; font-size:10px; line-height:15px; } #footer .top-box .contact p span{margin:0 17px 0 0; } #footer .top-box .credits{ float:left; width:360px; padding:0 30px 0 0; margin:18px 0 0; } #footer .top-box .credits p{ text-align:right; color:#fff; margin:6px 0 0; font-size:10px; line-height:15px; } #footer .top-box .design{ color:#fff; margin:46px 30px 0 0; display:inline; font-size:10px; line-height:15px; float:right; } /* contacts end */ /* links columns start */  #footer .columns{ background:#4b4b4b; padding:30px 0 0; } #footer .columns .sep-holder{ overflow:hidden; padding:0 0 26px 30px; background:url('dark-sep-footer-columns.gif') repeat-y; } * html #footer .columns .sep-holder{ overflow:visible; height:1%; } #footer .columns .links-col{ float:left; width:202px; padding:0 0 0 0; margin:-19px 0 0; } #footer .columns .links-col h3{ margin:19px 0 0; padding:0 0 0 10px; font-size:10px; line-height:10px; color:#999999; font-weight:normal; } #footer .columns .links-col ul{ list-style: none; margin:5px 0 0; padding:0 0 0 10px; font-size:10px; line-height:15px; color:#999999; } #footer .columns .links-col li{ background:url('dark-bullet-footer.gif') no-repeat 0 5px; padding:0 0 0 8px; text-transform: lowercase; } #footer .columns .links-col a{color:#999999;} #footer .columns .links-col a:hover{color:#cccccc;} #footer .columns .logos-col{ float:right; width:210px; margin:0 7px 0 0; display:inline; } #footer .columns .logos-col img{display:block;} #footer .columns .logos-col ul{ list-style: none; margin:-40px 0 0; padding:0; } #footer .columns .logos-col li{ margin:40px 0 0; vertical-align:top; height:1%; } /* links columns end */ /* logos-panel start */ #footer .logos-panel{ background:#e0e0e0; padding:30px 0; border-top:1px solid #fff; } #footer .logos-panel ul{ list-style: none; margin:0 0 0 7px; padding: 0; overflow:hidden; } * html #footer .logos-panel ul{ overflow:visible; height:1%; } #footer .logos-panel li{ float:left; margin:0 0 0 23px; display:inline; } #footer .logos-panel img{display:block;} /* logos-panel end */ /* copy */ #footer .copy{ text-align:center; margin:30px 0 0; } #footer .copy p{ display:inline; margin:0 8px; color:#999; font-size:10px; line-height:12px; } #footer .copy a{ color:#999; } #footer .copy a:hover{ color:#fff; } /* footer end */ /* New Styles from Random River */ .sOb { list-style: none; margin: 0; padding: 0; border:1px solid #333; border-width:0 1px 1px; } .hsc { background:#000 url('dark-sidenav-1st-lvl.gif') repeat-x; border-top:1px solid #333; vertical-align:top; height:1%; } .hsc a { background:url('dark-sidenav-1st-lvl-arrow.gif') no-repeat 178px 8px; color:#fff; display:block; padding:6px 25px 6px 10px; height:1%; text-transform: uppercase; } .hsc a:hover { color:#CCC; } .nsc { background:#000 url('dark-sidenav-1st-lvl.gif') repeat-x; border-top:1px solid #333; vertical-align:top; height:1%; } .nsc a { background:url('dark-sidenav-1st-lvl-arrow.gif') no-repeat 178px 8px; color:#fff; display:block; padding:6px 25px 6px 10px; height:1%; text-transform: uppercase; } .nsc a:hover { color:#CCC; } .sOb .hsc .sOb { border: 0; } .sOb .hsc .sOb .nsc { background: none; border: 0; border-top: dotted 1px #333; } .sOb .hsc .sOb .nsc a { background: #000 url('dark-sub-section-arrow-off.gif') left no-repeat; padding: 0 0 0 20px; color:#fff; display:block; line-height: 18px; text-transform: lowercase; } .sOb .hsc .sOb .nsc a.nsa_c { background: #333 url('dark-sub-section-arrow-on.gif') left no-repeat; padding: 0 0 0 20px; color: #fff; display:block; line-height: 18px; text-transform: lowercase; } .sOb .hsc .sOb .nsc a:hover { background: #333 url('dark-sub-section-arrow-on.gif') left no-repeat; color: #eee; } .breadcrumbs ul { padding: 0; margin: 0; list-style: none; float: left; width: 688px; } .breadcrumbs ul li { text-transform: uppercase; color: #999; float: left; padding-top: 1px; } .breadcrumbs ul li.home { padding-top: 0px; margin-right: 5px; } .breadcrumbs ul li a,  .breadcrumbs ul li a:visited, .breadcrumbs ul li a:hover, .breadcrumbs ul li a:active{ color: #FFF; text-decoration: none; } .breadcrumbs ul li a:hover { color: #999; text-decoration: none; } .section-name-box { float: left; width: 256px; height: 218px; margin-top: 20px; } .section-name-box h1 { margin: 0; padding: 0; padding-bottom: 5px; color: #036; font-weight: normal; text-transform: uppercase; font-size: 14px; } .section-name-box p { margin: 0; padding: 0; padding-bottom: 5px; color: #666; font-size: 11px; } .featured-product { border:1px solid #E5E5E5; margin: 0; padding:0; margin-top: 20px; float: right; width: 521px; height: 218px; } .featured-product-heading { background:#f5f5f5 url('dark-ttl-bg.gif') repeat-x; padding:7px 0; border-bottom:1px solid #e5e5e5; } .featured-product-heading h2 { margin:0 0 0 10px; font-size:11px; line-height:130%; font-weight:normal; text-transform: uppercase; } .featured-product p { margin: 20px 5px 0 0; color: #666; line-height:140%; height: 128px; } .featured-product-image { float: left; width: 183px; margin: 20px 0 0 5px; display: inline; } .more-details-link { } .polished-bliss-section { width: 254px; height: 359px; float: left; border: solid 1px #ccd6e0; background: #d9e1e8; } .polished-bliss-section-image { margin:10px; border: solid 1px #fff; } .polished-bliss-section h2 { margin: 0 10px 10px 10px; padding: 0; color: #036; font-weight: normal; text-transform: uppercase; font-size: 14px; height: 30px;	 } .polished-bliss-section h2 a { color: #036; } .polished-bliss-section p { margin: 0 10px 20px 10px; padding: 0; color: #666; font-size: 11px; height: 78px; overflow: hidden; } .view-products-link { margin: 0 10px;	 } .text-box br, .polished-bliss-section br, .section-name-box br, .services-heading br { line-height: 8px; } /* product pages */ .brand-image { float: right; } .pb-main-product-details { margin-top: 10px; } .pb-main-product-details h1 { margin: 0; padding: 0; color: #036; font-weight: bold; text-transform: uppercase; font-size: 14px; line-height: 1.4em; height: 42px; } p.special-offer-text a { text-transform: uppercase; border-bottom: dotted 1px #333; color: #333; } .product-details-image { width: 382px; border: solid 1px #e5e5e5; text-align: center; margin-top: 5px; padding-top: 15px; padding-bottom: 10px; float: left; } .product-details-image .main-image{ height: 362px; text-align: center; text-transform: uppercase; } .product-details-image .main-image p { background: url('click-image.gif') no-repeat top center; padding: 15px 0 30px 0; } .zoom-images { height: 65px; padding-left: 1px; } .zoom-images a { display: block; margin-left: 9px; border: solid 1px #e5e5e5; float: left; } .related-products { border:1px solid #E5E5E5; margin: 0; padding:0; margin-top: 5px; float: right; width: 382px; } .related-products-heading { background:#f5f5f5 url('dark-ttl-bg.gif') repeat-x; padding:7px 0; } .related-products-heading h2 { margin:0 0 0 10px; font-size:11px; line-height:130%; font-weight:normal; text-transform: uppercase; } .related-product-item { height: 140px; border-top:1px solid #e5e5e5; } .related-product-image { float: right; margin: 10px 10px 0 0; } .related-product-name { padding: 19px 0 50px 9px;	 } .related-product-name a { text-transform: uppercase; color: #333; } .related-product-price, .related-product-more-link { padding-left: 9px; } /* tabs */ #details-tabs { padding-top: 20px; clear: both; } .bluetabs { height: 28px; clear: both; text-transform: uppercase; color: #036; list-style-type: none; text-align: left; /*set to left, center, or right to align the menu as desired*/ margin: 0 0 -1px 0; padding: 0; } .bluetabs li { display: inline; margin: 0; } .bluetabs li a { text-decoration: none; position: relative; z-index: 1; width: 111px; height: 27px; display: block; float: left; margin-right: 10px; font-weight: bold; } .bluetabs li a:link, .bluetabs li a:visited { color: #597a9a; background: url('tab-off-bg.gif') bottom repeat-x; border: solid 1px #7f99b2; border-bottom: none; text-decoration: none; } .bluetabs li a:hover, .bluetabs li a:active, .bluetabs li a.selected:link, .bluetabs li a.selected:visited, .bluetabs li a.selected:hover, .bluetabs li a.selected:active { /*selected main tab style */ position: relative; background: #d9e1e8; color: #036; text-decoration: none; border: solid 1px #7f99b2; border-bottom: none; } .bluetabs li a p { padding: 5px 0 0 10px; } .tabcontent{ display:none; } @media print { .tabcontent { display:block !important; } } /* product grid */ #product-details-list { background: #d0d8df; border: solid 1px #7f99b2; margin-top: 20px; } #product-details-list h3 { font-size: 13px; margin: 0; padding: 0; padding-left: 10px; line-height: 28px; color: #036; font-weight: bold; text-transform: uppercase; background: url('blue-bg.gif') repeat-x; } .product-grid-details { height: 40px; border-top: solid 1px #fff; } .product-grid-name { float: left; margin-left: 10px; color: #036; font-size: 13px; font-weight: bold; line-height: 40px; display: inline; width: 385px; } .product-grid-price { float: left; color: #036; font-size: 18px; font-weight: bold; line-height: 40px; text-align: right; width: 160px; } .product-grid-stock { float: left; text-align: right; width: 90px; margin-top: 10px; } .product-grid-quantity { float: left; text-align: right; width: 60px; margin-top: 10px; color: #036; font-weight: bold; font-size: 13px; } .product-grid-quantity input { border: solid 1px #999; padding: 0 1px; color: #036; font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; font-size: 13px; width: 20px; height: 18px; text-align: right; } .product-grid-cart { float: left; text-align: right; width: 70px; margin-top: 10px; } /* Services Menu */ .services-menu { margin: 10px 0; } .services-menu ul { list-style: none; margin: 0; padding: 0; border:1px solid #333; } li.services-menu-header { background:#000 url('dark-sidenav-1st-lvl.gif') repeat-x; vertical-align:top; height:1%; } li.services-menu-header a { background:url('dark-sidenav-1st-lvl-arrow.gif') no-repeat 178px 8px; color:#fff; display:block; padding:6px 25px 6px 10px; height:1%; text-transform: uppercase; } li.services-menu-header a:hover{ color:#CCCCCC; } .services-menu ul li ul { border: 0; } .services-menu ul li ul li { background: none; border: 0; border-top: dotted 1px #333; } .services-menu ul li ul li a { background: #000 url('dark-sub-section-arrow-off.gif') left no-repeat; padding: 0 0 0 20px; color:#fff; display:block; line-height: 18px; text-transform: lowercase; } .services-menu ul li ul li a:hover { background: #333 url('dark-sub-section-arrow-on.gif') left no-repeat; color: #eee; } /* availability start */ .sidebar .availability{ background:url('service-availability-bg.jpg') no-repeat; width: 200px; height: 111px; margin: 10px 0 0 0; overflow:hidden; } .sidebar .availability h2{ margin:8px 0 0; font-size:11px; line-height:14px; color:#FFFFFF; font-weight:normal; padding:0 25px 0 11px; } .sidebar .availability h2 a{color:#FFFFFF;} .sidebar .availability h2 a:hover{color:#ccc;} .sidebar .availability div{ padding:0 20px 0 11px; overflow:hidden; margin:15px 0 0; } * html .sidebar .availability div{ overflow:visible; height:1%; } .sidebar .availability div a{ float:left; margin:3px 0 0; } .sidebar .availability div p{ margin:0; padding:7px 0 0 0; line-height:130%; float:right; width:109px; color:#999; } /* availabilty end */ /* maximise start */ .sidebar .maximise{ background:url('nanolex-treatments-bg.jpg') no-repeat; width: 200px; height: 101px; margin:0 0 9px 0; padding:0; overflow:hidden; } .sidebar .maximise h2{ margin:8px 0 0; font-size:11px; line-height:14px; color:#FFFFFF; font-weight:normal; padding:0 25px 0 11px; } .sidebar .maximise h2 a{color:#FFFFFF;} .sidebar .maximise h2 a:hover{color:#ccc;} .sidebar .maximise div{ padding:0 20px 0 11px; overflow:hidden; margin:15px 0 0; } * html .sidebar .maximise div{ overflow:visible; height:1%; } .sidebar .maximise div a{ float:left; margin:3px 0 0; } .sidebar .maximise div p{ margin:0; padding:7px 0 0 0; line-height:130%; float:right; width:109px; color:#999; } /* maximise end */ /* beauty start */ .sidebar .beauty{ background:url('swissvax-treatments-bg.jpg') no-repeat; width: 200px; height: 101px; margin:0 0 9px 0; padding:0; overflow:hidden; } .sidebar .beauty h2{ margin:8px 0 0; font-size:11px; line-height:14px; color:#FFFFFF; font-weight:normal; padding:0 25px 0 11px; } .sidebar .beauty h2 a{color:#FFFFFF;} .sidebar .beauty h2 a:hover{color:#ccc;} .sidebar .beauty div{ padding:0 20px 0 11px; overflow:hidden; margin:15px 0 0; } * html .sidebar .beauty div{ overflow:visible; height:1%; } .sidebar .beauty div a{ float:left; margin:3px 0 0; } .sidebar .beauty div p{ margin:0; padding:7px 0 0 0; line-height:130%; float:right; width:109px; color:#999; } /* beauty end */ /* buy-products start */ .sidebar .buy-products{ background:url('buy-products-dark.jpg') no-repeat; width: 200px; height: 200px; margin: 0 0 10px 0; overflow:hidden; } .sidebar .buy-products h2{ margin:7px 25px 0 10px; font-size:11px; line-height:130%; font-weight:normal; } .sidebar .buy-products h2 a:link, .sidebar .buy-products h2 a:visited, .sidebar .buy-products h2 a:hover, .sidebar .buy-products h2 a:active{color:#CCC;} .sidebar .buy-products h2 a:hover{color:#999;} .sidebar .buy-products p{ margin:0 5px 0 10px; line-height:130%; color:#999; } /* buy-products end */ /* services page ------------------------------------ */ .services-heading { margin-top: 20px; } .services-heading h2 { font-size: 14px; padding: 0 0 10px 0; margin: 0; color: #fff; text-transform: uppercase; } .services-heading p { padding: 0; margin: 0; color: #666; } .ne-plus-services-heading { width: 790px; height: 267px; margin-top: 20px; background: url('ne-plusservices-heading.jpg') no-repeat; } .ne-plus-services-heading h2 { font-size: 14px; padding: 170px 0 20px 10px; margin: 0; color: #fff; } .ne-plus-services-heading h2 a:link, .ne-plus-services-heading h2 a:visited, .ne-plus-services-heading h2 a:hover, .ne-plus-services-heading h2 a:active{ color: #FFF; } .ne-plus-services-heading h2 a:hover{ color: #666; } .ne-plus-services-heading p { padding: 0 10px 0 10px; margin: 0; color: #666; } .polished-bliss-service { width: 254px; height: 359px; float: left; border: solid 1px #1a1a1a; background: #1a1a1a; } .polished-bliss-service a:link, .polished-bliss-service a:visited, .polished-bliss-service a:hover, .polished-bliss-service a:active { color: #fff; } .polished-bliss-service a:hover { color: #666; } .polished-bliss-service-image { margin:10px; border: solid 1px #000; } .polished-bliss-service h2 { margin: 0 10px 10px 10px; padding: 0; color: #fff; font-weight: normal; text-transform: uppercase; font-size: 14px; height: 30px;	 } .polished-bliss-service h2 a:link, .polished-bliss-service h2 a:visited, .polished-bliss-service h2 a:hover, .polished-bliss-service h2 a:active { color: #fff; } .polished-bliss-service h2 a:hover { color: #666; } .polished-bliss-service p { margin: 0 10px 20px 10px; padding: 0; color: #666; font-size: 11px; height: 78px; overflow: hidden; } .view-services-link { margin: 0 10px;	 } .view-services-link a { display: block; width: 50px; height: 15px; background: url('more-dark.jpg') no-repeat; } .view-gallery-link { margin: 0 10px;	 } .view-gallery-link a { display: block; width: 90px; height: 15px; background: url('view-gallery-link.gif') no-repeat; } /* Accordion Menu -------------------------*/ .silverheader { background:#000 url('dark-ttl-bg.gif') repeat-x; padding:7px 0; border: solid 1px #333; } .silverheader h2 { margin:0 10px 0 10px; font-size:11px; line-height:130%; font-weight:normal; text-transform: uppercase; color: white; background: url('dark-sidenav-1st-lvl-arrow.gif') no-repeat right; } .silverheader h2 a:link{ color: white; } .silverheader h2 a:hover { color: #888; } .submenu { background: #1a1a1a; border: solid 1px #333; border-top-width: 0; color: #888; padding-bottom: 10px; } .submenu p { padding: 10px; } .submenu p a:link, .submenu p a:visited, .submenu p a:hover, .submenu p a:active{color: #CCC;} .submenu p a:hover{color: #888;} .save-on-products{ margin:0; padding:0; } .save-on-products img{ border:0; } /* accordion images */ .accordImg img{ border: 1px solid #333; display:block; margin-bottom:8px; } .accordProdLink img{ border: 0px solid #CCC; display:block; margin-top:6px; }