/* eCatalyst by eCommerce Websites LTD & Fuel Design LTD version:RC 1.0 Copyright 20011, 2012 eCommerce Websites LTD & Fuel Design LTD STYLES.CSS | author:Fuel Design | version:April */ /* ================== 1a - import Styles ============================= */ @import url("base.css"); @import url("layout.css"); @import url("forms.css"); /* Select your lightbox theme here. */ @import url("colorbox/theme4/colorbox.css"); /* Plugin Styles */ @import url("jquery.jgrowl.css"); /* ================== 1b - Fontface Styles ========================== */ @font-face { font-family:'UbuntuRegular'; src:url('fonts/Ubuntu-Regular-webfont.eot'); src:url('fonts/Ubuntu-Regular-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/Ubuntu-Regular-webfont.woff') format('woff'), url('fonts/Ubuntu-Regular-webfont.ttf') format('truetype'), url('fonts/Ubuntu-Regular-webfont.svg#UbuntuRegular') format('svg'); font-weight:normal; font-style:normal; } /* ================== 2 - Width of objects ========================== */ .cols_primary #content {float:left;} .cols_primary #sub-content {float:right;} .switch_cols_primary #content {float:right;} .switch_cols_primary #sub-content {float:left;} .cols_content #content .section {float:left;} .cols_content #content .sub-section {float:right;} .switch_cols_content #content .section {float:right;} .switch_cols_content #content .sub-section {float:left;} .cols_sub-content #sub-content .section {float:left;} .cols_sub-content #sub-content .sub-section {float:right;} .switch_cols_sub-content #sub-content .section {float:right;} .switch_cols_sub-content #sub-content .sub-section {float:left;} .fluid {width:auto;} .fixed, .content-width {width:1000px;} /* Site MAX Width */ #page {margin:0 10px;} /* Site Margin /* Section Widths */ .cols_primary .primary {width:75%;} .cols_primary .secondary {width:22%;} .cols_content #content .section {width:49%;} .cols_content #content .sub-section {width:49%;} .cols_sub-content #sub-content .section, .cols_sub-content #sub-content .sub-section {width:49%;} .full-width #content {} .full-width #sub-content {border:0 none;} .full-width #sub-content .section {border:0 none;} .full-width #sub-content .sub-section {border:0 none;} /* ================== 3 - Defaults:================================= */ body {background:url(images/bg/bodybg.jpg) repeat scroll 0 0 #fbfcfc;font-size:14px;line-height:1.5em;font-family:Arial, Helvetica, sans-serif ;} body.cols_primary {} body > div {margin:0 auto;} #header {position:relative;margin:0;width:1000px;z-index:5;} #headerFull {margin:0 0 20px 0;width:100%;z-index:10;position:relative;-webkit-box-shadow:0px 4px 4px 0px #666;-moz-box-shadow:0px 4px 4px 0px #666;box-shadow:0px 4px 4px 0px #666;} .homepage #headerFull {margin:0;} #headerFull .centred {position:relative;margin:0 auto;width:980px;z-index:5;} #dimension #header {width:980px;} #nav {} #body {} #content {} #content .section {} #content .sub-section {} #sub-content {} #sub-content .section {} #sub-content .sub-section {} #end {clear:both;} /* ================== 3 - Typograpgy bases ========================= */ h1,h2,h3,h4 {margin:0;font-weight:normal;font-family:Arial, Helvetica, sans-serif ;} h5,h6 {margin:0;font-weight:normal;} p {margin:0 0 15px 0;} p img {float:left;margin:4px 6px 0 0;padding:0;} p img.right, li img.right {float:right;margin:4px 0 6px 0;padding:0;} blockquote {background-color:#f9f9f9;border-left:6px solid #ccc;margin:0 0 18px;padding:9px;quotes:"'" "'" "'" "'";color:#333;font-family:Georgia,"Times new roman",sans-serif;font-size:13px;font-style:italic;} pre,code {overflow-x:auto;-moz-border-radius:3px;border-radius:3px;-webkit-border-radius:3px;background-color:#111;border:1px solid #333;font-family:monaco,courier,"courier new",monospace; font-size:11px; margin:0 0 18px;padding:9px;} /* ================== - NOTICES =============================== */ .notification {font-size:11px;line-height:18px;margin:0 0 17px 0;padding:0 4px;} .notice {background-color:#fff6bf;color:#514721;border-bottom:1px solid #ffd324;} .error {background-color:#fbe3e4;color:#8a1f11;border-bottom:1px solid #fbc2c4;} .success {background-color:#e6efc2;color:#264409;border-bottom:1px solid #c6d880;} .hide {display:none;} .highlight {background-color:#ffc;} /* ========= LINKS ================ */ a,a:link,a:visited,a:focus {color:#ec1d23;overflow:hidden;text-decoration:underline;} a:active, a:hover {color:#1c1b1b;} a[href$=".pdf"] {} a[title*="Home"] {} a[rel="external"] {} /* ================== 4 - Base Style Types ========================= */ h2 span a.tag-group-link {color:#111111;display:inline;font-size:11px;margin-left:10px;text-decoration:none;text-transform:uppercase;} h2 span a.tag-group-link:hover {color:#09f;} h1 {color:#ec1d23;font-size:36px;text-transform:uppercase;line-height:40px;margin:0 0 10px 0;} .catalog h1 {font-size:28px;text-transform:uppercase;line-height:38px;margin:0 0 20px;width:98%;} .catalog h1 small {display:block;color:#bbb;text-transform:uppercase;font-size:13px;font-style:italic;letter-spacing:0;} h1.catalogue-title {margin-top:10px;} h1.catalogue-title, h2 {color:#09f;font-size:20px;margin-bottom:15px;padding-bottom:5px;text-transform:uppercase;} h2.sub-title {border-bottom:0 none;color:#414141;font-size:2.4em;font-weight:bold;line-height:1em;margin:5px 0 0;padding:0;} #shop-product-large h2 {border-bottom:0 none;font-size:1.725em;font-weight:normal;line-height:1em;margin:10px 0;width:auto;} h3 {color:#09f;font-size:15px;text-transform:uppercase;line-height:1.1em;margin:10px 0;text-shadow:0 2px 2px #f0f0f0;width:auto;} #shop-product-large h3 {font-size:1.725em;} #sub-content h3 {color:#414141;letter-spacing:-0.02em;} h4 {color:#444;font-size:13px;font-weight:bold;line-height:20px;padding-bottom:9px;vertical-align:top;width:90%;} #product-lists h4 {color:#444;font-size:13px;font-weight:bold;line-height:20px;padding-bottom:9px;vertical-align:top;width:90%;} h5 {color:#3d3d3d;font-size:16px;letter-spacing:-0.013em;line-height:1em;margin-bottom:5px;} ul, ol {margin:15px 35px;padding:0;} .section ul li {list-style:square;} ul.tick {margin-left:24px;} ul.tick li {background: url("/css/images/tick.png") no-repeat scroll 0 0 transparent;list-style:none outside none;padding-left:24px;} strong {font-weight:bold;} em {font-style:italic;} /* ========= Header Code ======= */ #site-msg {left:0;position:absolute;top:-30px;} #site-msg p {color:#09f;font-family:Arial;font-size:11px;height:30px;line-height:30px;margin:0;text-transform:uppercase;} #site-msg a {border-bottom:1px dotted #999;} #site-msg a:hover {border-bottom-style:solid;color:#999;} #logo {margin:0;position:absolute;top:15px;left:10px;} #topMenu, #theAccounts {margin:0;padding:0;} #topMenu li, #theAccounts li {list-style:none;float:left;padding:0;margin:0;} #theAccounts li.user-welcome {font-size:12px;width:auto;} #topBar {position:absolute;right:0;top:5px;} #topMenu {float:right;height:32px;line-height:32px;} #ntopBar {width:100%;margin:0;height:89px;background:#000 url(images/bg/carbonbg.png) repeat-x 0 0;} #pMenu {height:40px;background:#d8d8d8;} #nav.horizontal {width:auto;font-size:12px;} #nav.horizontal ul {height:40px;margin:0 auto;padding:0;width:980px;} #nav.horizontal ul li {background-image:none;border:0 none;border-right:1px solid #b5b5b5;cursor:pointer;float:left;height:40px;line-height:40px;list-style:none;margin-bottom:0;padding:0;} #nav.horizontal ul li.selected {background:#1c1b1c url(images/bg/carbonmainbg.png) repeat 0 0;} #nav.horizontal ul li:hover {position:relative;background:#1c1b1c url(images/bg/carbonmainbg.png) repeat 0 0;} #nav.horizontal ul li:last-child{border-right:none;} /* Main anchor options */ #nav.horizontal ul li a {cursor:pointer;color:#353434;text-decoration:none;display:block;padding:0 10px;} #nav.horizontal ul li.selected a{color:#fff;} #nav.horizontal ul li a:hover, #nav.horizontal ul li a:active {color:#fff;} #nav.horizontal ul li a:visited {} #nav.horizontal ul li.home a {width:20px;height:40px;} #nav.horizontal ul li.home a span {width:19px;height:17px;display:block;margin:10px 0 0 0;text-indent:-99999px;background:transparent url(images/bg/home.png) no-repeat top left;} #nav.horizontal ul li.home a:hover span, #nav.horizontal ul li.home.selected a span {background:transparent url(images/bg/home.png) no-repeat top right;} #nav.horizontal ul li.dropdown a, #nav.horizontal ul li.dropdown:hover a, #nav.horizontal ul li.selected.dropdown a, #nav.horizontal ul li.selected.dropdown:hover a {background:transparent url(images/arrow-down.png) no-repeat 92% 50%;padding-right:30px;} #nav.horizontal ul li.hovered a {color:#fff;} /* next level Mavigation */ #nav.horizontal ul li ul {-webkit-box-shadow:1px 3px 8px 1px #000;-moz-box-shadow:1px 3px 8px 1px #000;box-shadow:1px 3px 8px 1px #000;display:none;position:absolute;left:0;top:40px;width:170px;border:0 none;} #nav.horizontal ul li ul li {background:#1c1b1c url(images/bg/carbonmainbg.png) repeat 0 0;border:0 none;border-bottom:1px solid #2f2f2f;} #nav.horizontal ul li ul li:hover {background:#484848;-webkit-box-shadow:inset 1px 3px 8px 1px #666;-moz-box-shadow:inset 1px 3px 8px 1px #666;box-shadow:inset 1px 3px 8px 1px #666; } #nav.horizontal ul li ul li a {display:block;width:170px;border:0 none;} #nav.horizontal ul li:hover ul {display:block;zoom:1;z-index:100;} #nav.horizontal ul li:hover ul li {} #nav.horizontal ul li.dropdown ul li a, #nav.horizontal ul li.dropdown.selected ul li a, #nav.horizontal ul li.dropdown:hover ul li a, #nav.horizontal ul li.dropdown.selected:hover ul li a {background:transparent none;color:#fff;} #nav.horizontal ul li.dropdown ul li.dropdown a, #nav.horizontal ul li.dropdown.selected ul li.dropdown a, #nav.horizontal ul li.dropdown:hover ul li.dropdown a, #nav.horizontal ul li.dropdown.selected:hover ul li.dropdown a {background:transparent url(images/arrow-right.png) no-repeat 96% 50%;} #nav.horizontal ul li:hover ul li ul {width:170px;display:none;position:absolute;left:170px;top:0;} #nav.horizontal ul li:hover ul li:hover ul{display:block;} #nav.horizontal ul li.dropdown ul li.dropdown ul li a, #nav.horizontal ul li.dropdown.selected ul li.dropdown ul li a, #nav.horizontal ul li.dropdown:hover ul li.dropdown ul li a, #nav.horizontal ul li.dropdown.selected:hover ul li.dropdown ul li a {background:transparent;} #theAccounts {background:url(images/icons/user-silhouette.png) no-repeat scroll 95% 54% transparent;color:#fff;float:left;font-size:14px;height:30px;line-height:30px;padding:0 34px 0 10px;text-align:left;} #theAccounts a {border:0 none;color:#fff;display:block;font-size:12px;height:30px;line-height:30px;text-decoration:none;} #theAccounts a:hover {} #theAccounts li.user-welcome a {display:inline;border-bottom:1px dotted #fff;} #theAccounts li.user-welcome a:hover {border-bottom-width:1px;} #MainMenu {bottom:33px;position:absolute;right:0;} #callus {right: 250px;position: absolute;top: 47px;} #callus a {color: #FFFFFF;font-size: 20px;text-decoration: none;} #topMenu a {-moz-border-radius:4px;-webkit-border-radius:4px;background-color:#e3e1e1;border:1px solid #fff;border-radius:4px;color:#1c1b1b;display:block;font-size:12px;height:30px;line-height:30px;margin-left:5px;padding:0 9px;} #topMenu a:hover, #topMenu li.selected a, #topMenu a:active {background-color:#111;border:1px solid #fff;color:#fff;} .logged-1 .wholesaler-welcome, .logged-1 .become-wholesaler-welcome, .logged-1 #utility .account-in, .logged-1 #utility .account-out, .logged-0 #utility .account-in, .logged-1 #userpass, .logged-1 #utility .account-in-wholesaler, .logged-0 #utility .account-in-wholesaler, .logged-1.zone-Wholesalers #utility .account-in {display:none;} .logged-1.zone-Wholesalers #utility .account-in-wholesaler, .logged-1 #utility .account-in, .logged-1.zone-Customers #utility .account-in, .logged-1.zone-Wholesalers .wholesaler-welcome {display:block;} /* ======== Log In And Out States = */ body.logged-0 .user-welcome, body.logged-1 .become-user-welcome, body.logged-0 .wholesaler-welcome, body.logged-0 .become-wholesaler-welcome {display:none;} /* ========= Shopping Cart Basics */ #shoppingCart {/* background:transparent url(images/uparrow.png) no-repeat 90% 0;*/float:right;border-radius: 4px 0px 0px 4px; -moz-border-radius: 4px 0px 0px 4px; -webkit-border-radius: 4px 0px 0px 4px; border: 1px solid #ccc; border-right: none; position: relative; left: 15px; margin-top:6px; } .shop-inner {/* margin-top:7px;*/} td.cartSummaryItem {background:url("images/icons/cart-empty.png") no-repeat scroll 96% 51% transparent;color:#0D0D0D;font-size:12px;padding: 5px 32px 3px 10px;text-align:right;text-transform:uppercase;line-height: 21px;} a.cartSummaryLink {border-bottom:1px dotted #fff;margin:0 5px 0 10px;text-decoration:none;padding-left: 10px;border-left:1px solid #ccc;font-weight:bold;color: #EC1D23;overflow: hidden;} a:active.cartSummaryLink, a:hover.cartSummaryLink {border-bottom-style:solid;color:#09F;text-decoration:none;} a#catshopclear {font-size:12px;font-weight:normal;} /* ========= Hero Area ======== */ #hero {background:url(images/bg/hero-shadow.png) no-repeat scroll 50% 320px transparent;height:350px;margin-bottom:0;max-width:980px;position:relative;} #theSlides {height:350px;margin:0;max-width:980px;overflow:hidden;background:transparent url(images/ajax-loader.gif) no-repeat 50% 45%;} #hero-inner {border-bottom:1px solid #6a6a6a;border:1px solid #7a7a7a;height:320px;max-width:978px;overflow:hidden;position:relative;z-index:1;} #hero a.imagelink {overflow:hidden;display:block;} #hero .imagelink img {width:auto;-moz-border-radius-topleft:0px;-moz-border-radius-topright:0px;-moz-border-radius-bottomright:5px;-moz-border-radius-bottomleft:5px; -webkit-border-radius:0px 0px 5px 5px;border-radius:0px 0px 5px 5px; } /* For jquery Cycle Use. */ #hero-nav { position:absolute;z-index:10;bottom:38px;right:10px; background-color:transparent padding:0;margin:0; } #prev,#next {width:41px;height:41px;display:block;text-indent:-99999px;float:left;background-image:url(images/arrownavs.png);background-repeat:no-repeat;} a#prev, a#prev:visited {width:41px;height:41px;background-position:top left;margin-right:2px;} a#next, a#next:visited {width:41px;height:41px;background-position:top right;} a#next:hover, a#next:active {background-position:bottom right;} a#prev:hover, a#prev:active {background-position:bottom left;} #hero ul {margin:0;} #hero li {display:none;list-style:none;margin:0;} /* #hero-nav a { background-color:black;color:#fff;padding:2px 3px;margin-right:5px; -moz-border-radius:2px;-webkit-border-radius:2px;border-radius:2px; } #hero-nav a.activeSlide, #hero-nav a:hover {background-color:#666;color:#fff;} #hero-nav a.activeSlide:hover {background-color:#cbcbcb;color:#fff;} */ #hero li img a {display:block;} #hero li img {display:block;} /* ========= ACCOUNT =================== */ #just-ordered {display:none;} table.order-list {width:100%;border-collapse:collapse;border-spacing:0;} table.order-list th {border:1px solid #ddd;background-color:#666;font-weight:bold;color:#fff;text-align:left;padding:4px 2px;} table.order-list td {border:1px solid #ddd;padding:3px 2px;background-color:#fff;} /* Invoice */ #invoice-detail {background-color:#fff;border:1px solid #ddd;padding:10px;margin-bottom:50px;} table.invoice td {padding:4px;} p.tracking img {display:inline;float:none;padding:0;margin:0;} /* ========= CATALOGUES & PRODUCTS ==== */ /* catalogueDump */ #catalogueDump {} .catalogueitemdump {margin:0;} .catalogueitemdump li {float:left;list-style:none outside none;margin:5px 0;width:50%;} .shop-catalogue {width: 172px;} /* Catalogue List */ div.catalogue-list {} ul.catalogueList {} li.catalogueItem {list-style:none;float:left;position:relative;margin:0 30px 30px 0;} li.catalogueItem .shop-catalogue{background-color:transparent;border:1px solid #ccc;float:none;height:auto;margin:0;overflow:hidden;width:190px;} .shop-catalogue h4 {background-color:rgb( 50,50,50 );bottom:0;color:#fff;display:block;left:0;padding:3px 0 2px 0;/*position:absolute;*/width:100%;z-index:6;} .shop-catalogue h4 a {width:100%;display:block;color:#fff;margin:0;padding:0;} .shop-catalogue .image {height:auto;margin:0 auto;overflow:hidden;padding:0;text-align:center;z-index:4;} .featured-list ul {margin:10px 0;} .tag-group-link {width:45%;clear:both;margin-bottom:20px;display:block;} /* PRODUCT LIST */ .productItemNotFound {list-style:none;} .productList.productSmall {margin:10px 0;padding:0;} .productItem, .productItemLast {width:174px;list-style:none;float:left;position:relative;margin:0 13px 13px 0;overflow:hidden;} .productItemLast {margin-right:0 !important;} .productItem:nth-child(4n) {margin-right:0 !important;} .header {width:100%;height:50px;color:#fff;overflow:hidden;line-height:50px;display:block;position:absolute;top:0;left:0;z-index:6;background:#0d0d0d url(images/bg/carbonmainbg.png) repeat 0 0;text-align:center;-webkit-border-top-right-radius:4px;-moz-border-radius-topright:4px;border-top-right-radius:4px;text-align:center;-webkit-border-top-left-radius:4px;-moz-border-radius-topleft:4px;border-top-left-radius:4px;} .inner-header {width:100%;height:55px;position:relative;} .shop-product-small h5 {position:absolute;left:0;top:0;width:174px;height:50px;display:table;margin:0;padding:0;} .shop-product-small h5 a, .shop-product-small h5 a:visited{display:table-cell;vertical-align:middle;text-align:center;color:#fff;border:0 none;line-height:1.3em;padding:0 5px;} #catDescrLive {-moz-border-radius:4px;-webkit-border-radius:4px;background-color:#fff;border-radius:4px;border-top:0 none;display:none;height:auto !important;margin:13px 0;padding:15px 15px 5px 15px;border:1px solid #D7D7D7;} /* ##### PRODUCT CAROUSEL ##### */ .jcarousel-next, .jcarousel-prev {-moz-border-radius:4px 4px 0 0;-webkit-border-radius:4px 4px 0 0;border-radius:4px 4px 0 0;cursor:pointer;font-size:11px;height:20px;padding:0 6px;position:absolute;text-transform:uppercase;top:-35px;} .jcarousel-next {background-color:#999;color:#fff;right:0;} .jcarousel-prev {background-color:#999;color:#fff;right:43px;} .jcarousel-prev:hover, .jcarousel-next:hover {background-color:#09f;} .jcarousel-next:after {content:"Next";} .jcarousel-prev:after {content:"Prev";} .jcarousel-clip-horizontal {height:326px;width:735px;} .jcarousel-clip-vertical {height:326px;width:735px;} .jcarousel-item {height:326px;width:174px;} .productSlider {height:370px;margin-bottom:24px;overflow:hidden;width:735px;} .featured-list li.jcarousel-item.last-right, .featured-list li.jcarousel-item.productItem:nth-child(4n), .featured-list li.jcarousel-item.productItemLast {margin-right:13px !important;} /* ####### PRODUCT SMALL ####### */ .shop-product-small {background-color:transparent;border:0 none;color:#fff;} .product-background {-moz-border-radius:4px;-webkit-border-radius:4px;background-color:#fff;border:1px solid #d7d7d7;border-radius:4px;color:#666;padding-bottom:10px;position:relative;} .shop-product-small .isnew {display:none;} .shop-product-small.sale1 .imonsale {display:block;position:absolute;right:0;top:50px;z-index:5;} .shop-product-small.new .isnew {display:block;position:absolute;left:0;top:50px;z-index:40;} .shop-product-small.sale0 .imonsale {display:none;} .shop-product-small .image {background-color:transparent;background-image:none;height:auto !important;margin:75px auto 10px;max-height:120px;max-width:160px;min-height:120px;overflow:hidden;text-align:center;width:160px;} .shop-product-small .image a {display:block;} .shop-product-small .image img {margin:0 auto; width: 100%;} .isnew img {background-image:none;} .imonsale img {background-image:none;} .shop-product-small .price {margin:0;text-align:center;} .shop-product-small .retail {text-align:center;} .zone-Wholesalers .shop-product-small .price strong {color:#64b55e;} .shop-product-small.sale0 .retail {line-height:20px;visibility:hidden;} .shop-product-small.sale1 .retail {line-height:20px;} .shop-product-small.sale0 .retail .rrp {display:inline;} .shop-product-small.sale0 .retail .was {display:none;} .shop-product-small.sale0 .retail em {} .shop-product-small.sale1 .retail .rrp {display:none;} .shop-product-small.sale1 .retail .was {display:inline;} .shop-product-small.sale1 .retail em {text-decoration:line-through;} .shop-product-small.stock0 .addtocart {display:none;} .dismantling .price-section {display:none !important;} .price-section {height:75px;} .shop-product-small.sale0 .price .retail{display:none;} .shop-product-small .price sup, .shop-product-small .price em, .shop-product-small .excl-gst sup, .shop-product-small .excl-gst em, .shop-product-small .retail .was, .shop-product-small .retail .rrp {font-size:10px;font-style:normal;} .shop-product-small.sale1 .price {} .shop-product-small.sale1 .price strong {} .shop-product-small .extra {overflow:hidden;} .shop-product-small .more-info {text-align:left;} .shop-product-small .addtocart {text-align:right;} .shop-product-small .excl-gst, .shop-product-small .price {display:none;margin:0;text-align:center;} .shop-product-small .excl-gst strong, .shop-product-small .price strong {font-size:16px;color:#000;} .shop-product-small .price {display:block;} .more-info a {-moz-border-radius:4px;-webkit-border-radius:4px;background-color:#999;border-radius:4px;color:#fff;cursor:pointer;display:block;height:30px;line-height:29px;margin:4px 8px 0;text-align:center;text-decoration:none;width:156px;} .more-info a:hover, .more-info a:active {background-color:#09f;} .listview .more-info a {-moz-border-radius:5px;-webkit-border-radius:5px;background:#999 url(images/icons/viewsmall.png) no-repeat 50% 50%;border-radius:5px;display:block;color:#fff;cursor:pointer;height:25px;line-height:25px;margin:0;text-align:center;text-indent:-99999px;width:25px;} .listview .more-info a:hover, .listview .more-info a:active {background:#09f url(images/icons/viewsmall.png) no-repeat 50% 50%;} .shop-product-small .addtocart {-moz-border-radius:4px;-webkit-border-radius:4px;background:#64b55e url(images/bg/greybtn-bg.jpg) repeat-x 0 0;border-radius:4px;cursor:pointer;height:28px;margin:4px 8px 0;width:156px;} .shop-product-small .addtocart:hover{background:#64b55e url(images/bg/greenbtn-bg.jpg) repeat-x 0 0;} .shop-product-small .quantity {margin-left:10px;height:28px;line-height:27px;} .shop-product-small .abtn {width:82px;margin-right:10px;height:28px;line-height:28px;padding-right:17px;} .shop-product-small .quantity input {width:27px;height:18px;text-align:center;font-size:11px;color:#666;-moz-border-radius:4px;-webkit-border-radius:4px;border-radius:4px;border:0 none;} .shop-product-small .abtn input {background-image:none;border:0 none;color:#fff;font-size:11px;font-weight:bold;text-transform:uppercase;cursor:pointer;} .shop-product-small .out-of-stock-note, .shop-product-small .in-stock-note {font-weight:bold;height:28px;line-height:28px;margin:0 8px;text-align:center;width:156px;} .shop-product-small .out-of-stock-note {color:#d03d3d;display:none;} .shop-product-small .in-stock-note {color:#739900;display:block;background:transparent url(images/instock.png) no-repeat 23% 55%;} .shop-product-small.stock0 .out-of-stock-note {display:block;} .shop-product-small.stock0 .in-stock-note {display:none;} /* Small Product tabs */ .shop-product-small ul.producttabs {background-color:none;display:none;height:25px;margin:0;padding:0 10px 0 0;width:auto;} .shop-product-small ul.producttabs li {-moz-border-radius:0 0 5px 5px;-webkit-border-radius:0 0 5px 5px;background-color:#fff;border-color:transparent #d7d7d7 #d7d7d7;border-radius:0 0 5px 5px;border-style:none solid solid;border-width:0 1px 1px;float:right;height:24px;line-height:24px;list-style:none;margin:0 0 0 5px;text-align:center;width:25px;} li.quickfavs a.favoritelink {background-image:none;border:0 none;display:block;height:24px;line-height:31px;margin:0;overflow:hidden;padding:0;text-decoration:none;width:25px;} li.quickfavs a.favoritelink img {background-image:url(images/icons/small-favs.png);background-repeat:no-repeat;display:block;height:15px;margin:5px 0 0 5px;width:16px;} li.quickfavs a.favoritelink img.smallbtnimg-add {background-position:-55px 0;} li.quickfavs a.favoritelink:hover img.smallbtnimg-add {background-position:-37px 0;} li.quickfavs a.favoritelink img.smallbtnimg-remove {background-position:-1px 0;} li.quickfavs a.favoritelink:hover img.smallbtnimg-remove {background-position:-19px 0;} /* ********** List view ********** */ .productList.productSmall.listview {background-color:#fff;border:1px solid #ccc;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;} .productList.productSmall.listview:first-child {border-top:0 none;} .shop-product-small.listview ul.producttabs {display:none;margin:0;padding:0;height:0;} .productList.productSmall.listview .productItem, .productList.productSmall.listview .productItemLast {border-bottom:0 none;float:none;margin:0;padding:0;position:relative;width:100%;} .productList.productSmall.listview .productItem:first-child {padding-top:0;} .productList.productSmall.listview .shop-product-small, .productList.productSmall.listview .shop-product-small .product-background {-moz-border-radius:0;-webkit-border-radius:0;background-color:transparent;border-radius:0;border-width:1px 0 0 0;height:38px;padding:0;} .productList.productSmall.listview .image {display:none;} .productList.productSmall.listview .header {background-color:transparent;background-image:none;border:0 none;border-radius:0;color:#09f;float:left;font-size:14px;height:38px;line-height:38px;padding:0;width:400px;} .productList.productSmall.listview .inner-header {height:auto;width:auto;} .productList.productSmall.listview .shop-product-small.sale1 .header {background:transparent url(images/icons/salesmall.png) no-repeat 100% 50%;padding-right: 22px;} .productList.productSmall.listview .shop-product-small.new .header {background:transparent url(images/icons/new.png) no-repeat 100% 50%;padding-right: 22px;} .productList.productSmall.listview .shop-product-small.stock0 .header {background:transparent url(images/icons/outofstock.png) no-repeat 100% 50%;padding-right: 22px;} .productList.productSmall.listview .new.sale1 .header {background:transparent url(images/icons/new-sale.png) no-repeat 100% 50%;} .productList.productSmall.listview .shop-product-small.new.sale1.stock0 .header {background:transparent url(images/icons/outofstock.png) no-repeat 100% 50%;} .productList.productSmall.listview .producttabs {display:none;} .productList.productSmall.listview h5 {line-height:38px;height:38px;width:auto;} .productList.productSmall.listview h5 span {display:inline;color:#09f;padding:0;margin:0;line-height:30px;height:30px;} .productList.productSmall.listview h5 a {color:#09f;display:block;height:38px;line-height:38px;padding:0;text-align:left;text-indent:10px;} .productList.productSmall.listview h5 a:hover, .productList.productSmall.listview .price-section {float:right;height:38px;line-height:38px;margin-right:35px;width:290px;} .productList.productSmall.listview .price-section.shorter {width:120px;} .productList.productSmall.listview .price strong {font-size:13px;} .productList.productSmall.listview .price sup {font-size:11px;} .productList.productSmall.listview .price {float:left;font-size:14px;height:38px;line-height:38px;margin:0;padding:0;text-align:left;width:135px;} .productList.productSmall.listview .price-section .retail {float:left;height:38px;line-height:38px;margin-right:25px;text-align:right;width:130px;} .productList.productSmall.listview .shop-product-small .extra {position:absolute;right:1px;top:7px;width:30px;margin:0;} .productList.productSmall.listview .shop-product-small .abtn {height:20px;line-height:20px;width:30px;margin:6px 0 0;padding:0;} .productList.productSmall.listview .shop-product-small .abtn input {height:20px;width:30px;line-height:20px;padding:0 0 2px 2px;margin:0;font-size:14px;font-weight:bold;} .productList.productSmall.listview .addtocart {height:20px;width:30px;background-color:#64b55e;margin:0;padding:0;background-image:none;border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;} .productList.productSmall.listview .shop-product-small .quantity {display:none;} .productList.productSmall.listview .float-right, .productList.productSmall.listview .float-left {float:none;} .productList.productSmall.listview .stockinfo {left:405px;position:absolute;top:0;} .productList.productSmall.listview .stockinfo .in-stock-note {display:none;background-position:50% 50%;height:38px;margin:0;text-indent:-99999px;width:30px;} .productList.productSmall.listview .shop-product-small.stock0 .out-of-stock-note {background:url(images/buttons/add-disabled.jpg) no-repeat 0px 50% transparent;display:none;height:38px;line-height:38px;margin:0;padding:0;text-indent:-99999px;width:30px;} .productList.productSmall.listview .shop-product-small .imonsale, .productList.productSmall.listview .shop-product-small .isnew, .productList.productSmall.listview .shop-product-small .isnew img {display:none;} /* Related Products Overide */ #related-products .shop-product-small {width:170px;height:334px;} #related-products .shop-product-small .image {background-image:none;height:auto !important;margin:75px auto 10px;max-height:120px;max-width:160px;min-height:120px;overflow:hidden;text-align:center;width:160px;} #related-products .shop-product-small .image a {display:block;} #related-products .shop-product-small .image img{margin:0 auto;} #related-products .shop-product-small.sale1 .imonsale {display:block;position:absolute;right:1px;top:55px;z-index:40;} #related-products .shop-product-small .price {margin:0;text-align:center;} #related-products .shop-product-small .retail {text-align:center;font-size:11px;} #related-products .shop-product-small .price strong {font-size:14px;color:#09f;} #related-products .price-section {margin-bottom:5px;} #related-products .shop-product-small.sale0 .price .retail {display:none;} #related-products .shop-product-small sup {font-size:10px;} #related-products .shop-product-small.sale1 .price {margin-top:1px} #related-products .shop-product-small.sale1 .price strong {font-size:13px;} #related-products .productItem h5, #related-products .productItemLast h5 {color:#fff;display:table;height:55px;margin:0;min-height:55px;padding:2px 0 3px;text-align:center;width:100%;z-index:6;-webkit-border-top-right-radius:4px;-moz-border-radius-topright:4px;border-top-right-radius:4px;-webkit-border-top-left-radius:4px;-moz-border-radius-topleft:4px;border-top-left-radius:4px;} #related-products .productItem, #related-products .productItemLast {width:auto;padding:5px 2px 10px 2px;vertical-align:top;-moz-box-shadow:none;-webkit-box-shadow:none;box-shadow:none;} /* Products SEARCH Overide */ #productSearchResults {margin:0 0 14px;} table.productTable {width:auto;} table.productTable td {float:none;margin:0;padding:0;width:187px;} table .shop-product-small {display:block;float:left;height:326px;margin-bottom:13px;overflow:hidden;width:174px;} /* PRODUCT LARGE */ #shop-product-large, .productLarge {width:735px;margin:0;} .productLarge .productItem {width:auto;list-style:none;float:none;margin:0;padding:10px 0 30px;} #details-left {width:510px;float:left;} #product-description {width:735px;margin:10px 0;text-align:left !important;} #product-description center {text-align:left !important;} #product-description h5 {background-color:transparent;position:inherit;color:#1f1f1f;} .poplets {border-top:0 none;margin-top:10px;padding:5px 0;text-align:left;} table.productPoplets {border-collapse:collapse;border-spacing:0;margin:0;} .productPopletsItem {border:1px solid #dedede;padding:5px;margin:0 5px;} #imageUtility .image {width:510px;margin-top:1px;clear:left;} #details-wrap .act-image img {width:100%;} #details-wrap .values {display:block;height:24px;line-height:22px;} #details-wrap .instock {float:left;color:#666;margin-right:10px;line-height:22px;} #details-wrap .product-code {float:left;color:#666;line-height:22px;} .lrgimage {-moz-border-radius:4px;-webkit-border-radius:4px;background-color:#fff;border:1px solid #adadad;border-radius:4px;min-height:381px;height:auto !important;height:381px;padding:0;text-align:center;position:relative;overflow:hidden;} .lrgimage img {display:block;} #details-right {width:200px;float:right;margin-left:15px;} #details-right ul {list-style:none;margin:-5px 0 5px;} #details-right li {list-style:none;margin:0 0 5px;} #details-right .hide {display:none;} #details-right .show {display:block;} .producti.note {background-color:#cfe2f1;padding:5px 0;margin:10px 0;} .producti.note h3 {color:#3a89c9;font-size:13px;margin-left:10px;} .producti.note p {color:#454545;margin:10px;line-height:17px;} #shop-product-large .quantity {background-color:#e7e7e7;border:1px solid #d8d8d8;color:#333;font-size:12px;line-height:20px;padding:5px 8px 5px 0;text-align:right;width:95%;} #shop-product-large .add-to-cart {} #shop-product-large .add-to-cart img{display:block;} .dismantling #shop-product-large .add-to-cart2, .brochure #shop-product-large .add-to-cart2, .dismantling #shop-product-large .buy-now2, .brochure #shop-product-large .buy-now {display:none;} #shop-product-large .add-to-cart2 a, #shop-product-large .buy-now2 a {background:#09f url("images/icons/cart-add-light.png") no-repeat scroll 90% 50%;border-color:#555;color:#fff;line-height:46px;padding:0 51px 0 5px;text-align:right;text-transform:uppercase;color:#fff;display:block;font-size:15px;font-weight:bold;height:46px;border-radius:8px;-webkit-border-radius:8px;-moz-border-radius:8px;} #shop-product-large .add-to-cart2 a:hover, #shop-product-large .buy-now2 a:hover {background:url("images/icons/cart-empty.png") no-repeat scroll 90% 50% #000;border:0 none;color:#fff;} #shop-product-large .productTextInput {background-color:#fff;border:1px solid #666;font-size:14px;height:20px;line-height:20px;padding:0;text-align:center;width:45px;} #shop-product-large .productTextInput:focus {height:20px;line-height:20px;margin:0;padding:0;width:45px;} #shop-product-large .lrgimage .imonsale, #shop-product-large .lrgimage .isnew {display:none !important;} #shop-product-large.sale1 .lrgimage .imonsale {display:block;position:absolute;z-index:30;top:0;right:0} #shop-product-large.sale1.new .lrgimage .isnew {display:block;position:absolute;z-index:30;top:0;left:0} .dismantling #shop-product-large .price {visibility:hidden !important;} #shop-product-large .price {height:30px;line-height:25px;color:#1f1f1f;font-size:10px;text-align:right;margin-bottom:0px;} #shop-product-large .price strong {color:#09f;font-size:21px;text-align:right;font-weight:bold;letter-spacing:-0.025px;} #shop-product-large .price sup {color:#1f1f1f;font-size:12px;} #shop-product-large .excl-gst {display:none;} /* #shop-product-large .excl-gst {display:block;} body.NZ .price {display:block !important;} body.N .excl-gst {display:none !important;} */ #shop-product-large .grouping {background-color:#1f1f1f;border:1px solid #d8d8d8;padding:8px 5px;text-align:left;margin-bottom:10px;} .dismantling #shop-product-large .view-your-cart2, .brochure #shop-product-large .view-your-cart2 {display:none;} #shop-product-large .view-your-cart2 {margin:0 0 5px 0;} #shop-product-large .view-your-cart2 a {background:url("images/icons/cart-empty.png") no-repeat scroll 95% 53% #ccc;border:1px solid #ababab;color:#333;display:block;padding:5px 39px 5px 5px;text-align:right;} #shop-product-large .view-your-cart2 a:hover {background:url("images/icons/cart-add-light.png") no-repeat scroll 95% 52% #666;color:#fff;} #shop-product-large .favorite {display:none;} #shop-product-large .convertlink, #shop-product-large .tell-a-friend-product a {background-color:#ccc;border:1px solid #ababab;color:#333;display:block;margin-bottom:0;padding:5px;text-align:right;} #shop-product-large .tell-a-friend-product a:hover, #shop-product-large a.enquireAboutProduct:hover, #shop-product-large .c-convert a:hover {background-color:#666;border-color:#555;color:#fff;} #shop-product-large .convertlink {background:url(images/icons/payment/Cash%20-%20Stack_16x16.png) no-repeat scroll 95% 53% #ccc;border:1px solid #ababab;color:#333;display:block;padding:5px 39px 5px 5px;text-align:right;margin:2px 0 5px 0;} #shop-product-large .enquireAboutProduct {background:url(images/icons/question.png) no-repeat scroll 95% 53% #ccc;border:1px solid #ababab;color:#333;display:block;padding:5px 39px 5px 5px;text-align:right;margin:2px 0 5px 0;} #shop-product-large .product-rating {-moz-border-radius:4px;-webkit-border-radius:4px;background-color:#ccc;border:1px solid #ababab;border-radius:4px;color:#fff;display:block;margin-bottom:5px;padding:5px 8px 5px 5px;text-align:right;} #shop-product-large .product-rating .rating-stars {-moz-border-radius:4px;-webkit-border-radius:4px;background-color:#fff;border:1px solid #ababab;border-radius:4px;display:block;float:right;height:16px;margin:0 0 0 5px;overflow:hidden;padding:1px 3px;} #shop-product-large .product-rating .ttext {display:block;float:left;margin:0 0 0 63px;} #shop-product-large .tell-a-friend-product a {background:url(images/icons/xfn-friend.png) no-repeat scroll 95% 54% #ccc;border:1px solid #ababab;color:#333;display:block;margin-bottom:5px;padding:5px 39px 5px 5px;text-align:right;} #shop-product-large .tell-a-friend-product a:hover {background-image:url(images/icons/xfn-friend-met.png);background-color:#666;color:#fff;} #shop-product-large .view-comments a {background:url(images/icons/balloon.png) no-repeat scroll 95% 54% #ccc;border:1px solid #ababab;margin-bottom:5px;color:#fff;display:block;padding:5px 39px 5px 5px;text-align:right;} #shop-product-large .view-comments a:hover {background-color:#666;} #details-right li, .catProductAttributeGroup, .view-your-cart2 a, .add-to-cart2 a, .buy-now2 a, #shop-product-large .convertlink, #shop-product-large .tell-a-friend-product a, .productVolumePricing, .view-comments a, #shop-product-large .enquireAboutProduct {-moz-border-radius:4px;-webkit-border-radius:4px;border-radius:4px;text-decoration:none;} #details-right select {width:186px;} #shop-product-large .productVolumePricing {background-color:#e7e7e7;border:1px solid #d8d8d8;padding:5px;text-align:left;margin-bottom:10px;} #shop-product-large .productVolumePricing .price {color:#09f;display:inline !important;font-size:15px;font-weight:bold;margin-right:5px;} #shop-product-large .productVolumePricing .units {color:#1F1F1F;display:inline-block;font-size:13px;margin-left:30%;text-align:left;width:35px;} #shop-product-large.stock0 .instock {color:#d03d3d;font-weight:bold;} #shop-product-large .sorrynostock {display:none;width:0;height:0;margin:0;padding:0;} #shop-product-large.stock0 .sorrynostock {display:block;margin-top:3px;width:auto;height:auto;text-align:center;color:#d03d3d;font-weight:bold;} #shop-product-large.stock0 .sorrynostock p {line-height:19px;} #social-likes {-moz-border-radius:4px;-webkit-border-radius:4px;background-color:#e7e7e7;border-radius:4px;border:1px solid #d8d8d8;height:75px;position:relative;margin:10px 0;padding:5px;text-align:right;} .lrg-facebook-like {position:absolute;top:10px;left:5px;} .lrg-twitter {position:absolute;top:10px;left:71px;} .lrg-google-plus {position:absolute;top:10px;left:143px;} #cboxLoadedContent #productenq-form { display: block; } /* ======== Product Large tabs ====== */ #lproductfooter {} ul.tabs { width:715px;margin:0;padding:0;background-color:#bbb;margin:0;padding:5px 10px 0 10px;height:auto !important;min-height:31px;line-height:31px; -moz-border-radius:4px;-webkit-border-radius:4px;border-radius:4px; border-bottom-right-radius:0;-moz-border-radius-bottomright:0;-webkit-border-bottom-right-radius:0; border-bottom-left-radius:0;-moz-border-radius-bottomleft:0;-webkit-border-bottom-left-radius:0; } .blog-post ul.tabs {width:489px; } ul.tabs li {display:block;float:left;list-style:none outside none;margin-bottom:-10px;padding:0;} #content ul.tabs li a {border-bottom:0 none;color:#fff;line-height:31px;margin-right:10px;padding:5px 10px;text-decoration:none;} #content ul.tabs li.selected a, #content ul.tabs li.hover a, #content ul.tabs li:hover a { display:block;padding:0 10px;background-color:#1f1f1f;color:#fff;text-decoration:none; -moz-border-radius:4px;-webkit-border-radius:4px;border-radius:4px; } #content ul.tabs li.selected span, #content ul.tabs li:hover span, #content ul.tabs li.hover span { background:url("images/bg/down-arrow-black.png") no-repeat scroll 47% 50% transparent; display:block;height:10px;line-height:10px; } #content ul.tabs li a.selected, #content ul.tabs li a:hover {background-color:#1f1f1f;color:#fff;} .tab-content { clear:both;border:1px solid #d7d7d7;background-color:#fff;padding:10px;margin:0;width:97%;border-top:0 none; border-bottom-right-radius:5px;-moz-border-radius-bottomright:5px;-webkit-border-bottom-right-radius:5px; border-bottom-left-radius:5px; -moz-border-radius-bottomleft:5px; -webkit-border-bottom-left-radius:5px; } .blog-post .tab-content {width:487px;} /* Product Atributes */ .catProductAttributeGroup {background-color:#e7e7e7;border:1px solid #d8d8d8;padding:5px;text-align:left;margin-bottom:10px;} .productAttributes {margin-bottom:5px;color:#1f1f1f;} .catProdAttributeTitle {font-size:13px;margin-bottom:3px;color:#333;} .catProdAttributeItem {} .catProdAttributeItem img {} .catProdAttributeItem input {} .catProdAttributeItem select {width:80%;} .catProdAttributeItem span {} /* Product Comments */ .comment-m .wysiwyg {width:607px !important;} .comment-m fieldset {border-width:13px 1px 1px;} .comment-m #RFeedbackIFrame {width:600px !important;} .comment-m .notice {margin-top:10px;clear:left;} .comments_actual {background:#fff;margin-bottom:25px;padding-bottom:5px;width:auto;} .comments_text { background-color:#fefefe;border:1px solid #D8D8D8;border-bottom:0 none;overflow:hidden;padding:10px 14px 15px 14px;position:relative;width:680px; -moz-border-radius:5px 5px 0 0;-webkit-border-radius:5px 5px 0 0;border-radius:5px 5px 0 0; } ul.comments_extra { background:#E7E7E7;float:left;line-height:14px;margin:0 0 10px 0;padding:6px 4px;margin-left:0;margin-right:0;width:700px;border:1px solid #D8D8D8;border-top-width:0; -moz-border-radius:0 0 5px 5px;-webkit-border-radius:0 0 5px 5px;border-radius:0 0 5px 5px; } ul.comments_extra li {list-style:none;margin:0 0 0 10px;} li.comments_author {clear:left;color:#fff;float:left;line-height:16px;padding:0;position:relative;} #content li.comments_author a {background:#48bcff;color:#fff;display:block;padding:3px 9px;margin-top:1px;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;} li.tail {background:url("images/comments_normal_tail.png") no-repeat scroll 0 0 transparent;bottom:6px;float:left;height:17px;margin-left:1px;position:relative;width:25px;} li.comments_date {color:#666;float:right;font-size:12px;text-transform:uppercase;font-style:normal;padding:4px 10px 4px 6px;position:relative;} #comment-form.form .fullname {width:99%;} #comment-form.form .textfield.website {margin-right:32px;} #comment-form.form .captcha-area{width:50%;margin-right:10px;} #comment-form.form .textfield.email {margin-right:0;} /* -- Radial */ /* Wishlist */ #wishlist-items {margin-top:30px;} #wishlist-items .shop-product-small {float:left;width:174px;margin-right:10px;margin-bottom:10px;} #wishlist-items .shop-product-small h5 {display:table;text-align:center;color:#fff;padding:2px 0 3px 0;height:55px;min-height:55px;margin:0;width:100%;z-index:6;} #wishlist-items .shop-product-small h5 span {color:#fff;display:table-cell;line-height:1.4em;padding:0 4px;text-align:center;vertical-align:middle;} #wishlist-items .shop-product-small h5 a {border-bottom:1px dotted #999;color:#fff;line-height:1.4em;text-align:center;} #wishlist-items .shop-product-small h5 a:hover {color:#666;} #wishlist-items .more-info a {-webkit-border-radius:0 3px 0 2px;-moz-border-radius:0 3px 0 2px;background:#67b558 url(images/buttons/gradient-bg.png) repeat-x 0 0;border:0 none;border-radius:0 3px 0 2px;color:#fff;cursor:pointer;display:block;height:21px;line-height:21px;margin:6px 0 0;padding:2px 5px;text-align:center;text-shadow:0 1px 1px #94cf88;} #wishlist-items .more-info a:hover {background:#67b558 url(images/buttons/gradient-reverese-bg.png) repeat-x 0 100%;color:#fff;text-shadow:0px 1px 1px #94cf88} /* Catalog Browse */ .browse-sale,.browse-price, .browse-catalogue {display:none;} .browse-panel {background-color: #FFFFFF;border-radius: 0 0 4px 4px;border-top: 0 none;height: auto !important;margin: 10px 0 0;} .browse-panel h5 {display:none;} .browse-panel h6 {display:none;background-color:#F7F7F7;font-size:11px;font-weight:normal;margin:10px 0 0 0;padding:5px 10px;clear:left;} .browse-panel ol {border:0 none;background-image:none;} .browse-panel li {float: left;list-style: none outside none;padding: 0;width: 33%;} .browse-panel li span {font-weight:normal;color:#1f1f1f;} .browse-panel a {font-size: 12px;line-height: 1;text-decoration: none;} .browse-panel a:hover {color:#09f;text-decoration: underline;} /*#content .browse-panel li a:hover span {color:#09f;} #content .browse-panel li a:hover {color:#09f;}*/ .productSubmitInput { background:url(images/buttons/buy-now.png) no-repeat 0 50%; border:0 none;cursor:pointer;color:transparent;height:34px;line-height:1 !important;padding:0 !important;width:232px;} .body-shop {clear:left;} #shop-sub-nav {margin: 13px 0;position: relative;} #catalogue-browse-nav {background-color:#d8d8d8;-moz-border-radius:4px 4px 0 0;-webkit-border-radius:4px 4px 0 0;border-radius:4px 4px 0 0;font-size:12px;height:32px;margin:10px 0 0 0;padding:5px 10px 0 10px;} #browse-the-catalog {margin-top:-10px;zoom:1;} #catalogue-browse-nav li {float:left;list-style:none;margin-bottom:-9px;} .no-subs#catalogue-browse-nav li {margin-bottom:0;} #catalogue-browse-nav li.active span{background:url(images/bg/down-arrow-black.png) no-repeat 61% 50%;display:block;height:10px;line-height:10px;} #catalogue-browse-nav li a {border-bottom:0 none;color:#353434;line-height:31px;margin-right:10px;padding:5px 8px;text-decoration:none;} #catalogue-browse-nav li a:hover {border-bottom:1px solid;} #catalogue-browse-nav li.active a, #catalogue-browse-nav li a:active {-moz-border-radius:4px;-webkit-border-radius:4px;background-color:#1f1f1f;border:0 none;border-radius:4px;color:#fff;display:block;line-height:21px;margin-right:10px;padding:5px 8px;text-decoration:none;} #sub-catalogues, #by-price {display:none;} #ddMonth {width:70px;} #ddYear {width:71px;} /* ========= Breadcrumbs ===== */ #shop-section .breadcrumbs, .shop-cart .breadcrumbs {background-color: #FFFFFF;border: 1px solid #D7D7D7;border-radius: 4px 4px 4px 4px;height: 28px;line-height: 28px;margin: 0 0 13px;padding-left: 0;width: 733px;} #shop-section .breadcrumbs a, .shop-cart .breadcrumbs a {display:inline;line-height:2em;padding-left:.275em;color:#777;text-decoration:none;font-size: 12px;} #shop-section .breadcrumbs a:hover, .shop-cart .breadcrumbs a:hover, #shop-section .breadcrumbs a:active, .shop-cart .breadcrumbs a:active {color:#09f;} #shop-section .breadcrumbs a:last-child, #shop-section .breadcrumbs a.last {color:#09f;} #shop-section .breadcrumbs a.bread-home {float:left;margin:0 4px 0 0;padding:0;border:0;} #shop-section a#gridview {color:#777;} #shop-section #bread-right a.active {color:#09f;} .bread-home img {border:0 none;display:block;margin:0;padding:0;} #bread-left {float:left;width:70%;} #bread-right {float:right;padding-right:10px;} #shop-section .breadcrumbs .bread-right a, .shop-cart .breadcrumbs .bread-right a, a#listview, a.plists {color:#09f;} a.plists:hover {color:#777;} #shop-section a#listview {background:transparent url(images/icons/list_view.gif) no-repeat 0 50%;padding-left:17px !important;margin-right:4px } #shop-section a#gridview {background:transparent url(images/icons/grid_view.gif) no-repeat 0 50%;padding-left:17px !important;margin-left:4px;} #shop-section a#gridview.active {background:transparent url(images/icons/grid_view_active.gif) no-repeat 0 50%;} #shop-section a#listview.active {background:transparent url(images/icons/list_view_active.gif) no-repeat 0 50%;} /* Product Loading and Pagination */ #content #loadmore, #content #loadmore:visited {width:220px;display:block;margin:0 auto;background-color:#fff;color:#09f;text-align:center;padding:4px 0;font-size:13px;border:1px solid #ccc;-moz-border-radius:5px;-webkit-border:5px;border-radius:5px;text-decoration:none;} #content #loadmore:hover, #content #loadmore:active {width:220px;display:block;margin:0 auto;background-color:#09f;color:#fff;text-align:center;padding:4px 0;font-size:13px;border:1px solid #09f;text-decoration:none;-moz-border-radius:5px;-webkit-border:5px;border-radius:5px;text-decoration:none;} /* ========= Newsletter Signup ===*/ .visual {display:none;/*width:40px;height:40px;line-height:40px;overflow:hidden;float:left;text-align:left;border:3px solid #cac7c7;-moz-border-radius:5px;-webkit-border:5px;border-radius:5px;background:#ccc url(images/bg/nopicture.jpg) no-repeat 50% 50%;*/} .person {float:left;margin-left:6px;text-align:left;} .bubble {margin-top:16px;} .speach {background:transparent url(images/bg/speachfooter.png) no-repeat bottom left;padding-bottom:31px;} .innerSpeach {background:transparent url(images/bg/speachfooterheader.png) no-repeat top left;padding:15px 0 0;} .speachRepeat {background:transparent url(images/bg/speachrepeat.png) repeat-y 0 0;} a.tmore, a.tmore:visited {font-family:Tahoma, Geneva, sans-serif;font-size:11px;text-transform:uppercase;color:#09f;text-align:right;text-decoration:none;float:right;margin:5px 10px 0 0;} #testimonialRandom {display:none;margin:30px 0 40px 0;} .testimonialSmall p {color:#373535;font-family:Georgia, serif;font-size:14px;line-height:20px;margin:0 15px 0 10px;} .testimonialSmall p span {font-size:18px;font-weight:bold;} .testimonialSmall h4 {color:#373535;font-weight:bold;line-height:14px;margin:2px 0 0 0;padding:0;width:auto;} .testimonialSmall small {color:#373535;font-size:11px;width:auto;} .testimonialLarge .bubble {-moz-border-radius:5px;-webkit-border:5px;background-color:#fff;border:1px solid #d7d7d7;border-radius:5px;margin:0 0 20px 0;padding:20px;position:relative;} .testimonialLarge .leadin {margin:5px 0 5px 0 !important;padding:0 !important;} .testimonialLarge .person {float:none;padding:0;margin:0;width:auto;} .testimonialLarge h4 {font-size:17px;} .testimonialLarge h4 small {font-size:14px;} .testimonialLarge .who {margin-top:20px;} .ft, .lt {font-size:30px;display:block;position:absolute;color:#ccc;font-family:Georgia1, Georgia, serif;} .ft {text-align:left;top:5%;left:3%;} .lt {text-align:right;bottom:3%;right:3%;} /* ========= Newsletter Signup ===*/ body.homepage .newsletter-form.horizontal {margin:40px 10px 0 10px;} .newsletter-form.horizontal {-moz-border-radius:5px;-webkit-border:5px;background-color:#e1e1e1;border:1px solid #dAd9d9;border-radius:5px;float:none;margin:40px 0 0 0;padding:0 10px;width:960px;} .newsletter-form.horizontal h3 {color:#454545;float:left;font-size:12px;font-weight:bold;line-height:1.5em;margin:4px 10px 0 10px;width:180px;} .newsletter-form.horizontal .form-field {float:left;margin-right:10px;} .newsletter-form.horizontal .text {width:235px;} .newsletter-form.horizontal .email {width:275px;} .newsletter-form.horizontal .submit {float:left;font-size:9px;height:45px;line-height:60px;margin:3px 0 0;padding:2px 0 0;width:68px;} .newsletter-form.horizontal .spam-msg {clear:both;color:#414141;margin:0;padding:6px 0 0;} .newsletter-form.horizontal #CaptchaV2 {width:340px;font-size:12px;float:left;margin-top:0;} .newsletter-form.horizontal .captchaimg img {height:24px;margin-right:5px;} .newsletter-form.horizontal form .captcha-area {float:left;width:290px;margin:0;} .newsletter-form legend {margin-bottom:15px;} .newsletter-form #catlistbutton {height:30px;background-color:white;} .newsletter-form #catlistbutton:hover {background-color:#09f;color:#fff;} /* Wholesalecarparts Message for footer */ #footerMessages {height:150px;-moz-border-radius:5px;-webkit-border:5px;background-color:#e1e1e1;border:1px solid #dAd9d9;border-radius:5px;float:none;margin:20px 10px 5px;padding:0 10px;width:960px;} /* ========= SITE SEARCH ======= */ #search-field {height:26px;line-height:26px;text-indent:5px;width:195px;border:0 none;-moz-border-radius:4px;-webkit-border-radius:4px;border-radius:4px; } #search-the-site {margin:0;overflow:hidden;padding:0;position:absolute;right:0;top:44px;} #search-the-site:hover, #search-the-site:active {} /* Refine a search */ #refineSearch {margin-top:0;} /* ========= Left Navigation Elements */ .left-nav {font-family:'UbuntuRegular', arial, sans-serif;padding:5px 0;margin-bottom:20px;} .left-nav ul {margin:0;} .left-nav li {list-style:none;} .left-nav li ul {display:none;} .left-nav li ul li:last-child {border-bottom:0 none;} .left-nav li.selected ul {margin:0;display:block;padding:0;} .left-nav li.selected li {padding:6px 0 5px 10px;} .left-nav li.selected ul li ul {display:none;} .left-nav li.selected ul li.selected ul {display:block;margin:0 0 0 5px;padding:6px 0 0px 0;} .left-nav a {margin-bottom:0;} /* ========= LEFT NAVIGATION ========= */ .left-nav h3 {color:#1f1f1f;margin:0 0 13px 0;text-shadow:1px 1px 1px #fff;} .left-nav a,.left-nav a:visited {-moz-border-radius:4px;-webkit-border-radius:4px;background-color:#e7e7e7;border:1px solid #D7D7D7;border-radius:4px;color:#333;display:block;font-size:12px;font-weight:normal;line-height:14px;margin:0 0 5px 0;padding:6px 10px;width:auto;} .left-nav li {margin-bottom:0;border-bottom:0 none;} .left-nav li li {margin-bottom:0;border-bottom:1px solid #EFEFEF;} .left-nav li:last-child {border-bottom:0 none;} .left-nav li.selected li a {width:auto;background:transparent url(images/icons/sub-nav.png) 0 50% no-repeat;color:#1c1b1b;border:1px solid #fff;border-width:0px 1px 0px 0;padding:0 0 0 10px;margin-bottom:0;} .left-nav li.selected ul {background-color:#fff;margin-bottom:6px;-moz-border-radius-bottomright:5px;-webkit-border-bottom-right-radius:5px;border-bottom-right-radius:5px;} .left-nav a:hover,.left-nav li.selected a,.left-nav a:active, .left-nav li.selected li.selected a {background:url("images/bg/carbonmainbg.png") repeat scroll 0 0 #0d0d0d;border:1px solid #555;color:#fff;text-shadow:0 0 0 #fff;} .left-nav li.selected li a:hover, .left-nav li.selected li.selected a {background:url("images/icons/sub-nav.png") no-repeat scroll 0 50% transparent;border:0 none;color:#09f;text-shadow:0 0 0 #fff;} .left-nav li.selected li.selected a {background:url("images/icons/sub-nav-selected.png") no-repeat scroll 0 50% transparent;margin-bottom:0;} .left-nav li.selected ul li ul {border-left:0 none;margin-bottom:5px;} .left-nav li.selected ul li ul li {margin-bottom:3px;padding:2px 0 2px 10px;border-bottom:0;} .left-nav li.selected ul li ul li a, .left-nav li.selected ul li.selected ul li a {background:url("images/icons/sub-nav.png") no-repeat scroll 0 50% transparent;border:0 none;color:#1C1B1B;font-size:12px;margin:0;padding:0 0 0 10px;} .left-nav li.selected ul li ul li a:hover, .left-nav li.selected ul li.selected ul li.selected a {color:#09f;} #user-menu.left-nav a, #user-menu.left-nav a:visited {background-color:#232323;color:#f7f7f7;} #user-menu.left-nav a:hover {background-color:#666;} #user-menu.left-nav li.selected a {background-color:#666;color:#fff;text-shadow:0 0 0 #fff;} #wholesaler-menu.left-nav a, #wholesaler-menu.left-nav a:visited {background-color:#e2f8e4;color:#3C8821;border-color:#a5cea8;} #wholesaler-menu.left-nav a:hover {background-color:#000;color:#fff;border-color:#000;} #wholesaler-menu.left-nav li.selected a {background-color:#000;color:#fff;text-shadow:0 0 0 #000;border-color:#000;} #help-navigation.left-nav a, #help-navigation.left-nav a:visited {background-color:#666;color:#fff;border-color:#666;} #help-navigation.left-nav a:hover {background-color:#000;color:#fff;border-color:#000;} #help-navigation.left-nav li.selected a {background-color:#000;color:#fff;text-shadow:0 0 0 #000;border-color:#000;} /* ========= Ad block ==============*/ .ad {margin:0 0 20px;} .ad strong {text-shadow:0 0 3px #535353;} .ad a {-moz-border-radius:4px;-webkit-border-radius:4px;background-color:#666;border:1px solid #535353;border-radius:4px;color:#fff;display:block;font-size:12px;font-weight:normal;line-height:1.6em;padding:10px 15px;text-align:center;text-decoration:none;} .ad .flag {color:#fff;display:block;font-size:14px;text-align:center;} .ad em {-moz-border-radius:4px;-webkit-border-radius:4px;background-color:white;border:1px solid #535353;border-radius:4px;color:#333;display:block;font-size:13px;margin-top:4px;padding:3px;text-align:center;} .ad a:hover .flag {color:#fff;} .ad a:hover em {background-color:#666;border-color:#fff;color:#fff;} .ad a:hover strong {color:#111;text-shadow:0 0 0 #e7e7e7;} .ad a:hover {background-color:#09f;border-color:#09f;} #quick-details {margin:15px 0 0 0;} #quick-details li {list-style:none;margin:0 0 5px 0;padding:0;} .logged-1 .forgot-login {display:none;} #payment-methods {margin:20px 0;padding:0;} #payment-methods li {list-style:none;float:left;margin:0 10px 3px 0} #payment-methods li:last-child, #payment-methods li.last{margin-right:0;} /* ========= Product Lists=========*/ #product-lists {margin:30px 10px 25px;} #product-lists div {float:left;margin-right:13px;width:311px;} #product-lists ul {border-top:2px solid #747474;padding-top:10px;margin:5px 35px 5px 0;} #product-lists ul li {background:url(images/icons/list-icon.png) no-repeat 0 55%;list-style:none;margin-bottom:5px;padding:3px 0 0 20px;width:84%;} #product-lists a {color:#09f;} #product-lists a:hover, #product-lists a:active {color:#444;} /* ========= FAQ =================*/ /* .faq-question {display:block;padding:10px 0;border-bottom:1px solid #eee;} .faq-answer {display:none;} */ /* ========= SHOPPING CART =======*/ table.cart {background-color:#fff;border:0 none;font-size:11px;border-collapse:separate;-moz-border-radius:5px;-webkit-border:5px;border-radius:5px;} #vandd {display:none;/*background:#ccc url(images/icons/tag-icon.png) no-repeat 97% 8px;border:1px solid #999;padding:2px 2px 10px;-moz-border-radius:5px;-webkit-border:5px;border-radius:5px;margin:20px 0 50px 0;*/} #vandd h3 {text-shadow:none;color:#323232;} table.cart .val:hover {background-color:#daeffb;} table.cart .val td {border-top:1px solid #fff;border-bottom:0;} table.vouchers-and-discounts {border:0 none;font-size:11px;} table.vouchers-and-discounts {-moz-border-radius:4px;-webkit-border-radius:4px;border-radius:4px;} table.cart .productitemcell img {width:20%;height:30%;} table.cart th,table.vouchers-and-discounts th { background-color:#fff;border-bottom:1px solid #eee;border-top:1px solid #eee;color:#000; font-size:12px;font-weight:normal;text-align:left;padding:5px 9px; } table.vouchers-and-discounts {background-color:transparent;width:100%;margin-top:0;border:0 none;color:#295070;font-weight:bold;} table.vouchers-and-discounts th {color:#295070;font-weight:normal;border-bottom:0 none;} #content table.vouchers-and-discounts h2 {font-size:18px;border-bottom:0 none;margin-bottom:1px;} table.vouchers-and-discounts td {background-color:transparent;padding:5px 8px 5px 9px;color:#323232;} table.vouchers-and-discounts th {background-color:transparent;padding:3px 10px 0;border-top:0 none;} .update {cursor:pointer;} input#DiscountCode, input#GiftVoucher {width:190px;padding:2px 0;margin:0 7px 0 0;} tr.discount td.quantity {text-align:left;} tr.shipping td.quantity {text-align:right;} .zone-Customers .wholeseler-note, .zone-Wholesalers .wholesalers-note, .logged-0 .wholesalers-clear, .logged-1 .wholesalers-clear, .logged-1 .wholeseler-note {display:none;} .zone-Wholesalers .wholesalers-clear {display:block;margin-bottom:20px;-moz-border-radius:4px;-webkit-border-radius:4px;border-radius:4px;} .wholeseler-note a {border:0 none;} .dis-title {width:200px;} /* ========= SHOPPING CART 2 =======*/ .shop-cart2 {} .shop-cart2 .cart-left {width:488px;float:left;overflow:hidden;} .shop-cart2 .cart-right {width:227px;margin-left:20px;float:right;padding-top:0;} .shop-cart2 .cart-sidebox {border:1px solid #ddd;background-color:#fff;-moz-border-radius:5px;-webkit-border:5px;border-radius:5px;} .shop-cart2 #shippingSpan {display:block;float:left;width:155px;} .shop-cart2 #shippingStateSpan {display:block;float:left;width:155px;} .shop-cart2 .cart-sidebox #shippingCountrySpan {display:block;float:left;width:155px;} .shop-cart2 select.shippingDropDown {width:235px;margin-left:65px;} .shop-cart2 .cart-sidebox .shippingDiv {margin:0 0 7px 0;} .shop-cart2 .cart-sidebox .shippingCountryDiv {margin:0 0 7px 0;} .shop-cart2 .cart-sidebox .shippingStateDiv {margin:0;} .shop-cart2 #ShippingOptions {width:235px;} .shop-cart2 .cart-sidebox h3 {margin:11px 10px 20px;} .shop-cart2 .support-summary {margin-top:20px;} .shop-cart2 .support-summary h4 {padding:0 10px;} .shop-cart2 .support-summary p {padding:0 10px;} .shop-cart2 .shipping-cart {background:#fff url(images/icons/cart.png) no-repeat 97% 8px;} .shop-cart2 .shipping-cart h3 {margin-bottom:0;padding:0;} .shop-cart2 .shipping-cart p {color:#999;font-size:12px;font-style:italic;margin:0 0 10px 10px;padding:0;} .shop-cart2 .cart-summary {box-shadow:0 29px 31px -29px #666;-moz-box-shadow:0 29px 31px -29px #666;-webkit-box-shadow:0 29px 31px -29px #666;background:#fff url(images/icons/order_chk.gif) no-repeat 97% 8px;} .shop-cart2 .cart-summary div {margin-left:10px;} .shop-cart2 .cart-summary.fixme {position:fixed;top:20px;} .shop-cart2 .shipping-summary {padding-bottom:10px;background:#fff url(images/icons/delivery.png) no-repeat 97% 8px;margin-top:20px;} .shop-cart2 .shipping-summary p {color:#999;font-size:12px;font-style:italic;margin:0;padding:10px 0 0 10px;} .shop-cart2 .shipping-options {margin:2px 5px 0 10px;} .shop-cart2 .shippingPostcodeDiv {margin:0 !important;} .shop-cart2 .discountcodeInput {float:left;margin-right:90px;} .shop-cart2 .shippingCalc {color:red;} #login-show {cursor:pointer;} #showlogin {display:none;padding:10px;} .logintext a {color:#09f;} .premove {text-align:right;width:20px;} .premove a {background:url(images/icons/delete.png) no-repeat 0 2px;display:block;height:25px;text-indent:99999px;width:16px;} table.cart td.quantity, table.cart th.quantity {text-align:center;width:30px;} table.cart td.quantity input {width:30px;padding:2px 0;text-align:center;} table.cart td.ptotal, table.cart th.ptotal {width:65px;text-align:left;} table.cart td.ptaxrate, table.cart th.ptaxrate {width:50px;text-align:left;} table.cart td.pname, table.cart th.pname {width:90%;} .pname a {border-bottom:1px solid #ccc;text-decoration:none;} .shop-cart2 .cart-summary table {margin:0 0 10px 3px;} .shop-cart2 .cart-summary table tr td {padding-bottom:5px;} .shop-cart2 .cart-summary table .sprice {text-align:right;font-weight:bold;} .shop-cart2 .cart-summary table #total-cost td {border-top:1px solid #ddd;padding-top:4px;font-weight:bold;} #total-cost .sprice, #total-cost .shead {color:#64b55e;} .discount-pricing td, .gift-pricing td {color:#09f;} .gift-pricing td,.shipping-total td {border-top:1px dashed #ddd;padding-top:4px;} .shop-cart2 .cart-summary table .shead {width:140px;} .shipping-total {padding-top:3px;} .productitemcell {height:25px;line-height:25px;margin:0 0 5px 0;overflow:none;} .premove .productitemcell {width:20px;line-height:30px;height:30px;margin:0;} #login-frame fieldset {position:relative;} #content #login-show {width:70px;height:26px;position:absolute;top:10px;right:10px;background:url(images/buttons/login.png) no-repeat 0 0;text-indent:-99999px;} .cart .productitemcell {} .ptax .productitemcell {} .quantity .productitemcell {} .shop-cart2 #catshopbuy {} .cart-summary .secure {padding:0 10px;font-size:12px;margin:5px 0 0 0;text-align:center;line-height:12px;} .cart-summary .nnote {padding:0 10px;font-size:11px;margin:1px 0 5px 0;text-align:center;line-height:10px;} .customiseLogin {} #userpassshow {margin-top:5px;} /* ========= LOGIN ================*/ #login-frame {background-color:#daeffb;margin-top:20px;} .shop-cart2 #login-frame {margin:0 0 35px;border:1px solid #acdbef;border-width:4px 1px 1px;-moz-border-radius:0 0 5px 5px;-webkit-border:0 0 5px 5px;border-radius:0 0 5px 5px;position:relative;} body.logged-1 #login-frame {display:none;} /* End */ /* ========= Blog Styles ========== */ /* Blog Over-rides */ div#the-blog {} #blog-content {float:left;width:508px;} #blog-right {float:right;width:200px !important;} .blogPost {background:#fff;-moz-border-radius:5px;-webkit-border:5px;border-radius:5px;border:1px solid #d7d7d7;padding:15px;margin-bottom:20px;} .postInfo {margin-bottom:12px;} .blogPost a,.blogPost a:visited {color:#09f;} .blogPost a:hover, .blogPost a:active {color:#000;} #content .blogPost p.leadin {font-family:'UbuntuLight',arial,sans-serif;font-size:14px;line-height:1.5em;margin:0 0 15px;color:#111;padding-bottom:0;margin-bottom:0;} #content .blogPost p.leadin img {border:1px solid #d7d7d7 !important;margin-bottom:5px;} #content .post-body p.leadin img {border:1px solid #d7d7d7 !important;margin-bottom:5px;background:#fff;padding:11px 15px;} #content .blogPost p.leadin a:last-child {display:block;color:#09f;margin-top:5px;border-top:1px dotted #ccc;padding-top:4px;} .postDate {background:url(images/icons/clock.png) no-repeat 0 50% transparent;padding-left:16px;margin-right:5px;color:#999;} .postauthor {background:url(images/icons/xfn-colleague.png) no-repeat 0 50% transparent;padding-left:16px;margin-right:5px;color:#999;} .noof-comments {background:url(images/icons/comment.png) no-repeat 0 50% transparent;padding-left:16px;color:#999;} h2.postTitle {border:0 none;margin-bottom:3px;padding-bottom:0;} #blog-right h5 {margin-bottom:5px;} #content .blog-post .postInfo {margin-bottom:4px;} #content .BlogPostArchive, #content .BlogPostArchive, #content .blogpostcategories, #content .blogpostcategories, #content .BlogTagCloud, #content .BlogTagCloud, #content .theRecents, #content .theRecents, #content ol.blogsitesummary, ol.blogsitesummary {border:1px solid #d7d7d7;background:#fff;margin-bottom:25px;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;padding:10px; } #content ol.blogsitesummary li, #content ol.blogsitesummary li {list-style:none;background:transparent url(images/bg/bullet.png) no-repeat 0 54%;margin:0 0 3px 0;line-height:21px;} #content ol.blogsitesummary li a {font-size:12px;line-height:21px;} #content .theRecents li, #content .BlogPostArchive li, #content .blogpostcategories li {margin:0 0 3px 0;line-height:19px;list-style:none;background:transparent url(images/bg/bullet.png) no-repeat 0 54%;padding-left:12px;} #content .blogpostcategories ul, #content .BlogRecentPost ul {margin:0;} #content .BlogRecentPost ul li {background:transparent url(images/bg/bullet.png) no-repeat 0 50%;margin-bottom:11px;line-height:16px;} .theRecents a, .BlogPostArchive a, .blogpostcategories a, .BlogTagCloud a {color:#09f;border:0 none;font-size:12px;line-height:19px;} .theRecents a:hover, .BlogPostArchive a:hover, .blogpostcategories a:hover, .BlogTagCloud a:hover {border:0 none;font-size:12px;line-height:19px;color:#000;} #content .BlogRecentPost a {line-height:16px;} .BlogTagCloud a {padding:2px 5px;background:#f3f3f4;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;} a.BlogTagCloud-XX-Large {font-size:15px } a.BlogTagCloud-X-Large {font-size:14px } a.BlogTagCloud-Large {font-size:13px } a.BlogTagCloud-Medium {font-size:12px } a.BlogTagCloud-Small {font-size:11px } a.BlogTagCloud-X-Small {font-size:10px } a.BlogTagCloud-XX-Small {font-size:9px } a.BlogTagCloud-XX-Large:hover {font-size:15px } a.BlogTagCloud-X-Large:hover {font-size:14px } a.BlogTagCloud-Large:hover {font-size:13px } a.BlogTagCloud-Medium:hover {font-size:12px } a.BlogTagCloud-Small:hover {font-size:11px } a.BlogTagCloud-X-Small:hover {font-size:10px } a.BlogTagCloud-XX-Small:hover {font-size:9px } #social-likes { height:85px;position:relative;background-color:#e7e7e7;border:1px solid #d8d8d8;margin:15px 0 0;padding:5px;text-align:right; -moz-border-radius:4px;-webkit-border-radius:4px;border-radius:4px; } .lrg-facebook-like {position:absolute;top:15px;left:10px;} .lrg-twitter {position:absolute;top:14px;left:71px;} .lrg-google-plus {position:absolute;top:16px;left:138px;} #socialWho {border-bottom:2px solid #ccc;padding-bottom:12px;margin-bottom:0;} #socialWho h5 {margin-bottom:5px;padding:2px;} #socialSide {width:215px;float:left;margin-right:20px;} #whoisThis {width:508px;float:none;} p.about-author {background:#e7e7e7;border:1px solid #d8d8d8;display:block;color:#555;font-size:11px;margin:0;padding:8px 7px 5px 0;height:95px;-moz-border-radius:4px;-webkit-border-radius:4px;border-radius:4px;line-height:18px;} p.about-author strong {font-size:12px;} p.about-author img {width:auto;float:left;margin:1px 5px 0 8px;border:1px solid #ccc;padding:4px;background:#fff;-moz-border-radius:4px;-webkit-border-radius:4px;border-radius:4px;} #latest-from-blog h4 {margin-bottom:20px;} ol.blogsitesummary {margin-bottom:20px;border:1px solid #e0e0e0;} .blogsitesummary .author, .blogsitesummary .date, .eblogsign {display:none;} .fuelblogsign {display:block;} .links {margin-bottom:20px;} .links a {font-size:12px;color:#666;border:0 none;} .blog-post .post-body {margin:0 0 20px;} .blog-post #lproductfooter {margin-bottom:50px;} .blog-post #comment-form.form .captcha-area {height:100px;} .blog-post .form #CaptchaV2 {margin-left:0;float:none;} .blog-post #comment-form em {display:none;} .blog-post #comment-form .textfield input {width:91%;} .blog-post #comment-form .textfield.fullname input {width:96%;} .blog-comment-container .comment-details {background:none repeat scroll 0 0 #eee;font-size:11px;padding:6px;color:#666;} #blog-right #social-likes {height:75px;} #blog-right .lrg-facebook-like {left:5px;top:10px;} #blog-right .lrg-twitter {top:10px;left:71px;} #blog-right .lrg-google-plus {top:11px;left:141px;} /* ========= Footer nav ========= */ #footer {background:url("images/bg/carbonmainbg.png") repeat scroll 0 0 #0D0D0D;-moz-border-radius:5px;-webkit-border:5px;border-radius:5px;font-size:11px;margin:10px 0 5px;padding:10px;width:960px;} #footer ul {display:table;margin:0 auto;padding:0;} #footer ul li {border-right:1px solid #3c3b3b;float:left;font-size:12px;list-style:none outside none;margin-bottom:0;padding:0 10px;} #footer ul li:last-child {border-right:0 none;} #footer ul li a {color:#fff;text-decoration:none;} #footer ul li a:hover {text-decoration:underline;color:#fff;} #copyright {margin:20px 5px 5px;text-align:center;font-size:11px;color:#666;} #gst-note {text-align:center;font-size:12px;color:#666;} #footer a, #footer a:hover, #footer a:active, footer a:visited {color:#333333;border:0 none;} #footer a:hover {color:#4b4b4b;border:0 none;} #copyright a, #copyright a:hover, #copyright a:active, #copyright a:visited {color:#000000;border:0 none;} #copyright a:hover {color:black;border:0 none;} /* ========= Special ========= */ .code-container {width:100%;margin:0 10px;border:1px solid #ddd;background-color:#fff;} code {background-color:#fff;color:#5c5c5c;} .quote {} blockquote {font:italic 0.6em/1.4em Georgia,"Times New Roman",Times,serif;color:#333;padding:10px 0 15px 0;} .quote .author {color:#000;font-style:normal;} .last {padding:0 !important;} .clear {clear:both;} .last-right, li.productItem:last-child {margin-right:0 !important;} .last-left {margin-left:0 !important;} .loading-image {width:100%;height:300px;background-image:url(images/ajax-loader.gif);background-repeat:no-repeat;background-position:50% 50%;} .btnimg {cursor:pointer;} .hidden {display:none;} /* ======== Base System Messages ====== */ .notice,.error,.announcement,.success, system-message, .system-error-message {line-height:25px;font-weight:normal;font-size:12px;border-style:solid;border-width:2px 1px 1px 1px;padding:5px 5px 8px 5px;} .system-message {min-height:110px;} .system-error-message {background-color:#fbe3e4;border-color:#d12f19;min-height:110px;} .system-error-message h1 {color:#d12f19;border-color:#d12f19;color:#d12f19;} .system-message h2 {color:#a5d2ff;} /* ========= Custom Messages === */ #message-panel { display:none;z-index:9999;padding-bottom:13px; width:450px;-moz-box-shadow:0 2px 5px #666;-webkit-box-shadow:0 2px 5px #666;box-shadow:0 2px 5px #666;background-color:rgb(50,50,50); border:1px solid #fff; position:absolute;text-align:center; -moz-border-radius:4px;-webkit-border-radius:4px;border-radius:4px; } #message-panel .message { font-size:13px;font-weight:normal; background:#000;padding:15px 50px;margin:8px 8px -5px 8px; color:#fff;-moz-border-radius:4px;-webkit-border-radius:4px;border-radius:4px; -moz-box-shadow:2px 2px 6px #ccc;-webkit-box-shadow:2px 2px 6px #ccc;box-shadow:2px 2px 6px #ccc; } #message-panel .message-button { -moz-border-radius:4px;background-color:#666; color:#fff;font-size:12px;padding:4px 5px 5px 6px;margin-top:5px; } #message-panel .close {display:block;float:right;background:transparent url(images/icons/delete.png) no-repeat 0 0;width:16px;height:16px;margin-right:12px;margin-top:12px;} #fromcart-success {display:none;padding:10px 0 15px 10px;margin-top:20px;font-size:14px;background:#e2f8e4 url(images/redirect-load.gif) no-repeat 98% 50%;} form input.form-error {background-color:#dd3a24;color:#fff;} form label.form-error {display:none;height:27px;width:50%;background-color:#dd3a24;line-height:27px;position:absolute;top:0;left:999298px;color:#fff;text-align:center;} /* ======== Base System Messages ====== */ .notice, .error, .announcement, .success, system-message, .system-error-message {line-height:25px;font-weight:normal;font-size:12px;border-style:solid;border-width:1px 1px 1px 1px;padding:5px 5px 8px 5px;} .notice {border:1px solid #acdBef;} .system-message, .system-error-message {-moz-border-radius:10px;-webkit-border-radius:10px;background-color:#3a444f;border:1px solid #fff;border-radius:10px;position:relative;color:#dfe0e2;font-size:12px;height:auto!important;margin:0 0 15px 0;min-height:110px;width:auto;padding:5px 15px 8px;} .system-message, .system-error-message ul li {font-size:13px;} #content .system-message a, #content .system-error-message a {color:#64b5e8;border:0;text-decoration:none;} #content .system-message a:hover, #content .system-error-message a:hover {color:#fff;border:0;text-decoration:none;} #content .system-message h1, #content .system-error-message h1 {background:transparent url(images/Info.png) no-repeat 0 50%;color:#fff;font-size:28px;line-height:50px;margin-top:10px;padding-left:60px;text-shadow:none;} #content .system-error-message h1 {background-image:url(images/Delete.png);} #content .system-message.good h1 {background:transparent url(images/back.png) no-repeat 0 50%;} #content .system-message.next h1 {background:transparent url(images/Next.png) no-repeat 0 50%;} #content .system-message.info h1 {background:transparent url(images/info.png) no-repeat 0 50%;} #content .system-message.warning h1, #content .system-message.alert h1 {background:transparent url(images/Warning.png) no-repeat 0 50%;} .jGrowl-message {font-size:14px;} .jGrowl-message h5 {float:none;font-size:11px;color:#09f;margin-bottom:5px;} .jGrowl-message p {font-size:12px;} .jGrowl-message img {width:50px;display:block;float:left;border:1px solid #fff;background-image:none;-moz-border-radius:4px;-webkit-border-radius:4px;border-radius:4px;} .jGrowl-message img.jnoimage {width:30px;margin-top:25px;border:0 none;background-image:none;-moz-border-radius:0;-webkit-border-radius:0;border-radius:0;display:block;float:left;} .jGrowl-message a {font-size:11px;display:block;float:none;margin:10px 0 0 0;-moz-border-radius:4px;-webkit-border-radius:4px;border-radius:4px;display:block;padding:1px;} .jGrowl-message a.message-button {color:#fff;background-color:#09f;float:left;margin:13px 0 0 0;width:100%;text-align:center;-moz-border-radius:4px;-webkit-border-radius:4px;border-radius:4px;} .jGrowl-message a.message-button:hover {color:#09f;background-color:#fff;} .jGrowl-message .message {font-size:11px;width:170px;text-align:left;float:right;} /* ======== Generic ================ */ .centre {text-align:center;} .half {width:50%;} .quater {width:25%;} .thirty-perc {width:30%;} .fourty-perc {width:40%;} .full {width:100%;} .three-quater {width:75%;} .third {width:15%;} .customw-1 {width:55%;} .customw-2 {width:300px;} .customw-3 {width:80%;} .cant-edit {border-color:#e7e7e7;border-style:solid;padding:0;background-image:none;border-left:0 none;} /* ======== Fav login Type ====== */ #login-options {} .mainlogin {width:100%;height:60px;line-height:60px;font-size:20px;text-align:center;margin-bottom:50px;} .login-user {height:140px;line-height:150px;font-size:20px;text-align:center;} #content .mainlogin a,#content .login-user a, #content .login-wholesaler a {display:block;text-align:center;color:#fff;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;text-decoration:none;border:0 none;} #content .mainlogin a {width:100%;height:60px;color:#fff;background-color:#666;} #content .mainlogin a:hover {background-color:#ccc;} #content .login-user a {height:135px;line-height:200px;background:#666 url(images/adduser-n48.png) no-repeat 50% 30%;} #content .login-user a:hover {background:#ccc url(images/adduser-n48.png) no-repeat 50% 30%;} #content .mainlogin h2, #content .login-user h2, #content .login-wholesaler h2 {border:0 none;} #sample-notification {background-color:#ffeeee;color:#ff0000;padding:5px 10px;} /* ======== EDITOR STYLES ====== */ div.wysiwyg {border:1px solid #cccccc;padding:5px;background-color:#fff;} div.wysiwyg * {margin:0;padding:0;} div.wysiwyg ul.panel {border-bottom:1px solid #cccccc;float:left;width:100%;padding:0 0 0 0;} div.wysiwyg ul.panel li {list-style-type:none;float:left;margin:1px 2px 3px 0;background-color:#fff;} div.wysiwyg ul.panel li.separator {height:16px;margin:0 4px;border-left:1px solid #cccccc;} div.wysiwyg ul.panel li a {text-indent:-5000px;opacity:0.85;filter:alpha(opacity=85);display:block;width:16px;height:16px;background:url('images/jquery.wysiwyg.gif') no-repeat -64px -80px;border:0;cursor:pointer;padding:1px;} div.wysiwyg ul.panel li a:hover, div.wysiwyg ul.panel li a.active {opacity:1.00;filter:alpha(opacity=100);} div.wysiwyg ul.panel li a.active {background-color:#f9f9f9;border:1px solid #cccccc;border-left-color:#aaaaaa;border-top-color:#aaaaaa;padding:0;} div.wysiwyg ul.panel li a.bold {background-position:0 -16px;} div.wysiwyg ul.panel li a.italic {background-position:-16px -16px;} div.wysiwyg ul.panel li a.strikeThrough {background-position:-32px -16px;} div.wysiwyg ul.panel li a.underline {background-position:-48px -16px;} div.wysiwyg ul.panel li a.justifyLeft {background-position:0 0;} div.wysiwyg ul.panel li a.justifyCenter {background-position:-16px 0;} div.wysiwyg ul.panel li a.justifyRight {background-position:-32px 0;} div.wysiwyg ul.panel li a.justifyFull {background-position:-48px 0;} div.wysiwyg ul.panel li a.indent {background-position:-64px 0;} div.wysiwyg ul.panel li a.outdent {background-position:-80px 0;} div.wysiwyg ul.panel li a.subscript {background-position:-64px -16px;} div.wysiwyg ul.panel li a.superscript {background-position:-80px -16px;} div.wysiwyg ul.panel li a.undo {background-position:0 -64px;} div.wysiwyg ul.panel li a.redo {background-position:-16px -64px;} div.wysiwyg ul.panel li a.insertOrderedList {background-position:-32px -48px;} div.wysiwyg ul.panel li a.insertUnorderedList {background-position:-16px -48px;} div.wysiwyg ul.panel li a.insertHorizontalRule {background-position:0 -48px;} div.wysiwyg ul.panel li a.h1 {background-position:0 -32px;} div.wysiwyg ul.panel li a.h2 {background-position:-16px -32px;} div.wysiwyg ul.panel li a.h3 {background-position:-32px -32px;} div.wysiwyg ul.panel li a.h4 {background-position:-48px -32px;} div.wysiwyg ul.panel li a.h5 {background-position:-64px -32px;} div.wysiwyg ul.panel li a.h6 {background-position:-80px -32px;} div.wysiwyg ul.panel li a.cut {background-position:-32px -64px;} div.wysiwyg ul.panel li a.copy {background-position:-48px -64px;} div.wysiwyg ul.panel li a.paste {background-position:-64px -64px;} div.wysiwyg ul.panel li a.increaseFontSize {background-position:-16px -80px;} div.wysiwyg ul.panel li a.decreaseFontSize {background-position:-32px -80px;} div.wysiwyg ul.panel li a.createLink {background-position:-80px -48px;} div.wysiwyg ul.panel li a.insertImage {background-position:-80px -80px;} div.wysiwyg ul.panel li a.html {background-position:-47px -46px;} div.wysiwyg ul.panel li a.removeFormat {background-position:-80px -63px;} div.wysiwyg ul.panel li a.empty {background-position:-64px -80px;} div.wysiwyg iframe {border:0;clear:left;margin:4px 0 0 1px;} /* TipTip CSS - Version 1.2 */ #tiptip_holder {display:none;position:absolute;top:0;left:0;z-index:99999;} #tiptip_holder.tip_top {padding-bottom:5px;} #tiptip_holder.tip_bottom {padding-top:5px;} #tiptip_holder.tip_right {padding-left:5px;} #tiptip_holder.tip_left {padding-right:5px;} #tiptip_content {font-size:11px;color:#fff;text-shadow:0 0 2px #000;padding:4px 8px;border:1px solid rgba(255,255,255,0.25);background-color:rgb(25,25,25);background-color:rgba(25,25,25,0.92);background-image:0 to(#000));border-radius:3px;-webkit-border-radius:3px;-moz-border-radius:3px;box-shadow:0 0 3px #555;-webkit-box-shadow:0 0 3px #555;-moz-box-shadow:0 0 3px #555;} #tiptip_arrow,#tiptip_arrow_inner {position:absolute;border-color:transparent;border-style:solid;border-width:6px;height:0;width:0;} #tiptip_holder.tip_top #tiptip_arrow {border-top-color:#fff;border-top-color:rgba(255,255,255,0.35);} #tiptip_holder.tip_bottom #tiptip_arrow {border-bottom-color:#fff;border-bottom-color:rgba(255,255,255,0.35);} #tiptip_holder.tip_right #tiptip_arrow {border-right-color:#fff;border-right-color:rgba(255,255,255,0.35);} #tiptip_holder.tip_left #tiptip_arrow {border-left-color:#fff;border-left-color:rgba(255,255,255,0.35);} #tiptip_holder.tip_top #tiptip_arrow_inner {margin-top:-7px;margin-left:-6px;border-top-color:rgb(25,25,25);border-top-color:rgba(25,25,25,0.92);} #tiptip_holder.tip_bottom #tiptip_arrow_inner {margin-top:-5px;margin-left:-6px;border-bottom-color:rgb(25,25,25);border-bottom-color:rgba(25,25,25,0.92);} #tiptip_holder.tip_right #tiptip_arrow_inner {margin-top:-6px;margin-left:-5px;border-right-color:rgb(25,25,25);border-right-color:rgba(25,25,25,0.92);} #tiptip_holder.tip_left #tiptip_arrow_inner {margin-top:-6px;margin-left:-7px;border-left-color:rgb(25,25,25);border-left-color:rgba(25,25,25,0.92);} /* Webkit Hacks */ @media screen and -webkit-min-device-pixel-ratio0#tiptip_content {padding:4px 8px 5px;background-color:rgba(45,45,45,0.88);} #tiptip_holder.tip_bottom #tiptip_arrow_inner {border-bottom-color:rgba(45,45,45,0.88);} #tiptip_holder.tip_top #tiptip_arrow_inner {border-top-color:rgba(20,20,20,0.92);} /* =============================== ADMIN EDITOR STYLES =============================== */ #content p.leadin, p.leadin {color:#09f;font:15px/1.5 arial, sans-serif;text-transform:uppercase;margin-top:20px;} .note {background-color:#f60;border:1px solid#f60;border-radius:10px;color:#fff;display:inline-block;font-size:12px;font-weight:bold;margin-left:10px;padding:5px 10px;text-transform:uppercase;} .notice {background-color:#daeffb;border-color:#acdbef;color:#454c53;padding:10px 15px;width:91%;} .notice-full {background-color:#daeffb;border-color:#acdbef;color:#454c53;padding:10px 15px;width:96%;} .error {background-color:#fbe3e4;border-color:#d12f19;color:#d12f19;padding:10px 15px;} .errorInline {background-color:transparent;border:none;color:red;font-size:14px;margin-bottom:20px;padding:0px;} .announcement {background-color:#f9edaa;border-color:#d7d7d7;color:#2b2b2b;padding:10px 15px;} .success {background-color:#e2f8e4;border-color:#a5cea8;color:#3c8821;padding-left:9px;} .wholeseler-note {margin:0;} .logged-1 .wholeseler-note {margin-bottom:20px;-moz-border-radius:4px;-webkit-border-radius:4px;border-radius:4px;} .logged-1.zone-Wholesalers .wholeseler-note {display:none;} /* Floats */ .float-right {float:right;} .float-left {float:left;} .float-none {float:none;clear:both;} /* Misc */ .last-item, #content .last-item {margin-right:0 !important;}