body { margin: 0; padding: 0; font-family: Helvetica, Arial, sans-serif; font-size: 70%; background-color: #fff; color: #5a5a5a; text-align: center; } html, body { height: 100%; margin-bottom: 1px; } a, a:visited { text-decoration: none; color: #5a5a5d; } a img { border: 0; } a.button, a.button:visited { display: block; width: auto; padding: 2px 5px; border: 0; color: #fff; background-color: #545454; text-decoration: none !important; float: left; font-size: small; margin-right: 5px; display: inline; font-weight: bold; } a.button.last { margin-right: 0; } fieldset { border: 0; margin: 0; padding: 0; } h1, h2, h3, h4, h5, h6, ul, p, form { margin: 0; padding: 0; font-weight: normal; font-size: 100%; } input.submit { color: #fff; background-color: #545454; font-size: small; padding: 1px 3px; border: 0; overflow: visible; font-weight: bold; cursor: pointer; } input.button { color: #fff; background-color: #656567; border: 1px solid #fff; padding: 1px; text-transform: uppercase; overflow: visible; font-weight: bold; } p.note, span.note { font-size: x-small; } div.page_content {font-size:1.1em; padding:0 0 10px;} ul.horizontalMenu { list-style: none; margin: 0; padding: 0; } ul.horizontalMenu li { float: left; border-right: 1px solid #fff; } ul.horizontalMenu li a { display: block; padding: 0px 6px; color: #fff; text-decoration: none; } ul.horizontalMenu li.first a { padding-left: 0; } ul.horizontalMenu li.last { border: 0; } #wrapper { margin: 0 auto; width: 960px; background-color: #fff; text-align: left; } #header { width: 948px; float: left; margin: 0 0 0 12px; display: inline; } #logo { float: left; } #logo img { border: 0; } #infobar { float: right; width: auto; text-align: right; padding: 8px 0 5px 0; color: #b2b2b2; } #infobar a, #infobar a:visited { color: #000; padding: 5px 4px; } #shopbar { float: right; width: auto; clear: right; text-align: right; margin-top: 4px; } #shopbar a.menu, #shopbar a.menu:visited { color: #a9a9a9; text-transform: uppercase; /*display: block; float: right;*/ padding: 2px 0 2px 2px; margin-left: 3px; line-height: 18px; } #shopbar a.menu:hover { color: #6b6b6b; } #shopbar p { clear: both; color: #000; padding: 8px 0; } #basketSummary { float: right; position: relative; background-color: #d1d9d3; color: #000; width: 250px; text-align: left; padding: 4px; } #basketSummary a.summary { display: block; padding: 2px 4px 2px 23px; background: url(images/basket_more_icon_closed.gif) no-repeat left center; color: #000; float: left; width: 223px; cursor: pointer; cursor: hand; } #basketSummary a.summaryOpen { display: block; padding: 2px 4px 2px 23px; background: url(images/basket_more_icon_open.gif) no-repeat left center; color: #000; float: left; width: 223px; cursor: pointer; cursor: hand; } #basketSummary span.disabled { display: block; padding: 2px 4px 2px 23px; background: url(images/basket_more_icon_disabled.gif) no-repeat left center; color: #000; float: left; width: 223px; } #basketSummary span.label { display: block; float: left; width: 102px; cursor: pointer; cursor: hand; } #basketSummary span.block { display: block; float: right; width: 55px; text-align: right; cursor: pointer; cursor: hand; } #basketOpen { display: none; background-color: #fff; padding: 6px 4px; width: 372px; position: absolute; top: 24px; right: 0; border: 1px solid #000; } #headerRight { padding-left: 115px; float: right; } #navigation { padding: 0; width: 948px; float: left; background-color: #000; color: #aeaeae; } #navigation ul.main { list-style-type: none; float: left; width: 100%; } #navigation ul.main a { text-decoration: none; color: #aeaeae; font-size: 130%; } #navigation ul.main a:hover { color: #fff; } #navigation ul.main li { float: left; } #navigation ul.main li.special { float: right; } #navigation ul.main li h3 { } #navigation ul.main li h3 a { padding: 5px 4px 5px 8px; display: block; float: left; display: inline; color:#aeaeae; font-weight: bold; /*letter-spacing: -0.5px;*/ } #navigation ul.main li h3 a.active { color: #fff; } #navigation div.subContainer { border-bottom: 1px solid #ccc; background-color: #fff; width: 756px; float: left; display: inline; margin: 0 -15px 0 -9px; padding: 0 15px 0 9px; } #navigation ul.sub { clear: left; width: 500px; margin: 0 -15px 0 -9px; background-color: #fff; float: left; padding: 2px 0px 2px 9px; display: inline; } #navigation ul.sub li { display: block; width: 150px; float: left; padding: 2px 0; } #navigation ul.sub li a { padding: 2px 4px 1px 4px; text-decoration: none; text-transform: uppercase; color: #a9a9a9; } #navigation ul.sub li a.active { background-color: #e5e5e5; color: #6b6b6b; } #navigation ul.sub li a:hover { color: #6b6b6b; } #searchBar { padding: 0; width: 948px; float: left; background-color: #d1d9d3; color: #000; margin-bottom: 12px; } #searchBar fieldset { float: left; width: 450px; padding: 5px 8px; } #searchBar fieldset.right { float: right; } #searchBar fieldset.right input, #searchBar fieldset.right label { float: right; width: auto; } #searchBar input.submit { background-color: #d1d9d3; border: 0; } #sidebarHeader { padding: 6px 4px; width: 172px; background-color: #000; color: #fff; float: left; font-weight: bold; font-size: medium; display: none; } #sidebar { float: left; width: 180px; clear: left; background-color: #fff } #sidebar img { width: 180px; margin-top: 8px; } #sidebarNav { list-style: none; width: 180px; border-top: 1px dotted #999 } #sidebarNav li { width: 180px; } #sidebarNav li.header { background-color: #a8a8a9; color: #fff; padding: 6px 6px 6px 14px; width: 160px; } #sidebarNav li a, #sidebarNav li a:visited { border-bottom: 1px dotted #999; color: #000; padding: 5px 8px; display: block; width: 164px; } #sidebarNav li a.selected, #sidebarNav li a.selected:visited { font-weight: bold; background-color: #e3e8e5; } #sidebarNav li a:hover { color: #000; background-color: #e3e8e5; } #sidebarNav li a.last { } #content { width: 756px; float: left; padding-bottom: 15px; min-height: 400px; margin: 0 0 0 12px; display: inline; } #content div.page { width: 756px; padding: 0; float: left; } #content div.page p { line-height: 140%; margin-top: 5px; } #content div.page p.error { line-height: 140%; margin-top: 5px; color: #CC0000; } #content div.page h1 { font-size: large; font-weight: bold; padding-bottom: 5px; margin-bottom: 5px; border-bottom: 1px solid #ccc; color: #000; } #content div.page h1.product { float: left; width: 516px; margin-left: 5px; display: inline; font-size: xx-large; } #content div.page h2 { font-size: x-large; font-weight: normal; padding-bottom: 0; margin-bottom: 0; color: #000 } #content div.page h3 { font-size: large; font-weight: bold; padding-bottom: 0; margin-bottom: 5px; } #content div.page ul { margin-left: 25px; } #content div.page ul.tabs { float: left; width: 100%; list-style-type: none; background-color: #000; margin: 0; } #content div.page ul.tabs li { float: left; width: 189px; } #content div.page ul.tabs li a, ul.tabs li a:visited { float: left; padding: 4px 12px; color: #999; background-color: #000; text-decoration: none; font-weight: bold; width: 165px; } #content div.page ul.tabs li:hover, #content div.page ul.tabs li a:hover, #content div.page ul.tabs li a.selected { color: #5a5a5a; background-color: #d1d9d3; } #content div.page ul.tabs h1, #content div.page ul.tabs h2 { font-size: 120%; border: 0; margin: 0; padding: 0; width: auto; } #content div.page div.tab { width: 740px; padding: 8px; background-color: #d1d9d3; float: left; clear: both; min-height: 5em; font-size: 110%; } #content div.page div.tab a, #content div.page div.tab a:visited { text-decoration: none; font-weight: bold; } #content div.page div.tabOff { display: none; } #content div.page a { text-decoration: underline; } #content div.page .breadcrumb { color: #aeaeae; font-size: medium; font-weight: bold; margin-bottom: 10px; } #content div.page .breadcrumb span { color: #58585a; } #content div.page .breadcrumb a, #content div.page .breadcrumb a:visited { color: #aeaeae; text-decoration: none; } #content div.page .breadcrumb a:hover { color: #58585a; } #content div.document { background-color: #d1d9d3; padding: 8px 45px 8px 12px; float: left; } #content div.full { width: 699px; } #content div.document h1 { border: 0; } #content div.document h3 { margin-top: 10px; } #content div.document p { font-size: 110%; } #content div.document a, #content div.document a:visited { text-decoration: none; font-weight: bold; } #content div.document a:hover { text-decoration: underline; color: #333; } #content div.newsItem { background-color: #fff !important; padding: 8px 45px 8px 12px; float: left; } #sidebarMode #content { width: 948px; } #sidebarMode #content div.page { width: 756px; float: right; } div.prodListRowHeader { float: left; padding: 3px 0; color: #b2b2b2; width: 100%; font-weight: bold; font-size: medium; margin-top: 12px; border-bottom: 1px solid #b2b2b2; } div.prodListRowHeader span { } div.prodListRow { float: left; margin: 5px 0; /*border-top: 1px solid #b2b2b2;*/ padding-top: 8px; } div.prodListRow div.element p { margin-top: 0; } div.prodListRow div.element { float: left; width: 142px; margin-right: 9px; display: inline; } div.prodListRow div.narrow { margin-right: 6px; } div.prodListRow div.element.last { margin: 0;} div.prodListRow div.element a img.product { border: 0; width: 138px; height: 138px; border-bottom: 1px solid #ccc; padding: 0 2px 5px 2px; } div.prodListRow div.element img.prodicon {border: none; margin: 4px 4px 7px 0;} div.prodListRow div.element h2 { font-size: small; margin: 5px 0 0 0; } div.prodListRow div.element h2 a { text-decoration: none !important; color: #58585a; margin: 0; padding: 0; text-decoration: none; font-size: small; font-weight: normal; } div.prodListRow div.element div.icons { border: 1px dotted #ccc; border-width: 0 0 1px 0; padding: 2px 0; margin-top: 2px; color: #989899; font-size: x-small; float: left; width: 100%; clear: both; } div.prodListRow div.element div.icon { width: 12px; height: 12px; margin: 4px 4px 7px 0; float: left; display: inline; } div.prodListRow div.element div.men { background: transparent url(images/icons/thumbs/men.gif) no-repeat top left; } div.prodListRow div.element div.natural { background: transparent url(images/icons/thumbs/natural.gif) no-repeat top left; } div.prodListRow div.element div.new { background: transparent url(images/icons/thumbs/new.gif) no-repeat top left; } div.prodListRow div.element div.samples { background: transparent url(images/icons/thumbs/samples.gif) no-repeat top left; } div.prodListRow div.element div.stock { background: transparent url(images/icons/thumbs/stock.gif) no-repeat top left; } div.prodListRow div.element div.women { background: transparent url(images/icons/thumbs/women.gif) no-repeat top left; } div.prodListRow div.element div.men:hover { background: transparent url(images/icons/colour/thumbs/men.gif) no-repeat top left; } div.prodListRow div.element div.natural:hover { background: transparent url(images/icons/colour/thumbs/natural.gif) no-repeat top left; } div.prodListRow div.element div.new:hover { background: transparent url(images/icons/colour/thumbs/new.gif) no-repeat top left; } div.prodListRow div.element div.samples:hover { background: transparent url(images/icons/colour/thumbs/samples.gif) no-repeat top left; } div.prodListRow div.element div.stock:hover { background: transparent url(images/icons/colour/thumbs/stock.gif) no-repeat top left; } div.prodListRow div.element div.women:hover { background: transparent url(images/icons/colour/thumbs/women.gif) no-repeat top left; } div.prodListRow div.element p.brand { color: #58585a; font-weight: bold; padding: 0px 0; font-size: 110%; } div.prodListRow div.element p.brand a, div.prodListRow div.element p.brand a:visited { text-decoration: none !important; } div.prodListRow div.element p.subtitle { color: #58585a; padding: 1px 0; font-size: 110%; } div.prodListRow div.element p.price { color: #58585a; display: block; clear: both; margin: 0; padding: 3px 0; border: 1px dotted #fff; border-width: 1px 0; font-size: 110%; } div.prodListRow div.element p.abstract { border: 1px dotted #ccc; border-width: 1px 0; padding: 5px 0; margin-top: 3px; color: #989899; font-size: x-small; } div.prodListRow div.element p span.new_price { font-size: small; } div.prodListRow div.element p span.old_price { text-decoration: line-through; } div.sectionListRow { } div.sectionListRow div.element { float: left; width: 253px; color: #fff; background: #4d4e53 url(images/corner_br_small.gif) no-repeat bottom right; margin: 4px 2px 4px 0; display: inline; } div.sectionListRow div.element div { width: 253px; height: 120px; background-position: 50% 50%; background-repeat: no-repeat; } div.sectionListRow div.element h2 { padding: 90px 3px 3px 14px; font-size: 200%; text-decoration: none; } div.sectionListRow div.element h2 a:visited, div.sectionListRow div.element h2 a { text-decoration: none; } div.sectionListRow div.element p { padding: 10px 14px; } div.prodCatRow { float: left; margin: 5px 0 5px 0px; } div.prodCatRow div.element { float: left; width: 367px; margin-right: 16px; display: inline; } div.prodCatRow div.element p { margin-top: 0; } div.prodCatRow div.element.last { margin: 0;} div.prodCatRow div.element img.product { border: 0; width: 138px; height: 138px; float: left; } div.prodCatRow div.element img.prodicon {border: none; margin: 4px 4px 7px 0;} div.prodCatRow div.element div { float: right; width: 225px; } div.prodCatRow div.element h2 { margin: 5px 0 0 0; } div.prodCatRow div.element h2 a { text-decoration: none !important; color: #58585a; margin: 0; padding: 0; text-decoration: none; font-size: small; font-weight: normal; } div.prodCatRow div.element p.icon-p { border: 1px dotted #ccc; border-width: 0 0 1px 0; padding: 2px 0; margin-top: 2px; color: #989899; font-size: x-small;} div.prodCatRow div.element p.brand { color: #58585a; font-weight: bold; padding: 0px 0; font-size: 110%; } div.prodCatRow div.element p.subtitle { color: #58585a; padding: 1px 0; font-size: 110%; } div.prodCatRow div.element p.price { color: #58585a; display: block; margin: 0; padding: 3px 0; border: 1px dotted #fff; border-width: 1px 0; font-size: 120%; } div.prodCatRow div.element p.abstract { border: 1px dotted #ccc; border-width: 1px 0; padding: 5px 0; margin-top: 3px; color: #989899; font-size: x-small; } div.prodCatRow div.element p span.new_price { font-weight:bold; } div.prodCatRow div.element p span.old_price { text-decoration: line-through; } div.sectionListRow { } div.sectionListRow div.element { float: left; width: 253px; color: #fff; background: #4d4e53 url(images/corner_br_small.gif) no-repeat bottom right; margin: 4px 2px 4px 0; display: inline; } div.sectionListRow div.element div { width: 253px; height: 120px; background-position: 50% 50%; background-repeat: no-repeat; } div.sectionListRow div.element h2 { padding: 90px 3px 3px 14px; font-size: 200%; text-decoration: none; } div.sectionListRow div.element h2 a:visited, div.sectionListRow div.element h2 a { text-decoration: none; } div.sectionListRow div.element p { padding: 10px 14px; margin-top: 0; } /* Search */ div.refine { float: left; width: 736px; padding: 3px 10px; background-color: #D1D9D3; margin: 4px 0 10px 0; } div.refine div { float: left; width: 146px; } div.refine div.sortby { border-left: 1px dotted #6b6b6b; padding-left: 7px; width: 138px; float: right; } div.refine select { width: 95%; height: 1.9em; font-size: x-small; } #product { width: 756px; padding-bottom: 10px; margin-top: 2px; float: left; } #product p { margin-top: 0; } #prodImages { float: left; width: 220px; color: #fff; background-color: #fff; } #viewProductImage { width: 220px; } #prodThumbs { float: left; width: 220px; } #prodThumbs a img { margin: 0; width: 73px; border: 1px solid #fff; border-width: 1px 0; } #prodThumbs a:hover img { border: 1px dotted #999; border-width: 1px 0; } #prodThumbs a img.selected, #prodThumbs a:hover img.selected { border: 1px solid #999; border-width: 1px 0; } #prodInfo { float: left; width: 338px; padding: 0 6px; } #prodInfo p { line-height: 1.4; margin-bottom: 5px; } #prodInfo h1 { font-size: large; } #prodInfo h2 { font-size: large; font-weight: bold; } #prodInfo h3 { font-size: medium; } #prodInfo h4 { text-transform: uppercase; padding: 8px 0 4px 0; color: #a9a9a9; } #prodInfo div.copy { border: 1px dotted #9b9b9b; border-width: 1px 0; padding-top: 5px; margin-top: 5px; } #prodInfo div.copy a { font-weight: bold; text-decoration: none; } #prodInfo div.copy p.spec { border-top: 1px dotted #9b9b9b; padding: 4px 0; margin: 0; } #new_price { font-size: x-large; } #old_price { font-weight: normal; font-size: medium; background: url(images/old_price.gif) no-repeat 50% 50%; } #prodInfo div.icons { border-bottom: 1px dotted #9b9b9b; padding: 2px 0; margin-top: 2px; color: #989899; font-size: x-small; float: left; width: 100%; clear: both; } #prodInfo div.icon { width: 20px; height: 20px; margin: 9px 4px 7px 0; float: left; display: inline; } #prodInfo div.outofstockMessage { padding: 2px 0; margin-top: 2px; color: #989899; font-size: small; float: left; width: 100%; clear: both; } #prodInfo div.men { background: transparent url(images/icons/men.gif) no-repeat top left; } #prodInfo div.natural { background: transparent url(images/icons/natural.gif) no-repeat top left; } #prodInfo div.new { background: transparent url(images/icons/new.gif) no-repeat top left; } #prodInfo div.samples { background: transparent url(images/icons/samples.gif) no-repeat top left; } #prodInfo div.stock { background: transparent url(images/icons/stock.gif) no-repeat top left; } #prodInfo div.women { background: transparent url(images/icons/women.gif) no-repeat top left; } #prodInfo div.men:hover { background: transparent url(images/icons/colour/men.gif) no-repeat top left; } #prodInfo div.natural:hover { background: transparent url(images/icons/colour/natural.gif) no-repeat top left; } #prodInfo div.new:hover { background: transparent url(images/icons/colour/new.gif) no-repeat top left; } #prodInfo div.samples:hover { background: transparent url(images/icons/colour/samples.gif) no-repeat top left; } #prodInfo div.stock:hover { background: transparent url(images/icons/colour/stock.gif) no-repeat top left; } #prodInfo div.women:hover { background: transparent url(images/icons/colour/women.gif) no-repeat top left; } #prodReview { float: right; width: 165px; margin-right: 15px; color: #a9a9a9; display: inline; } #prodReview h4 { padding-bottom: 8px; margin-bottom: 4px; color: #6e6e6f; font-size: 130%; font-weight: bold; } #prodReview p.date { } #prodReview p.title { color: #58585a; font-size: small; font-weight: bold; } #prodReview p.intro { } #prodReview div { float: left; width: 100%; border-bottom: 1px dotted #ccc; padding-bottom: 4px; margin-bottom: 8px; } #prodReview div img { margin: 3px 0; } #prodSummary { float: left; width: 220px; margin-right: 15px; } #prodSummary h1 { font-size: large; } #prodSummary h2 { font-size: large; font-weight: bold; } #prodSummary h3 { font-size: small; } #prodSummary h4 { text-transform: uppercase; padding: 8px 0 4px 0; color: #a9a9a9; } #prodSummary div.rating { margin-bottom: 4px; } #prodReviews { float: left; width: 515px; } #prodReviews h1 { font-size: large; margin-bottom: 10px; } #prodReviews div.review { float: left; clear: left; border-bottom: 1px dotted #9b9b9b; padding: 5px 0; margin-bottom: 10px; width: 100%; } #prodQuestion { float: right; width: 165px; margin-right: 15px; margin-top: 20px; color: #a9a9a9; display: inline; clear: right } #prodQuestion h4 { border-bottom: 1px solid #ccc; text-transform: uppercase; padding-bottom: 8px; margin-bottom: 4px; } #prodQuestion p.date { } #prodQuestion p.title { color: #58585a; font-size: small; font-weight: bold; } #prodQuestion p.intro { } #prodQuestion div { float: left; width: 100%; border-bottom: 1px dotted #ccc; padding-bottom: 4px; margin-bottom: 8px; } #prodQuestion div img { margin: 3px 0; } #prodQuestion #message, #prodQuestion #q_email { width: 100%; border: 1px solid #ddd; } #mailFriend { float: right; width: 165px; margin-right: 15px; margin-top: 20px; color: #a9a9a9; display: inline; clear: right; } #mailFriend h4 { border-bottom: 1px solid #ccc; text-transform: uppercase; padding-bottom: 8px; margin-bottom: 4px; } #mailFriend p.date { } #mailFriend p.title { color: #58585a; font-size: small; font-weight: bold; } #mailFriend p.intro { } #mailFriend div { float: left; width: 100%; border-bottom: 1px dotted #ccc; padding-bottom: 4px; margin-bottom: 8px; } #mailFriend div img { margin: 3px 0; } #mailFriend #f_message, #mailFriend #f_email, #mailFriend #y_email, #mailFriend #y_name { width: 100%; border: 1px solid #ddd; } #slider { float: right; width: 165px; margin: 15px 15px 0 0; color: #6e6e6f; display: inline; clear: right; } #slider p.title { color: #58585a; font-size: small; font-weight: bold; } #slider div { float: left; width: 100%; border-bottom: 1px dotted #ccc; padding-bottom: 4px; margin-bottom: 8px; } #slider div img { margin: 3px 0; } #slider #message, #slider #q_email, #slider #f_message, #slider #f_email, #slider #y_email, #slider #y_name { width: 98%; border: 1px solid #ddd; } #slider dt { border-top: 1px dotted #ccc; padding: 4px 0; cursor:pointer; background: url(images/acc_arrow_down.gif) no-repeat right center; font-weight: bold; font-size: 130%; color: #6e6e6f; } #slider .open { background-image:url(images/acc_arrow_up.gif); border: 0; } #slider dd { margin: 0; overflow:hidden; background:#fff} .prodicon {margin: 9px 4px 7px 0;} /* Search / brands / skintypes */ #brandLogo { float: left; width: 225px; margin: 0 12px 12px 0; } div.brand { float: left; width: 462px; } div.brand h2 { font-size: large; font-weight: bold; margin-bottom: 8px; } div.brand h3 { font-size: medium; margin-bottom: 5px; } div.brand p { line-height: 1.4; margin-bottom: 10px } /* Home */ #homeFlash { margin-top: 1px; } #homeFlash img { height: 210px; width: 756px; } #sidebarMode #homeFlash { margin-left: 12px; } #sidebarMode div.page #homeFlash { margin-left: 0; } #homeLinks { list-style: none; width: 100%; background-color: #fff; color: #fff; float: left; } #homeLinks li { width: 256px; float: left; display: inline; margin: 5px 0; } #homeLinks li.centre { margin: 5px 6px; } #homeLinks li a img { width: 256px; height: 105px; } #content #newsBox { float: left; width: 372px; min-height: 304px; background: #fff url(images/home_news_bg.gif) repeat-y top left; } #content #newsBox div.main { padding: 8px; background-color: #000; color: #fff; float: left; width: 356px; } #content #newsBox div.main h2 { color: #fff; font-weight: bold; margin-bottom: 8px; font-size: xx-large; } #content #newsBox h3 { font-size: 110%; font-weight: bold; margin-bottom: 0; } #content #newsBox p { margin-top: 2px; } #content #newsBox div.main img { border: 3px solid #fff; float: left; margin: 0 8px 8px 0; } #content #newsBox div.list { padding: 8px; background-color: #3f4240; color: #fff; float: left; width: 356px; } #content #newsBox div.list div { padding: 2px 0; border-bottom: 1px dotted #747675; width: 100%; } #content #newsBox div.list div p { color: #b2b2b2; font-size: 90%; } #content #newsBox a { color: #fff; text-decoration: none; } #content #newsBox a:hover { text-decoration: underline; } #content #newsBox div.list div.last { border: 0; } #homeRightAds { float: right; width: 180px; } #homeRightAds a img { border-bottom: 6px solid #fff; } #homeBigAd { float: left; display: inline; margin-left: 12px; width: 372px; height: 304px; } /* Forms */ fieldset p { margin-top: 0; } #searchForm { } #searchForm fieldset { } #searchForm fieldset.last { } #searchForm label { margin: 3px 10px 0 0; display: inline; } #searchForm input, #searchForm select { border: 1px solid #b1b0b0; font-size: x-small; width: auto; margin-top: 3px; } #searchFrom input.submit { margin: 0; } #optionForm { clear: left; } #optionForm label { font-size: small; } #optionForm fieldset.option { color: #fff; background: #747679 url(images/corner_br_small_grey.gif) no-repeat bottom right; padding: 2px; margin-bottom: 3px; } #optionForm fieldset.option.alt { background-color: #7c7e80; } #optionForm fieldset.quantity { padding: 8px 0 4px 0; border-top: 1px dotted #9b9b9b; border-bottom: 1px dotted #9b9b9b; margin-bottom: 12px; } #optionForm fieldset.submit { padding: 4px 0 8px 0; border-bottom: 1px dotted #9b9b9b; } #optionForm input { border: 1px solid #b9b9b9; } #optionForm input.submit { margin: 0; width: 100%; padding: 4px; font-size: medium; font-weight: bold; text-align: left; text-transform: none; background: #545454 url(images/button_arrow.gif) no-repeat center right; color: #fff; border: 0; } #optionForm div.totalPrice { padding: 8px 0; } #oosMailingForm { clear: left; padding-bottom: 12px; border-bottom: 1px dotted #9b9b9b; } #oosMailingForm label { font-size: small; } #oosMailingForm fieldset.option { color: #fff; background: #747679 url(images/corner_br_small_grey.gif) no-repeat bottom right; padding: 2px; margin-bottom: 3px; } #oosMailingForm fieldset.option.alt { background-color: #7c7e80; } #oosMailingForm fieldset.quantity { padding: 8px 0 4px 0; border-top: 1px dotted #9b9b9b; border-bottom: 1px dotted #9b9b9b; margin-bottom: 12px; } #oosMailingForm div.emailInStock { margin-top: 12px; font-size: small; } #oosMailingForm fieldset.submit { padding: 4px 0 8px 0; border-bottom: 1px dotted #9b9b9b; } #oosMailingForm input { border: 1px solid #b9b9b9; width: 250px; padding: 4px; } #oosMailingForm input.submit { margin: 0; width: 75px; padding: 4px; font-size: 120%; font-weight: bold; text-align: left; text-transform: none; color: #fff; border: 0; text-align: center; } #oosMailingForm div.totalPrice { padding: 8px 0; } form.mainForm { display: block; float: left; width: 100%; margin-top: 5px; } #sidebarMode form.mainForm { width: 100%; } div.page.narrow form.mainForm { width: 542px; } form.mainForm fieldset { float: left; } form.mainForm fieldset p span.note { padding-left: 100px; } form.mainForm fieldset p { float: left; clear: left; color: #3d3d3d; padding: 5px 20px; background-color: #d1d9d3; width: 710px; margin-top: 0; } form.mainForm fieldset p.last { border: 0; } #sidebarMode form.mainForm fieldset p { width: 530px; margin-top: 0; } div.page.narrow form.mainForm fieldset p { width: 502px; } form.mainForm fieldset p.alt { /*background-color: #e5e5e5;*/ } form.mainForm label { float: left; padding-top: 3px; } form.mainForm fieldset.info { background-color: #000; color: #fff; } form.mainForm fieldset.info p { background-color: #000; color: #fff; padding: 5px 8px; width: 709px; font-weight: normal; border: 0; } #sidebarMode form.mainForm fieldset.info p { width: 554px; } div.page.narrow form.mainForm fieldset.info p { width: 522px; } form.mainForm fieldset.error { background-color: #fff; color: #f00; } form.mainForm fieldset.error p { background-color: #fff; color: #f00; border: 2px solid #f00; width: 705px; } #sidebarMode form.mainForm fieldset.error p { width: 550px; } form.mainForm fieldset label { width: 100px; } form.mainForm fieldset input { width: 300px; border: 1px solid #4c4c4e; } form.mainForm fieldset select { border: 1px solid #4c4c4e; } form.mainForm fieldset input.form_element_error, form.mainForm fieldset textarea.form_element_error { border: 2px solid #d00; } form.mainForm fieldset span.form_error { padding-left: 100px; color: #d00; } form.mainForm fieldset.tickboxes { margin-top: 5px } form.mainForm fieldset.tickboxes label { width: auto; margin-left: 10px; } form.mainForm fieldset.tickboxes input { width: auto; float: left; clear: left; border: 0; } form.mainForm fieldset.submit p { background-color: transparent; padding: 10px 0; width: 725px; } #sidebarMode form.mainForm fieldset.submit p { width: 570px; } form.mainForm fieldset.submit input.submit { width: auto; overflow: visible; } form.review { width: 100%; } form.review fieldset p { width: 485px; margin-top: 0; } form.review fieldset.info p { width: 509px; } form.review fieldset.error p { width: 505px; } form.review fieldset.submit p { width: 525px; } form.footerForm { margin: 0; } form.footerForm input.textfield { width: 120px; font-size: x-small; border: 1px solid #4c4c4e; } #addressblock { width: 100%; float: left; margin-bottom: 20px; } #addressblock div { width: 250px; float: left; } ul.bullets { margin: 10px; } /* Tables */ table { width: 100%; } /* th { text-align: left; padding: 5px 10px; font-size: small; } td { text-align: left; padding: 3px 10px; } th.right, td.right { text-align: right; } td.centre { text-align: center; } tr { color: #000; } tr.row1 { background-color: #cacacb; } tr.row2 { background-color: #bebfc0; } tr.info { color: #fff; background-color: #5c5e60; }*/ #addressTable { text-transform: none; } #addressTable th, #addressTable td { text-align: left; padding: 3px 10px; vertical-align: top; } #addressTable th { background-color: #000; color: #fff; } #addressTable tr.row td { background-color: #e5e5e5; } #addressTable tr.last td { border-bottom: 0; background-color: #e5e5e5; } #basketTable { width: 100%; text-transform: none; } #basketTable tr td { text-align: left; padding: 3px 10px; vertical-align: top; } #basketTable tr td a, #basketTable tr td a:visited { color: #000; font-weight: bold; } #basketTable tr td.right { text-align: right; } #basketTable tr td.centre { text-align: center; } #basketTable tr.row td { border-bottom: 1px dashed #d9d9d9; } #basketTable tr.total td { border-top: 1px solid #999; } #mainBasketTable { width: 100%; text-transform: none; color: #676869; } #mainBasketTable tr td, #mainBasketTable tr th { text-align: left; padding: 4px 10px; vertical-align: top; } #mainBasketTable tr td.right, #mainBasketTable tr th.right { text-align: right; } #mainBasketTable tr td.centre, #mainBasketTable tr th.centre { text-align: center; } #mainBasketTable tr th { background-color: #000; color: #fff; } #mainBasketTable tr.row td { background-color: #d1d9d3; } #mainBasketTable tr.last td { background-color: #d1d9d3; } #mainBasketTable tr.total td { border-bottom: 1px dotted #999; } #mainBasketTable td.totalline { border-top: 1px dotted #999; } #mainBasketTable .qtyField { width: 15px; font-size: small; border: 1px solid #6B6B6D; float: left; } #mainBasketTable td.right input.submit { margin: 0; width: 100%; padding: 4px; font-size: medium; font-weight: bold; text-align: left; text-transform: none; background: #545454 url(images/button_arrow.gif) no-repeat center right; color: #fff; border: 0; } #content #mainBasketTable p { margin: 0; } div.quan_wrap { margin-top: 5px; } /* Sitemap */ #content div.page ul.sitemap { margin: 0 0 10px 20px; display: block; } #content div.page ul.sitemap li { margin-bottom: 10px; } #content div.page ul.sitemap ul { margin: 0 0 10px 20px; display: block; } #content div.page ul.sitemap ul li { margin-bottom: 0px; } /* FAQs */ ol.faqs { list-style: none; padding: 0; margin: 10px 0; } ol.faqs div { padding: 0 5px; margin: 3px 10px 10px 0; } ol.faqs div p { margin-top: 4px; } ol.faqs div.ans_visible { display: block; } ol.faqs div.ans_hidden { display: none; } ol.faqs li strong { color: #000; } ol.faqs div strong { background-color: transparent; } #footer { width: 948px; float: left; margin: 0 0 0 12px; display: inline; } #docbar { padding: 0; width: 924px; float: left; display: inline; margin-left: 12px; font-size: x-small; } #docbar a, #docbar a:visited { color: #606062; font-weight: bold; } #docbar a:hover { color: #606062; } #docbar ul { list-style-type: none; float: left; width: 100%; border-top: 1px dotted #d2d2d2; clear: both; } #docbar ul li { float: left; } #docbar ul li.nolink { padding: 5px 6px; display: block; float: left; display: inline; margin-right: 8px; } #docbar ul li.btb { float: right; text-align: right; } #docbar ul li.btb a { text-decoration: none; text-transform: none; } #docbar ul li.btb a:hover { color: #a9a9a9; } #docbar ul li a { padding: 5px 8px 5px 0; display: block; float: left; display: inline; margin-right: 8px; } #footer div.signupbar { width: 748px; padding: 2px 16px; float: left; background-color: #6b6b6b; color: #fff; } #footer div.faux { width: 100%; float: left; background: #d1d9d3 url(images/footer_faux.gif) repeat-y top left; color: #fff; } div.faux h4 { font-size: 110%; font-weight: bold; } #newsletter { float: left; width: 356px; padding: 8px; background-color: #000; } #newsletter h4 { color: #808080; font-size: 130%; } #newsletter h2 { color: #fff; font-weight: bold; font-size: xx-large; } #newsletter h5 { color: #fff; font-size: large; font-weight: normal; margin: 8px 0; } #newsletter h5 span { color: #fff; } #newsletter input { font-size: small; border: 1px solid #687363; width: 55%; float: left; } #newsletter input.submit { width: auto; color: #fff; background-color: #000; border: 0; } #testimonials { float: left; width: 419px; padding: 8px 145px 8px 12px; background: #d1d9d3 url(images/home_testimonial_quote.gif) no-repeat bottom right; } #testimonials h4 { color: #3f4140; font-size: 130%; } #testimonials p.quote { color: #7d7d7d; font-size: small; line-height: 1.3; margin: 8px 0; } #testimonials p.credit { color: #7d7d7d; margin: 4px 0; font-size: x-small; } #footer div.links { width: 100%; float: left; } #footer div.links div { float: left; width: 158px; } #footer ul.footer_cat { width: 146px; margin: 10px 0 10px 12px; list-style: none; } ul.footer_cat li { color: #58585a; padding: 1px 0; } ul.footer_cat li.heading { color: #606062; font-weight: bold; padding: 3px 0; margin-bottom: 3px; font-size: 110%; } #footer ul.brands { float: right; margin-left: 0; } /* sIFR */ /* These are standard sIFR styles... do not modify */ .sIFR-flash { visibility: visible !important; margin: 0; } .sIFR-replaced { visibility: visible !important; } span.sIFR-alternate { position: absolute; left: 0; top: 0; width: 0; height: 0; display: block; overflow: hidden; } /* Hide Adblock Object tab: the text should show up just fine, not poorly with a tab laid over it. */ .sIFR-flash + div[adblocktab=true] { display: none !important; } /* These "decoy" styles are used to hide the browser text before it is replaced... the negative-letter spacing in this case is used to make the browser text metrics match up with the sIFR text metrics since the sIFR text in this example is so much narrower... your own settings may vary... any weird sizing issues you may run into are usually fixed by tweaking these decoy styles .sIFR-hasFlash div.page h1 { visibility: hidden; letter-spacing: 1px; font-size: 26px !important; } .sIFR-hasFlash #navigation h3 { visibility: hidden; letter-spacing: 1px; font-size: 12px !important; } .sIFR-hasFlash #header h4 { visibility: hidden; letter-spacing: 1px; font-size: 22px !important; }*/