/* --------------------------------------------------------------------------------- AUSSIE HEALTH PRODUCTS Master Stylesheet Author: Wedgetail Creative / Pixel House www.wedgetail.com.au // www.pixel-house.com.au --------------------------------------------------------------------------------- */ body { margin: 0; padding: 0; font-family: arial, helvetica, sans-serif; background: url(../images/bg.gif) repeat-x 0 0 #dbd1be; } h1, h2, h3, h4, h5, h6 { margin: 0 0 0.5em 0; color: #32302b; } h1 { font-size: 1.65em; letter-spacing: -0.02em; margin: 0 0 0.8em 0; font-weight: normal; font-family: helvetica, arial, sans-serif; } h1 span { color: #998e79; } h2 { font-size: 1.1em; font-weight: normal; font-family: helvetica, arial, sans-serif; line-height: 1.1em; } h2 a { color: #736b5c; text-decoration: none; } h3 { font-size: 0.8em; margin: 0; line-height: 1.35em; color: #757067; } h4 { font-size: 0.75em; text-transform: uppercase; margin: 0 0 5px 0; } h5 { font-size: 0.7em; } h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover { text-decoration: underline; color: #bc0000; } p, ul li, ol li, table td, table th { color: #8b8579; font-size: 0.75em; line-height: 1.35em; } p { margin: 0 0 1.4em 0; } p a, ul li a, ol li a, table td a { color: #7b756a; } p a:hover, ul li a:hover, ol li a:hover, table td a:hover { color: #bc0000; } ul, ol { margin: 0 0 1.35em 0; padding: 0 0 0 20px; } a img { border: none; } hr { display: none; } fieldset { margin: 0; padding: 0; border: none; } fieldset input { font-family: arial, helvetica, sans-serif; } table { border-collapse: collapse; } #container-wrap, #footer-wrap { float: left; width: 100%; } #container-wrap { background: url(../images/shadow.jpg) no-repeat center 0; } #header, #container, #footer { width: 980px; margin: 0 auto; position: relative; z-index: 100; } #header { z-index: 200; } /* fixes dropdowns in Chrome */ .left { float: left; } .right { float: right; } .bold { font-weight: bold; } /* --------------------------------------------------------------------------------- HEADER --------------------------------------------------------------------------------- */ #header-center { float: right; width: 500px; height: 102px; margin-right: 20px; } #search { float: right; padding: 0; margin: 15px 0 17px 0; } #search p { position: relative; margin: 0; z-index: 999; } #search label { position: absolute; color: #bbb3a2; top: 5px; left: 25px; font-size: 11px; z-index: 1000; } #search #searchfield { float: left; width: 231px; font-size: 11px; border: none; padding: 5px 4px 5px 23px; background: url(../images/icon-search.gif) no-repeat 0px 0px #fff; color: #656565; } #search .search-btn { float: left; } #print-logo { display: none; } #logo { float: left; margin: 63px 0 15px 14px; position: absolute; top: 0; left: 0; } #logo a { width: 223px; height: 63px; display: block; background: url(../images/logo.gif) no-repeat 0 0; } #logo a span { display: none; } #top-links { float: left; width: 940px; padding: 12px 20px 0 20px; height: 30px; } #top-links p { color: #9fd0f1; margin: 0; font-size: 0.7em; } #top-links p a { color: #9fd0f1; text-decoration: none; } #top-links p a:hover { text-decoration: underline; } #top-links ul { margin: 0; padding: 1px 0 0 0; } #top-links ul li { float: left; list-style-type: none; font-size: 0.7em; padding: 0 0 0 8px; color: #fff; } #top-links ul li a { color: #fff; text-decoration: none; } #top-links ul li a:hover { text-decoration: underline; } #top-links .bold span { font-size: 1.3em; } #top-links .divider { border-left: solid 1px #537ca7; margin-left: 10px; padding-left: 9px; } #top-links .prmlink a { color: #9fd0f1; } #top-links .welcome { color: #000; } #navigation { float: left; width: 980px; background: url(../images/nav-bg.gif) repeat-x 0 0 #89c318; } #navigation ul { margin: 0; padding: 0; float: left; width: 100%; } #navigation ul li { font-size: 12px; list-style-type: none; float: left; text-transform: uppercase; position: relative; z-index: 900; } #navigation ul li a { float: left; padding: 15px 13px 0 13px; height: 30px; color: #3b8200; font-weight: bold; text-decoration: none; } #navigation ul li:hover a, #navigation ul li a:hover { background: url(../images/nav-bg-hover.gif) repeat-x 0 0 #afde66; color: #2f6900; } #navigation #n01 a { padding-left: 20px; } /*-- Dropdowns --*/ /* #navigation li:hover div, #header #navigation li.over div { display: block; } */ #header #navigation li div { margin: 0px; padding: 20px 0 0 0; background: #afde66; z-index: 999; } #header #navigation li ul { margin: 0; padding: 0; float: left; } #header #navigation li ul li { text-transform: none; font-size: 11px; padding: 0; clear: both; width: 100%; } #header #navigation li ul li a { background: none; text-decoration: none; padding: 1px 0 0 20px; height: auto; font-weight: normal; } #header #navigation li ul li a:hover { text-decoration: underline; } #header #navigation li ul li.odd { border-right: 1px solid #201e1f; } .subuls { display: none; position: absolute; top: 45px; left: 0; z-index: 999; } #header #navigation .subcats { float: left; width: 150px; } #header #navigation li .new { float: left; background: #94cc4b; width: 100%!important; clear: both; padding: 0; margin-top: 15px; } #header #navigation li .new a { float: left; text-indent: 20px; padding: 10px 0; color: #2e6500; } #n01 div { width: 450px; } #n02 div { width: 450px; } #n03 div { width: 200px; } #n04 div { width: 470px; } #n05 div { width: 200px; } #n06 div { width: 520px; } #n07 div { width: 200px; } #n08 div { width: 200px; } #n09 div { width: 190px; } #n10 div { width: 201px; } #n11 div { width: 190px; } #n11 .subuls { top: 45px; left: -133px; } #header #navigation #n06 .subcats { width: 160px; } #header #navigation #n07 .subcats { width: 200px; } #header #navigation #n12 a { color: #32302b; padding-left: 20px; padding-right: 20px; } #header #navigation #n12 a:hover { color: #000; } #header #navigation #n12 { float: right; } /*---------------*/ #your-cart { float: right; clear: both; background: url(../images/icon-trolley.gif) no-repeat 0 0; padding-left: 25px; } #your-cart div { margin: 0; color: #ccddee; font-size: 0.7em; float: left; line-height: 1.2em; } #your-cart div a { color: #fff; font-weight: bold; text-decoration: none; } #your-cart div a:hover { text-decoration: underline; } #your-cart .your-cart-heading { text-transform: uppercase; float: left; } #your-cart .left { padding-right: 10px; } #your-cart .your-cart-contains { float: left; clear: left; white-space: nowrap; } #your-cart .your-cart-price { float: left; background: url(../images/your-cart-price-bg.gif) repeat-x 0 0 #3a8dd2; padding: 7px 10px; font-size: 1.6em; -moz-border-radius: 15px; border-radius: 15px; color: #fff; } #your-cart .your-cart-price a { font-weight: normal; } #your-cart .sm { font-size: 0.8em; } /* --------------------------------------------------------------------------------- CONTAINER - SIDEBAR --------------------------------------------------------------------------------- */ #sidebar { float: left; width: 240px; overflow-x: hidden; padding: 0 0 100px 0; background: url(../images/sidebar-top.jpg) no-repeat 0 0; min-height: 365px; } #sidebar a { text-decoration: none; } #sidebar #categories, #sidebar .paddbox { float: left; width: 200px; padding: 30px 20px 20px 20px; } #sidebar #categories .lower { text-transform: none; } #sidebar #categories ul { float: left; margin: 0 0 20px 0; padding: 0; width: 100%; } #sidebar #categories ul li { float: left; width: 100%; list-style-type: none; font-size: 0.7em; color: #c4bfb6; line-height: 1.4em; } #sidebar #categories ul li span { color: #cdc8bf; } #sidebar #categories ul li a { color: #807b72; } #sidebar #categories ul li a span { color: #9d988e; } #sidebar #categories ul li a:hover, #sidebar #categories a:hover span { color: #bc0000; text-decoration: underline; } #sidebar #categories .underline { border-bottom: dashed 1px #c7bba8; padding-bottom: 20px; } #sidebar #categories .active a, #sidebar #categories .active a:hover { color: #084586; text-decoration: none; font-weight: bold; } #sidebar #categories .active a:hover span { text-decoration: none; } #sidebar #categories .active a span { color: #5a93d0; font-weight: normal; } #sidebar #categories .null { } /* --------------------------------------------------------------------------------- CONTAINER - RIGHT --------------------------------------------------------------------------------- */ #container-shadow { float: left; width: 100%; background: url(../images/container-bg.gif) repeat-y 0 0 #fff; } #container-bg { float: left; width: 100%; background: url(../images/sidebar-btm.jpg) no-repeat 0 bottom; } #right { float: right; width: 740px; padding-top: 25px; background: #fff; } #content { float: left; width: 680px; padding: 30px; } #full-width #content { width: 920px; } #full-width #container-bg { background: url(../images/container-bg-white.gif) repeat-y 0 0 #fff; } #heading { width: 940px; float: left; border-bottom: solid 1px #dbd0ba; background: #eae2d2; padding: 15px 20px 15px 20px; } #heading h1 { margin: 0; float: left; } #heading h1 .new { color: #98ca35; font-weight: bold; } #heading #refines { float: right; } #heading #refines p { float: left; margin: -5px 0 0 10px; } #heading #refines label { float: left; font-size: 0.9em; text-transform: uppercase; padding: 0 0 2px 0; } #heading #refines select { float: left; clear: both; background: #ebebeb; border: solid 1px #b9b9b9; } #heading #label { float: right; font-size: 1.65em; letter-spacing: -0.02em; margin: 0; font-weight: normal; font-family: helvetica, arial, sans-serif; } #heading .gf { color: #aa852d; background: url(../images/icon-gf.gif) no-repeat right 4px; padding-right: 26px; } #heading .org { color: #509a4b; background: url(../images/icon-org.gif) no-repeat right 4px; padding: 0 26px 0 2px; } #breadcrumbs { float: left; width: 100%; margin: 0; padding: 10px 0 0 0; } #breadcrumbs li { float: left; padding-right: 4px; list-style-type: none; font-size: 0.7em; color: #8b867b; } #breadcrumbs li a { float: left; color: #8b867b; text-decoration: none; background: url(../images/breadcrumb-divider.gif) no-repeat right center; padding-right: 8px; } #breadcrumbs li a:hover { color: #000; text-decoration: underline; } #content fieldset { margin: 30px 0 20px 0; } #content fieldset label { float: left; width: 150px; padding-top: 2px; } #content fieldset legend { font-size: 0.8em; font-weight: bold; color: #32302b; margin-bottom: 15px; } #content fieldset legend span { color: #cf0b0c; } #content fieldset input[type=text], #content fieldset select, #content fieldset input[type=password] { color: #515151; padding: 3px; } #content fieldset input[type=text]:focus, #content fieldset input[type=password]:focus, #content fieldset select:focus { color: #000; border: solid 1px #b9944b; background: #fffae2; } #content fieldset p { margin: 0 0 8px 0; } #content fieldset .optional { color: #cf0b0c; font-size: 0.9em; } #content fieldset .field { border: solid 1px #7f9db9; } #content fieldset .fieldW1 { width: 350px; border: solid 1px #7f9db9; } #content fieldset .fieldW2 { width: 300px; border: solid 1px #7f9db9; } #content fieldset .fieldW3 { width: 200px; border: solid 1px #7f9db9; } #content fieldset .fieldW4 { width: 138px; border: solid 1px #7f9db9; } #content fieldset .fieldW5 { width: 100px; border: solid 1px #7f9db9; } #content fieldset .fieldW6 { width: 85px; border: solid 1px #7f9db9; } #content fieldset .fieldW7 { width: 73px; border: solid 1px #7f9db9; } #content .img-right { float: right; margin: 0 0 0 50px; } #content .right-margin { float: right; margin: 0 0 0 30px; } #content .news { float: left; width: 100%; border-bottom: dashed 1px #ccc; margin-bottom: 20px; } #product-text { width: 560px; float: left; padding-top: 10px; } #product-photo { width: 320px; float: right; text-align: left; padding: 10px 0; } #product-photo img { max-width: 320px; } #product-text .price { font-size: 1.85em; color: #cd0b0a; line-height: 0.8em; letter-spacing: -0.01em; margin: 0 0 20px 0; display: block; width: 100%; } #product-text .price .was { color: #1a4681; padding-left: 5px; font-size: 0.8em; float: left; width: 100%; margin: 0 0 10px 0; } #product-text .was span { float: left; } #product-text .was-text { margin-top: -2px; padding: 0 7px 0 0; font-size: 0.65em; text-transform: uppercase; } #product-text .price .sm { font-size: 0.65em; margin-top: -2px; } #product-text .price .was span { float: left; } #product-text .now span { float: left; } #product-text .word-now { padding-right: 10px; font-size: 0.8em; padding-top: 2px; } #product-text .now { float: left; width: 100%; margin: 0 0 20px 0; } #product-text #add-to-cart-wrap { float: left; width: 100%; margin: 0 0 15px 0; } #product-text #add-to-cart { float: left; width: 223px; border: solid 1px #dbd0ba; margin: 0; padding: 10px 0 10px 10px; background: #f9eed8; -moz-border-radius: 5px; border-radius: 5px;} #product-text #add-to-cart label { float: left; width: auto; font-size: 0.7em; font-weight: bold; text-transform: uppercase; padding: 8px 15px 0 10px; } #product-text #add-to-cart #quantity { width: 38px; font-size: 1.1em; border: solid 1px #7f9db9; padding: 2px 2px 1px 2px; float: left; margin-right: 5px; border: solid 1px #ccc; } #product-text #add-to-cart-wrap .number-in-cart { width: 235px; float: left; margin: 0; clear: both; padding: 8px 0; background: #f3f3f3; text-indent: 15px; border-bottom: solid 1px #ccc; } #product-text #add-to-cart-wrap .number-in-cart span { font-weight: bold; color: #000; } #product-text h2 { padding-top: 10px; } #product-text .rrp { font-size: 12px; margin: 0; } #product-text .rrp .sm { font-size: 12px; } #product-text .on-special { font-size: 12px; } #product-text .product-links { font-size: 0.7em; } #product-text .divider { padding: 0 4px; } #product-text p strong { color: #757067; } #product-text table { width: 100%; border-bottom: solid 1px #ddd3c0; margin: 0 0 20px 0; } #product-text table th { background: #dcd1bd; color: #6a6459; padding: 5px; text-align: left; } #product-text table td { background: #f6f2ea; border-top: solid 1px #ddd3c0; padding: 5px; } #product-text table strong { color: #6a6459; } #product-text table p { font-size: 1.0em; margin: 0; } #sold-out-wrap { float: left; width: 100%; margin: 0 0 20px 0; } #sold-out { float: left; width: 390px; padding: 15px 10px 10px 15px; background: #f9eed8; border: solid 1px #dbd0ba; -moz-border-radius: 5px; border-radius: 5px; } #sold-out .sold-out-heading { color: #ae1a1a; margin: 0 0 2px 0; font-size: 17px; font-family: helvetica, arial, sans-serif; } #sold-out .sold-out-heading span { font-weight: bold; } #sold-out .success { color: #1a8800; } #sold-out .error { font-size: 0.7em; color: #9d1212; margin: 10px 0 0 0; font-weight: bold; } #product-text .email-in-stock .reminder { background: url(../images/sold-out-arrow.gif) no-repeat 0 15px; padding-left: 25px; } #product-text .email-in-stock p { margin: 0 0 10px 0; float: left; color: #7f7766; } #product-text .email-in-stock p span { font-weight: bold; } #product-text .email-in-stock .email-field { width: 210px; font-size: 13px; border: solid 1px #afafaf; float: left; padding: 4px 3px 4px 3px; margin-right: 5px; } #product-text .email-in-stock .email-field:focus { border: solid 1px #d33635; } #product-text .best-before { color: #32302b; font-size: 1.1em; font-family: helvetica, arial, sans-serif; margin: 0 0 10px 0; } .add-btn { width: 80px; height: 26px; float: left; background: url(../images/btn-addtocart.gif) no-repeat 0 0; outline: none; } .add-btn.adding { background-position: 0 -26px; } .add-btn span { display: none; } .sold-out { width: 80px; height: 26px; float: left; background: url(../images/btn-outofstock.gif) no-repeat 0 0; text-indent: -5000px; margin-right: 10px; } .reminder { float: left; width: 100%; padding-top: 10px; margin: 0; } .success { color: #64a651; } .wishlist-added { background: url(../images/icon-tick.gif) no-repeat 0 0!important; padding: 2px 0 2px 20px; } .seo-logos { width: 100%; float: left; padding-top: 20px; border-top: solid 1px #dbd0ba; margin-top: 20px; } .seo-logos h3 { margin-bottom: 20px; } .seo-logos a { float: left; margin-right: 20px; } .seo-logos a img { } .rrp { float: left; width: 100%; font-size: 0.75em; color: #8b8579; margin: 0 0 10px 0; } .rrp-price { background: url(../images/rrp-linethrough.gif) repeat-x 0 7px; } .on-special { font-size: 0.7em; color: #cd0b0a; font-weight: bold; text-transform: uppercase; } #content .subcats { min-width: 180px; float: left; padding: 0 20px 0 0; list-style-type: none; } #content .subcats li { } #brand-text { width: 100%; float: left; } #brand-text p { font-size: 0.7em; line-height: 1.3em; } #brand-az { float: left; width: 840px; margin: 0 0 20px 0; padding: 0 0 0 80px; /* background: #aba7a0; */ -moz-border-radius: 5px; border-radius: 5px; border-bottom: solid 1px #dbd0ba; } #brand-az li { list-style-type: none; float: left; padding: 0; font-size: 1.0em; } #brand-az li a { text-decoration: none; color: #fff; font-weight: bold; text-decoration: none; float: left; padding: 7px 8px 5px 8px; color: #000; } #brand-az li a:hover { background: #bc0000; color: #fff; } #brand-list ul { float: left; width: 780px; padding: 25px 0 0 0; margin: 0; } #brand-list ul li { list-style-type: none; float: left; width: 195px; padding: 1px 30px 0 0; height: 20px; overflow: hidden; font-size: 1.0em; } #brand-list .brand-char-wrap { float: left; width: 100%; } #brand-list .brand-char { font-size: 33px; text-align: right; float: left; width: 45px; padding: 20px 40px 0 0; color: #e0e0e0; font-family: helvetica, sans-serif; font-weight: bold; } #brandFooter { float: left; width: 100%; padding: 30px 0 0 0; } /* --------------------------------------------------------------------------------- PRODUCT LISTINGS --------------------------------------------------------------------------------- */ #show-title { border-bottom: solid 1px #ccc; float: left; width: 100%; margin: -25px 0 0 0; padding: 0 0 10px 0; font-weight: bold; color: #8b8579; font-size: 0.75em; line-height: 1.35em; } #show-title span span { color: #8b8579; font-weight: normal; } #prod-list { float: left; width: 100%; } #prod-list .prod-row { float: left; width: 100%; border-bottom: solid 1px #ccc; padding: 20px 0; background: url(../images/prod-row-divider.gif) repeat-y 339px 0; } #prod-list .prod { float: left; width: 320px; padding-right: 20px; } #prod-list .right { padding-right: 0; padding-left: 20px; } #prod-list .prod-img { float: left; position: relative; text-align: center; width: 120px; } #prod-list .prod-img a { display: block; width: 100%; text-align: center; color: #fff; } #prod-list .prod-img img { color: #fff; } #prod-list .prod-text { float: right; width: 180px; padding: 5px 0 0 0; } #prod-list .prod-text h2 a .new { color: #98ca35; font-weight: bold; } #prod-list .prod-text h2 a:hover span { text-decoration: underline; } #prod-list .none { background: url(../images/none.gif) no-repeat 5px 0; width: 100%; height: 115px; } #prod-list .none span { display: none; } #prod-list .gf { color: #aa852d; background: url(../images/tick-gf.gif) no-repeat 0 1px; padding: 0 3px 0 12px; } #prod-list .org { color: #509a4b; background: url(../images/tick-org.gif) no-repeat 0 1px; padding-left: 11px; } #prod-list .best-before { color: #32302b; font-weight: bold; margin: 0; } #prod-list .add-box { } #prod-list .price { font-size: 1.4em; float: left; margin: 0; color: #cd0b0a; } #prod-list .price span { float: left; } #prod-list .price .sm { font-size: 0.6em; margin-top: 2px; } #prod-list .add-btn { float: left; margin-right: 10px; } #prod-list .in-cart { float: left; width: 160px; border-top: solid 1px #ccc; border-bottom: solid 1px #ccc; background: #efefef; padding: 5px 10px 0 10px; height: 22px; margin: 10px 0 0 0; } #prod-list .in-cart a { font-weight: bold; text-decoration: none; } #prod-list .was { float: left; width: 100%; color: #1a4681; font-size: 1.3em; padding-bottom: 7px; } #prod-list .was span { float: left; } #prod-list .was .sm { font-size: 0.65em; padding-top: 2px; } #prod-list .was-word { padding-right: 5px; text-transform: uppercase; font-size: 0.65em; padding-top: 3px; } #prod-list.v2 .prod { width: 200px; padding-right: 40px; } #prod-list.v2 .right { padding: 0; } #prod-list.v2 .prod-img { width: 200px; } #prod-list.v2 .prod-text { width: 100%; padding-top: 20px; } #prod-list.v2 .in-cart { width: 180px; } #prod-list.v2 .prod-row { background: url(../images/prod-row-v2-divider.gif) repeat-y 0 0; } #prod-list.v2 h2 { font-size: 0.8em; margin: 0 0 10px 0; } /* #prod-list .label-new, #prod-list .label-special, #prod-list .label-popular, #prod-list .label-gf, #prod-list .label-org, #prod-list .label-gf-org { width: 20px; height: 20px; position: absolute; top: 6px; left: 115px; } #prod-list .label-new { background: url(../images/label-new.png) no-repeat 0 0; } #prod-list .label-gf { background: url(../images/label-gf.gif) no-repeat 0 0; } #prod-list .label-org { background: url(../images/label-organic.png) no-repeat 0 0; } #prod-list .label-gf-org { background: url(../images/label-gf-org.png) no-repeat 0 0; height: 140px; } */ #pages { float: left; width: 100%; text-align: right; padding: 20px 0 0 0; } #pages span { font-weight: bold; color: #000; padding: 0 3px; } #pages a { padding: 0 3px; } /* --------------------------------------------------------------------------------- HOMEPAGE --------------------------------------------------------------------------------- */ #banner { float: left; width: 980px; height: 300px; background: #000; position: relative; } #banner .btn { width: 420px; height: 90px; position: absolute; top: 150px; left: 320px; background: url(../images/blank.gif) no-repeat 0 0; } #banner a span { display: none; } #callouts { float: left; width: 960px; padding: 5px 0 20px 20px; border-bottom: solid 1px #dbd0ba; background: #eae2d2; } #callouts ul { margin: 0; padding: 0; float: left; width: 100%; } #callouts ul li { float: left; margin-right: 10px; display: inline; list-style-type: none; } #callouts ul li a { float: left; } #home-panels { float: left; width: 960px; padding: 30px 0px 30px 20px; } #home-panels p { margin: 0; } #home-panels h1 { font-size: 1.1em; margin: 0 0 7px 0; letter-spacing: 0em;} #home-panels .home-intro { float: left; width: 330px; padding: 0 20px 0 0; border-right: dashed 1px #dbd0bb; } #home-panels .home-brands { float: left; width: 340px; padding: 0 0 4px 20px; border-right: dashed 1px #dbd0bb; } #home-panels .home-brands ul { margin: 0 0 10px 0; padding: 0; float: left; } #home-panels .home-brands ul li { list-style-type: none; } #home-panels .home-brands p { border-top: solid 1px #dbd0bb; float: left; width: 320px; padding-top: 7px; font-size: 0.7em; } #home-panels .home-brands p a { color: #bc0000; background: url(../images/icon-arrow.gif) no-repeat 0 center; padding-left: 12px; } #home-panels .home-mailing { float: left; width: 210px; display: inline; margin-left: 20px; } #home-panels .home-brands .shift { padding-right: 15px; } #home-panels .sm { margin: 0 0 12px 0; } #home-panels fieldset p { float: left; position: relative; width: 100%; margin: 0 0 7px 0; font-size: 0.7em; } #home-panels fieldset label { position: absolute; top: 5px; left: 7px; z-index: 100; color: #5f5f5f; } #home-panels fieldset label, #home-panels fieldset .field { font-family: arial; font-size: 13px; } #home-panels fieldset .field { width: 196px; padding: 4px 4px 4px 6px; background: #f6f2ea; border: solid 1px #dcd1bd; color: #000; float: left; margin-right: 5px; -moz-border-radius: 5px; border-radius: 5px; } #home-panels fieldset #subscribe { float: left; margin-top: 1px; } #prod-list.home-prod-list h4 { border-bottom: solid 1px #ccc; margin: 0; padding: 30px 0 10px 0; } #banners { float: left; background: #000; width: 980px; height: 260px; overflow: hidden; } #banners .panel { float: left; width: 980px; height: 260px; } .stripViewer { /* This is the viewing window */ position: relative; overflow: hidden; margin: auto; width: 980px; height: 260px; clear: both; z-index: 100; } .stripViewer .panelContainer { /* This is the big long container used to house your end-to-end divs. Width is calculated and specified by the JS */ position: relative; left: 0; top: 0; width: 100%; list-style-type: none; z-index: 100; } .stripNav { display: none; } .stripNavL a, .stripNavR a { color: #fff; display: block; position: absolute; top: 20px; z-index: 600; outline: none; } .stripNavL a { background: url(../images/gallery-arrow-left.png) no-repeat 0 0; float: left; left: 20px; } .stripNavR a { background: url(../images/gallery-arrow-right.png) no-repeat 0 0; float: right; left: 920px; } .stripNavL a:hover, .stripNavR a:hover { background-position: 0 -47px; cursor: pointer; outline: none; } /* --------------------------------------------------------------------------------- SHOPPING CART --------------------------------------------------------------------------------- */ /* -- Christmas Cases -- */ .xmas { background: url(../images/xmas-top.jpg) no-repeat 0 0 #badb7c;; width: 880px; clear: both; padding: 30px 20px 17px 20px; border-bottom: solid 1px #2d8811; } .xmas p { color: #165f00; margin: 0; width: 840px; font-size: 15px; } /* --------------------- */ #content #cart { width: 100%; border: solid 1px #dbd0ba; clear: both; } #content #cart .item { text-align: left; width: 550px; } #content #cart th, #content #cart .total-bg { background: #dbd0ba; border-bottom: solid 2px #bcb099; padding: 6px; } #content #cart td { border-bottom: solid 1px #dbd0ba; padding: 6px; background: #f3ecdf; } #content #cart tr:hover td { background: #fbf8f2; } #content #cart .remove { text-align: center; } #content #cart #cart-total { float: right; font-size: 1.4em; margin: 10px 0; } #content #cart #cart-total td { border: none; padding: 0px 15px 4px 0; background: none; color: #756c5d; } #content #cart #cart-total a { cursor: pointer; color: #ce0a0a; text-decoration: underline; } #content #cart .total-bg { border-top: solid 2px #bcb099; } #content #cart .total-bg:hover { background: #dbd0ba; } #content #cart .overline { border-top: solid 1px #bcb099; } #content #cart .overline td { font-size: 19px; padding-top: 10px!important; } #content #cart .total-price { text-align: right; } #content #cart .shippingpostcode { float: left; border: solid 1px #7f9db9; padding: 1px; margin-right: 5px; } #content #cart-btns { width: 100%; margin: 20px 0; border-bottom: solid 1px #dbd0ba; } #content #cart-btns .checkout { text-align: right; padding-bottom: 20px; } #content #cart-btns .update-cart { text-align: right; margin: 0 10px; padding-bottom: 20px; } #content #cart-btns .keep-shopping { width: 650px; padding-bottom: 20px; } #content #cart-btns .cart-options { text-align: right; padding-bottom: 20px; vertical-align: middle; } #content #cart-btns .clear-cart { margin-right: 2px; } #confirm-cart { border: solid 1px #ccc; padding: 19px 19px 20px 19px; float: left; width: 600px; } #confirm-cart-table { width: 100%; font-size: 0.9em; } #confirm-cart-table th { background: #efefef; border-bottom: solid 1px #ccc; padding: 5px; text-align: left; } #confirm-cart-table td { border-bottom: solid 1px #ccc; padding: 5px; } #confirm-cart-table-total { font-size: 1.5em; } #confirm-cart-table-total td { border: none; padding: 5px 20px 0 0; } #cart-delivery { border: solid 1px #ccc; float: right; width: 220px; padding: 20px 20px 0 20px; min-height: 163px; } #cart-pay { border: solid 1px #dbd0ba; padding: 19px; float: left; width: 430px; background: #f3ecdf; margin-top: 20px!important; position: relative; } #creditCard, #directDebit { padding-top: 10px; } #creditCard p label { width: 200px; } #creditCard #ccvHint { font-size: 0.7em; padding: 0 0 10px 0; } #payment-option { border-bottom: solid 1px #ccc; padding: 10px 0; } #purchase { margin-top: 10px; } #geotrust { position: absolute; top: 220px; left: 785px; } #checkout-options { float: right; width: 450px; } #checkout-options .checkout-login { float: right; width: 200px; border-left: solid 1px #dbd0ba; padding-left: 25px; } #checkout-options .checkout-proceed { float: left; width: 205px; } #checkout-options .btn-proceed { padding-top: 9px; } #checkout-options fieldset { margin: -2px 0 0 0; } #checkout-options label { text-transform: uppercase; margin: 0 0 1px 0; } #checkout-options fieldset .field { padding: 3px!important; } #checkout-options .checkout-login p { font-size: 0.7em; } #checkout-options h3 { color: #000; } #checkout-options h4 { text-transform: none; color: #ce0a0a; font-weight: normal; margin: 0 0 15px 0; } #checkout-options .login { margin: 0; } #checkout-options .login a { margin-bottom: 10px; float: left; } /* --------------------------------------------------------------------------------- GLOBAL CLASSES --------------------------------------------------------------------------------- */ .bold { font-weight: bold; } .hide { display: none; } .show { display: block; } /* --------------------------------------------------------------------------------- LOGIN & REGISTER --------------------------------------------------------------------------------- */ #content .error { float: left; clear: both; width: 100%; text-align: center; margin: 0 0 15px 0; background: #9b0000; color: #fff!important; padding: 6px 0; font-weight: bold; clear: both; } #content .error a { color: #fff; } #content #login-border { border: solid 1px #ccc; width: 247px; padding: 20px; float: left; } #content #login-border #login { width: 247px; padding: 0; border: none; margin: 30px 0 0 0; } #content #login { width: 306px; margin-top: 0; border-bottom: solid 1px #ccc; padding-bottom: 15px; clear: both; } #content #login form { float: left; width: 100%; } #content #login h2 { margin-bottom: 5px; } #content #login label { width: 80px; } #content #login .login { width: 100%; text-align: right; } #content #login .field { width: 156px; } #content #login a { float: left; margin: 8px 0 0 0px; } #content #not-registered { float: right; width: 607px; border: solid 1px #dbd0ba; background: #f3ecdf; } #content #not-registered h2 { margin-bottom: 25px; } #content #not-registered fieldset { margin: 0; } #content #not-registered legend { margin: 0 0 10px 0; } #content #not-registered .fieldW2 { width: 202px; } #content #not-registered p { color: #565149; } #content #not-registered-details { padding: 20px; float: left; width: 567px; } #content #not-registered-create-account { float: left; width: 567px; padding: 20px; background: #dbd0ba; } #content #not-registered-create-account fieldset { margin: 0; } #content #not-registered .padtop { padding-top: 20px; } #content #not-registered-continue { padding: 20px; float: left; width: 567px; } #content #not-registered .underline { border-bottom: solid 1px #dbd0ba; padding-bottom: 15px; } #content #not-registered .accept { float: left; width: 450px; } #sitemap ul li { font-weight: bold; } #sitemap ul ul li { font-size: 0.7em; font-weight: normal; } #sitemap ul li a { text-decoration: none; } /* --------------------------------------------------------------------------------- FOOTER --------------------------------------------------------------------------------- */ #footer-wrap { background: url(../images/shadow.jpg) no-repeat center -900px; } #footer-inner { float: left; background: #eae2d2; border-top: solid 3px #dbd0ba; width: 100%; padding-bottom: 10px; } #footer p, #footer ul li { font-size: 0.7em; color: #837b68; line-height: 1.5em; } #footer p a, #footer ul li a { color: #837b68; } #footer p a:hover, #footer ul li a:hover { color: #bc0000; } #footer h4, #footer h5 { margin: 0 0 0.3em 0; color: #837b68; } #footer #copyright { float: right; text-align: right; padding: 20px 0 10px 20px; margin-right: 20px; width: 350px; /* background: url(../images/logo-footer.gif) no-repeat right 44px; */ } #footer #copyright p { margin: 0; } #footer #tickgreen { margin-right: -7px; } #footer .bold { color: #837b68; } #footer #links { float: left; width: 500px; padding: 0 0 0 20px; margin: 20px 0 0 0; } #footer #links .footer-nav { float: left; } #footer #links .footer-nav ul { padding: 0; margin: 0; list-style-type: none; } #footer #links .link-list { float: left; padding-right: 20px; } #footer #links .link-list ul { float: left; margin: 0; padding: 0; list-style-type: none; } #footer #links .link-list ul li { } #footer #mailing-list { float: left; width: 100%; margin: 0; border-bottom: solid 1px #cbc0ab; } #footer #mailing-list fieldset { float: left; width: 500px; margin: 0; padding: 15px 0 15px 20px; } #footer #mailing-list fieldset h4 { margin: 0 10px 0 0; float: left; padding-top: 6px; font-weight: normal; } #footer #mailing-list fieldset p { float: left; position: relative; width: 250; margin: 0; font-size: 0.7em; } #footer #mailing-list fieldset label { position: absolute; top: 4px; left: 7px; z-index: 100; color: #5f5f5f; } #footer #mailing-list fieldset label, #footer fieldset .input-field { font-size: 11px; font-family: arial; } #footer #mailing-list fieldset .input-field { width: 150px; padding: 4px 4px 4px 6px; border: solid 1px #dbd0ba; color: #000; float: left; margin-right: 5px; -moz-border-radius: 5px; border-radius: 5px; } #footer #mailing-list fieldset #subscribe { float: left; margin-top: 1px; } #footer #slogan { float: left; font-size: 0.7em; padding: 14px 0 0 20px; } #footer #slogan span span { font-size: 1.3em; } #footer #slogan a:hover, #footer #slogan a:hover span { color: #bc0000; } #footer #social { text-align: right; float: right; padding: 15px 20px 0 0; } #footer .twitter { color: #0e9bc0; background: url(../images/icon-twitter.gif) no-repeat right 0; padding-right: 20px; } #footer .facebook { color: #3b5998; background: url(../images/icon-facebook.gif) no-repeat right 0; padding-right: 20px; margin-left: 10px; } #footer-pages { float: left; width: 100%; background: #cabda3; padding: 15px 0; } #footer-pages ul { float: right; margin: 0; padding: 0 20px 0 0; } #footer-pages ul li { float: left; list-style-type: none; padding: 0 10px 0 0; } #footer-pages .footer-clearance { float: left; padding: 0 0 0 20px; margin: 0; } #footer-pages .footer-clearance a { font-weight: bold; color: #bc0000; } /* --------------------------------------------------------------------------------- CUSTOMER - LOGGED IN --------------------------------------------------------------------------------- */ #quick-list table { width: 100%; border-left: solid 1px #ccc; border-right: solid 1px #ccc; } #quick-list table th { background: #000; color: #fff; padding: 6px 10px; } #quick-list table td { padding: 6px 10px; border-bottom: solid 1px #ccc; } #quick-list .quick-title { text-align: left; width: 430px; } #quick-list .quick-title a { text-decoration: none; } #quick-list .quick-price { text-align: right; } #quick-list .odd { background: #efefef; } #quick-list .addtocart { float: right; padding: 20px 0 0 0; } /* --------------------------------------------------------------------------------- CONTACT FORM --------------------------------------------------------------------------------- */ #contact-form { width: 680px; float: left; margin-top: -20px; } #cForm fieldset { width: 680px; padding: 0px; border: none; margin-bottom: 10px; } #cForm fieldset p { padding: 3px 0 0 0; margin: 0 0 2px 0; border-top: none; float: left; width: 100%; } #contact-form label { width: 212px!important; padding: 3px 0 6px 0; float: left; margin: 0 10px 7px 0; border-bottom: dashed 1px #c7c0b3; } #contact-form fieldset .field { width: 446px; border: solid 1px #c7c0b3; padding: 4px!important; float: right; } #contact-form fieldset textarea:focus { color: #000; border: solid 1px #b9944b; background: #fffae2; } #contact-form #commentbox { padding: 3px; font-family: arial; font-size: 12px; } #contact-form .required { font-size: 1.4em; line-height: 0em; color: #9d0000; } #successful { background: #8cc63f; color: #fff; font-weight: bold; padding: 6px; } #cForm .antispam { width: 100px; } #cForm .code { width: 130px; } #cForm img { float: left; margin-right: 5px; } #contact-form .submit { text-align: right; } /* ------------------------------------------------------------------------------ SEARCH SUGGESTION STYLES ------------------------------------------------------------------------------ */ /* default (inactive field) */ .sf_inactive{ color:#b0aca5; } /* on focus (when field is clicked on) */ .sf_active{ border:2px #8BB544 solid; background:#fff; color:#333; } /* with text (when field is inactive but contains user's input) */ .sf_text{ color:#666; } /* suggestions box */ /* js code generates unordered list */ .sf_suggestion { position:relative; } .sf_suggestion ul{ position:absolute; margin:0; padding:0; background:#b0aca6; top:24px; left:0px; z-index: 999; display: block; } .sf_suggestion li{ margin:0; padding:0; list-style:none; font-size: 13px; } .sf_suggestion li a{ display:block; text-indent:5px; color:#fff; padding: 3px 0; text-decoration: none; } .sf_suggestion li.selected a{ background:#918d87; color: #fff; }