/* --------------------------------------------------------------------------------- COMPLETE 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: 'Open Sans', arial, helvetica, sans-serif; background: url(../images/bg.jpg) repeat 0 0 #fdf5e9; } h1, h2, h3, h4, h5, h6 { margin: 0 0 0.5em 0; color: #32302b; } h1 { font-size: 1.55em; margin: 0 0 0.8em 0; line-height: 1.3em; font-weight: normal; font-family: 'Domine', georgia, times, serif; } h1 span { color: #998e79; } h2 { font-size: 1.0em; font-weight: normal; font-family: 'Domine', georgia, times, serif; line-height: 1.3em; } h2 a { color: #99714c; text-decoration: none; } h3 { font-size: 0.95em; margin: 0; line-height: 1.35em; color: #757067; font-family: 'Domine', georgia, times, serif; } h4 { font-size: 1.05em; text-transform: uppercase; margin: 0 0 5px 0; font-family: 'Domine', georgia, times, serif; font-weight: normal; } 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: #666; font-size: 0.9em; line-height: 1.5em; } p { margin: 0 0 1.4em 0; } p a, ul li a, ol li a, table td a { color: #82b739; } 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; } #tab-display li, .edu-brand .more { font-family: 'Domine', georgia, times, serif; } @media all and (min-width: 600px) { #mob-header, #mob-logo, .mob-show { display: none; } #container-wrap, #footer-wrap, #sub-container-wrap { float: left; width: 100%; } #container-wrap { background: url(../images/shadow.jpg) repeat-x center 0; } #header, #container, #sub-container, #footer, #footer-social { 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; } .green { color: #a2c334; } .orange { color: #ff9100; } .red { color: #e12c2c; } /* --------------------------------------------------------------------------------- HEADER --------------------------------------------------------------------------------- */ #header-center { float: right; width: 740px; height: 134px; margin-right: 15px; } .public #header-center { background: url(../images/public-header.gif) no-repeat right 81px; } #search { position: absolute; top: 100px; left: 270px; padding: 0; margin: 10px 0 13px 0; clear: both; z-index: 998; } #search p { position: relative; margin: 0; z-index: 999; } #search label { position: absolute; color: #bbb3a2; top: 8px; left: 12px; font-size: 14px; z-index: 999; cursor: text; } #search #searchfield { float: left; width: 300px; font-size: 14px; border: solid 1px #ddc8b0; border-right: none; padding: 9px 12px; color: #656565; z-index: 999; } #search #searchfield:focus { border: solid 1px #81b82d; border-right: none; } #search .search-btn { float: left; height: 36px; } #search .ui-autocomplete-input { z-index: 1000!important; } .ui-autocomplete { z-index: 999!important; } #print-logo { display: none; } #logo { float: left; margin: 23px 0 15px 0; position: absolute; top: 0; left: 0; } #logo a { } #logo a img { width: 237px; } #logo a span { display: none; } #top-links { float: left; width: 100%; padding: 12px 0 0 0; height: 32px; } #top-links p { color: #876146; margin: 0; font-size: 0.7em; } #top-links p a { color: #876146; text-decoration: none; } #top-links p a:hover { text-decoration: underline; } #top-links ul, #header-links { margin: 0; padding: 1px 175px 0 0; } #top-links.loggedin ul { padding-right: 140px; } #header-center.loggedin #header-links { padding-right: 125px; } #top-links ul li, #header-links li { float: left; list-style-type: none; font-size: 0.75em; padding: 0 0 0 8px; color: #876146; position: relative; } #top-links ul li a, #header-links li a { color: #876146; text-decoration: none; } #top-links ul li a { font-weight: bold; } #top-links ul li a:hover, #header-links li a:hover { text-decoration: underline; } #top-links .bold span { font-size: 1.3em; } #top-links .divider, #header-links .divider { border-left: solid 1px #c0bb96; margin-left: 7px; padding-left: 7px; } #top-links .prmlink a { color: #876146; } #top-links .welcome { color: #000; } #top-links .profilelink { border-right: solid 1px #ab9c78; padding-right: 8px; } #top-links .profilelink a { font-weight: normal; } #header-links { float: right; clear: both; margin: 20px 0 35px 0; } #header-links li { font-size: 0.7em; line-height: 0.8em; } #navigation { float: left; width: 100%; background: url(../images/nav-bg-new.jpg) repeat-x 0 0 #a07650; margin-bottom: 6px; -moz-border-radius: 6px; border-radius: 6px; } #navigation ul { margin: 0; padding: 0; float: left; width: 100%; } #navigation ul li { font-size: 13px; list-style-type: none; float: left; position: relative; z-index: 900; font-family: 'Domine', georgia, serif; } #navigation ul li a { float: left; padding: 13px 11px 0 11px; height: 33px; color: #fff; text-decoration: none; } #navigation ul li:hover a, #navigation ul li a:hover { background: #a2c334; color: #fff; } #navigation #n01 a { padding-left: 20px; } #navigation #n01 a:hover { -moz-border-radius: 6px 0 0 6px; border-radius: 6px 0 0 6px; } #social-links { position: absolute; top: 0; right: 0px; width: 177px; } #social-links #facebook { float: left; width: 134px; height: 53px; background: url(../images/social-facebook.gif) no-repeat 0 0; margin: 0 0 0 22px; } #social-links #twitter { float: left; width: 177px; height: 60px; background: url(../images/social-twitter.png) no-repeat 0 0; } #social-links #facebook span, #social-links #twitter span { display: none; } #social-links.social-sm { width: 119px; } #social-links.social-sm #facebook { float: left; width: 119px; height: 35px; background: url(../images/social-facebook-sm.png) no-repeat 0 0; margin: 0; } #social-links.social-sm #twitter { float: left; width: 119px; height: 41px; background: url(../images/social-twitter-sm.png) no-repeat 0 0; } /*-- Dropdowns --*/ /* #navigation li:hover div, #header #navigation li.over div { display: block; } */ #header #navigation li .subuls { margin: 0px; padding: 25px 0 0 0; background: #774e2e; z-index: 900; border-top: solid 5px #a2c334; } #header #navigation li ul { margin: 0; padding: 0; float: left; } #header #navigation li ul li { text-transform: none; font-size: 13px; padding: 0; clear: both; width: 100%; font-family: 'Open Sans',arial, helvetica; } #header #navigation li ul li a { background: none; text-decoration: none; padding: 1px 0 1px 0; height: auto; font-weight: normal; color: #fff; } #header #navigation .yellow, #header #navigation .yellow a { color: #fff600; } #header #navigation li ul li .bold { font-weight: bold; } #header #navigation li ul li a span { color: #d6b69f; } #header #navigation li ul li a:hover { text-decoration: underline; color: #fff; } #header #navigation li ul li.odd { border-right: 1px solid #201e1f; } #header #navigation h4 { color: #a2c334; text-transform: none; font-size: 1.3em; } #header #navigation p { float: left; width: 100%; padding-top: 20px; margin: 0; font-family: 'Open Sans',arial, helvetica; } .subuls { display: none; position: absolute; top: 46px; left: 0; z-index: 90; width: 900px; } #header #navigation .sub-left { float: left; padding: 0 0 20px 30px; width: 600px; } #header #navigation .sub-right { border-left: solid 1px #99775c; float: left; width: 200px; padding: 0 0 0 30px; margin: 0 0 20px 0; } #header #navigation .sub-btm { float: left; width: 100%; background: #946947; padding: 16px 0; } #header #navigation .sub-btm ul { width: 100%; } #header #navigation .sub-btm ul li { float: left; width: auto; padding-left: 30px; clear: none; } #header #navigation .sub-btm ul li a { font-weight: bold; } #header #navigation .sub-btm ul li a span { font-weight: normal; } #header #navigation .sub-btm .orange a { color: #ff9100; } #header #navigation .sub-btm .green a { color: #a2c334; } #header #navigation .sub-btm h5 { color: #fff; text-transform: uppercase; font-size: 15px; margin: 0; } #header #navigation .subcats { float: left; width: 33%; } #header #n01 .subuls, #header #n03 .subuls { width: 780px; } #header #n01 .sub-left, #header #n03 .sub-left { width: 500px!important; } #header #n01 .subcats, #header #n03 .subcats { float: left; width: 50%; } #header #n05 .subuls, #header #n07 .subuls, #header #n08 .subuls, #header #n09 .subuls, #header #n10 .subuls, #header #n11 .subuls { width: 650px; } #header #n05 .sub-left, #header #n07 .sub-left, #header #n08 .sub-left, #header #n09 .sub-left, #header #n10 .sub-left, #header #n11 .sub-left { width: 320px!important; } #header #n05 .subcats, #header #n07 .subcats, #header #n08 .subcats, #header #n09 .subcats, #header #n10 .subcats, #header #n11 .subcats { float: left; width: 90%; } #header #n06 .subuls { width: 980px; } #header #n06 .sub-left { width: 660px; } #n04 .subuls { left: -120px; } #n06 .subuls { left: -384px; } #n07 .subuls { left: -200px; } #n08 .subuls { left: auto; right: 0px; } #n09 .subuls { left: auto; right: 0px; } #n10 .subuls { left: auto; right: 0px; } #n11 .subuls { left: auto; right: 0px; } #header #navigation #n02 .subcats { } #header #navigation #n03 .subcats { width: 205px; } #header #navigation #n06 .subcats { width: 210px; } #header #navigation #n07 .subcats { width: 200px; } #header #navigation #n12 a { color: #f3c4a4; padding-left: 20px; padding-right: 20px; } #header #navigation #n12 a:hover { color: #fff; -moz-border-radius: 0 6px 6px 0; border-radius: 0 6px 6px 0; } #header #navigation #n12 { float: right; } #header #navigation #n13 a { background: url(../images/nav-sale-bg.gif) repeat-x 0 0 #c80000; color: #fff; padding-left: 15px; padding-right: 15px; font-weight: 700; } #header #navigation #n13:hover a, #header #navigation #n13 a:hover { background: url(../images/nav-sale-bg-hover.gif) repeat-x 0 0 #f30000; color: #fff; } #header #navigation #n13 { float: right; } #header #navigation #n13 .subuls li a { background: none; line-height: 2.0em; text-transform: uppercase; font-size: 14px; font-weight: 900; } #header #navigation #sub-n13 { background: #b12d2d; } #header .public-nav { position: absolute; top: 128px; left: 260px; margin: 0; padding: 0; } #header .public-nav li { list-style-type: none; float: left; margin: 0 22px 0 0; font-family: 'Domine', georgia, times, serif; } #header .public-nav li a { text-transform: uppercase; text-decoration: none; color: #876146; font-weight: 700; } #header .public-nav li a:hover { color: #86b839; } /*---------------*/ #your-cart { float: right; clear: both; background: url(../images/your-cart-bg.gif) no-repeat 0 0 #90bc36; padding-left: 10px; height: 37px; font-family: 'Domine', georgia, serif; } #your-cart p { margin: 0; color: #eaff87; font-size: 0.7em; float: left; line-height: 1.2em; } #your-cart p a { color: #fff; text-decoration: none; } #your-cart p a:hover { text-decoration: underline; } #your-cart .your-cart-heading { float: left; padding-top: 5px; } #your-cart .left { padding-right: 15px; } #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 right 0 #6ba121; padding: 12px 10px 0 10px; font-size: 2.0em; color: #fff; height: 25px; } #your-cart .your-cart-price a { font-weight: normal; } #your-cart .sm { font-size: 0.8em; } /* --------------------------------------------------------------------------------- CONTAINER - SIDEBAR --------------------------------------------------------------------------------- */ #sidebar { float: left; width: 240px; padding: 0 0 100px 0; min-height: 365px; } #sidebar #filter-brand { width: 180px; border: solid 1px #7f9db9; padding: 2px; } #sidebar a { text-decoration: none; } #sidebar #categories, #sidebar .paddbox { float: left; width: 220px; padding: 30px 0 20px 20px; } #sidebar #filter-brand { -moz-border-radius: 3px; border-radius: 3px; border: solid 1px #d7d7d7; padding: 3px; } #sidebar #categories .lower { text-transform: none; background: #fff; margin: 0; padding: 0 0 5px 0; } #sidebar #categories ul { float: left; margin: 0 0 20px 0; padding: 0; width: 100%; } #sidebar #categories ul li { float: left; width: 93%; padding-left: 7%; list-style-type: none; font-size: 0.8em; color: #c4bfb6; line-height: 1.7em; position: relative; } #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; background: #fff; } /* #sidebar #categories .underline { font-size: 1.2em; } #sidebar #categories .underline li { line-height: 1.6em; } */ #sidebar #categories .active a, #sidebar #categories .active a:hover { color: #ae0909; text-decoration: none; font-weight: bold; } #sidebar #categories .active { background: url(../images/sidebar-cats-arrow.png) no-repeat 0 7px; background-size: 11px auto; } #sidebar #categories .active a:hover span { text-decoration: none; } #sidebar #categories .active a span { color: #d35252; font-weight: normal; } #sidebar #categories .null { text-decoration: line-through; } #sidebar #categories.account-options h4 { margin-bottom: 6px; } #sidebar #categories.account-options li { border-top: solid 1px #ccc; padding-top: 6px; padding-bottom: 6px; } #sidebar #categories.account-options .active { background: url(../images/sidebar-cats-arrow.png) no-repeat 0 13px; background-size: 11px auto; } /* --------------------------------------------------------------------------------- MY PROFILE / ACCOUNT STYLES --------------------------------------------------------------------------------- */ .profile-callouts { float: left; width: 92%; background: #e9e3d9; margin-top: 20px; } .profile-callouts .left { float: left; width: 42%; padding: 25px 4% 0 4%; background: #dbd3c6; } .profile-callouts .right { float: left; width: 42%; padding: 25px 4% 0 4%; } .profile-callouts h2 { font-size: 21px; } /* --------------------------------------------------------------------------------- HINTS & TIPS --------------------------------------------------------------------------------- */ .hintbox { position: absolute; top: 25px; left: -74px; z-index: 999; padding-top: 14px; /************ -webkit-opacity: 0.05; -moz-opacity: 0.05; opacity: 0.05; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -ms-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; **************/ } .hintbox .arrow { float: left; width: 100%; position: absolute; top: 0; left: 0; background: url(../images/arrow-hintbox.png) no-repeat center 0; padding-top: 14px; } .hintbox-inner { float: left; padding: 16px 16px 2px 16px; background: #fff; -moz-border-radius: 5px; border-radius: 5px; -moz-box-shadow: 0px 0px 5px rgba(68,68,68,0.6); -webkit-box-shadow: 0px 0px 5px rgba(68,68,68,0.6); box-shadow: 0px 0px 5px rgba(68,68,68,0.6); filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius=3,MakeShadow=true,ShadowOpacity=0.30); -ms-filter: "progid:DXImageTransform.Microsoft.Blur(PixelRadius=3,MakeShadow=true,ShadowOpacity=0.30)"; zoom: 1; } li:hover .hintbox { -webkit-opacity: 1; -moz-opacity: 1; opacity: 1; } .hintbox h3 { margin: 0 0 2px 0; color: #000; font-size: 13px; } .hintbox p { font-size: 12px!important; color: #272727!important; margin: 0 0 15px 0!important; } .hintbox p a { text-decoration: underline!important; font-weight: normal!important; } .hintbox .nomore { } .hintbox .close { position: absolute; right: 12px; top: 24px; } .hintbox.size1 { width: 230px; } .hintbox.size2 { width: 300px; } .hintbox.size3 { width: 370px; } .hintbox.size4 { width: 440px; } .hintbox.size5 { width: 510px; } #sidebar #categories ul li .hintbox { left: 220px; top: -30px; } #sidebar #categories ul .hintbox .arrow { float: left; width: 14px; height: 23px; position: absolute; top: 36px; left: -14px; background: url(../images/arrow-hintbox-horizontal.png) no-repeat center 0; padding: 0; } #hints-on-off { float: left; width: 80%; padding: 20px 3%; background: #efefef; border: solid 1px #ccc; } /* --------------------------------------------------------------------------------- CONTAINER - RIGHT --------------------------------------------------------------------------------- */ #container-shadow { float: left; width: 100%; } #container-bg { float: left; width: 100%; background: #fff; -moz-border-radius: 8px; border-radius: 8px; border: solid 1px #e5e1c5; border-top: none; } .btm-truck #content { background: url(../images/container-btm-truck.jpg) no-repeat 0 bottom!important; background-size: 100% auto!important; padding-bottom: 190px; -moz-border-radius: 0 0 6px 6px; border-radius: 0 0 6px 6px;} #right { float: right; width: 740px; padding-top: 25px; } #content { float: left; width: 680px; padding: 5px 29px 30px 30px; } #full-width #content { width: 920px; padding-top: 30px; } #full-width #container-bg { /* background: url(../images/container-bg-white.gif) repeat-y 0 0 #fff; */ background: #fff; } #heading, #heading-thank-you { width: 96%; float: left; border-bottom: dashed 1px #ccb29c; background: #e9e3d9; border: solid 1px #d8cab2; -moz-border-radius: 6px 6px 0 0; border-radius: 6px 6px 0 0; padding: 15px 2% 15px 2%; margin-left: -1px; } #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; } #heading #sort-options { float: right; padding-top: 11px; } #heading #sort-options .label { float: left; font-weight: 700; padding-top: 7px; } #heading #sort-options .drop { border: solid 1px #d8cab1; background: url(../images/sort-drop-bg.gif) no-repeat right center; -moz-border-radius: 5px; border-radius: 5px; clear: both; } #heading #sort-options .left { margin-left: 20px; } #heading .selectwrap { float: left; overflow-x: hidden; -moz-border-radius: 5px; border-radius: 5px; background: url(../images/sort-drop-bg.gif) no-repeat right center #fff; border: solid 1px #d8cab1; margin-left: 15px; padding: 8px 0px 8px 8px; } #heading .selectwrap select { background: none; border: none; box-shadow: none; line-height: 22px; position: relative; text-align: left; text-decoration: none; text-indent: 1px; text-overflow: ""; font-size: 14px!important; -moz-border-radius: 5px; border-radius: 5px; color: #787878; width: 130%!important; -webkit-appearance:none; -moz-appearance:none; -o-appearance:none; appearance:none; padding-right: 50px; outline: none; } #heading select::-ms-expand { display:none; width: 80%!important; background: #fff; } #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: #c19d7f; } #breadcrumbs li a { float: left; color: #c19d7f; 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], #content textarea { color: #515151; padding: 5px; border: solid 1px #b9944b; -moz-border-radius: 3px; border-radius: 3px; } #content fieldset input[type=text]:focus, #content fieldset input[type=password]:focus, #content fieldset select:focus, #content textarea:focus { color: #000; padding: 4px; border: solid 2px #82b63d; } #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 fieldset.activate-fieldset { margin-bottom: 200px; background: #fdf5e8; border: solid 1px #e5e1c5; padding: 20px 0 15px 20px; width: 465px; } #content fieldset.activate-fieldset .submitB { float: left!important; margin-left: 10px; } #content fieldset.activate-fieldset label { width: 150px!important; } #content fieldset.activate-fieldset .field { float: left; width: 200px; background: #fff; } #content #sales-login { border: solid 1px #eccfa1; background: #f9e8d8; padding: 20px; width: 230px; } #content #sales-login label { float: left; width: 100%; font-weight: bold; text-transform: uppercase; color: #000; padding-bottom: 5px; } #content #sales-login .textfield { width: 208px; padding: 10px; font-size: 17px; } #content #sales-login .textfield:focus { padding: 11px!important; border: solid 1px #000; } #content #sales-customer { border: solid 1px #eccfa1; background: #f9e8d8; padding: 20px; width: 640px; } #content #sales-customer label { text-align: right; width: 120px; font-weight: bold; text-transform: uppercase; color: #000; padding-bottom: 5px; } #training-table { width: 100%; } #training-table td { border-top: dotted 2px #ccc; padding: 10px 20px 10px 0; } #training-table tr:hover td { background: #efefef; } #training-table .td-01 { width: 30%; } #product-text { width: 520px; float: right; padding: 10px 0; font-size: 14px; color: #888; } #product-photo { width: 360px; float: left; text-align: center; position: relative; } #product-photo img { max-width: 280px; } #product-border { float: left; width: 100%; padding: 35px 0; border: solid 1px #c6c6c6; margin: 0 0 15px 0; min-height: 140px; } #productbox-arrow { float: left; display: block; position: absolute; top: 104px; left: 361px; background: url(../images/arrow-productbox.gif) no-repeat 0 0; width: 10px; height: 15px; } #product-photo #label-special, #product-photo #label-new { float: left; padding: 14px 10px 10px 10px; width: 61px; height: 61px; font-size: 1.4em; text-transform: uppercase; background: url(../images/circle-red-lg.png) no-repeat 0 0; color: #fff; text-align: center; position: absolute; top: 75px; right: 50px; font-family: 'Domine', georgia, serif; } #product-photo #label-special span { font-size: 0.6em; line-height: 0.8em; } #product-photo #label-special.padd-v2 { padding-top: 10px; padding-bottom: 20px; } #product-photo #label-new { background: url(../images/circle-orange-lg.png) no-repeat 0 0; padding-top: 27px; } #product-photo .label-practitioner { position: absolute; top: 0; right: -2px; z-index: 999; background: #2b6bb3; float: left; padding: 7px 15px; -moz-border-radius: 0 0 0 5px; border-radius: 0 0 0 5px; color: #fff; text-decoration: none; font-size: 13px; } /* #product-photo #label-org, #product-photo #label-gf { float: left; text-align: center; position: absolute; top: -2px; font-size: 14px; left: 30px; color: #fff; padding-top: 10px; width: 41px; height: 47px; background: url(../images/label-org.png) no-repeat 0 0; } #product-photo #label-gf { background: url(../images/label-glutenfree.png) no-repeat 0 0; left: 30px; } #product-photo #label-gf.shift { left: 74px; } */ #product-photo #label-org, #product-photo #label-gf { float: left; text-align: center; padding: 7px 10px 7px 22px; text-transform: uppercase; font-size: 13px; position: absolute; top: 1px; left: 1px; background: url(../images/arrow-tick-grey.png) no-repeat 9px 10px #efefef; color: #8e8e8e; -moz-border-radius: 0 0 6px 0; border-radius: 0 0 6px 0; font-family: 'Domine', georgia, serif; } #product-text .price { font-size: 1.25em; font-weight: 300; color: #619c23; font-family: 'Domine', georgia, serf; line-height: 1.4em; margin: 0 0 20px 0; } #product-text .price .sm { /* font-size: 0.7em; */ } #product-text .price .was { color: #787878; text-decoration: line-through; /* font-size: 0.8em; */ } #product-text .price .discount { color: #bc1010; } #product-text .price .bulk{ padding-top: 20px; font-size: 0.8em; color: #bc1010; background: #f9f5f1; border: dashed 1px #c1b398; padding: 10px 20px; line-height: 1.4em; margin-top: 20px; } #product-text .price .bulk span { color: #619c23; } #product-text .price .bulk .heading { text-transform: uppercase; color: #000; } #product-text #add-to-cart-wrap { float: left; width: 100%; margin: 0 0 25px 0; } #product-text #add-to-cart { float: left; border: solid 1px #dbd0ba; margin: 0; padding: 10px 10px 10px 10px; background: #f9eed8; -moz-border-radius: 5px; border-radius: 5px;} #product-text #add-to-cart label { float: left; width: 100px; font-size: 1.0em; color: #000; padding: 5px 5px 0 5px; font-family: 'Domine', georgia, times, serif; } #product-text #add-to-cart label .price { font-size: 1.3em; padding-left: 5px; } #product-text #add-to-cart label .price span { font-size: 0.8em; } #product-text #add-to-cart .add-qty { width: 38px; font-size: 1.1em; border: solid 1px #7f9db9; padding: 3px; float: left; margin-right: 5px; border: solid 1px #ccc; } #product-text #add-to-cart-wrap .number-in-cart { width: 262px; 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; font-size: 1.2em; } #product-text h2 a { color: #32302b; } #product-text .overline { border-top: solid 1px #e2e2e2; padding-top: 30px; } #product-text .out-of-stock #add-to-cart { width: 480px; } #product-text .attention { float: left; font-size: 1.0em; width: 98%; padding: 0 1% 0 1%; margin: 0 0 10px 0; clear: both; font-family: 'Domine', georgia, times, serif; } #product-text .attention span { color: #000; font-weight: bold; } #product-text .attention strong { color: #000; } #product-text .eta { float: left; font-size: 1.0em; width: 98%; font-style: italic; color: #1f7903; border-bottom: dashed 1px #c0b5a0; padding: 0 1% 15px 1%; margin: 0 0 10px 0; clear: both; } #product-text .eta span { font-weight: bold; } #product-text .email-me { float: left; width: 98%; padding: 10px 1%; margin-top: 10px; border-top: dashed 1px #c0b5a0; } #product-text .email-me a { color: #bc0000; } #product-text .product-links { } #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 { font-size: 1.1em; font-family: helvetica, arial, sans-serif; margin: 0 0 10px 0; color: #e50b05; font-weight: bold; } #product-text #brand-btn { margin-right: 10px; } .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 3px!important; padding: 2px 0 2px 25px; } /* .gst { font-size: 11px; font-family: arial, helvetica, sans-serif; letter-spacing: 0; } */ p.lg { font-size: 15px; line-height: 20px; } .btn-right { float: right; margin-top: -20px; } .btn-green, .btn-grey, .btn-brown { display: inline; white-space:nowrap; padding: 8px 13px 8px 18px; line-height: 3.8em; background: url(../images/btn-bg-green.gif) repeat-x 0 0 #85b92a; font-weight: normal; -moz-border-radius: 5px; border-radius: 5px; color: #fff; text-decoration: none; } .btn-green span, .btn-grey span, .btn-brown span { background: url(../images/btn-arrow-white.png) no-repeat right center; padding-right: 25px; background-size: 9px auto; } .btn-green:hover, .btn-grey:hover, .btn-brown:hover { background: #76a522; color: #fff; } .btn-brown:hover { background: #775334; } .btn-grey { background: url(../images/btn-bg-grey.gif) repeat-x 0 0 #7e7e7e; } .btn-brown { background: url(../images/btn-bg-brown.gif) repeat-x 0 0 #936a48; } #product-text #barcode-details { float: left; width: 100%; } #product-text .barcode-left { float: left; } #product-text .barcode-left p { line-height: 1.8em; } #product-text #trend-details { float: left; padding-left: 20px; color: #a3c53f; border-left: dashed 1px #c7db85; margin-left: 30px; } #product-text #trend-details h3 { text-transform: uppercase; color: #a3c53f; margin: 0 0 7px 0; } #product-text #trend-details p { color: #a3c53f; margin: 0; } #product-text #trend-details .percent { font-size: 2.0em; font-family: 'Domine', georgia, times, serif; line-height: 0.8em; background: url(../images/icon-graph-sm.png) no-repeat 0 center; padding-left: 38px; } #content .subcats { min-width: 180px; float: left; padding: 0 20px 0 0; list-style-type: none; } #content .subcats li { } #search-matches { float: left; width: 100%; padding: 20px 0 0 0; border-bottom: solid 1px #cccccc; } #search-matches ul { float: left; width: 100%; padding: 0; margin: 0 0 30px 0; } #search-matches ul li { float: left; width: 50%; list-style-type: none; padding: 0; } #brand-text { width: 200px; float: left; font-size: 13px!important; color: #666; margin: 0 0 10px 0; } #brand-text p { font-size: 1.0em; line-height: 1.4em; } #brand-az { float: left; width: 880px; margin: 0 0 20px 0; padding: 0 0 0 40px; /* background: #aba7a0; */ -moz-border-radius: 5px; border-radius: 5px; } #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 11px 5px 11px; color: #000; } #brand-az li a:hover { background: #bc0000; color: #fff; } #brand-list ul { float: left; width: 800px; padding: 25px 0 0 0; margin: 0; } #brand-list ul li { list-style-type: none; float: left; width: 250px; padding: 1px 15px 0 0; height: 22px; overflow: hidden; font-size: 0.8em; } #brand-list ul li a { text-decoration: none; } #brand-list ul li .new, #brand-list ul li .justarrived, #brand-list ul li .newbrand { color: #ff9100; font-weight: bold; } #brand-list ul li .justarrived, #brand-list ul li .newbrand { text-transform: uppercase; } #brand-list ul li .special, #brand-list ul li .clearance { color: #b50000; font-weight: bold; } #brand-list ul li .special { text-transform: uppercase; } #brand-list ul li a { } #brand-list .brand-char-wrap { float: left; width: 100%; } #brand-list .brand-char { font-size: 33px; text-align: right; float: left; width: 25px; padding: 30px 30px 0 0; color: #e0e0e0; font-family: helvetica, sans-serif; font-weight: bold; } #content h2.overline { float: left; width: 100%; border-top: solid 1px #e5e1c5; padding-top: 40px; } #brandFooter { float: left; width: 100%; padding: 30px 0 0 0; } #my-brands { float: left; width: 100%; padding: 30px 0 40px 0; border: solid 1px #e5e1c5; border-bottom: none; background: #f8f8f7; } #my-brands p { text-align: center; } #my-brands #brand-list { margin-left: 65px; } /* --------------------------------------------------------------------------------- ABOUT PAGE --------------------------------------------------------------------------------- */ .about-left { float: left; width: 65%; } .about-h2 { font-size: 22px; line-height: 28px; margin: 0 0 30px 0; } #apply-box { float: right; width: 30%; margin-bottom: 70px; background: #11598f; -moz-border-radius: 6px; border-radius: 6px; } #apply-heading { float: left; width: 90%; padding: 10px 5%; background: #093c64; -moz-border-radius: 6px 6px 0 0; border-radius: 6px 6px 0 0; text-align: center; } #apply-heading h2 { color: #fff; padding: 10px 0 0 0; font-size: 19px; line-height: 22px; } #apply-box h3 a { color: #fff; font-weight: normal; } #apply-content { float: left; width: 84%; padding: 15px 8% 22px 8%; -moz-border-radius: 0 0 6px 6px; border-radius: 0 0 6px 6px; text-align: center; } #apply-content p { color: #fff; } #apply-box .btn, .about-left .btn { padding: 10px 15px; background: #40ae49; -moz-border-radius: 6px; border-radius: 6px; color: #fff; text-decoration: none; font-family: 'Domine', georgia, times, serif; font-size: 17px; } #apply-box .btn span, .about-left .btn span { background: url(../images/icon-arrow.png) no-repeat right center; padding-right: 25px; } #apply-box .btn:hover, .about-left .btn:hover { background-color: #259b2f; } #apply-box .btm-margin { margin-bottom: 30px; } .tick { padding: 0; } .tick li { list-style-type: none; padding-left: 20px; background: url(../images/icon-tick.png) no-repeat 0 8px; line-height: 26px; } .split { float: left; width: 100%; padding: 0 0 0 0; } .split li { float: left; width: 44%; } /* --------------------------------------------------------------------------------- PUBLIC BRAND INFO --------------------------------------------------------------------------------- */ #content .public-brand-info { color: #888; } #content .public-brand-info p { font-size: 0.95em!important; } #content .public-brand-info p strong { color: #40ae49; font-family: georgia, serif; font-weight: normal; font-size: 17px; line-height: 1.0em; } #content .public-brand-info .sm-txt { font-size: 0.8em; } #content .public-brand-info .brand-logo { float: right; margin: 0 20px 20px 0; max-width: 150px; } #content .public-brand-heading { float: left; width: 100%; border-bottom: solid 1px #ccc; margin: 0 0 30px 0; } #content .public-brand-heading h2 { margin: 0 0 25px 0; } .btm-tree #content { background: url(../images/container-btm-tree.jpg) no-repeat 0 bottom!important; background-size: 100% auto!important; padding-bottom: 190px; -moz-border-radius: 6px; border-radius: 6px; } #brand-products { float: left; width: 110%; padding-top: 20px; } #brand-products ul { margin: 0; padding: 10px 0 20px 0; float: left; } #brand-products ul li { float: left; list-style-type: none; padding: 0 14px 0 14px; } #brand-products ul li img { float: left; max-width: 130px; max-height: 150px; } #postcode-search { float: left; clear: both; width: 495px; padding-top: 15px; } #postcode-top { float: left; width: 463px; padding: 12px 18px; background: #cfecd2; border: solid 1px #93c997; -moz-border-radius: 6px 6px 0 0; border-radius: 6px 6px 0 0; } #postcode-btm { float: left; width: 465px; padding: 12px 18px; background: #40ae49; -moz-border-radius: 0 0 6px 6px; border-radius: 0 0 6px 6px; } #postcode-btm h2 { margin: 0 0 5px 0; color: #fff; } #postcode-btm h2 a { color: #fff; text-decoration: underline; background: url(../images/icon-arrow.png) no-repeat 0 center; padding-left: 15px; } #postcode-top fieldset { float: right; margin: 0; padding: 5px 0 0 0; position: relative;} #postcode-top fieldset label { position: absolute; top: 10px; left: 8px; cursor: text; float: left; width: 110px; } #postcode-top fieldset input { float: left; z-index: 999; } #postcode-top .postcode { width: 120px; border: solid 1px #68a56d!important; border-right: none; padding: 4px 10px!important; font-size: 21px!important; -moz-border-radius: 5px 0 0 5px!important; border-radius: 5px 0 0 5px!important; } #postcode-top h3 { float: left; color: #000; font-weight: normal; font-size: 17px; } #postcode-top h3 span { color: #40ae49; } #postcode-results { float: left; width: 100%; padding-top: 30px; } #postcode-results h2 { font-size: 21px; margin: 0 0 15px 0; } #postcode-results table { width: 100%; border-top: solid 1px #7c7c7c; } #postcode-results table td { border-bottom: solid 1px #7c7c7c; background: #e6e6e6; padding: 12px; } #postcode-results table td strong { color: #000; } #postcode-results table tr:nth-child(odd) td {background: #d6d6d6; } #postcode-results .results-ph { width: 150px; } /* --------------------------------------------------------------------------------- PRODUCT LISTINGS --------------------------------------------------------------------------------- */ #show-title { float: left; width: 100%; margin: 0px 0 0 0; padding: 2px 0 14px 0; font-weight: bold; } #show-title span { color: #787878; } #show-title span span { font-weight: normal; } #show-title .left { font-weight: normal; font-family: 'Domine', georgia, serif; } #show-title .right { font-size: 14px; padding-right: 15px; } #prod-list { float: left; width: 100%; } #prod-list .prod-row { float: left; width: 100%; } #prod-list .prod { float: left; width: 31%; position: relative; margin: 0 2% 18px 0; border: solid 1px #d3d3d3; } #prod-list .prod-img { float: left; position: relative; text-align: center; width: 100%; padding: 30px 0 20px 0; } #prod-list .prod-img a { clear: both; display: table-cell; height: 202px; vertical-align: middle; text-align: center; width: 210px; } #prod-list .prod-img img { max-width: 190px; max-height: 202px; color: #fff; } #prod-list .prod.new { border: solid 1px #ff9100; } #prod-list .discount, #prod-list .bulk { float: left; position: absolute; top: 50px; right: 35px; width: 45px; height: 55px; padding: 8px 5px 0 5px; background: url(../images/circle-red.png) no-repeat 0 0; text-transform: uppercase; text-align: center; color: #fff; font-weight: normal; font-family: 'Domine', georgia, serif; line-height: 1.2em; } #prod-list .discount.upto { background: url(../images/circle-red-lg.png) no-repeat 0 0; width: 71px; height: 70px; padding: 14px 5px 0 5px; font-size: 14px; } #prod-list .discount em { font-style: normal!important; font-size: 21px; float: left; width: 100%; text-align: center; padding: 2px 0; } #prod-list .discount.bulk { background: url(../images/circle-red-med.png) no-repeat 0 0; width: 52px; height: 60px; padding-top: 14px; font-size: 14px; top: 45px; } #prod-list .label-new { position: absolute; top: 0; right: 0; z-index: 999; } #prod-list .label-new img { width: 64px; } #prod-list .label-practitioner { position: absolute; top: 220px; left: 15px; z-index: 999; background: #2b6bb3; float: left; padding: 5px 10px; -moz-border-radius: 5px; border-radius: 5px; color: #fff; text-decoration: none; font-size: 13px; } #prod-list p { font-size: 0.8em; line-height: 1.4em; } #prod-list .prod-text { float: left; width: 86%; padding: 5px 7% 10px 7%; } #prod-list .prod-text h2 { float: left; width: 100%; font-size: 0.85em; margin: 0 0 12px 0; min-height: 56px; } #prod-list .prod-text h2 span { text-transform: uppercase; } #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 .was { float: left; width: 100%; color: #9b9b9b; text-decoration: line-through; font-size: 1.0em; padding-bottom: 4px; font-family: 'Domine', georgia, serf; } #prod-list .was .sm { /* font-size: 0.75em; */ } #prod-list .none { float: left; background: url(../images/none.png) no-repeat center center; width: 100%; height: 202px; } #prod-list .none span { display: none; } #prod-list .gf { color: #aa852d; background: url(../images/tick-gf.gif) no-repeat 0 3px; padding: 0 3px 0 12px; } #prod-list .org { color: #509a4b; background: url(../images/tick-org.gif) no-repeat 0 3px; padding-left: 11px; } #prod-list .best-before { color: #e50b05; font-weight: bold; margin: 0 0 7px 0; font-size: 1em; } #prod-list .units { float: right; width: 100%; font-size: 0.7em; margin: 7px 0 0 0; color: #a6a6a6; } #prod-list .prod-add { background: #efefef; float: left; width: 86%; padding: 8px 7% 8px 7%; } #prod-list .label-out-of-stock { font-family: 'Domine', georgia, times, serif; border-top: solid 1px #000; border-bottom: solid 1px #000; font-size: 14px; position: absolute; top: 160px; padding: 5px 0; left: 0; margin: 0 5%; width: 90%; background: url(../images/bg-white-90.png) repeat 0 0; text-align: center; } #prod-list .label-out-of-stock span { font-weight: bold; color: #000; } #prod-list .label-out-of-stock em { color: #1f7903; font-size: 12px; float: left; width: 100%; } #prod-list .gf, #prod-list .org { float: left; text-align: center; padding: 7px 10px 7px 22px; text-transform: uppercase; font-size: 13px; position: absolute; top: 0px; left: 0px; background: url(../images/arrow-tick-grey.png) no-repeat 9px 10px #efefef; color: #8e8e8e; -moz-border-radius: 0 0 6px 0; border-radius: 0 0 6px 0; font-family: 'Domine', georgia, serif; } #prod-list .prod-img.trending a { float: left; width: 94%; } #prod-list .prod-img.trending .discount { left: 35px; } #prod-list .trend { float: left; position: absolute; top: 30px; right: 15px; width: 90px; font-family: 'Domine', georgia, serif;} #prod-list .trend h4 { float: left; width: 100%; text-align: center; background: #efefef; color: #8e8e8e; text-transform: uppercase; font-size: 11px; margin: 0; padding: 10px 0; -moz-border-radius: 6px 6px 0 0; border-radius: 6px 6px 0 0; } #prod-list .trend .up { float: left; width: 100%; text-align: center; background: url(../images/arrow-up.png) no-repeat center 10px #a2c334; color: #fff; text-transform: uppercase; font-size: 11px; margin: 0; padding: 30px 0 8px 0; -moz-border-radius: 0 0 6px 6px; border-radius: 0 0 6px 6px; } #prod-list .trend p a { width: 100%!important; color: #fff; text-decoration: none; height: auto; } #prod-list .trend p span { font-size: 24px; line-height: 28px; font-weight: 300; } #prod-list .trend .special { float: left; width: 100%; background: #e42923; color: #fff; margin: 5px 0 0 0; padding: 8px 0; -moz-border-radius: 6px 6px 0 0; border-radius: 6px 6px 0 0; text-transform: uppercase; } #prod-list .add-box { } #prod-list .price { font-size: 0.9em; float: left; width: 100%; margin: 0 0 10px 0; color: #619c23; margin-top: -3px; font-family: 'Domine', georgia, serf; } #prod-list .price-was { color: #9b9b9b; text-decoration: line-through; margin-right: 8px; } #prod-list .price .gst { font-size: 0.7em; } #prod-list form { float: left; } #prod-list .add-qty { float: left; width: 30px; padding: 3px; margin-right: 6px; border: solid 1px #ccc; font-size: 15px; } #prod-list .add-btn { float: left; margin-right: 10px; } #prod-list .in-cart { float: left; width: 86%; background: #83b738; text-align: center; padding: 8px 7% 8px 7%; margin: 0; color: #fff; } #prod-list .in-cart a { font-weight: bold; text-decoration: none; color: #fff; } #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: 98%; text-align: right; padding: 25px 2% 0 0; } #pages span { background: #83ba2b; -moz-border-radius: 25px; border-radius: 25px; margin: 0 2px;font-weight: bold; color: #fff; padding: 8px 15px; } #pages a { background: #efefef; text-decoration: none; -moz-border-radius: 25px; border-radius: 25px; margin: 0 2px; font-weight: bold; color: #adadad; padding: 8px 15px; } #pages a:hover { background: #ccc; color: #000; } /* --------------------------------------------------------------------------------- HOMEPAGE --------------------------------------------------------------------------------- */ #banner { float: left; width: 100%; background: #fff; position: relative; } #banner img { width: 100%; -moz-border-radius: 8px 8px 0 0; border-radius: 8px 8px 0 0; } #banner .btn { padding: 12px 20px; background: #40ae49; -moz-border-radius: 6px; border-radius: 6px; color: #fff; text-decoration: none; font-family: 'Domine', georgia, times, serif; font-size: 17px; } #banner .btn span { background: url(../images/icon-arrow.png) no-repeat right center; padding-right: 25px; } #banner .btn:hover { background-color: #920000; } #banner-text { position: absolute; top: 0; left: 0; width: 70%; padding: 40px 15% 0 15%; text-align: center; } #banner-text h1 { font-size: 28px; margin: 20px 0 40px 0; } #banner-text h1 a { color: #40ae49; text-decoration: none; } #stats { float: left; width: 60%; margin: 0 20% 15px 20%; padding: 0; background: #68ba42; -moz-border-radius: 6px; border-radius: 6px; } #stats li { float: left; width: 30%; padding: 18px 0; text-align: center; margin: 0; list-style-type: none; color: #fff; } #stats li.center { width: 40%; background: #40af49; } #stats li span { float: left; width: 100%; text-align: center; } #stats li span.lg { font-size: 30px; line-height: 30px; font-weight: 700; } #stats li.first { background: url(../images/home-banners/arrow-left.png) no-repeat right center; } #stats li.last { background: url(../images/home-banners/arrow-right.png) no-repeat 0 center; } #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-introduction { float: left; width: 88%; padding: 50px 6% 65px 6%; text-align: center; background: url(../images/divider.png) no-repeat center bottom; } #home-introduction p { margin: 0; font-size: 18px; } #home-panels { float: left; width: 100%; padding: 0; background: #fbf9f6; } #home-panels .home-intro { float: left; width: 60%; padding: 20px 0 5px 40px; } #home-panels .home-intro h2 { font-size: 21px; margin: 0 0 20px 0; } #home-panels .home-intro h2 a { color: #82b739; } #home-panels .home-intro p { font-size: 1.0em; line-height: 1.55em; } #home-panels .home-intro p strong { color: #32302b; } #home-panels .home-login { float: right; width: 27%; display: inline; background: #e9e3d9; margin: 30px 30px 30px 0; -moz-border-radius: 6px; border-radius: 6px; } #home-panels .home-login h2 { float: left; width: 86%; padding: 20px 7%; background: #6fbc49; -moz-border-radius: 6px 6px 0 0; border-radius: 6px 6px 0 0; color: #fff; font-size: 1.3em; margin: 0; } #home-panels .home-login ul { float: left; width: 100%; margin: 0 0 20px 0; padding: 0; } #home-panels .home-login ul li { float: left; width: 100px; list-style-type: none; } #home-panels .home-login ul li a { } #home-panels .home-login .welcome { color: #99714c; } #home-panels .home-login .error { background: #8c1f1f; color: #fff; float: left; width: 100%; padding: 10px 0; text-align: center; } #home-panels .home-login form { float: left; width: 86%; padding: 20px 7%; } #home-panels .home-login p { font-size: 0.8em; margin: 0 0 14px 0; } #home-panels h1 { font-size: 1.3em; } #home-panels fieldset p { float: left; position: relative; width: 100%; margin: 0 0 11px 0; font-size: 0.7em; } #home-panels fieldset label { float: left; width: 100%; text-transform: uppercase; color: #888; margin-bottom: 5px; } #home-panels fieldset .field { width: 93%; padding: 8px; background: #fff; border: solid 1px #d6cec2; -moz-border-radius: 3px; border-radius: 3px; font-size: 13px; color: #000; float: left; margin-right: 5px; } #home-panels fieldset .field:focus { border: solid 2px #68ba42; padding: 7px; } #home-panels fieldset #subscribe { float: left; margin-top: 1px; } #home-panels fieldset .right { padding: 10px 30px 0 0; } #home-callouts { margin: 0; padding: 0; float: left; width: 100%; } #home-callouts li { float: left; list-style-type: none; width: 33%; } #home-callouts li a { float: left; height: 79px; color: #fff; font-family: 'Domine', georgia, serif; text-decoration: none; font-size: 24px; line-height: 1.0em; padding: 15px 0 0 20px; } #home-callouts li a:hover { text-decoration: underline; } #home-callouts #h01 a { width: 100%; background: url(../images/home-callouts/new-products.gif) no-repeat 0 0; } #home-callouts #h02 a { width: 100%; background: url(../images/home-callouts/latest-specials.gif) no-repeat 0 0; } #home-callouts #h03 a { width: 100%; background: url(../images/home-callouts/clearance.gif) no-repeat 0 0; -moz-border-radius: 0 8px 8px 0; border-radius: 0 8px 8px 0; } #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; } #sub-container { padding-top: 10px; } #our-brands { float: left; width: 94%; height: 120px; padding: 1px 3%; background: url(../images/brands-bg.png) no-repeat -35px center #fff; -moz-border-radius: 8px; border-radius: 8px; border: solid 1px #e5e1c5; } #our-brands h3 { font-size: 17px; width: 184px; float: left; font-weight: normal; color: #3b3f38; margin: 22px 0 0 0; } #our-brands h3 span { font-size: 30px; float: left; clear: both; margin: 6px 0; } #our-brands .brand-logos { float: left; } #our-brands .view-brands { float: right; width: 142px; color: #32302b; font-family: 'Domine', georgia, times, serif; font-size: 17px; padding-top: 23px; } #our-brands .view-brands img { margin-top: 11px; } #you-may-also-like { float: left; width: 980px; padding: 30px 0px 20px 0px; } #you-may-also-like h2 { text-align: center; margin: 0 0 20px 0; } #you-may-also-like ul { margin: 0; padding: 0 0 0 50px; } #you-may-also-like ul li { list-style-type: none; float: left; width: 160px; padding: 0 5px; position: relative; } #you-may-also-like ul li a { float: left; width: 160px; text-align: center; font-weight: bold; color: #000; text-decoration: none; padding: 10px; } #you-may-also-like ul li a img { margin: 0 0 14px 0; max-height: 160px; max-width: 130px; } #you-may-also-like .title { float: left; width: 100%; text-align: center; font-weight: normal; color: #8b8579; cursor: pointer; cursor: hand; font-size: 0.9em; line-height: 1.4em; } #you-may-also-like .price { color: #df1212; font-size: 16px; line-height: 25px; width: 100%; clear: both; float: left; cursor: pointer; cursor: hand; font-family: 'Domine', georgia, serif; } #you-may-also-like a:hover { border: solid 1px #c6c6c6; padding: 9px; } #you-may-also-like .img { width: 170px; height: 170px; display:table-cell; vertical-align: middle; clear: both; } #you-may-also-like img { } #you-may-also-like .new-banner { position: absolute; top: 0px; right: 0px; } #home-new-arrivals #you-may-also-like { margin-top: 1px; position: relative; padding-left: 0; width: 980px; overflow: hidden; } #home-new-arrivals #slider-id-wrapper { padding: 0!important; margin-left: -10px; } #home-new-arrivals h2 { font-size: 21px; margin: 0 0 10px 0; font-weight: normal; text-align: left; padding-left: 30px; } .public #home-new-arrivals #you-may-also-like { border-top: solid 1px #dddddd; } #more-products-wrap { float: left; width: 100%; border-top: solid 1px #cfcfcf; background: url(../images/gradient-blue.gif) repeat-x 0 0; } #more-products-wrap #other-products { float: left; width: 100%; background: url(../images/tree-corner.jpg) no-repeat 0 bottom; -moz-border-radius: 6px; border-radius: 6px; } #more-products-wrap h3 { font-size: 22px; font-weight: normal; } #more-products-wrap h3 .orange { color: #ff9000; } #more-products-wrap h3 .green { color: #a2c334; } #more-products-wrap #you-may-also-like ul { float: right; width: 780px; padding-left: 0; } #more-products-wrap #you-may-also-like ul li { width: 140px; } #more-products-wrap #you-may-also-like ul li a { width: 140px; } #more-products-wrap #you-may-also-like ul li a img { max-height: 170px; max-width: 140px; } #more-products-wrap .title-left { float: left; width: 170px; padding-left: 30px; } #more-products-wrap .trend-icon { padding-top: 55px; background: url(../images/icon-graph-lg.png) no-repeat 30px 0; } #more-products-wrap .divider, #you-may-also-like .divider { float: left; width: 96%; margin: 0 2%; border-bottom: solid 1px #dddddd; } #you-may-also-like .label-new, #you-may-also-like .label-special, #you-may-also-like .label-bulk, #you-may-also-like .label-trend, #you-may-also-like .label-upto { float: left; position: absolute; top: 25px; right: 12px; width: 41px; height: 51px; padding: 0 5px; background: url(../images/circle-orange.png) no-repeat 0 0; text-align: center; color: #fff; font-weight: normal; font-family: 'Domine', georgia, serif; line-height: 1.2em; } #you-may-also-like .label-new { padding-top: 17px; } #you-may-also-like .label-special { padding-top: 10px; background: url(../images/circle-red.png) no-repeat 0 0; text-transform: uppercase; width: 45px; } #you-may-also-like .label-bulk { padding-top: 13px; width: 52px; height: 55px; background: url(../images/circle-red-med.png) no-repeat 0 0; text-transform: uppercase; top: 20px; } #you-may-also-like .label-trend { padding-top: 27px; background: url(../images/circle-green-up.png) no-repeat 0 0; text-transform: uppercase; width: 45px; } #you-may-also-like .label-upto { font-size: 12px!important; padding: 16px 5px 0 5px; width: 60px; height: 70px; background: url(../images/circle-red-70.png) no-repeat 0 0; text-transform: uppercase; top: 20px; } #you-may-also-like .label-upto em { float: left; width: 100%; font-style: normal; font-size: 16px; } #homepage-brands { float: left; width: 100%; padding: 30px 0 0 0; } #homepage-brands h2, h2.h2-featured { float: left; width: 100%; text-align: center; padding: 10px 0 5px 0; margin: 0; font-size: 22px; font-weight: bold; line-height: 0.7em; } h2.h2-featured { margin: 0 0 20px 0; } #homepage-brands h2 a { color: #bc0000; } #homepage-brands ul { float: left; width: 98%; margin: 0; padding: 20px 0 0 2%; display: table; } #homepage-brands ul li { float: left; margin: 0 10px 0 12px; list-style-type: none; height: 92px; width: 112px; text-align: center; display: table-cell; vertical-align: middle; } #homepage-brands ul li img { max-width: 112px; max-height: 80px; vertical-align: middle; } #homepage-brands .shift3 { padding-left: 268px; } #alternates-wrap { float: left; width: 100%; margin: 20px 0 20px 0; } #alternates { float: left; width: 470px; padding: 15px 15px 10px 15px; background: #f9eed8; border: dashed 1px #ccc; -moz-border-radius: 5px; border-radius: 5px; } #alternates { background: #fff; margin-top: -21px; } #alternates ul { margin: 0; padding: 0; width: 100%; } #alternates ul li { list-style-type: none; float: left; width: 130px; padding: 0 10px; } #alternates ul li a { float: left; width: 130px; text-align: center; font-weight: bold; color: #000; text-decoration: none; padding: 10px; background: #fff; } #alternates ul li a img { margin: 0 0 10px 0; max-height: 130px; max-width: 130px; } #alternates .title, #alternates .fn { float: left; width: 100%; text-align: center; font-weight: normal; color: #8b8579; cursor: pointer; cursor: hand; } #alternates .price { color: #df1212; font-size: 18px; line-height: 25px; margin: 0; width: 100%; clear: both; float: left; cursor: pointer; cursor: hand; } #alternates a:hover { border: solid 1px #c6c6c6; padding: 9px; } #alternates .img { width: 140px; height: 140px; display:table-cell; vertical-align: middle; clear: both; } /* --------------------------------------------------------------------------------- HOMEPAGE - Continued --------------------------------------------------------------------------------- */ #heading .home-left { float: left; width: 57%; padding: 10px 0 10px 10px; } #heading .home-left h1 { margin: 0 0 15px 0; } #heading .home-left p { float: left; width: 100%; color: #686661; } #heading .home-left p.lg { font-size: 1.0em; line-height: 1.55em; } #heading .home-left p .btn-green { margin: 0 8px 0 0; } #heading .home-left .no-margin { margin: 0; } #heading .home-right { float: right; position: relative; width: 35%; min-height: 225px; margin: 10px 0; padding: 20px; background: #fff; border: solid 1px #d8cab3; -moz-border-radius: 6px; border-radius: 6px; } #heading .home-right h4 { margin: 0; color: #ff9100; } #heading .home-right h3 { font-size: 1.4em; font-weight: normal; margin: 0 0 15px 0; } #heading .home-right h3 a { color: #302f2c; text-decoration: none; } #heading .home-right .left { width: 53%; } #heading .home-right p { font-size: 0.8em; margin: 0 0 12px 0; } #heading .home-right p a { color: #ff9100; } #heading .home-right p.more { margin: 0; } #heading .home-right .thumb { float: right; text-align: center; width: 40%; padding-top: 10px; } #heading .home-right .thumb img { max-width: 100%; max-height: 202px; } #heading .home-right .label-new { position: absolute; top: -1px; right: -1px; } #you-may-also-like .divider { margin-bottom: 30px; padding-top: 30px; } #you-may-also-like .row-of-six { float: left; width: 100%; } #you-may-also-like .row-of-six ul { margin: 0; padding: 0 0 0 20px; } #you-may-also-like .row-of-six ul li { width: 144px; margin: 0 0 15px 0; } #you-may-also-like .row-of-six ul li a { width: 144px; } #you-may-also-like .row-of-six .img { width: 154px; height: 154px; } .bottom-tree #you-may-also-like { background: url(../images/container-btm-tree-v2.jpg) no-repeat 0 bottom!important; background-size: 100% auto!important; padding-bottom: 205px; margin-bottom: -1px; } /* --------------------------------------------------------------------------------- SHOPPING CART --------------------------------------------------------------------------------- */ #content #cart { width: 100%; border: solid 1px #dbd0ba; font-size: 1.0em;} #content #cart .item { text-align: left; width: 350px; } #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 .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-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 20px; padding-bottom: 20px; } #content #cart-btns .keep-shopping { width: 35%; padding-bottom: 20px; } #content #cart-btns .cart-options { text-align: right; padding-bottom: 20px; } #confirm-cart { border: solid 1px #ccc; padding: 19px 19px 16px 19px; float: left; width: 60%; } #confirm-cart-table { float: left; clear: both; width: 100%; font-size: 1.0em; margin-bottom: 40px; } #confirm-cart-table th { background: #916744; color: #fff; padding: 5px; font-size: 12px; } #confirm-cart-table td { border-bottom: solid 1px #cec0aa; padding: 5px; background: #f2e9da; } #confirm-cart-table-total { float: right; font-size: 1.2em; margin: 10px 0; } #confirm-cart-table-total td { border: none; padding: 5px 20px 0 0; } #confirm-cart-table-total .total-price { color: #000; } #confirm-cart-table-total strong { font-weight: normal; } #confirm-cart-table-total .overline td { font-size: 1.3em; color: #000; } #cart-delivery { border: solid 1px #ccc; float: right; width: 25%; padding: 30px 30px 0 30px; min-height: 163px; } #cart-pay { border: solid 1px #dbd0ba; padding: 30px; float: left; width: 60%; background: #f3ecdf; margin-top: 0!important; } #cart-pay h1 { margin: 0 0 5px 0; } #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; } #heading-thank-you { background: #86bd3e; text-align: center; border: solid 1px #86bd3e; padding-top: 30px; padding-bottom: 30px; } #heading-thank-you h1 { color: #fff; } #heading-thank-you p { color: #fff; margin: 0; } .thank-you-details { float: left; width: 100%; border-bottom: solid 1px #ccc; margin: 0 0 40px 0; padding-bottom: 20px; } #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; } #content .readonly { } #content .readonly input { float: left; margin-top: 2px; font-size: 15px; font-family: 'Open Sans', arial; } #content .readonly input, #content .readonly input:focus { border: none!important; background: #fff; padding: 3px 0 0 0!important; } #content .readonly label { width: 140px; } #content .readonly p { float: left; width: 100%; margin: 0 0 5px 0; } #content .readonly select { } #content .readonly .register-btn { margin-top: 20px; } #content #empty-cart { float: left; margin: 0 0 -30px -30px; width: 980px; text-align: center; background: url(../images/container-btm-tree-v2.jpg) no-repeat 0 bottom; background-size: 100% auto; padding: 10px 0 145px 0; -moz-border-radius: 0 0 10px 10px; border-radius: 0 0 10px 10px; } #content #empty-cart h1 span { color: #000; font-size: 46px; line-height: 1.0em; font-weight: bold; } #content #empty-cart .start { background: url(../images/empty-cart-divider.gif) no-repeat center 10px; padding-top: 80px; color: #000; } #content #empty-cart .empty-cats { } #content #empty-cart .empty-cats ul { padding: 0; margin: 0 0 30px 0; } #content #empty-cart .empty-cats li { list-style-type: none; margin: 0; padding: 0; } #content #empty-cart p.large { font-size: 1.1em; } /* --------------------------------------------------------------------------------- GLOBAL CLASSES --------------------------------------------------------------------------------- */ .bold { font-weight: bold; } .hide { display: none; } .show { display: block; } /* --------------------------------------------------------------------------------- LOGIN & REGISTER --------------------------------------------------------------------------------- */ #content .error { float: left; 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; } /* --------------------------------------------------------------------------------- MY ACCOUNT --------------------------------------------------------------------------------- */ #spreadsheet-upload { float: left; width: 88%; padding: 20px 2%; background: #efefef; border: solid 1px #ccc; } #spreadsheet-upload input { font-size: 13px; } #spreadsheet-upload .btn { background: #86ba2b; border: none; padding: 5px 10px; color: #fff; -moz-border-radius: 6px; border-radius: 6px; font-size: 13px; cursor: pointer; cursor: hand; } #credit-request { float: left; width: 90%; padding: 10px 4% 20px 4%; background: #f2e9da; margin: 0 0 20px 0; } #credit-request table td { background: #e8dfcf; } #credit-request .desc { width: 90%; } /* --------------------------------------------------------------------------------- FOOTER --------------------------------------------------------------------------------- */ #footer-wrap { background: url(../images/bg-footer.jpg) repeat center 0 #956b4a; border-top: solid 3px #886040; padding: 0 0 30px 0; } #footer-inner { float: left; width: 100%; padding-bottom: 20px; } #footer-callout { float: left; width: 100%!important; text-align: center; background: url(../images/footer-bg.jpg) no-repeat center bottom; padding: 30px 0 0 0; } #footer-callout .title, #footer-callout .link { font-size: 1.4em; } #footer-callout .brand-callout { float: left; padding-top: 50px; margin: 0; } #footer-callout .title { font-family: 'Domine', georgia, times, serif; color: #ff9000; font-style: italic; } #footer-callout .link { color: #966c4a; padding-right: 25px; text-decoration: none; } #footer-callout-inner { width: 980px; margin: 0 auto; } #footer-callout .magazine-callout { float: right; width: 480px; text-align: left; } #footer-callout .magazine-callout .mc-left { float: left; width: 238px; margin-top: 30px; padding: 15px 20px; border: solid 2px #1a8acf; -moz-border-radius: 10px 0 0 10px; border-radius: 10px 0 0 10px; border-right: none; } #footer-callout .magazine-callout h3 { margin: 0 0 5px 0; } #footer-callout .magazine-callout h3 a { color: #1a8acf; } #footer-callout .magazine-callout p { color: #1a8acf; font-size: 13px; line-height: 18px; margin: 0; } #footer-callout .magazine-callout .mc-right { float: right; width: 200px; padding-top: 13px; background: url(../images/magazine.png) no-repeat 0 0; background-size: 200px auto; } #footer-callout .magazine-callout .mc-right img { width: auto; height: 163px; } #footer-social-wrap { float: left; background: url(../images/footer-gradient-green.gif) repeat-x 0 0 #88ba29; color: #fff; padding: 20px 0; width: 100%; } #footer-social p { color: #fff; font-size: 1.2em; margin: 0; } #footer-social p a { color: #fff; font-family: 'Domine', georgia, times, serif; text-decoration: none; } #footer-social p a:hover { text-decoration: underline; } #footer-social ul { margin: 0; padding: 2px 0 0 0; } #footer-social ul li { padding: 0; list-style-type: none; float: left; } #footer-social ul li.divider { border-left: solid 1px #c2da7a; padding-left: 18px; margin-left: 16px; } #footer-social p .video { background: url(../images/arrow-video.png) no-repeat 0 center; padding: 5px 0 5px 40px; } #footer p, #footer ul li { font-size: 0.8em; color: #fff; line-height: 1.5em; } #footer p a, #footer ul li a { color: #fff; } #footer p a:hover, #footer ul li a:hover { color: #fff; } #footer .left { float: left; } #footer .right { float: right; } #footer-links { float: left; width: 100%; padding: 45px 0 30px 0; } #footer-links ul { float: left; padding: 0; margin: 0; } #footer-links ul.divider { border-left: solid 1px #b59881; padding-left: 30px; margin-left: 30px; } #footer-links ul li { list-style-type: none; padding: 1px 0; margin: 0; } #footer-links ul li a { text-decoration: none; } #footer-links ul li a:hover { text-decoration: underline; } #footer-links h4 { color: #b4d918; text-transform: none; font-size: 1.3em; } #footer-links ul li.padtop { padding-top: 27px; } #footer-links ul.padleft { padding-left: 30px; } #footer-links .right { width: 34%; } #footer-btm { float: left; width: 100%; } #footer-btm .bold { padding-left: 20px; } #footer-btm .left, #footer-btm .right { float: left; width: 100%; margin: 0; } #footer #brand-feat { float: right; width: 100%; } #footer #brand-feat h3 { background: url(../images/footer-gradient-green.gif) repeat-x 0 0 #88ba29; color: #fff; padding: 14px 5%; width: 90%; -moz-border-radius: 10px 10px 0 0; border-radius: 10px 10px 0 0; } #footer #brand-feat h3 span { font-size: 1.6em; line-height: 1.2em; } #footer #brand-feat h3 a { color: #fff; text-decoration: none; } #footer #brand-feat h3 a:hover { text-decoration: underline; } #footer #brand-feat p { color: #757575; } #footer #brand-feat .details { float: left; padding: 14px 5%; width: 90%; background: #fff; -moz-border-radius: 0 0 10px 10px; border-radius: 0 0 10px 10px; } #footer #brand-feat .thumb { float: right; text-align: center; width: 38%; position: relative; } #footer #brand-feat .thumb img { max-width: 100%; height: 150px; } #footer .btn { margin: 0; } #footer .label-new { float: left; position: absolute; top: 20px; right: 12px; width: 41px; height: 51px; padding: 0 5px; background: url(../images/circle-orange.png) no-repeat 0 0; text-align: center; color: #fff; font-weight: normal; font-family: 'Domine', georgia, serif; line-height: 1.2em; } #footer .label-new { padding-top: 16px; } /* --------------------------------------------------------------------------------- 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: 95%; float: right; } #cForm fieldset { width: 92%; padding: 0px; border: none; margin-bottom: 10px; background: #efefef; border: solid 1px #ccc; padding: 20px 3%; } #cForm fieldset p { padding: 3px 0 0 0; margin: 0 0 2px 0; border-top: none; float: left; width: 100%; } #contact-form label { width: 25%!important; padding: 3px 0 6px 0; float: left; margin: 0 10px 7px 0; border-bottom: dashed 1px #c7c0b3; } #contact-form fieldset .field { width: 70%; background: #fff; border: solid 1px #ccc!important; padding: 6px!important; float: right; -moz-border-radius: 5px; border-radius: 5px; font-size: 15px; } #contact-form fieldset textarea:focus { color: #000; border: solid 1px #b9944b; } #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; } } /* ------------------------------------------------------------------------------ EDUCATIONAL CENTRE ------------------------------------------------------------------------------ */ #tab-display { float: left; width: 100%; margin: 0 0 20px 0; border-bottom: solid 5px #84b92b; } #tab-display ul { float: left; width: 100%; padding: 0; margin: 0; } #tab-display ul li { float: left; padding: 0; margin: 0 10px 0 0; list-style-type: none; font-size: 17px; } #tab-display ul li a { float: left; padding: 15px 20px 10px 20px; background: #e9e3d9; color: #807d77; text-decoration: none; } #tab-display ul li.active a { background: #84b92b; color: #fff; } #content .selectwrap { float: left; overflow-x: hidden; -moz-border-radius: 5px; border-radius: 5px; background: url(../images/sort-drop-bg.gif) no-repeat right center #fff; border: solid 1px #ccc; margin-left: 15px; padding: 8px 0px 8px 8px; } #content .selectwrap select { background: none; border: none; box-shadow: none; line-height: 22px; position: relative; text-align: left; text-decoration: none; text-indent: 1px; text-overflow: ""; font-size: 14px!important; -moz-border-radius: 5px; border-radius: 5px; color: #787878; width: 130%!important; -webkit-appearance:none; -moz-appearance:none; -o-appearance:none; appearance:none; padding-right: 50px; outline: none; } #content select::-ms-expand { display:none; width: 80%!important; background: #fff; } #results-bar { float: left; width: 100%; padding: 0 0 20px 0; } #results-bar .selectwrap { float: right; } #results-bar p { float: left; padding: 8px 0; margin: 0; } .edu-brand { float: left; width: 100%; margin: 0 0 20px 0; background: #efefef; border: solid 1px #d6d6d6; } .edu-top { float: left; width: 94%; padding: 30px 0 5px 0; margin: 0 3%; border-bottom: dotted 2px #bfbfbf; } .edu-btm { float: left; width: 94%; padding: 30px 0; margin: 0 3%; } .edu-products { float: left; width: 94%; padding: 25px 0 20px 0; margin: 0 3%; border-top: dotted 2px #bfbfbf; } .edu-top .thumb { width: 180px; padding: 20px 0; height: 90px; margin: 0 0 20px 0; border: solid 1px #d3d3d3; background: #fff; } .edu-top .thumb { float: left; width: 180px; padding: 20px 0; height: 90px; margin: 0 0 20px 0; border: solid 1px #d3d3d3; background: #fff; } .edu-top .thumb .logo { width: 180px; height: 90px; text-align: center; display: table-cell; vertical-align: middle; } .edu-top .thumb img { width: 70%; max-height: 90px; } .edu-top .overview { float: right; width: 75%; padding-right: 2%; } .edu-top p { font-size: 13px; } .edu-brand h2 { font-size: 19px; } .edu-brand h3 { color: #000; font-weight: normal; margin: 0 0 10px 0; } .edu-brand ul { margin: 0; padding: 0; } .edu-brand ul li { float: left; width: 100%; padding: 5px 0; list-style-type: none; font-size: 13px; } .edu-brand ul li a { text-decoration: none; color: #3f3f3f; } .edu-brand ul li .type { float: left; width: 70px; text-align: center; padding: 4px 0px; margin: 0; background: url(../images/btn-bg-green.gif) repeat-x 0 0 #84b738; background-size: auto 100%; color: #fff; -moz-border-radius: 5px; border-radius: 5px; } .edu-brand ul li .date { float: left; width: 70px; text-align: center; padding: 3px 0px; margin: 0; background: #fff; border: solid 1px #d6d6d6; color: #84b738; font-weight: bold; text-transform: uppercase; -moz-border-radius: 5px; border-radius: 5px; } .edu-brand ul li .title { float: left; width: 75%; padding: 4px 10px 3px 10px; } .edu-brand ul li .title span { color: #b92b2b; text-decoration: underline; white-space: nowrap; } .edu-brand ul li a:hover .title { text-decoration: underline; } .edu-btm .left { float: left; width: 49%; } .edu-btm .right { float: right; width: 50%; } .edu-products .more { float: left; margin: 10px 0 0 0; color: #84b738; text-decoration: underline; } #product-text .edu-btm { width: 90%; padding: 20px 5% 0 5%; margin: 0; } #product-text .edu-btm .left { float: left; width: 100%; padding: 0 0 20px 0; } #product-text .edu-btm .product-resources { float: right; width: 100%; padding: 0 0 20px 0; margin: 0 0 20px 0; border-bottom: dotted 2px #bfbfbf; } #product-text .edu-btm .right { float: right; width: 100%; padding: 25px 0 20px 0; border-top: dotted 2px #bfbfbf; } #product-text .edu-brand h3 { font-size: 17px; margin: 0 0 8px 0; } #product-text .edu-brand ul { margin: 0 0 20px 0; } #seminar-list { float: left; width: 100%; } #seminar-list ul { float: left; width: 100%; margin: 0 0 30px 0; padding: 0; border-bottom: solid 1px #d6d6d6; } #seminar-list ul li { float: left; width: 100%; margin: 0; padding: 10px 0; list-style-type: none; border-top: solid 1px #d6d6d6; } #seminar-list ul li .logo { float: left; width: 15%; padding-top: 3px; } #seminar-list ul li .logo img { height: 28px; max-width: 130px; } #seminar-list ul li .date { float: left; width: 70px; text-align: center; padding: 3px 0px; margin: 2px 0; background: #fff; border: solid 1px #d6d6d6; color: #84b738; font-weight: bold; text-transform: uppercase; -moz-border-radius: 5px; border-radius: 5px; } #seminar-list ul li .location { float: left; padding: 6px 20px; width: 12%; color: #666; } #seminar-list ul li .title { float: left; padding: 6px 0; width: 48%; } #seminar-list ul li .more { float: right; text-decoration: none; text-align: center; padding: 4px 15px; margin: 2px 0; background: url(../images/btn-bg-green.gif) repeat-x 0 0 #84b738; background-size: auto 100%; color: #fff; -moz-border-radius: 5px; border-radius: 5px; } #seminar-list ul li .more span { background: url(../images/arrow-white.png) no-repeat right center; padding-right: 16px; } #seminar-list ul li .more:hover, #seminar-list ul li:hover .more { background: #84b738; } #seminar-detail .heading { float: left; width: 100%; border-bottom: solid 1px #d8d8d8; padding: 0; margin: 0 0 2px 0; } #seminar-detail .sem-title { font-weight: bold; text-transform: uppercase; color: #81b72c; } #seminar-detail .seminar-content { float: left; width: 100%; border-top: dotted 2px #cccccc; padding: 30px 0 20px 0; } #seminar-detail .brand-logo { float: right; padding: 0 0 20px 0; margin-top: -5px; } #seminar-detail .brand-logo img { max-width: 170px; max-height: 60px; } #seminar-detail h2 { font-size: 20px; margin: 0 0 20px 0; } #seminar-detail h3 { font-family: 'Open Sans', arial, helvetica, sans-serif; font-size: 17px; color: #000; text-transform: uppercase; line-height: 26px; margin: 0 0 5px 0; } #seminar-detail ul { margin: 0 0 25px 0; padding: 0; } #seminar-detail ul li { list-style-type: none; padding-left: 20px; background: url(../images/arrow-black.png) no-repeat 2px 6px; } #seminar-detail #seminar-list { border-top: dotted 2px #cccccc; padding: 30px 0 0 0; } #seminar-detail #seminar-list ul li { background: none; padding-left: 0; } #seminar-list ul li:hover .more { background: url(../images/btn-bg-green.gif) repeat-x 0 0 #84b738; } #seminar-list ul li .more:hover { background: #84b738; } #brand-educational-resources { float: left; width: 84%; margin: 0 6% 0 10%; } #brand-educational-resources .top { float: left; width: 90%; padding: 15px 5%; border: solid 1px #cdcdcd; text-align: center; border-bottom: none; -moz-border-radius: 5px 5px 0 0; border-radius: 5px 5px 0 0; } #brand-educational-resources .top img { max-width: 100%; max-height: 50px; } #brand-educational-resources .btm { float: left; width: 80%; padding: 65px 10% 20px 10%; border: solid 1px #aac731; background: url(../images/icon-info.png) no-repeat center 15px #aac731; text-align: center; border-bottom: none; -moz-border-radius: 0 0 5px 5px; border-radius: 0 0 5px 5px; } #brand-educational-resources h3 { font-size: 14px; line-height: 22px; margin: 0 0 15px 0; color: #fff; text-transform: uppercase; font-weight: normal; } #brand-educational-resources h3 span { font-size: 21px; } #brand-educational-resources .btm a { float: left; width: 80%; padding: 10px 10%; font-size: 13px; line-height: 16px; text-align: center; color: #679c2d; font-weight: bold; text-decoration: none; text-transform: uppercase; background: url(../images/btn-grey-gradient.gif) repeat-x 0 0 #eee9e3; background-size: auto 100%; box-shadow: 2px 2px 5px #9cb62d; -moz-border-radius: 5px; border-radius: 5px; } #brand-educational-resources .btm a:hover { background: #679c2d; color: #fff; } .brand-resources .edu-brand { float: left; width: 100%; margin: 0 0 20px 0; background: #fff; border: none; } .brand-resources .edu-top { width: 100%; margin: 0; padding-top: 0; border-bottom: dotted 2px #bfbfbf; } .brand-resources .edu-btm { width: 100%; padding: 30px 0; margin: 0; } .brand-resources .edu-products { width: 100%; margin: 0; border-top: dotted 2px #bfbfbf; }