/* Client: Hellenia Author: That's you, 9xb Author URI: http://www.9xb.com/ */ /* Structure Reset - Eric Meyer's Global Reset 1. DEFAULT STYLES 2. TEMPLATE ELEMENTS 3. FORM ELEMENTS 4. HEADING ELEMENTS 5. HEADER STYLES 6. CONTENT STYLES 7. FOOTER STYLES */ /* RESET STYLES ~~~~~~~~~~~~~~~~~ */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; } body { line-height: 1; } ol, ul { list-style: none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } /* remember to define focus styles! */ :focus { outline: 0; } /* remember to highlight inserts somehow! */ ins { text-decoration: none; } del { text-decoration: line-through; } /* tables still need 'cellspacing="0"' in the markup */ table { border-collapse: collapse; border-spacing: 0; } /* 1. DEFAULT STYLES ~~~~~~~~~~~~~~~~ */ html, body { font:13px/1.4em arial, helvetica, tahoma, verdana, sans-serif; color:#5d5d5d; margin:0; padding:0; } body { text-align:center; background:url(../images/background.jpg) top left repeat-x #fec979; } a img { border:none; } .hidden { text-indent:-3000em; font-size:0; overflow:hidden; } .floatL { float:left; display:inline; margin:20px 0 0 20px; } .floatR { float:right; display:inline; margin:20px 20px 0 0; } .floatLimg { float:left; display:inline; margin:0 10px 0 0; } .floatRimg img, .floatLimg img { display:block; } .floatRimg { float:right; display:inline; margin:0 0 0 10px; } .rounded_top { -moz-border-radius-topright:5px; -webkit-border-top-right-radius:5px; border-radius-topright:5px; -webkit-border-top-left-radius:5px; border-radius-topleft:5px; -moz-border-radius-topleft:5px; } .rounded_bottom { -moz-border-radius-bottomright:5px; -webkit-border-bottom-right-radius:5px; border-radius-bottomright:5px; -webkit-border-bottom-left-radius:5px; border-radius-bottomleft:5px; -moz-border-radius-bottomleft:5px; } .orange { color:#ffaa04; } .clear { clear:both; border:none; } p { line-height:1.4; margin:0 0 10px; } .newsinnerimage, .newsimage { float:right; margin:0 0 0 10px; } .bordered { border:1px solid #ccc; padding:3px; } /* 2. TEMPLATE ELEMENTS ~~~~~~~~~~~~~~~~ */ #homewrapper { background:url(../images/homeheader_bg.jpg) top center no-repeat; height:934px; margin:0; padding:0; } #wrapper { background:url(../images/header_bg.jpg) top center no-repeat; height:934px; margin:0; padding:0; } #container { width:960px; text-align:left; margin:0 auto; padding:0; } #homeheader { float:left; width:960px; position:relative; height:396px; } #header { float:left; width:960px; position:relative; height:182px; } #contentainer { float:left; width:960px; } #content { float:right; width:766px; } #sidebar { float:left; width:186px; } #footer { background:#fff; float:left; width:100%; text-align:left; margin:20px 0 0; } /* 3. FORM ELEMENTS ~~~~~~~~~~~~~~~~ */ #innercontent .form legend { display:none; } #innercontent .form label { width:200px; display:block; float:left; } #innercontent .form input { width:200px; padding:3px 5px; } #innercontent .form select { width:210px; padding:3px 5px; } #innercontent .form ol, #innercontent .form ul { list-style-type:none; margin:0; padding:0; } #innercontent .form div { text-indent:-3000em; margin:-15px 0 0 0; } #innercontent .form ol li, #innercontent .form ul li { padding:2px 0; margin:0 0 5px 0; } #innercontent .form li span, .mand { color:#C00; font-weight:bold; } .clicktosignup { background:url(../images/buttons/click_to_signup_states.gif) top left no-repeat; width:162px; height:25px; display:block; border:none; cursor:pointer; margin:0 0 7px; padding:0; } .unsubscribe { background:url(../images/buttons/unsubscribe.gif) top left no-repeat; width:162px; height:25px; display:block; border:none; cursor:pointer; margin:0 0 7px; padding:0; } .login { background:url(../images/buttons/login.gif) top left no-repeat; width:93px; height:25px; display:block; border:none; cursor:pointer; margin:0 0 7px; padding:0; } .proceed { background:url(../images/buttons/proceed.gif) top left no-repeat; width:110px; height:25px; display:block; border:none; cursor:pointer; margin:0 0 7px; padding:0; text-indent:-3000em; display:block; } .searchhealth { background:url(../images/buttons/searchhealth.gif) top left no-repeat; width:110px; height:25px; display:block; border:none; cursor:pointer; margin:0 0 7px; padding:0; text-indent:-3000em; display:block; } .searchhealth:hover, .proceed:hover, .clicktosignup:hover, .login:hover, .unsubscribe:hover { background-position:bottom left; } .errormsg { list-style-type:none; list-style-image:none; border:2px dotted #C00; padding:10px; margin:0 0 10px 0; font-weight:bold; background:url(../images/error.gif) top right no-repeat; } .leftaddress { float:left; width:365px; padding:0 0 10px 0; } .rightaddress { float:right; width:365px; padding:0 0 10px 0; } /* 4. HEADING ELEMENTS ~~~~~~~~~~~~~~~~ */ h1,h2,h3,h4 { font-family:Georgia, "Times New Roman", Times, serif; } h1 { font-size:30px; font-style:italic; color:#f39103; line-height:1; margin:0 0 15px; } h2 { color:#5d5d5d; font-style:italic; font-size:14px; margin:0 0 10px; } h2.letters { font-size:20px; margin:15px 0 10px; } h3 { background:#ffaa04; width:162px; font:14px Georgia, "Times New Roman", Times, serif; font-weight:700; font-style:italic; text-shadow:#b47700 1px 1px 1px; color:#fff; margin:0; padding:0; } /* 5. HEADER STYLES ~~~~~~~~~~~~~~~~ */ #logo { background:url(../images/hellenia_logo.png) no-repeat top left; width:169px; height:126px; position:absolute; top:30px; left:10px; } #nav { font-size:11px; position:absolute; top:15px; left:222px; background:url(../images/white.gif) 0 20px repeat-x; width:700px; height:30px; padding:0 0 10px; } #nav li { float:left; height:30px; margin:0; } #nav li a { color:#48484a; text-shadow:#fff -1px 1px 0; height:30px; display:block; float:left; padding:0 15px; } #nav li a.selected, #nav li a:hover { background:url(../images/nav_select.gif) center 19px no-repeat; } #info { position:absolute; top:87px; left:222px; } #companyName { font:36px Georgia, "Times New Roman", Times, serif; color:#48484a; text-shadow:#fff -1px 1px 0; font-weight:700; font-style:italic; letter-spacing:-2px; margin:0; padding:0; } #homewrapper #tagline { font:24px Georgia, "Times New Roman", Times, serif; color:#ffaa04; text-shadow:#fff -1px 1px 0; font-weight:700; font-style:italic; letter-spacing:-2px; } #wrapper #tagline { font:18px Georgia, "Times New Roman", Times, serif; color:#48484a; text-shadow:#fff -1px 1px 0; font-weight:700; font-style:italic; letter-spacing:-1px; } #cta1 { position:absolute; top:190px; left:10px; width:170px; } #cta2 { position:absolute; top:190px; left:200px; width:170px; } #cta3 { position:absolute; top:190px; left:360px; width:140px; } #cta1 .title, #cta2 .title, #cta3 .title { color:#ffaa04; font:50px Georgia, "Times New Roman", Times, serif; font-weight:700; font-style:italic; text-shadow:#fff -1px 1px 0; letter-spacing:-2px; } #cta1 .text, #cta2 .text, #cta3 .text { color:#48484a; font:15px Georgia, "Times New Roman", Times, serif bold italic; font-weight:700; font-style:italic; text-shadow:#fff -1px 1px 0; letter-spacing:-1px; } #cta1 .text span { font-size:25px; } #cta2 .text span, #cta3 .text span { font-size:20px; } /* 6. LEFT COLUMN STYLES ~~~~~~~~~~~~~~~~ */ #basket { background:#ffaa04; width:164px; height:121px; margin:0; padding:10px 11px 0; } #basket h3 { font-size:18px; margin:0 0 0 3px; padding:0; } #basketInformation { color:#48484a; font:12px Arial, Helvetica, sans-serif; margin:15px 0 15px 3px; } #basketInformation a { color:#48484a; text-decoration:underline; } #add_to_basket a { background:url(../images/buttons/view_basket_states.gif) no-repeat top left; height:27px; width:164px; display:block; } #add_to_basket a:hover { background:url(../images/buttons/view_basket_states.gif) no-repeat bottom left; height:27px; width:164px; display:block; } h3#productAZ { height:21px; margin:11px 0 0; padding:7px 10px 5px 14px; } #productAZ a { display:block; color:#fff; } h3.topMenu { height:21px; color:#fff; margin:11px 0 0; padding:7px 10px 5px 14px; } .subnav { background:#fff; list-style:none; margin:0; padding:15px 0 10px; } .subnav li { background:url(../images/bullet.gif) 14px 4px no-repeat; padding:0 0 7px 34px; } .subnav li a { font:12px Arial, Helvetica, sans-serif; color:#000; } #health_notes { background:#fff; margin:11px 0 0; padding:11px 0 0; } #health_notes h3 { background:url(../images/health_notes.jpg) 16px 0 no-repeat; height:40px; display:block; margin:0; padding:0; } #health_notes .subnav { margin:0; padding:0 0 10px; } #health_notes_2 { background:#fff; margin:0; padding:11px 0 0; } #health_notes_2 li { list-style:none; } #health_notes_2 h3 { background:url(../images/health_notes.jpg) 16px 0 no-repeat; height:40px; display:block; margin:0; padding:0; } #health_notes_2 .subnav { margin:0; padding:0 0 10px; } #email_alerts { background:#fff; color:#48484a; font-size:12px; padding:12px 11px 5px 13px; } #email_alerts ul { list-style:none; margin:8px 0 0; } #email_alerts ul li { margin:10px 0 0; } #email_alerts ul li input.email { background:#eaeaea; border:none; border-left:1px solid #6d6d6d; border-top:1px solid #6d6d6d; width:158px; } #email_alerts span { color:red; } #email_alerts p a { color:#000; margin:0; padding:0; } .cta-brochure { margin:10px 0 15px 0; } .cta-brochure { background:url(../images/bg-cta-brochure.jpg) no-repeat top left; } .cta-brochure a { display:block; height:139px; text-indent:-10000px; overflow:hidden; } /* 7. CONTENT STYLES ~~~~~~~~~~~~~~~~ */ #contentheader { background:#ffaa04; height:39px; width:756px; padding:6px 0 0 10px; } #contentheader h2 { background:#fff; width:142px; float:left; color:#ffaa04; font:18px Georgia, "Times New Roman", Times, serif; font-weight:700; font-style:italic; text-shadow:#c16c00 0 -1px 0; letter-spacing:-2px; padding:10px 16px 6px; } #search { float:right; display:inline; margin:2px 10px 0 0; } #search h3 { font:18px Georgia, "Times New Roman", Times, serif; font-weight:700; font-style:italic; text-shadow:#c16c00 1px 1px 1px; color:#fff; float:left; width:65px; margin:4px 10px 0 0; } #search form { float:left; margin:0; padding:0; } #search ul { list-style:none; float:left; margin:0; padding:0; } #search ul li.input { display:inline; margin:0 10px 0 0; padding:3px 0 0; } .moreinformation { background:url(../images/buttons/more_info_states.png) top left no-repeat; width:158px; height:25px; display:block; } .moreinformationprod { background:url(../images/buttons/more_info_states_prod.png) top left no-repeat; width:140px; height:22px; display:block; text-indent:-3000em; } .moreinformation:hover, .moreinformationprod:hover { background-position:bottom; } #innercontent { background:#fff; float:left; width:734px; overflow:hidden; padding:19px 16px; } #innercontent ul a { color:#48484A; } #innercontent ul { list-style:disc; margin:0 0 10px 15px; padding:0; } #innercontent p a { color:#EA7F02; } #innercontent a { color:#EA7F02; } /* UPPER CONTENT HOME */ #uppercontentHome { border:1px solid #c5c5c5; float:left; width:714px; padding:13px 9px; } #offerSection { border:1px solid #c5c5c5; width:490px; float:left; padding:4px; } #offerSection h2 { font:36px Georgia, "Times New Roman", Times, serif; font-weight:700; font-style:italic; text-shadow:#b47700 1px 1px 1px; color:#fff; float:left; background:#ffaa04; width:477px; padding:5px 0 5px 13px; margin:0 0 5px 0; } #offerSection p { font:18px Georgia, "Times New Roman", Times, serif; font-weight:700; font-style:italic; letter-spacing:-1px; clear:both; margin:0 10px 5px 10px; padding:4px 0; } #offerSection #cta { background:url(../images/autumn_banner.jpg) top left; width:490px; height:240px; position:relative; } #offerSection #cta a { position:absolute; bottom:10px; right:10px; } .topmargin { margin:13px 0 0; } .minibox { border:1px solid #c5c5c5; width:195px; float:right; padding:4px; } #minicta1 { width:100%; background:#eee; padding:5px 0 10px; } #minicta1 h2 { background:url(../images/health_notes_grey.gif) top left no-repeat; width:150px; height:33px; float:left; display:inline; margin:5px 0 4px 20px; } #minicta1 p { font:12px Arial, Helvetica, sans-serif; width:155px; margin:8px 20px 20px; } #minicta1 div a { margin:0 auto; padding:0; } #maincta2 { width:100%; background:url(../images/woman_yoga.jpg) top right no-repeat #eee; height:155px; padding:5px 0 0; } #maincta2 h2 { font:18px Georgia, "Times New Roman", Times, serif; color:#000; font-weight:700; font-style:italic; text-shadow:#fff 1px 1px 0; width:120px; margin:10px 0 0 15px; } #maincta2 h2 span { color:#e66e1f; } #maincta2 div { margin:35px 0 0 15px; } /* END UPPER HOME CONTENT */ /* CATEGORY CTAS */ ul#categoryCtas { float:left; clear:both; width:742px; list-style:none; margin:10px 0 0px; padding:0; } ul#categoryCtas li { width:168px; height:131px; float:left; border:1px solid #c5c5c5; margin:0 18px 0 0; } ul#categoryCtas li a { display:block; width:168px; height:21px; text-align:center; font:13px Arial, Helvetica, sans-serif; font-weight:700; color:#000; text-decoration:underline; margin:0; padding:110px 0 0; } li#claireking { background:url(../images/men-health.jpg) top left no-repeat; } li#specialOffer { background:url(../images/women-health.jpg) top left no-repeat; } li#orange { background:url(../images/joint-health.jpg) top left no-repeat; } li#pebble { background:url(../images/slim.jpg) top left no-repeat; } /* END CATEGORY CTAS */ /** product index */ ol.prodindex { list-style-type:none; float:left; margin:0; padding:0; } ol.prodindex li.nolink { width:10px; display:block; text-align:center; background-color:#fec979; color:#fff; margin:2px; padding:5px; } #innercontent ol.prodindex li a { width:10px; display:block; text-align:center; background-color:#ffaa04; color:#fff; text-decoration:none!important; margin:2px; padding:5px; } .letters { text-transform:uppercase; } #innercontent .paging { height: 38px; border-bottom:1px solid #e8e8e8; border-top:1px solid #e8e8e8; padding:8px 16px 0 0; text-align:right; clear:both; color:#ffaa04; font-size:18px; font-family:Georgia, "Times New Roman", Times, serif; font-style:italic; font-weight:bold; } #innercontent .paging a { color:#ffaa04; } #innercontent .paging span.selected { text-decoration:underline; } #innercontent .bestSellers { height: 38px; border-bottom:1px solid #e8e8e8; border-top:1px solid #e8e8e8; padding:14px 16px 0 0; text-align:right; clear:left; width:716px; color:#ffaa04; font-size:18px; font-family:Georgia, "Times New Roman", Times, serif; font-style:italic; font-weight:bold; float:left; margin:18px 0; } #innercontent .bestSellers a { color:#ffaa04; } #innercontent .bestSellers span.selected { text-decoration:underline; } #innercontent .bestSellers span.best { color:#48484a; font-size:24px; float:left; } /* end product index */ /* BEGIN PRODUCTS */ #left { width:525px; float:left; color:#5d5d5d; } #left h1 { font:30px Georgia, "Times New Roman", Times, serif; font-weight:700; font-style:italic; color:#f39103; margin:10px 0 15px; padding:0; } #left h2 { font:14px Arial, Helvetica, sans-serif; font-weight:700; font-style:italic; margin:0; padding:0; } #left p { font:14px Arial, Helvetica, sans-serif; margin:20px 0 0; } #left #product_image { font:14px Arial, Helvetica, sans-serif; font-weight:700; font-style:italic; text-align:center; width:250px; float:left; margin:0 10px 0 0; } #left #product_image p { font-weight:700; font-style:italic; } #left #product_image p a { color:#5d5d5d; } #right { width:190px; float:right; } #right .title { background:#ffaa04; width:180px; height:20px; float:left; padding:5px; } #right .title h3 { font-size:18px; float:left; width:95px; margin:0 0 0 5px; } #right .title p { width:70px; float:right; text-align:right; color:#ce0205; font:18px Georgia, "Times New Roman", Times, serif; font-weight:700; font-style:italic; margin:0 5px 0 0; padding:0; } #basketContent { border:1px solid #ffaa04; width:172px; float:left; padding:8px; } #basketContent ul { float:left; margin:0; padding:0; } #basketContent ul li { width:178px; float:left; margin:5px 0; padding:0; } #basketContent ul li label { float:left; width:65px; font-style:italic; margin:0; padding:0; } #basketContent ul li input, #basketContent ul li select { float:left; width:100px; margin:0; padding:2px; } #basketContent ul li select { width:105px; float:left; } .button_addtobasket { background:url(../images/buttons/add_to_your_basket.gif) top left no-repeat; width:162px; height:25px; display:block; border:none; cursor:pointer; float:left; margin:0 0 7px; } .button_addtobasket:hover { background:url(../images/buttons/add_to_your_basket.gif) bottom left no-repeat; } #otherwaystopay { border:1px solid #666; float:left; width:168px; margin:10px 0 0; padding:10px; } #otherwaystopay h3 { float:left; font:16px Georgia, "Times New Roman", Times, serif; font-weight:700; font-style:italic; width:174px; color:#f39103; background:none; margin:0 0 15px; } #otherwaystopay p { font:13px Arial, Helvetica, sans-serif; color:#5d5d5d; margin:15px 0 0; } #fulldetails { float:left; width:525px; margin:0; padding:0; } #fulldetails h3 { font-size:18px; font-weight:700; font-style:italic; width:515px; padding:5px 10px; } #fulldetails #productdetails { border:1px solid #ffaa04; width:493px; padding:20px; } #fulldetails #productdetails ul { list-style:none; margin:0; padding:0; } #fulldetails #productdetails ul li { margin:5px 0; } #related_products { float:left; width:720px; margin:50px 0 0; padding:0; } #related_products h3 { font-size:18px; color:#ffaa04; background:#fff; text-shadow:none; border:1px solid #e8e8e8; border-left:none; border-right:none; width:680px; margin:0 0 10px; padding:20px; } .clearli { clear:both; } /* .product-list { list-style:none; font-size:90%; margin:0; padding:0; } .product-list li { float:left; width:172px; margin:0 11px 40px 0; padding:0; } */ .proddivwrap { float:left; clear:both; margin:0 0 20px 0; width:100%; } .prod { float:left; width:172px; margin:0 11px 40px 0; padding:0; } /*.product-list li div { height:250px; display:block; }*/ /*.product-list li { float:left; border:1px solid #eaeaea; width:140px; margin-right:11px; margin-bottom:11px; height:320px; padding:15px; }*/ .product-list li.nomargin { margin:0 0 18px; } .product-list h2 { font-style:normal; color:#ffaa04; font-family:Arial, Helvetica, sans-serif; font-size:13px; line-height:normal; } .product-list h2 a { font-style:normal; color:#ffaa04; font-family:Arial, Helvetica, sans-serif; font-size:13px; } .product-list .buy a { background:url(../images/bg-buynow.jpg) no-repeat top left; color:#fff; display:block; width:102px; height:25px; padding-top:3px; padding-left:23px; margin:10px 0; } .product-list .buy a:hover { background:url(../images/bg-buynow.jpg) no-repeat 0 -25px; text-decoration:none; } .product-list .price { color:#434343; font-weight:700; } .productdetail { width:523px; float:left; } #main-detail .product-image { float:left; width:250px; margin:0; } #main-detail .product-image span { width:250px; text-align:left; color:#5d5d5d; font-weight:700; font-style:italic; display:block; padding:5px 0 0; } #main-detail #description { width:256px; float:right; } #pricing-info { background:url(../images/our_price.gif) no-repeat bottom; width:189px; float:left; margin:0 0 11px; padding:0 0 5px 0; } #pricing-infoinner { background:url(../images/our_price.gif) no-repeat top; width:169px; float:left; margin:0 0 5px; padding:8px 10px 0; } .productright { float:right; width:189px; margin:0; padding:0; } #pricing-info dl { border-left:1px solid #ddd; border-right:1px solid #ddd; border-top:1px solid #ddd; border-bottom:none; clear:both; float:left; width:169px; display:block; margin:0; } #pricing-info dl dl { border:none; margin:0; padding:0; } #pricing-info dt { float:left; margin:0; background:#ffaa04; width:90px; font:16px Georgia, "Times New Roman", Times, serif; font-weight:700; font-style:italic; text-shadow:#b47700 1px 1px 1px; color:#fff; } #pricing-info dd { text-align:right; float:right; margin:0; } #pricing-info dd dl { text-align:left; } #pricing-info dd dl dd { text-align:right; } #pricing-info .rrp-price, #pricing-info .savings { width:241px; display:block; margin:0; padding:0; } #pricing-info .our-price { /*background:url(../images/bg-pricing.gif) no-repeat top left;*/ border:none; width:169px; float:left; margin:0 0 15px 0; padding:0; } #pricing-info .our-price dd { color:#ce0205; font-weight:700; font-size:17px; font-style:italic; padding:0; } #pricing-info form { float:left; width:169px; padding:0; margin:0; } #pricing-info form ol li { margin:0 0 10px 0; padding:0; float:right; } #pricing-info form label { width:60px; padding:2px 0 0 0; float:left; display:block; color:#48484a; font-style:italic; font-family:Georgia, "Times New Roman", Times, serif; } #pricing-info form select { width:169px; padding:2px 5px; margin:4px 0 0; float:right; } #pricing-info form .textbox { width:90px; padding:2px 5px; float:right; } #pricing-info form .button { color:#fff; background:url(../images/add-to-basket.gif) no-repeat; width:162px; height:25px; border:none; padding:2px 8px; cursor:pointer; float:right; } #pricing-info form .button:hover { background-position:bottom; } #other-detail { margin:15px 0 15px 0; float:left; } #other-detail div { border:1px solid #ffaa04; clear:both; float:left; width:491px; margin-bottom:15px; padding:15px; } #other-detail ul.tabs a { display:block; background:none; width:98px; text-align:center; height:27px; line-height:28px; color:#fff; } #other-detail ul.tabs a:hover { text-decoration:none; color:#fff; } #other-detail li.ui-tabs-selected, #other-detail li.ui-state-default, #other-detail li.ui-state-active { margin:0; padding:0; width:98px; float:left; scolor:#fff; background:url(../images/tab-other-details.gif) no-repeat top left; } #other-detail li.ui-tabs-selected a { background:url(../images/tab-other-details.gif) no-repeat top left; color:#fff; display:block; } #other-detail li.ui-tabs-selected a:hover { color:#fff; } #other-detail .ui-tabs-hide { display:none; } #other-detail dd { margin:0; margin-bottom:10px; padding:0; } #other-detail dt { font-weight:700; margin-bottom:5px; color:#f39103; } .otherways { background:url(../images/other_ways.gif) no-repeat bottom; width:189px; float:left; line-height:1; margin:0 0 10px 0; padding:0 0 5px 0; } .otherways h2 { color:#f39103; font-size:16px; } .otherwaysinner { background:url(../images/other_ways.gif) no-repeat top; width:169px; margin:0; padding:10px 10px 0; } .similar-products ol { padding:10px; } .similar-products ol li { width:167px; } .similar-products h3 { height: 34px; border-bottom:1px solid #e8e8e8; border-top:1px solid #e8e8e8; padding:12px 0 0 10px; clear:both; text-shadow:none; width:720px; color:#ffaa04; font-size:18px; font-family:Georgia, "Times New Roman", Times, serif; font-style:italic; font-weight:bold; background:none; margin:0 0 20px 0; } #pricing-info .multibuy-deals dl { border:none; background:none; width:100%; font-family:Arial, Helvetica, sans-serif; color:#5d5d5d; font-size:12px; text-shadow:none; } #pricing-info .multibuy-deals dl dt { border:none; background:none; width:100%; font-family:Arial, Helvetica, sans-serif; color:#5d5d5d; font-size:12px; text-shadow:none; } #pricing-info .multibuy-deals dl dd { text-align:left; float:left; margin:0 0 10px 0; font-family:Arial, Helvetica, sans-serif; color:#5d5d5d; font-size:12px; text-shadow:none; } /* END PRODUCTS */ /* BEGIN CATEGORY */ #category_listing p.title { font-size:12px; margin:0 0 20px; } #category_listing h3 { font-size:18px; color:#ffaa04; background:#fff; text-shadow:none; border:1px solid #e8e8e8; border-left:none; border-right:none; width:680px; text-align:right; margin:0 0 10px; padding:20px; } /* END CATEGORY */ /* basket */ .resulttable td, .resulttable th { padding:10px; text-align:left; } .resulttable { width:730px; margin:0px 0px 10px 0px; } #innercontent .resulttable td a { color:#434343; } .qty { width:20px; } .buttons { float:right; margin:0; } .tabletop { background-color:#ffaa04; color:#fff; } .lightgreen { background-color:#fec979; } .updatebasket { background:url(../images/update-basket.gif) no-repeat top left; width:162px; height:25px; border:none; cursor:pointer; margin:0 0 12px 0; } .checkoutbutton { background:url(../images/checkout.gif) no-repeat top left; width:162px; height:25px; border:none; cursor:pointer; display:block; text-indent:-3000em; } .continuebutton { background:url(../images/continue.gif) no-repeat top left; width:162px; height:25px; border:none; cursor:pointer; display:block; text-indent:-3000em; float:left; } .forgotpassword { background:url(../images/buttons/sendrequest.gif) no-repeat top left; width:162px; height:25px; border:none; cursor:pointer; display:block; text-indent:-3000em; float:left; } .searchsite { background:url(../images/buttons/sendrequest.gif) no-repeat top left; width:162px; height:25px; border:none; cursor:pointer; display:block; text-indent:-3000em; float:left; } .searchsite:hover, .forgotpassword:hover, .continuebutton:hover, .checkoutbutton:hover, .updatebasket:hover { background-position:bottom left; } /* end basket */ .searchresults li { margin:0 0 10px 0; } /* 8. FOOTER STYLES ~~~~~~~~~~~~~~~~ */ #footerTop { background:url(../images/footer_top.gif) repeat-x 32px 0; float:left; width:100%; height:29px; } .footerContent { width:960px; margin:0 auto; } #footerLeftColumn { width:350px; color:#48484a; float:left; margin:0; } #footerLeftColumn ul { width:350px; } #footerLeftColumn .subnav li { width:140px; } #footerMiddleColumn { width:160px; color:#48484a; float:left; margin:0 10px 0 20px; padding:0; } #footerMiddleColumn ul li { width:160px; } #footerRightColumn { color:#48484a; float:right; width:350px; font-size:12px; line-height:16px; display:inline; margin:0; padding:0; } #footerRightColumn p { margin:7px 0 10px 15px; } #footerRightColumn p span { color:#ea7f02; font-weight:700; } #footerRightColumn p a, #footerRightColumn .subnav a { color:#ea7f02; text-decoration:underline; } #footerRightColumn img { margin:0 0 0 10px; } .footerContent h2 { font:18px Georgia, "Times New Roman", Times, serif; color:#f39103; font-weight:700; font-style:italic; text-shadow:#c16c00 1px 1px 0; display:inline; float:left; width:100%; margin:34px 0 30px 15px; } .footerContent ul.links { font:12px; float:left; clear:both; margin:0; padding:0; } .footerContent ul.links li { float:left; width:150px; margin:0; } .footerContent ul.links li a { color:#48484a; } #footerBottom { background:url(../images/footer_bottom.gif) repeat-x 32px 0 #48484a; float:left; width:100%; height:90px; margin:30px 0 0; } #footerBottom ul { list-style:none; color:#fff; margin:30px 0 0; } #footerBottom ul li { float:left; font:12px Arial, Helvetica, sans-serif; margin:0 0 0 10px; } #footerBottom ul li a { color:#fff; text-decoration:none; } #footerBottom ul li a:hover { color:#fff; text-decoration:underline; } .Index-Entry { margin:0; } #innercontent .Index-Jump-Letters { float:left; } #innercontent .Index-Jump-Letters p { color:#5d5d5d; font-style:italic; font-size:14px; margin:0 0 10px; font-family:Georgia, "Times New Roman", Times, serif; margin:10px 0 10px 0; } #innercontent .Index-Jump-Letters a { width:10px; display:block; text-align:center; background-color:#ffaa04; color:#fff; text-decoration:none!important; margin:5px 2px; padding:5px; float:left; font-family:Arial, Helvetica, sans-serif; text-transform:lowercase; font-size:12px; font-style:normal; } .Index-Letter, .Related-Content { float:left; clear:both; } .Index-Letter-Title { color:#5d5d5d; font-style:italic; font-size:20px; margin:0 0 10px; font-family:Georgia, "Times New Roman", Times, serif; } .Article-Title { font-size:30px; font-style:italic; color:#f39103; line-height:1; margin:0 0 15px; font-family:Georgia, "Times New Roman", Times, serif; } #hniArticle h3 { background:none; color:#f39103; text-shadow:none; margin:10px 0; padding:0; font-family:Arial, Helvetica, sans-serif; font-size:14px; font-style:normal; width:500px; } #hniArticle table { border:1px solid #ccc; } #hniArticle table th, #hniArticle table td { padding:10px; border:1px solid #ccc; } #hniArticle hr { border:none; border-top:1px solid #ccc; margin:10px 0; display:block; } a, #basketInformation a:hover, ul#categoryCtas li a:hover, #footerRightColumn p a:hover, #footerRightColumn .subnav a:hover, #footerBottom .footerContent .floatR ul li a.ninexb:hover{ text-decoration:none; } a:hover, .subnav li a:hover, .subnav li a.selected, #footerBottom .footerContent .floatR ul li a.ninexb{ text-decoration:underline; } #basketInformation span, #email_alerts ul li label { font-weight:700; } .subnav ul,#fulldetails dd, #other-detail ul li { margin:0; padding:0; } #email_alerts form, #email_alerts p.info, #footerMiddleColumn ul { margin:0; padding:0; } #search ul li, ol.prodindex li, .footerContent ul { float:left; } .go, ul#categoryCtas li.last, li#pebble.last { margin:0; } .full-details, .full-details-inner { background:url(../images/full-details.gif) no-repeat; width:521px; margin:0; padding:0; } #pricing-info dd dt, #pricing-info dt span { font-weight:400; } #pricing-info ol, #other-detail ul.tabs { list-style:none; margin:0; padding:0; } .orange{ color:#ffaa04; } .darkblue{color:#000080;} .red{color:#ff0000;} .grey{color:#5d5d5d;} .black{color:#000000;}