@charset "utf-8"; body { background-color: #f0f0f0; font: 12px/1.1 "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; color: #243643; margin: 0; padding: 0; border: 0; } h1, h2, h3, p, form, div { padding: 0; margin: 0; } p { padding-bottom: 1em; } h1 { font-size: 22px; font-weight: normal; color: #4b606c; padding-bottom: 10px; } h2 { font-size: 16px; font-weight: normal; color: #4b606c; padding-bottom: 10px; } a:link, a:visited { color: #798185;	 text-decoration: none; } a:hover, a:active { color: #97a0a5;	 text-decoration: underline; } .alt { display: none; } #shadow-left { width: 1000px; background: url('shadow-left.jpg') repeat-y; margin: 0 auto; } #shadow-right { margin-left: 20px; background: url('shadow-right.jpg') repeat-y right; } #container { margin-right: 20px; background: #fff url('main-bg.gif') repeat-y;  border-bottom: solid 1px #ddd; } /* header bars ------------------------------*/ #header { height: 126px; background: #243643 url('header.jpg') repeat-x; } #flag { background: url('flag.jpg') right no-repeat; height: 126px; } #logo-circle { float: left; margin-left: 10px; width: 123px; height: 109px; background: url('logo-circle.gif'); display: inline; } #logo-name { float: left; width: 636px; height: 79px; background: url('shop-name.gif'); } #logo-name h1 { margin-left: -2000px; } #navigation-bar { background: #243643; height: 27px; color: white; text-transform: uppercase; font-size: 13px; font-weight: bold; width: 960px } #navigation-bar ul { list-style: none; width: 960px; margin: 0; padding: 0; } #navigation-bar ul li { float: left; padding-top: 7px; } #navigation-bar ul li.search-title { margin: 0 10px 0 10px; } #navigation-bar ul li.search-field { padding-top: 3px; } #navigation-bar ul li.search-field input { font: 12px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; color: #999; font-weight: normal; padding: 0px 1px; width: 160px; height: 18px; border: solid 1px #243643; margin: 0; } #navigation-bar ul li.search-button { padding-top: 4px; } #navigation-bar ul li.search-button input{ padding: 0; margin: 0 0 0 5px; } #navigation-bar ul li a { display: block; float: left; color: white; text-decoration: none; text-transform: uppercase; font-size: 13px; font-weight: bold; padding: 0 10px; } #navigation-bar ul li.delivery { padding: 0; float: right; background: url('delivery-on.gif') no-repeat; } #navigation-bar ul li.delivery a { background: url('delivery.gif') no-repeat; width: 125px; height: 27px; padding: 0 10px 0 0; margin: 0 10px 0 0; border-right: solid 1px #666; } #navigation-bar ul li.delivery a:hover { background: url('delivery-on.gif') no-repeat; } #navigation-bar ul li.view-cart { padding: 0; float: right; background: url('view-cart-on.gif') no-repeat; } #navigation-bar ul li.view-cart a { background: url('view-cart.gif') no-repeat; padding: 0 15px 0 100px; line-height: 27px; margin: 0 10px 0 0; border-right: solid 1px #666; } #navigation-bar ul li.view-cart a:hover { background: url('view-cart-on.gif') no-repeat; } #navigation-bar ul li.checkout { padding: 0; float: right; background: url('checkout-on.gif') no-repeat; } #navigation-bar ul li.checkout a { background: url('checkout.gif') no-repeat; width: 123px; height: 27px; margin: 0; padding: 0; } #navigation-bar ul li.checkout a:hover { background: url('checkout-on.gif') no-repeat; } /* sidebar ----------------------- */ #sidebar { float: left; width: 200px; } #section-list-heading { margin: 10px; } ul.section-list { list-style: none; margin: 0 10px 20px 10px; padding: 0; } ul.section-list li { margin-bottom: 1px; } ul.section-list li a { display: block; width: 174px; height: 23px; background: url('section-link-bg.jpg'); line-height: 23px; color: #fff; font-weight: bold; font-size: 13px; text-decoration: none; } ul.section-list li a:link, ul.section-list li a:visited, ul.section-list li a:hover, ul.section-list li a:active { color: white; text-decoration: none; } ul.section-list li a:hover { background: url('section-link-bg-on.jpg'); } ul#promotions { list-style: none; padding: 0; margin: 0; } ul#promotions li { margin-bottom: 10px; } ul#promotions li a { display: block; width: 200px; height: 86px; color: #fff; text-decoration: none; } ul#promotions li a p { padding: 35px 10px 10px 10px; } ul#promotions li.shaving a { background: url('shaving-centre.jpg'); } ul#promotions li.shaving a:hover { background: url('shaving-centre-on.jpg'); } ul#promotions li.video a { background: url('videos.jpg'); } ul#promotions li.video a:hover { background: url('videos-on.jpg'); } /* bulk ---------------------------------- */ #bulk { float: left; margin: 20px; width: 720px; } /* footer --------------------------------- */ #footer { clear: both; /* height: 160px; */ border-top: solid 5px #243643; } #address-details { float: left; width: 180px; margin: 20px 10px 0 10px; display: inline; } .footer-list { float: left; margin: 20px 0 0 40px; width: 130px; } .footer-list ul { list-style: none; padding: 0; margin: 0; } .footer-list ul li { line-height: 18px; } #payment-area { float: right; display: inline; text-align: right; margin: 10px 20px 0 0; } /* general content layout -------------- */ .blue-bar { height: 31px; background: url('title-bar-gradient.jpg'); margin-bottom: 10px; } .blue-bar h2, .blue-bar p { color: #fff; font-size: 14px; font-weight: bold; padding: 8px 0 0 8px; margin: 0; } .back-button { float: right; margin: 7px 8px 0 0; } .back-button a { display: block; height: 21px; width: 73px; background: url('back-button.gif'); } .back-button a:hover { background: url('back-button-on.gif'); } .blue-box-br { background: url('blue-box-br.gif') bottom right no-repeat; padding: 0; } .blue-box-bl { background: url('blue-box-bl.gif') bottom left no-repeat; padding: 0 0 7px 0; } .blue-box-tr { background: url('blue-box-tr.gif') top right no-repeat; padding: 0 7px 0 0; } .blue-box-tl { background: url('blue-box-tl.gif') top left no-repeat; padding: 7px 0 0 7px; } .grey-box-br { background: url('grey-box-br.gif') bottom right no-repeat; padding: 0; float: left; } .grey-box-bl { background: url('grey-box-bl.gif') bottom left no-repeat; padding: 0 0 7px 0; } .grey-box-tr { background: url('grey-box-tr.gif') top right no-repeat; padding: 0 7px 0 0; } .grey-box-tl { background: url('grey-box-tl.gif') top left no-repeat; padding: 7px 0 0 7px; } /* home page --------------------------- */ #home-page-left { width: 572px; float: left; } .section-intro { margin-bottom: 20px; } .section-intro-image { float: left; width: 178px; } .section-intro-text { padding: 10px 10px 10px 200px; } #home-page-news { background: #e4eaef; width: 276px; float: left; } #home-page-videos { background: #e2e4e6; width: 276px; height: 363px; float: right; } .home-page-title { margin: 10px; } .home-page-new-products-list { margin: 10px; } #home-page-right { float: right; width: 133px; } .delivery-home { width: 133px; height: 80px; margin-bottom: 15px; background: url('delivery-charges-home.gif') no-repeat; } .delivery-home a { width: 133px; height: 80px; display: block; } .gifts { width: 133px; display: block; background: #718e8e url('gift-ideas.jpg') no-repeat; color: white; } .gifts a { color: white; } .gifts p { color: white; } /* content pages ---------------------------------------*/ .parentsectionlist { background: #fff; border-bottom: solid 1px #4a5f6c; float: left; width: 759px; } .parentsectionlist p { padding: 7px; } a.zoom { line-height: 25px; padding-left: 30px; background: url('zoom.gif') no-repeat; display: block; margin: 5px auto; width: 75px; } .shadetabs { height: 26px; clear: both; font-size: 14px; font-weight: bold; text-transform: uppercase; list-style-type: none; text-align: left; /*set to left, center, or right to align the menu as desired*/ margin: 0; padding: 0; } .shadetabs li { display: inline; } .shadetabs li a { text-decoration: none; position: relative; z-index: 1; width: 161px; height: 26px; display: block; float: left; color: #fff; border: 0; outline: none; margin-right: 1px; } .shadetabs li a:link, .shadetabs li a:visited, .shadetabs li a:hover, .shadetabs li a:active { background: url('tab-off.gif'); } .shadetabs li a.selected:link, .shadetabs li a.selected:visited, .shadetabs li a.selected:hover, .shadetabs li a.selected:active { /*selected main tab style */ background: url('tab-on.gif'); text-decoration: none; } .shadetabs li a p { padding: 6px 0 0 6px; } .tabcontent{ display:none; } @media print { .tabcontent { display:block !important; } } /* Videos ------------------------------------*/ .video { margin-bottom: 10px; } .video-image { float: left; width: 256px; } .video-text { padding: 30px 10px 10px 280px; } /* Shaving Centre ------------------------------*/ .shaving-centre-title { height: 43px; margin-bottom: 10px; } .shaving-centre-left { float: left; width: 455px; background: #e3eef0; } .shaving-highlight-image { float: right; margin: 0 20px; } .shaving-highlight-title { font-weight: bold; font-size: 16px; padding: 0 0 3px 0; border-bottom: dotted 1px #69c; margin: 20px 20px 10px 20px;  clear: both; } .shaving-highlight-text { margin: 0 20px 0 20px; } .shaving-center-right { float: right; width: 234px; } .shaving-centre-introduction { padding: 10px 10px 0 10px; margin-bottom: 26px; background: #dce3e7; } a.perfect-shave { display: block; width: 234px; height: 104px; color: white; background: url('perfect-shave.jpg'); text-decoration: none; margin-bottom: 26px; } a.perfect-shave:hover  { background: url('perfect-shave-on.jpg'); text-decoration: none; } a.perfect-shave p { padding: 35px 10px 10px 10px; } .shaving-centre-video { } .shaving-video-box { padding: 10px; background:#ececec; } .shaving-video-heading { font-size: 16px; } .shaving-video-image { float: left; margin: 0 10px 3px 0 ; } /* -------------------------- follow us ------------------------ */ #follow-us { width: 187px; height: 61px; margin: 10px 0 0 4px; background: url('follow-us-bg.gif') no-repeat; padding-top: 26px; } #follow-us a { display: block; width: 169px; height: 20px; margin-left: 9px; } a.follow-twitter { margin-bottom: 13px; } a.follow-twitter:hover { background: url('follow-twitter-on.gif'); } a.follow-fb:hover { background: url('follow-fb-on.gif'); }