/* === theme.css contains styles that support different sizes of theme images === */ @import url("theme.css"); /* === Begin general styles for all themes === */ /* === NOTES === */ /* === only the INNER LAYOUT scrolls site wide  header backgrounds and nav bars are FIXED === */ /* === HTML5 Doctype in use === */ /* === CSS3 used must not affect layout or usablility-graceful degredation === */ /* === IE6 is NOT supported === */ /* === Main body defaults === */ body { background-attachment:fixed; margin: 0px; padding: 0px; background-image: url("bg-fade.jpg");/* === The blue fading background === */ font-family: Arial, Helvetica, sans-serif; color: #000000; font-size:11px;} /* === Styles for the pop-up extended info windows === */ /* === Sets the pop-up window background colour === */ table.pop-up{ background-color:#ffffff;} /* === Positions and styles the header === */ div.pop-up-header{ height:50px; width:100%; left:0px; background-color:#ffebcd; border-top:2px solid #cd853f; border-bottom:2px solid #f8ae03;} /* === Styles the header text === */ .pop-up-header-text{ text-align:center; font-size:14px; line-height:21px; padding-top:20px; color:#000080;} /* === END OF EXT INFO STYLES === */ /* === More text defaults === */	 p, table, td, th { font-family: Arial, Helvetica, sans-serif; font-size: /*11px*/12px; font-style: normal; font-weight: normal; color: #000000; margin-top: 0px;} input.box{ border-left: 2px solid #4f4f4f; border-top: 2px solid #696969; border-right: 2px solid #cfcfcf; border-bottom: 2px solid #cfcfcf; background-color:#eeeeee;} input.box-important{ border-left: 2px solid #4f4f4f; border-top: 2px solid #696969; border-right: 2px solid #cfcfcf; border-bottom: 2px solid #cfcfcf; background-color:#fff8dc;} option.box{ border-left: 2px solid #4f4f4f; border-top: 2px solid #696969; border-right: 2px solid #cfcfcf; border-bottom: 2px solid #cfcfcf; background-color:#ffffff;} /* === Styles all fragment text === */	 .section-text{ font-size:12px; line-height:16px;} /* === Styles all fragment titles === */	 .section-title{ font-size:12px; font-weight:700; margin-bottom:3px;} .actinic-link{ left:150px; width:600px; text-align: center; } /* === Positions list and sets line height for catalogue section plain text links === */ .inner-section-list{ width: 500px; margin-left:40px; line-height:1.8em; padding-bottom:1px;} /* === Makes sure stock availability msg displays correctly*/ .prod-image{ min-height:150px;} /* === Styles the catalogue page section link  "icons" === */ .cat-section{ border: 1px solid #cfcfcf; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; -webkit-box-shadow: 2px 2px 3px #777777; -moz-box-shadow: 2px 2px 3px #777777; box-shadow: 2px 2px 3px #777777;} /*.holly-left{ position: fixed; background-image:url("holly-border.png"); background-repeat: repeat-y; top:0px; left:175px; width:30px; height:100%; z-index:2;} .holly-right{ position: fixed; background-image:url("holly-border-mirror.png"); background-repeat: repeat-y; top:0px; left:755px; width:30px; height:100%; z-index:2;}*/ /* === Positions and styles the left aligned (Fragment Layout Using CSSL) SECTION fragments === */	 .fragment-left{ width:174px; height:185px; margin-left:45px; margin-right:0px; padding: 3px; background:transparent; border: 1px solid #c0c0c0; text-align:center; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; -webkit-box-shadow: 2px 2px 3px #777777; -moz-box-shadow: 2px 2px 3px #777777; box-shadow: 2px 2px 3px #777777;} .fragment-plain{ width:174px; height:135px; margin-left:55px; margin-right:0px; padding: 3px; background:transparent; border: 1px solid #c0c0c0; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px;} /* === Positions and styles the left aligned (Fragment Layout Using CSSL) TEXT fragments === */	 .fragment-left2{ width:205px; height:300px; margin-left:45px; margin-right:0px; padding: 3px; background:transparent; border: 1px solid #c0c0c0; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; -webkit-box-shadow: 2px 2px 3px #777777; -moz-box-shadow: 2px 2px 3px #777777; box-shadow: 2px 2px 3px #777777;} /* === Positions and styles the left aligned (Fragment Layout Using CSSL)  promotional fragments === */	 .fragment-left3{ width:205px; min-height:300px; margin-left:45px; margin-right:0px; padding: 3px; background:transparent; /*border: 1px solid #c0c0c0; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; -webkit-box-shadow: 2px 2px 3px #777777; -moz-box-shadow: 2px 2px 3px #777777; box-shadow: 2px 2px 3px #777777;*/} /* === Positions and styles the right aligned (Fragment Layout Using CSSR) SECTION fragments === */	 .fragment-right{ width:174px; height:185px; margin-left:107px; margin-right:10px; padding: 3px; background:transparent; border: 1px solid #cfcfcf; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; text-align:center; -webkit-box-shadow: 2px 2px 3px #777777; -moz-box-shadow: 2px 2px 3px #777777; box-shadow: 2px 2px 3px #777777;} /* === Positions and styles the right aligned  (Fragment Layout Using CSSR) TEXT fragments === */		 .fragment-right2{ width:205px; height:300px; margin-left:77px; margin-right:0; padding: 3px; background:transparent; border: 1px solid #cfcfcf; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; -webkit-box-shadow: 2px 2px 3px #777777; -moz-box-shadow: 2px 2px 3px #777777; box-shadow: 2px 2px 3px #777777;} /* === Positions and styles the right aligned (Fragment Layout Using CSSR)  promotional fragments === */		 .fragment-right3{ width:205px; min-height:300px; margin-left:87px; margin-right:0; padding: 3px; background:transparent; /*border: 1px solid #cfcfcf; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; -webkit-box-shadow: 2px 2px 3px #777777; -moz-box-shadow: 2px 2px 3px #777777; box-shadow: 2px 2px 3px #777777;*/} /* === Styles the Fragment "Fragment Layout Using CSS" === */ .fragment-layout-exp{ width:500px; margin-left:42px; margin-top:5px; font-size:12px; padding: 5px; border: 1px solid #cfcfcf; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; -webkit-box-shadow: 2px 2px 3px #777777; -moz-box-shadow: 2px 2px 3px #777777; box-shadow: 2px 2px 3px #777777; } .contact-us{ width:500px; margin-left:35px; margin-top:30px; font-size:12px; padding: 10px; border: 1px solid #cfcfcf; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; -webkit-box-shadow: 2px 2px 3px #777777; -moz-box-shadow: 2px 2px 3px #777777; box-shadow: 2px 2px 3px #777777; } /* === Styles the Fragment "No border expanded" === */ .fragment-layout-exp-noborder{ width:500px; text-align: center; margin-left:30px; margin-top:5px; font-size:12px; padding: 5px;} .contact-form{ position:absolute; left:35px; top:480px; width:490px; padding:10px; border: 1px solid #000000; }		 /* === Styles the product (long) description text ===*/ .product-description{ width:470px; /*margin-left:-245px;*/ font-size:12px; padding:3px;} /* === Styles the USP header "Right part - Right price - Right now" === */		 .splash{ font-size:18px; text-align:center; padding-top:5px; padding-left:10px; margin-bottom:10px; width: 600px; font-weight:900; color:#000080;} /* === Styles and aligns the product price text === */	 .price-text{ font-size:14px; color:#6a0000; padding:6px;} .pricecap{  font-size:14px; font-weight:normal;} .price-line-box{ margin-top:0px; margin-left:0px;} /* === Positions the quantity text and input box === */		 .qty{ font-size:14px; color:#000080; width:220px; margin-top:-87px; margin-left:50px; margin-bottom:55px;} .low-qty{ font-size:14px; color:#000080; width:400px; margin-top:-87px; margin-left:50px; margin-bottom:-15px;} .cart-button{margin-left:250px; margin-bottom:20px;} /*===	Styles and positions the stock availability warning box ===*/ .stock-warning{ margin-left:220px; margin-top:-150px; margin-bottom:20px; width:220px; border:1px solid #cfcfcf; padding:5px; z-index:1; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px;} /*===	Styles the stock availability warning text ===*/ .stock-warning-text{ font-size:12px; color:#8b0000;} /* === Wraps and styles each product in the catalogue === */		 .divider{ position:relative; width:500px; height:100%; left:0px; background-color:transparent; border:1px solid #cfcfcf; padding:5px; margin:1px; margin-left:40px; z-index:1; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px;} /* === Sets text size, line height, and margins for RHS catalogue navigation bar === */ .brochure-link{ display:block; margin-bottom:-8px; margin-left:25px; text-align:left; width:170px; font-size:12px;} .section-name{ color:#000080; font-size:11px;} .fragmenttitle{ font-size:12px; text-align:center; color:navy; font-weight:700px; padding-top:3px; padding-bottom:0px;} .fragment-text{ font-size:11px; padding: 3px;}*/ form { margin: 0px;} .carttext{ font-size:14px; font-weight:700; color:#000080; padding:5px;} .text-link{ font-size:14px;} /*===Styles the breadcrumb link text box NOT IN USE===*/ .breadcrumb{ background-color:#f0f8ff; font-size:12px; width:495px; padding-bottom:4px; padding-left:15px; margin-bottom:5px; margin-left:30px; border: 1px solid #9fb6cd} .indicator{ font-size:12px; font-weight:700; padding-left:5px; color:#000080;} /*===This CSS was in pages as id's-moved here as classes===*/	 /* === Container for the logo, checkout icons and search bar === */	 .header { position:absolute; top:0; left:11px; margin: 0px; padding: 0px; border: 0px; background: #ffffff; height: 100px; width:959px; z-index:5;} /* === Styles and positions the "go to checkout" + "view basket" icons === */ .checkout-box{ position:absolute; top:2px; left:535px; text-align:center; width:480px; height: 60px; z-index:6; border: none;} /* === Styles and positions the social networking box === */ .social-web{ position:absolute; top:750px; left:805px; width:140px; padding:3px; z-index:12; background-color:#f8f8ff; border: 1px solid #f4a460; -webkit-border-radius:10px; -moz-border-radius:10px; -o-border-radius:10px; border-radius:10px; -webkit-box-shadow: 2px 2px 6px #575657; -moz-box-shadow: 2px 2px 6px #575657; box-shadow: 2px 2px 6px #575657; } .hubspot{ position:absolute; top:470px; left:790px; width:140px; padding:3px; z-index:12; } /* === Styles the text labels in the social web box ===*/ .social-title{ text-align:left; font-size:12px; padding:3px;} /* === Positions and sizes the company logo === */ .logo { width: 470px; height: 60px; margin-left:10px;} /* === Container for the Search and cart summary (layout falls to bits without it) === */ .toolbar { border: 0px; left:0px; text-align: right;} /* === positions the search bar === */ .search { position:absolute; top:60px; left:15px;} /* === Formats the cart contents summary box and text === */ .cartsummary {  position:absolute; top:60px; left:585px; width:357px; height:16px; text-align:center; font-size:12px; font-weight:700; color:#b03060; background:#f0f8ff; border: 1px solid #9fb6cd; padding:4px; z-index:6;} /* === Styles the left hand (departments)navigation box === */ .primary-navigation { position: absolute; top: 96px; left:11px; padding-left:0px; padding-right:0px; padding-top:10px; background:transparent; width:170px; height:100%; border-right:1px solid #f4a460;/*===This is the LHS orange border for the main content===*/ z-index:3;} .primary-navigation-bg { position: fixed; top: 0px; left:11px; padding-left:0px; padding-right:0px; padding-top:10px; background:#feebcd; width:170px; height:100%; border-right:1px solid #f4a460;/*===This is the LHS orange border for the main content===*/ z-index:2;} html>body .sidebar{ width: 180px;} /* === Styles the main page content div - holds and positions the INNERLAYOUT === */ .content { position:absolute; top:100px; left:180px; padding-left: 0px; padding-right: 0px; padding-top:5px; background: transparent; /*=== Must be transparent===*/ width:400px; height:100%; z-index:6;} .brochure-content { position:absolute; top:100px; left:205px; padding-left: 0px; padding-right: 0px; padding-top:30px; background: transparent; /*=== Must be transparent===*/ width:400px; height:100%; z-index:1;} /*=== Styles the main page content div - holds and positions the INNER LAYOUT  when using checkout and cart pages ===*/ .checkout-inner{ position:absolute; top:100px; left:20px; padding-left:0; padding-right:0; padding-top:50px; background-color:#ffffff; width:650px; height:100%; z-index:1;} /* === Used by 'Standard Layout Using CSS' and related CSS-based product layouts === */ .product_list	{ margin: 4px 0px 4px 20px; width:172px; padding:3px; text-align:center; border: 1px solid silver;}	 .product_list2	{ margin: 4px 5px 4px 5px; padding:3px; text-align:left; } /* === Inserts and positions the two "fade-out" bars at the top and bottom of the content  .content-fade { position:fixed; background-image:url("content-fade.png"); background-repeat:no-repeat; background-color:transparent; top:100px; left:182px; padding:0px; height:25px; width:598px; z-index:4;} .content-fade-bottom { position:fixed; background-image:url("content-fade2.png"); background-repeat:no-repeat; background-color:transparent; top:98%; left:182px; padding:0px; height:30px; width:598px; z-index:4;}===*/ /*== CONTENT FADE ENDS === */ /* === Background for all the page contents for 1024px viewport === */ .middle-bg { position:fixed; top:0px; left:9px; padding: 0px; background: #ffffff;  width:960px; height:100%; border-left:2px solid #1874cd; border-right: 2px solid #1874cd; border-bottom: 1px solid #1874cd; z-index:1;} .navbar { position: absolute; top: 58px; left:810px; margin: 0px; padding: 0px; padding-top:30px; background: #ffffff; text-align: left; width:180px;} /* === Positions and styles the RHS catalogue navigation box (not the links!) === */ .secondary-navigation{ position: absolute; top: 96px; left:780px; margin: 0px; padding-left:0px; padding-top:10px; background:transparent; text-align: center; width:189px; height:100%; border-left: 1px solid #f4a460; z-index:3;} .secondary-navigation-bg{ position: fixed; top: 0px; left:780px; margin: 0px; padding-left:0px; padding-top:10px; background:#feebcd; text-align: center; width:189px; height:100%; border-left: 1px solid #f4a460; z-index:2;} html>body .navbar { width: 130px;} /* === Positions and styles the divider between the header and page contents EYE CANDY === */	 .headerline{ position:absolute; top:90px; left:11px; width:960px; height:0px; border-top: 6px #cd853f solid; border-bottom: 5px #f8ae03 solid; z-index:9;} /* === H1 text style in catalogue section and sub-section pages === */ .page-title{ font-size: 14px; text-align: center; font-weight:500; margin-left:0px; width:600px;} /* === Removes borders from ALL images === */ img{border:0px;} a:link img.check{ padding-top:2px; border:none;} a:hover img.check{ padding-top:2px; border:none;} a:link { color: #0000ff; font-size:12px; text-decoration: underline; text-align:center;} a:visited { color: #aa00aa; font-size:12px; text-decoration: none; text-align:center;} a:hover { color: #ff0000; font-size:12px; text-decoration: underline;} a:active { color: #00ff00; font-size:12px; text-decoration: none; text-decoration: underline; text-align:center;} /*=== Styles the "hide cart contents" link in the checkout ===*/ a.checkout-checkout-bg:link { margin-right: 10px; padding-top: 3px; padding-bottom: 3px; padding-left: 8px; padding-right: 8px; color: #0000ff; font-size:12px; text-decoration: underline;} /*=== Styles the "hide cart contents" link in the checkout ===*/ a.checkout-checkout-bg:hover { margin-right: 10px; padding-top: 3px; padding-bottom: 3px; padding-left: 8px; padding-right: 8px; color: #ff0000; font-size:12px; text-decoration: underline;} /* === Styles the navigation button bar layout UL === */ .ulnav{ list-style-type:none; padding:0px; margin:0px; margin-right:10px;} /* === Styles the navigation button bar layout LI === */	 .linav{ list-style-type:none; text-align:left; font-size:14px; padding-bottom:5px; padding-left:0px;} /* === Styles the LH Section navigation link buttons, rollover link text === */ a.nav:link { color: #0000ff; font-size:14px; text-decoration: underline; display:block; width:140px; padding:3px; margin:-1px; line-height:12px; border: solid 1px #0000ff; -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px; background: #ffdab9; /* Old browsers */ background: -moz-linear-gradient(top, #e5e5e5 0%, #f2f2f2 0%, #bcbcbc 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e5e5e5), color-stop(0%,#f2f2f2), color-stop(100%,#bcbcbc)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #e5e5e5 0%,#f2f2f2 0%,#bcbcbc 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #e5e5e5 0%,#f2f2f2 0%,#bcbcbc 100%); /* Opera11.10+ */ background: -ms-linear-gradient(top, #e5e5e5 0%,#f2f2f2 0%,#bcbcbc 100%); /* IE10+ */ background: linear-gradient(top, #e5e5e5 0%,#f2f2f2 0%,#bcbcbc 100%); /* W3C */} /* === Styles the LH Section navigation hover link buttons, rollover link text === */ a.nav:hover { color: #ff0000; font-size:14px; text-decoration: underline; display:block; width:140px; padding:3px; margin:-1px; line-height:12px; border: solid 1px #ffa500; -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px; background: #EDF6FF; -webkit-box-shadow:0px 0px 5px #d1808c; -moz-box-shadow:0px 0px 5px #d1808c; box-shadow:0px 0px 5px #d1808c;  background: #e5e5e5; /* Old browsers */ background: -moz-linear-gradient(top, #e5e5e5 0%, #bcbcbc 0%, #f2f2f2 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e5e5e5), color-stop(0%,#bcbcbc), color-stop(100%,#f2f2f2)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #e5e5e5 0%,#bcbcbc 0%,#f2f2f2 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #e5e5e5 0%,#bcbcbc 0%,#f2f2f2 100%); /* Opera11.10+ */ background: -ms-linear-gradient(top, #e5e5e5 0%,#bcbcbc 0%,#f2f2f2 100%); /* IE10+ */ background: linear-gradient(top, #e5e5e5 0%,#bcbcbc 0%,#f2f2f2 100%); /* W3C */} /* === Styles the LH Section navigation visited link buttons, rollover link text === */ a.nav:visited { color: #aa00aa; font-size:14px; text-decoration: underline; display:block; width:140px; padding:3px; margin:-1px; line-height:12px; background: #e5e5e5; /* Old browsers */ background: -moz-linear-gradient(top, #e5e5e5 0%, #f2f2f2 0%, #bcbcbc 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e5e5e5), color-stop(0%,#f2f2f2), color-stop(100%,#bcbcbc)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #e5e5e5 0%,#f2f2f2 0%,#bcbcbc 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #e5e5e5 0%,#f2f2f2 0%,#bcbcbc 100%); /* Opera11.10+ */ background: -ms-linear-gradient(top, #e5e5e5 0%,#f2f2f2 0%,#bcbcbc 100%); /* IE10+ */ background: linear-gradient(top, #e5e5e5 0%,#f2f2f2 0%,#bcbcbc 100%); /* W3C */ border: solid 1px #0000ff; -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px;} /* === Styles the LH Section navigation active link buttons, rollover link text === */ a.nav:active { color: #ff0000; font-size:14px; text-decoration: underline; display:block; width:140px; padding:3px; margin-1px; line-height:12px; background: #e5e5e5; /* Old browsers */ background: -moz-linear-gradient(top, #e5e5e5 0%, #bcbcbc 0%, #f2f2f2 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e5e5e5), color-stop(0%,#bcbcbc), color-stop(100%,#f2f2f2)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #e5e5e5 0%,#bcbcbc 0%,#f2f2f2 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #e5e5e5 0%,#bcbcbc 0%,#f2f2f2 100%); /* Opera11.10+ */ background: -ms-linear-gradient(top, #e5e5e5 0%,#bcbcbc 0%,#f2f2f2 100%); /* IE10+ */ background: linear-gradient(top, #e5e5e5 0%,#bcbcbc 0%,#f2f2f2 100%); /* W3C */ border: solid 1px #ffa500; -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px;} /* === End of styles for the LH Section navigation link buttons, rollover link text === */ /* === Styles the text and rollover effects for the RH brochure link buttons === */	 a.brochure-links:link { color: #0000ffe; font-size:14px; text-decoration: underline; display:block; width:140px; height:12px; padding:3px; margin:-2px; line-height:12px; border: solid 1px #0000ff; -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px; background: #ffdab9; /* Old browsers */ background: -moz-linear-gradient(top, #e5e5e5 0%, #f2f2f2 0%, #bcbcbc 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e5e5e5), color-stop(0%,#f2f2f2), color-stop(100%,#bcbcbc)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #e5e5e5 0%,#f2f2f2 0%,#bcbcbc 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #e5e5e5 0%,#f2f2f2 0%,#bcbcbc 100%); /* Opera11.10+ */ background: -ms-linear-gradient(top, #e5e5e5 0%,#f2f2f2 0%,#bcbcbc 100%); /* IE10+ */ background: linear-gradient(top, #e5e5e5 0%,#f2f2f2 0%,#bcbcbc 100%); /* W3C */} /* === Styles the text and rollover effects for the RH brochure hover link buttons === */ a.brochure-links:hover { color: #ff0000; font-size:14px; text-decoration: underline; display:block; width:140px; height:12px; padding:3px; margin:-2px; line-height:12px; border: solid 1px #ffa500; -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px; background: #e5e5e5; /* Old browsers */ background: -moz-linear-gradient(top, #e5e5e5 0%, #bcbcbc 0%, #f2f2f2 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e5e5e5), color-stop(0%,#bcbcbc), color-stop(100%,#f2f2f2)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #e5e5e5 0%,#bcbcbc 0%,#f2f2f2 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #e5e5e5 0%,#bcbcbc 0%,#f2f2f2 100%); /* Opera11.10+ */ background: -ms-linear-gradient(top, #e5e5e5 0%,#bcbcbc 0%,#f2f2f2 100%); /* IE10+ */ background: linear-gradient(top, #e5e5e5 0%,#bcbcbc 0%,#f2f2f2 100%); /* W3C */ -webkit-box-shadow:0px 0px 5px #d1808c; -moz-box-shadow:0px 0px 5px #d1808c; box-shadow: inset: 0px 0px 5px #d1808c; } /* === Styles the text and rollover effects for the RH brochure visited link buttons === */ a.brochure-links:visited { color: #aa00aa; font-size:14px; text-decoration: underline; display:block; width:140px; height:12px; padding:3px; margin:-2px; line-height:12px; background: #e5e5e5; /* Old browsers */ background: -moz-linear-gradient(top, #e5e5e5 0%, #f2f2f2 0%, #bcbcbc 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e5e5e5), color-stop(0%,#f2f2f2), color-stop(100%,#bcbcbc)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #e5e5e5 0%,#f2f2f2 0%,#bcbcbc 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #e5e5e5 0%,#f2f2f2 0%,#bcbcbc 100%); /* Opera11.10+ */ background: -ms-linear-gradient(top, #e5e5e5 0%,#f2f2f2 0%,#bcbcbc 100%); /* IE10+ */ background: linear-gradient(top, #e5e5e5 0%,#f2f2f2 0%,#bcbcbc 100%); /* W3C */ border: solid 1px #0000ff; -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px;} /* === Styles the text and rollover effects for the RH brochure active link buttons === */ a.brochure-links:active { color: #00ff00; font-size:14px; text-decoration: underline; display:block; width:140px; height:12px; padding:3px; margin:-2px; line-height:12px; background: #e5e5e5; /* Old browsers */ background: -moz-linear-gradient(top, #e5e5e5 0%, #bcbcbc 0%, #f2f2f2 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e5e5e5), color-stop(0%,#bcbcbc), color-stop(100%,#f2f2f2)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #e5e5e5 0%,#bcbcbc 0%,#f2f2f2 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #e5e5e5 0%,#bcbcbc 0%,#f2f2f2 100%); /* Opera11.10+ */ background: -ms-linear-gradient(top, #e5e5e5 0%,#bcbcbc 0%,#f2f2f2 100%); /* IE10+ */ background: linear-gradient(top, #e5e5e5 0%,#bcbcbc 0%,#f2f2f2 100%); /* W3C */ border: solid 1px #ffa500; -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px;} /* === End of styles for the text and rollover effects for the RH brochure link buttons === */ /* === Styles the text and rollover effects for the RH brochure link buttons === */	 a.brochure-links-2:link { color: #0000ffe; font-size:14px; text-decoration: underline; display:block; width:140px; height:12px; padding:3px; margin-bottom:0px; margin-top:-20px; margin-left:2px; line-height:12px; border: solid 1px #0000ff; -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px; background: #ffdab9; /* Old browsers */ background: -moz-linear-gradient(top, #e5e5e5 0%, #f2f2f2 0%, #bcbcbc 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e5e5e5), color-stop(0%,#f2f2f2), color-stop(100%,#bcbcbc)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #e5e5e5 0%,#f2f2f2 0%,#bcbcbc 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #e5e5e5 0%,#f2f2f2 0%,#bcbcbc 100%); /* Opera11.10+ */ background: -ms-linear-gradient(top, #e5e5e5 0%,#f2f2f2 0%,#bcbcbc 100%); /* IE10+ */ background: linear-gradient(top, #e5e5e5 0%,#f2f2f2 0%,#bcbcbc 100%); /* W3C */} /* === Styles the text and rollover effects for the RH brochure hover link buttons === */ a.brochure-links-2:hover { color: #ff0000; font-size:14px; text-decoration: underline; display:block; width:140px; height:12px; padding:3px; margin-top:-20px; margin-bottom:0px; margin-left:2px; line-height:12px; border: solid 1px #ffa500; -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px; background: #e5e5e5; /* Old browsers */ background: -moz-linear-gradient(top, #e5e5e5 0%, #bcbcbc 0%, #f2f2f2 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e5e5e5), color-stop(0%,#bcbcbc), color-stop(100%,#f2f2f2)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #e5e5e5 0%,#bcbcbc 0%,#f2f2f2 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #e5e5e5 0%,#bcbcbc 0%,#f2f2f2 100%); /* Opera11.10+ */ background: -ms-linear-gradient(top, #e5e5e5 0%,#bcbcbc 0%,#f2f2f2 100%); /* IE10+ */ background: linear-gradient(top, #e5e5e5 0%,#bcbcbc 0%,#f2f2f2 100%); /* W3C */ -webkit-box-shadow:0px 0px 5px #d1808c; -moz-box-shadow:0px 0px 5px #d1808c; box-shadow: inset: 0px 0px 5px #d1808c; } /* === Styles the text and rollover effects for the RH brochure visited link buttons === */ a.brochure-links-2:visited { color: #aa00aa; font-size:14px; text-decoration: underline; display:block; width:140px; height:12px; padding:3px; margin-bottom:0px; margin-left:2px; margin-top:-20px; line-height:12px; background: #e5e5e5; /* Old browsers */ background: -moz-linear-gradient(top, #e5e5e5 0%, #f2f2f2 0%, #bcbcbc 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e5e5e5), color-stop(0%,#f2f2f2), color-stop(100%,#bcbcbc)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #e5e5e5 0%,#f2f2f2 0%,#bcbcbc 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #e5e5e5 0%,#f2f2f2 0%,#bcbcbc 100%); /* Opera11.10+ */ background: -ms-linear-gradient(top, #e5e5e5 0%,#f2f2f2 0%,#bcbcbc 100%); /* IE10+ */ background: linear-gradient(top, #e5e5e5 0%,#f2f2f2 0%,#bcbcbc 100%); /* W3C */ border: solid 1px #0000ff; -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px;} /* === Styles the text and rollover effects for the RH brochure active link buttons === */ a.brochure-links-2:active { color: #00ff00; font-size:14px; text-decoration: underline; display:block; width:140px; height:12px; padding:3px; margin-bottom:0px; margin-left:2px; margin-top:-20px; line-height:12px; background: #e5e5e5; /* Old browsers */ background: -moz-linear-gradient(top, #e5e5e5 0%, #bcbcbc 0%, #f2f2f2 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e5e5e5), color-stop(0%,#bcbcbc), color-stop(100%,#f2f2f2)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #e5e5e5 0%,#bcbcbc 0%,#f2f2f2 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #e5e5e5 0%,#bcbcbc 0%,#f2f2f2 100%); /* Opera11.10+ */ background: -ms-linear-gradient(top, #e5e5e5 0%,#bcbcbc 0%,#f2f2f2 100%); /* IE10+ */ background: linear-gradient(top, #e5e5e5 0%,#bcbcbc 0%,#f2f2f2 100%); /* W3C */ border: solid 1px #ffa500; -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px;} /* === End of styles for the text and rollover effects for the RH brochure link buttons === */ /* === Styles the text and rollover effects for the INNER LAYOUT section links === */ a.nav2:link { color: #0000ff; font-size:12px; text-decoration: underline;} /* === Styles the text and rollover effects for the INNER LAYOUT hover section links === */ a.nav2:hover { color: #ff0000; font-size:12px; text-decoration: underline;} /* === Styles the text and rollover effects for the INNER LAYOUT visited section links === */ a.nav2:visited { color: #aa00aa; font-size:12px; text-decoration: none;} /* === Styles the text and rollover effects for the INNER LAYOUT active section links === */ a.nav2:active { color: #ff0000; font-size:12px; text-decoration: underline;} /* === End of styles for the text and rollover effects for the INNER LAYOUT section links === */ /* === Styles for checkout page links === */	 a.checkout-checkoutbg:link { font-size:12px; color: #0000ff; text-decoration: underline;} a.checkout-checkoutbg:visited { font-size:12px; color: #ff00ff; text-decoration: underline;} a.checkout-checkoutbg:hover { font-size:12px; color: #ff0000; text-decoration: underline;} a.checkout-checkoutbg:active { font-size:12px; color: #00ff00; text-decoration: underline;} a.checkout-textcolor:link { font-size:12px; color: #0000ff; text-decoration: underline;} a.checkout-textcolor:visited { font-size:12px; color: #ff00ff; text-decoration: none;} a.checkout-textcolor:hover { font-size:12px; color: #ff0000; text-decoration: underline;} a.checkout-textcolor:active { font-size:12px; color: #00ff00; text-decoration: underline;} ul { list-style-type: none;} /* Generic text formatting used throughout the store ---------------------------- */ .actCHECKOUTEM { background-color: #0099ff;} .actCHECKOUTBG { background-color: #eeeeee;} .actlarger { font-size: 13px; color: #000000;} .actsmaller{ font-size: 12; color: #000000;} .actxxsmall { font-size: 12; color: #000000;} .actxsmall { font-size: 11px; color: #000000;} .actsmall { font-size: 11px; color: #000000;} .actregular { font-size: 13px; color: #000000;} .actlarge{ font-size: 16px; color: #000000;} .actxlarge { font-size: 20px; color: #000000;} .actxxlarge { font-size: 20px; color: #000000;} .actwarningcolor { color: #ff3300;} .actrequiredcolor { color: #ff3300;} .actsearchhighlightcolor { color: #ff3300;} .actrequired2 { color: #6a0000; font-size: 1.1em;} .actwarning { font-size: 11px; color: #ff3300;} .actwelcome { font-size: 11px; color: #000000;} .actlogotext { font-size: 11px; color: #D9090E; font-style: normal; font-weight: bold; text-align: center;} .actlogout { font-size: 11px; color: #000075;} * html .boxhead h2 {height: 1%;} .sidebox { font-size: 100%;} /* === Styles the heading in the navigation bars === */ p.boxhead{ margin: 0; margin-bottom:5px; padding: 0; text-align: center; font-size:14px; font-weight:700; color:navy;} .boxbody { margin: 0; padding: 5px 10px 11px;} .boxbody ol { margin: 0; padding: 0; margin-left: 1.2em; padding-left: 1.2em;} .boxbody ol li { margin-bottom: 0.2em;} /* === Cart and Checkout page styles THIS SECTION IS A NIGHTMARE === */ /* === All the style interact and cascade === needs re-doing from start === */ /* === Contains the cart contents, discount info, and related products tables === */ div.CheckoutCartSection { margin-top: 20px; margin-bottom: 10px; margin-left:30px; width:500px;} div.receiptCartSection { margin-top: 0px; font-size:12px; margin-bottom: 10px; margin-left:0px; width:500px;} div.cart-wrapper { margin-top: 0px; margin-bottom: 10px; margin-left:30px; width:500px;} /* === Cart tables margin reset === */ table.checkout#idTableCheckoutSection { margin-bottom: 0px; margin-left:0px;} .checkout-secure{ font-size:12px; color:#006400; font-weight:600; background-color:#f0fff0; margin-left:30px; width:650px; border: 2px solid #2e8b57;} .checkout-secure-2{ font-size:12px; text-align:left; color:#006400; font-weight:600; background-color:#f0fff0; width:auto; margin-left:100px;} /* === Styles the checkout secure info section === */		 .checkout-required-secure{ font-size:12px; font-weight:600; color:#006400; width:50%; background-color:#f0fff0;} /* === Styles the info about shipping costs not updating automatically === */ .ship-note{ font-size: 12px; color:#006400; text-align: left;} .post-method{ font-size:12px; color: #000080; text-align:left; font-weight:600;} .discount{ border:1px solid #000080;} /* === Styles the checkout "remember me text === */		 .remember{ text-align: left; font-size:12px;} th.checkout-required-secure{ font-size:12px; color:#000080; background-color:#f0fff0;} table.checkout-cart { width: 650px; border-collapse: collapse; padding: 3px; margin-bottom: 5px; border:1px solid #000080;/* === Puts a border round the cart summary === */} table.checkout-cart th{ font-size: 12px; font-weight: 500; color: #000080; background-color: #ffebcd; border-bottom: solid 1px #000080; /*=== Puts a border under the cart contents table headings === */ padding: 4px 4px;} table.checkout-cart td{ font-size:12px; background-color:#ffebcd;/* === Sets bg colour in the cart contents table === */ padding: 4px 4px;} .checkout-cart-head{ font-size:14px; font-weight:500; color:#000080;} .checkout-info{ width:642px; padding:3px; border: 1px solid #000080; margin-top:3px;} /* === Formats the header (th) for the cart contents table === */ table.checkout { width: 650px; border-collapse: collapse; padding: 0px 0px; /*text-align: left;*/ margin-bottom: 5px; margin-left:30px; border: 1px solid #000080;} table.checkout-tax { width: 650px; border-collapse: collapse; padding: 0px 0px; text-align: right; margin-bottom: 5px; margin-left:30px; border: 1px solid #000080;} table.cust-address { width: 650px; border-collapse: collapse; padding: 3px; text-align: left; margin-bottom: 5px; margin-left:30px; border: 1px solid #000080;} table.cust-address th{ background-color: #ffebcd; /* === Sets the background colour === */ font-size: 14px; font-weight: bold; color: #000080; border-bottom:1px solid #000080;} table.checkout th {/* === Style for shopping cart label: "Your shopping basket contains" === */ background-color: #ffebcd; /* === Sets the background colour === */ font-size: 12px; color: #000080; text-align: left; padding-top: 5px; padding-bottom: 5px;} table.checkout-caption th{/* === Style for shopping cart label: "Your shopping basket contains" === */ background-color: #ffebcd; /* === Sets the background colour === */ font-size: 14px; width: 650px; color: #000080; text-align: left; padding-top: 5px; padding-bottom: 5px; border: 1px solid #000080;} table.checkout-caption{/* === Style for shopping cart label: "Your shopping basket contains" === */ background-color: #ffebcd; /* === Sets the background colour === */ font-size: 12px; width: 650px; color: #000080; text-align: left; padding-top: 5px; padding-bottom: 5px; border: 1px solid #000080;} table.checkout th.instruction { font-size: 12px; font-weight: 600; color:#000080; padding:3px; background-color: #ffebcd; border-bottom:1px solid #000080;} table.checkout th.instruction-questions { font-size: 12px; font-weight: 500; text-align:left; color:#000080; padding:3px; background-color: #ffebcd; border-bottom:1px solid #000080; } #idShowHide{ } #show-hide{ font-size:1.0em; font-weight:normal;} .tax-change{ font-size: 12px; font-weight:600; color:#000080; padding:3px; text-align:left; background-color: #ffebcd; border-bottom:1px solid #000080;} .change-button{ padding:3px; text-align:right; background-color: #ffebcd; border-bottom:1px solid #000080;} table.checkout th.change { font-size: 11px; font-weight: bold; color:#000080; padding: 0px 0px; text-align: right;} .checkout-login-button	{ line-height: 13px; height: 15px; width: 70px; margin: 20px 0px 20px 0px; padding: 3px 20px 2px 0px; font-size : 11px; background-color: #0095f9; border: 1px solid #99ccff; color: #99ccff; background-image: url('theme_icon_add_to_cart.gif'); word-spacing: normal; } .checkout-login-button a { padding-left: 20px; color: #99ccff; text-decoration: none; } table.checkout td { background-color: #ffffff; padding: 2px 2px; } table.checkout#idBothAddressesTable col { width: 650px; } td#idCheckoutHelpLabel, table.checkout#idBothAddressesTable col.prompt { width: 130px; } .cart { background-color: #ffffff;} /* === places a border around the order details === */ .order-details{ width:650px; padding:2px; border: 1px solid #000080; background-color: #ffebcd;} /* === Formats the total price in the cart summary === */ .checkout-cartheading { font-size:12px; background-color: #ffebcd; color:#b03060;} .cartheading { background-color: #ffebcd; color: #000080;} .receipt-heading { font-size:12px; font-weight:600; background-color: #ffffff; color: #000000;} .receipt-text { font-size:12px; background-color: #ffffff; font-weight: normal; color: #000000;} /* === Discount and related products headings for checkout stages === */ h2.checkout-heading { background-color: #ffebcd; font-size: 14px; color: #000080; padding-left: 5px; padding-top:3px; padding-bottom:3px; border: solid 1px #000080; width: 500px; } h3.checkout-heading { width: 643px;  padding-left: 5px; padding-top:3px; padding-bottom:3px; background-color: #ffebcd; font-size: 14px; color: #000080; border-bottom: solid 1px #000080; margin-left:-3px; margin-top:-3px;} h3.checkout-heading-2 { width: 643px;  padding-left: 5px; padding-top:3px; padding-bottom:3px; background-color: #ffebcd; font-size: 14px; color: #000080; border-top: solid 1px #000080; border-left: solid 1px #000080; border-right: solid 1px #000080; margin-left:0px; margin-top:0px; margin-bottom:0px;} /* === Marketing and discounts message in checkout === */ .cart-marketing-msg{ font-size:12px; color: #000080;} .checkout-subheading { padding: 0; margin: 0;} img.cartthumbnail { border: 0px; margin-left: 2px; margin-right: 2px; width: 25px;} .button-wrapper { display: inline-block; padding: 0 10px 0 0; } .button { background: url('button_background_left.gif') left no-repeat; cursor:pointer; color: #99ccff; padding: 0 0 0 10px; margin: 0; border: 0; font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; } .cart-button { height: 28px; } input.normal-button { font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; color: blue; background: #ffebcd; padding: 5px; border: solid 1px #000000;} input.highlight-button { font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; color: red; background: #ffebcd; padding: 5px; border: solid 1px #000000;} .checkout-field-label { font-size:1.1em; text-align:left; background-color:transparent;} .checkout-field-input input, .checkout-field-input select { font-family: Arial, Helvetica, sans-serif; font-size: 13px; padding: 2px;} /* === Styles the required checkout field labels === */	 .checkout-required{ font-size: 12px; text-align: left; font-weight:500; color: #006400;} /* === styles the required checkout fields warning info === */ .checkout-required-2{ font-size: 12px; text-align: left; font-weight:500; color: #006400; margin-left: 30px; margin-top:0px; margin-bottom:3px; padding:3px; border:1px solid #000000; width:642px; background-color:#fff8dc;} .checkout-required-3{/*=text for postcode anywhere=*/ font-size: 12px; text-align: left; font-weight:500; color: #000080; margin-left: 0px; margin-top:0px; margin-bottom:3px; padding-left:3px; background-color:#ffffff;} /* === Normal (non-required) checkout text formatting === */	 .checkout-normal{ font-size: 12px; color: #000000;} /* === Styles the invoice table invoice address inputs section === */ .InvoiceField input, .InvoiceField select { font-family: Arial, Helvetica, sans-serif; font-size: 12px; padding: 2px; padding-left: -30px;} /* === Styles the header for the invoice address table === */	 th.InvoiceField{ font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #000000; background-color: #ffffff; padding: 2px; padding-left: -30px; border-bottom: 1px solid #000080;} th.DeliverField{ font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #000000; background-color: #ffffff; padding: 2px; padding-left: -30px; border-bottom: 1px solid #000080;} /* === Styles the invoice table delivery address inputs section === */ .DeliverField input, .DeliverField select { font-family: Arial, Helvetica, sans-serif; font-size: 12px; padding: 2px;} table.checkout#idBothAddressesTable select { width: 211px;} input.checkbox { background-color: #ffffff; border: 0;} .checkout-field-area { background: #ffebcd; border-bottom: solid 2px #ffffff; width: 600px;} .checkout-field-area p { margin: 0; padding: 4px;} /* === Positions the checkout next and previous buttons === */ div.checkout-buttons { width: 650px;  height: 50px;  margin-top: 00px; margin-left:30px;} .left {  float : left;  width : 50%;  } .right {  float : right;  width : 40%;  } .spacer {  clear : both;  } .checkout-help-hide {  display: none;  } /*=== White background for the receipt page ===*/ .receipt{ font-size:12px; background-color: #ffffff; width:955px; height:100%;} /* === CPI images taken out as they don't work! === */ table.CheckoutProgress td.cpi-start{ width: 8px; } table.CheckoutProgress td.cpi-inactive{ background-image: url("cpi-main-mid.gif"); color: black; } table.CheckoutProgress td.cpi-active{ background-image: url('cpi-background.gif'); color: white; } table.CheckoutProgress td.cpi-end { width: 8px; } table.CheckoutProgress td.cpi-spacer { width: auto; } /* Formatting for the site map -------------------------------------------- */ #actinic-sitemap { margin-left: 5px; } #actinic-sitemap ul { margin-bottom: 0; padding-bottom: 0; } /* Formatting for Feefo customer feedback --------------------------------- */ .feefositelogo { margin-top: 10px; text-align: center; }  .feefoproductlogo { margin-top: 10px; } /*End of Feefo stuff*/ /* Recently Viewed Products List Style ------------------------------------ */ /* Used by 'CSS Product Layout' ------------------------------------------- */ .content_left { text-align: left; float: left; margin-right: 20px; } .content_right { text-align: left; float: left; } /* headings ----------------------------------------------------------------------------- */ h1	{ font-size: 20px; font-weight: 900; margin: 0px;		 padding: 16px 0px 4px 0px; color: navy; } h1.subheading	{ font-size: 16px; font-weight: 900; text-align:center; margin: 0px; padding: 0px 0px 8px 0px; color: navy; } h2	{ font-size: 14px; font-weight: 900; margin: 0px; padding: 2px 0px 14px 0px; color: navy; } h2.clearall	{ font-size: 16px; font-weight: 900; margin: 0px; padding: 2px 0px 14px 0px; color: navy; clear:both; } h3.product	{ font-size: 16px; font-weight: 700; color:navy; margin: 0px; padding: 0px 0px 6px 5px; } h3.product_price	{ font-size: 12px; font-weight: 900; margin: 0px; padding: 0px 0px 20px 0px; } .text_heading_left_column	{ margin: 0px; padding: 19px 0px 4px 0px; line-height:normal; color: #99ccff; font-weight: 900; font-size: 13px; } /* Default formatting of all text boxes used in store pages ---------------- */ .form_input_general	{ line-height: normal; font-size : 11px; word-spacing: normal; } /* Styles for the 'Mini' marketing layouts ---------------------------------- */ .product_image_cost	{ margin: 0px 12px 8px 0px; text-align: center; float: left; } .text_product_small_info	{ font-size: 12; line-height: normal; margin: 0px; padding: 0px 0px 6px 0px; } .text_product_small_info_heading	{ margin: 0px; padding: 10px 0px 12px 0px; line-height:normal; color: #0095f9; font-weight: 900; font-size: 11px; } .text_product_small_info_price	{ margin: 0px; padding: 8px 0px 0px 0px; line-height:normal; font-weight: 900; font-size: 11px; } .best_selling_items	{ padding: 10px; background-color: #99ccff; } .best_selling_items_spacing	{ padding: 0px 0px 8px 8px; } /* Styles for product image and fragment image placement in some layouts -------------------------- */ .image_float_right	{ float: right; margin: 16px 0px 15px 20px; } .image_product	{ margin: 0px 0px 0px 0px; padding:0px; text-align: center; } /* Styles for 'Compact Parent Section List' ------------------------ */ .text_breadcrumbs	{ font-size: 12; color: #99ccff; margin: 0px; line-height:normal; padding: 2px 0px 10px 0px; }	 a.link_breadcrumbs:visited	{	 color : #99ccff; text-decoration : underline; } a.link_breadcrumbs:link  { color : #99ccff; text-decoration : underline; } a.link_breadcrumbs:active  { color : #99ccff; text-decoration : underline; } a.link_breadcrumbs:hover  { color : #99ccff; text-decoration : underline; } /* Page footer  --------------------------------------------------------*/ .text_footer	{ color: #0095f9; font-size: 12; padding:0px; margin:4px 0px 0px 0px; } .text_menu_no_space	{ word-spacing: normal; } a.link_footer:visited  { color : #86aed7; text-decoration : underline; } a.link_footer:link  { color : #86aed7; text-decoration : underline; } a.link_footer:active  { color : #86aed7; text-decoration : underline; } a.link_footer:hover  { color : #86aed7; text-decoration : underline; } /* Heading for attributes  --------------------------------------------------------*/ .text_options	{ font-weight: 900; } p.checkout-progress-heading { position:absolute; top:30px; width: 200px; height:12px; margin-left:30px; margin-bottom:30px; font-size: 1.3em; color:#000080;} div.checkout-progress-bar{ position: absolute; width: 650px; height: 20px; top: 40px; left: 30px; display: block; font-size: 12px; text-align: center; padding: 0px; margin-bottom: 50px; margin-top:10px;} div.progress-active{ float: left; width: 153px; height: 20px; font-weight: bold; background: #ffebcd; color: #000000; margin-right: 1px; padding:3px; border: 1px solid #b22222; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px;} div.progress-inactive{ float: left; width: 153px; height: 20px; font-size.12px; Background: #cd853f; color: #ffffff; margin-right:1px; padding: 3px; border: 1px solid #b22222; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px;} /*=== Positions the bounce message ===*/ .bouncybouncy{ position: absolute; top:80px; left:90px; width:500px; font-size:14px;} .checkout-remember{ width: 650px; border: 1px solid #000080; margin-left: 30px; margin-bottom:5px;} .checkout-1{ border: 1px solid #000080; width: 650px; margin-left:30px; text-align: left; padding: 0; }	 .Invoice-title{ background-color: #ffebcd; padding: 2px; border: 1px solid #000080; } .tandc{ width: 500px; margin-left:45px; padding: 5px; line-height: 16px; } .signature{ width: 400px; margin-left:45px; padding: 5px; line-height: 16px; }	 .account{ width: 450px; margin-left:55px; padding: 5px; line-height: 16px; } .giq-info{ width: 505px; text-align: left; font-size: 12px; background-color: #ffebcd; color: #000080; border-bottom: 1px solid #000080; margin:0; padding: 3; } .giq-txt{ text-align: left; font-size: 12px; margin:0; padding: 0; } .cart-btn{ margin-left: 20px;}