/* Stylesheet / CSS */ /* CSS Reset - Do not edit this line */ /* http://meyerweb.com/eric/tools/css/reset/ v2.0 | 20110126 License: none (public domain) */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, nav-header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: normal; vertical-align: baseline; } /* HTML5 display-role reset for older browsers */ article, aside, details, figcaption, figure, footer, nav-header, hgroup, menu, nav, section { display: block; } body { font-family: "ff-dax-web-pro", "Myriad Pro", sans-serif; line-height: 1; margin: 0px; font-size:13px; } body#theme-home { background-attachment: scroll !important; background-clip: border-box !important; background-color: #DCDCDC; background-image: url("../images/backgrounds/layout_home_bg.png") !important; background-origin: padding-box !important; background-position: 0 0 !important; background-repeat: repeat-x !important; background-size: auto auto !important; margin: 0; } body#theme-home-small { background-attachment: scroll !important; background-clip: border-box !important; background-color: #DCDCDC; background-image: url("../images/backgrounds/layout_home_bg-small.png") !important; background-origin: padding-box !important; background-position: 0 0 !important; background-repeat: repeat-x !important; background-size: auto auto !important; margin: 0; } body { font-family: Verdana, Geneva, sans-serif; font-size: 13px; margin: 0; } .promos img { padding:0 0 0 400px; } body#theme-secondary { background: url(../images/backgrounds/layout_secondary_bg.png) repeat-x scroll 0 0 #fff !important; margin: 0; } #body-fx { background: url("../images/backgrounds/layout_fx_bg.png") repeat-x scroll 0 210px transparent !important; } #body-fx-small { background: url("../images/backgrounds/layout_fx_bg-small.png") no-repeat scroll 270px 210px transparent !important; } #body-fx-none { margin: 0px 0 0; } #body-main { background: url("../images/backgrounds/layout_main_bg.png") repeat-x scroll center 839px rgba(0, 0, 0, 0) !important; } #body-main-secondary { background: url("../images/backgrounds/layout_main_secondary_bg.jpg") repeat-x scroll center 225px transparent !important; margin: -1px 0 0; } .product-checkout { 0 auto 0 auto; } .img-display { background-color:#fff; float: left; height: 50px; margin: 5px; width: 50px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; /* future proofing */ -khtml-border-radius: 5px; /* for old Konqueror browsers */ } .test-wrap { margin: 60px 0 0; } #totals .weight, #totals .total { color: #0c90d4; } ol, ul li { margin: 10px 0 10px 0; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } .alignright { clear: both; float: right; margin: 20px 0 0; padding: 10px; } img { border-style: none; } a { text-decoration: underline; color: #3c3c3c; outline: none; } a:hover { text-decoration: underline; } .ui-effects-transfer { border: 2px solid #6da9ca; border-radius: 10px 10px 10px 10px; z-index: 3000; } /* General Style Information */ body { margin: 0; line-height: 1.125em; color: #515151; } h2, h3, h4, h5, h6, h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { font-family: 'Droid Sans', sans-serif; padding: 5px 0 11px 0; font-weight: 800; text-decoration: none; text-transform:uppercase; } h1 { color: #444; font-family: 'Droid Sans', sans-serif; font-size: 22px; font-weight: 800; letter-spacing: -0.05em; line-height: 1.1em; margin: 2px 0 20px; } .page-header h2 { color: #8b8a8a; font-size: 1.4em; letter-spacing: -0.05em; line-height: 0; margin: 0px 0 15px; } .post h2 { color: #8b8a8a; font-size: 17px; letter-spacing: -1px; margin: 10px 0; } h2 { color: #2079A6; font-size: 17px; letter-spacing: -1px; line-height: 10px; margin: 10px 0 10px 0; } h3 { font-size: 24px; line-height: 24px; margin: 20px 0 26px; }h4 { font-size: 15px; } h5 { font-size: 18px; margin: 20px 0; } h6 { font-size: 12px; } p { padding: 0; } hr { background: none; height: 1px; line-height: 1px; border: 0; margin: 0 0 20px 0; } /*Cart */ .playground { position:relative; margin:-38px 0 0 0; } .rubber-nugget-calc { height: 311px; background: url("../images/backgrounds/nuggets-calc.png") no-repeat; margin: 58px 0 0 -21px; padding: 18px; position: relative; } .cvv { background: url("../images/backgrounds/buy-cvv.png") no-repeat scroll 0 50% / 61px 23px transparent; padding-left: 39px; } #payment-form h2 { color: #8b8a8a; font-size: 17px; letter-spacing: -1px; margin: 10px 0 -5px 0; } label#cc-card.all { background-image: url("../images/backgrounds/buy-cards.png"); } label#cc-card { clear: both; color: transparent; display: block; height: 14px !important; line-height: 24px; overflow: hidden; padding: 5px 0; text-indent: -9999px; width: 349px; } .order-link-header { font-weight:800; text-align:right; text-transform: uppercase; } /* a[href*='youtube.com'] { background: url("//s.ytimg.com/yt/img/creators_corner/YouTube/youtube_24x24.png") no-repeat left center; line-height: 25px; padding-bottom: 20px !important; padding-left: 30px !important; padding-right: 20px !important; padding-top: 20px !important; line-height: 16px; /* To center the text vertically with the icon */ } */ #vid-logo { display: inline-table; margin: 20px 0 0 43px; overflow: hidden; width: 317px !important; } .info, .success, .warning, .validation { border: 1px solid; margin: 10px 0px; padding:15px 10px 15px 50px; background-repeat: no-repeat; background-position: 10px center; } .info { color: #00529B; background-color: #BDE5F8; background-image: url('info.png'); } .success { color: #4F8A10; background-color: #DFF2BF; background-image:url('success.png'); } .warning { color: #9F6000; background-color: #FEEFB3; background-image: url('warning.png'); } .error { color: #D8000C; background-color: #FFBABA; background-image: url('error.png'); } div.sc_menu { /* Set it so we could calculate the offsetLeft */ display: block; float: left; position: relative; height: 145px; width: 500px; /* Add scroll-bars */ overflow: auto; margin-left: 10px; } ul.sc_menu { display: block; height: 110px; /* Max width here, for users without Javascript */ width: 1500px; padding: 15px 0 0 15px; /* Remove default margin */ margin: 0; background: url('navigation.png'); list-style: none; } .sc_menu li { display: block; float: left; margin: -13px 0 0; padding: 0 4px; } .sc_menu a { display: block; text-decoration: none; } .sc_menu span { /* We want a caption to display on the next line */ display: block; margin-top: 3px; text-align: center; font-size: 12px; color: #fff; width:131px; } .sc_menu span { margin-top: 3px; text-align: center; font-size: 10px; color: #ccc !important; } .sc_menu a:hover span { display: block; color: #fff !important; } .sc_menu img { border: 3px #fff solid; -webkit-border-radius: 3px; -moz-border-radius: 3px; } .sc_menu a:hover img { filter:alpha(opacity=50); opacity: 0.5; } #6 img { border: 0px !important; } #vid-tabs { position: absolute; z-index: 9999; } #vid-tabs ul { float: right; margin: 3px auto 0; padding-top: 4px; width: 100%; } #vid-tabs li { color: #227AB0; list-style: none outside none; margin-left: 8px; padding: 2px; width:109px; } * html #vid-tabs li { display: inline; /* ie6 double float margin bug */ } #vid-tabs li, #vid-tabs li a { float: left; } #vid-tabs ul li a { text-decoration: none; padding: 0px; color: #ffffff; font-weight: bold; } #vid-tabs ul li.active { /* background-color: #444; */ } #vid-tabs ul li.active a { color: #0073BF; } a#show-panel { background: url("../images/backgrounds/notification-ribbon.png") no-repeat; display: block; height: 111px; position: absolute; right: -263px; top: 5px; width: 112px; z-index: 2; background-size: 82px; background-repeat: no-repeat; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader( src='images/twitter-ico.png', sizingMethod='scale'); -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader( src='images/twitter-ico.png', sizingMethod='scale')"; } #vid-tabs ul li a.close-panel { height: 48px !important; overflow: hidden; position: absolute; right: -60px; top: -37px; } a#show-panel:hover { top: 5px; } /*Lightbox background */ .panel-buttons { position:absolute; margin: 0 0 0 500px; } #lightbox { display:none; background:#000000; opacity:0.8; filter:alpha(opacity=80); position:fixed; top:0px; left:0px; min-width:500%; min-height:500%; z-index:1000; } /* Lightbox panel with some content */ #lightbox-panel { background: url("../images/backgrounds/vid-backgound.jpg") no-repeat scroll 0 0 transparent; position:absolute; left:50%; top:160%; border: 2px solid #2a2929; height: 679px; width: 900px; display:none; -moz-box-shadow: 3px 3px 5px 6px #000; -webkit-box-shadow: 3px 3px 5px 6px #000; box-shadow: 3px 3px 5px 6px #000; z-index: 8888; } #vid-tabs div { clear: both; height: 705px; margin: 0px 0 0; position: absolute; } #vid-tabs div h3 { text-transform: uppercase; margin-bottom: 10px; letter-spacing: 1px; } #vid-tabs div p { line-height: 150%; } #vid-tabs div #tab-1, #vid-tabs div #tab-2, #vid-tabs div# tab-3, #vid-tabs div #tab-4, { } select { float: right; font-size: 13px; padding: 5px; } .shipping_methods > select { margin: 0 0 19px; } ul, ol { margin: 0 10px 10px 0; padding-left: 40px; } .entry li { background: url("../images/backgrounds/bullet.png") no-repeat scroll 0 1px transparent; float: none; font-size: 14px; font-weight: 800; height: 22px; padding: 0 0 0 24px; white-space: nowrap; width: 222px; } .entry ul, #accordion-wrapper ul { list-style: none outside none; margin: 30px 0; } #breadcrumb-wrap { color: #8b8a8a; font-size: 10px; } blockquote { margin: 0 0 0 40px; } em, dfn { font-style: italic; } sup, sub { line-height: 0; } pre { white-space: pre; } pre, code, tt { font-size: 12px; } dl { margin: 0 0 20px 0; } dl dt { font-weight: bold; } dd { margin: 0 0 20px 20px; } small { font-size: 75%; } .table2 small { font-size: 100%; } .post { margin: 20px 0 20px; position: relative; } .entry { margin: 30px 0; position: relative; } .entry-title { padding-bottom: 5px; } .postmeta { font-size: 11px; text-transform: uppercase; } .post:last-child { border: 0; margin-bottom: 0; padding-bottom: 20px; } .postmeta { } a.more-link { font-weight: bold; text-decoration: none; } .floatleft { float: left; margin: 0 5px 5px 0; } *+html #header { padding: 0px 0 10px; position: relative; z-index: 2; margin:0; } #header { padding: 10px 0; position: relative; z-index: 2; } #header-container { position: relative; } #topbar p { padding: 0; font-size: 12px; line-height: 35px; } #topbar a { text-decoration: none; } .home-video { height: 320px !important; margin: 45px 0 0 471px; margin: 35px 0 0 471px \9; width: 450px !important; float:right \9; } #searchform { position: relative; } #searchform #searchsubmit { position: absolute; top: 0; right: 4px; border: 0; height: 22px; width: 20px; text-indent: -9999px; cursor: pointer; } #searchform #s { width: 99%; height: 20px; border: 0; position: absolute; top: 0; left: 0; text-indent: 5px; } #logo { float: left; width: 532; padding: 0; margin: 0; } .top-contact { float: right; font-size: 12px; height: 100px; letter-spacing: 0.1em; line-height: 12px; padding: 0 0 0 70px; } .top-contact h2 { color: #2B74A1; font-family: 'Droid Sans', sans-serif; font-size: 20px; font-weight: 800; letter-spacing: 0.1em; margin: 10px 0 -3px -4px !important; } .top-login { float: right; position: absolute; right: 7px; top: 155px; width: 295px; z-index: 44; } .top-login a { font-family: 'Droid Sans', sans-serif; font-weight:800; } /* Lets add an arrow after each link */ .top-link a:after { position: absolute; /* Prevent underline of arrow */ padding-left:2px; /* Add a little space between text and arrow */ content: "\00bb"; /* Unicode hex for » */ } .entry a { text-decoration:underline; } .top-login-inner-lt { float: left; height: 20px; padding-top: 12px; } .top-login-inner-rt { float: right; height: 37px; } .login { background: url("../images/backgrounds/btn-login.gif") no-repeat scroll 0 0 transparent; cursor: pointer; display: block; float: right; height: 58px; margin: -4px 0 0; overflow: hidden; position: relative; width: 92px; } .logout { background: url("../images/backgrounds/btn-login.gif") no-repeat scroll 0 0 transparent; cursor: pointer; display: block; float: right; height: 58px; margin: -6px 0 0; overflow: hidden; position: relative; width: 92px; text-indent:-9999px; } .customer-support { background: url("../images/backgrounds/btn-customer-support.gif") no-repeat scroll 0 0 transparent; cursor: pointer; display: block; float: right; height: 58px; margin: -19px 0 0; overflow: hidden; position: relative; width: 180px; text-indent:-9999px; } .customer-support-download-form { background: url("../images/backgrounds/btn-customer-support-download-form.png") no-repeat scroll 0 0 transparent; clear: right; cursor: pointer; display: inline-block; float: none; height: 20px; position: relative; text-indent: -9999px; width: 138px; } #logo h1 { padding: 0; margin: 0; } #main { padding: 0px 0 0px 0; position: relative; z-index: 1; } #main-secondary { padding: 20px 0 0px 0; position: relative; z-index: 1; } .primary-promo-container { margin: -29px 0 28px; } *+html .primary-promo-container { margin: -20px 0 28px !important; } .promo-txt h1 { color: #FFFFFF !important; font-family: 'Droid Sans', sans-serif; font-size: 38px; font-weight: 800; letter-spacing: -2px; line-height: 45px; text-shadow: 1px 1px #1d5c74; } .promo-txt { color: #FFFFFF !important; font-size: 15px; font-weight: 100; left: 0; position: absolute; line-height:20px; top: 45px; width: 550px; z-index: 88888; } .promo-txt p { width: 470px; font-size: 16px; text-shadow: 1px 1px #2286b9; } .promo-txt-sm { font-family: Verdana, Geneva, sans-serif; color: #EEEEEE !important; font-size: 10px; font-weight: 100; margin: 8px 0 0; text-transform: none; } /*Testimonial box and font style and colours*/ .testimonial { padding: 20px 25px; margin:16px 0 0; background-color: #f2f2f2; /*Change colour here and in .arrow-down*/ float: left; font: italic 17px/22px Georgia, "Times New Roman", Times, serif; color: #53646d; text-shadow: 1px 1px 0 #ffffff;/*Uncomment to add round corners*//* -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; */ } /*Author section wrapper*/ .author-wrapper { width: 100%; margin-bottom: 20px; float: left; } /*This creates the arrow with no need for an image, thanks to css-tricks.com*/ .test-arrow { float: left; margin-left: 25px; width: 0; height: 0; border-top: 30px solid #f2f2f2; /*Change colour here to match .testimonial*/ border-left: 30px solid transparent; border-right: 0px solid transparent; /*Make this 30px to create a triangle*/ } /*Author Name*/ .testimonial-name { float: left; margin: 0 9px 34px; color: #1e4673; padding-top: 5px; font: bold 15px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; } /*Author Job Title*/ .testimonial-name span { color: #53646d; font-weight: normal; } ​ .quote { background: url("../images/backgrounds/quote-btn.png") no-repeat; cursor: pointer; display: block; height: 44px; overflow: hidden; position: relative; width: 169px; } .partner { background: url("../images/backgrounds/partner-btn.png") no-repeat; cursor: pointer; display: block; height: 44px; overflow: hidden; position: relative; width: 169px; margin:0 0 0 180px; } .promo-txt-action-lt { float: left; margin: 0 10px 0; ' z-index:99999; } .promo-txt-action-wrap { margin-left: -12px; padding: 60px 0 0; } .youtube-cta { background: url("../images/backgrounds/youtube-cta.png") no-repeat; cursor: pointer; display: block; height: 44px; overflow: hidden; position: relative; width: 189px; margin:0 0 0 11px; } .order { background: url("../images/backgrounds/order-btn.png") no-repeat; cursor: pointer; display: block; margin:0 0 0 4px; height: 44px; position: relative; width: 190px; } .recycle { background-color:transparent; background: url("../images/backgrounds/recycle-btn.png") no-repeat; cursor: pointer; display: block; height: 44px; margin:0 0 0 4px; position: relative; width: 169px; } .order_binder { background: url("../images/backgrounds/binder-btn.png") no-repeat; cursor: pointer; display: block; height: 44px; margin: 10px 0 0 -10px; overflow: hidden; position: relative; width: 169px; } .order_binder { text-indent:-9999px; } .binder { background-color: #F2F2F2; /* Safari 4-5, Chrome 1-9 */ background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fbf8f8), to(#F2F2F2)); /* Safari 5.1, Chrome 10+ */ background: -webkit-linear-gradient(top, #F2F2F2, #fbf8f8); /* Firefox 3.6+ */ background: -moz-linear-gradient(top, #F2F2F2, #fbf8f8); /* IE 10 */ background: -ms-linear-gradient(top, #F2F2F2, #fbf8f8); /* Opera 11.10+ */ background: -o-linear-gradient(top, #F2F2F2, #fbf8f8); margin: 0 0 30px; padding: 4px 7px 11px 9px; width: 100%; border-radius: 5px 5px 5px 5px; } .promo-container { height: 424px; overflow-x: hidden; overflow-y: hidden; position: relative; width: 960px; } .promo-container-small { height: 237px; overflow-x: hidden; overflow-y: hidden; position: relative; width: 960px; } .large-image img { display: none } .small-image img { display: none; } .small-image { width: 297px; } .promo-container-small .promos img { padding: 0 0 0 585px; } .promo-container-small .promo-navigation { bottom: 0; opacity: 0.6; position: absolute; right: 43px; z-index: 20; } .promo-container-small .promo-txt { color: #FFFFFF !important; font-size: 15px; font-weight: 100; left: 0; line-height: 20px; position: absolute; top: 45px; width: 750px; z-index: 88888; } .promo-container-small .promo-txt p { font-size: 12px; line-height: 15px; text-shadow: 1px 1px #2286B9; width: 600px; } .promo-container-small .promo-txt h1 { color: #FFFFFF !important; font-family: 'Droid Sans', sans-serif; font-size: 31px; font-weight: 800; letter-spacing: -2px; line-height: 7px; text-shadow: 1px 1px #1D5C74; } .promo-container-small .promo-txt-action-wrap { margin-left: -12px; padding: 18px 0 0; } #theme-home-small #body-main { background: url("../images/backgrounds/layout_main_bg.png") repeat-x scroll center 663px rgba(0, 0, 0, 0) !important; } .large-image-container img.first { display: block } .promo-navigation { bottom: 20px; opacity: 0.6; position: absolute; right: 35px; z-index: 20; } .promo-navigation a { display: block; float: left; width: 15px; height: 15px; text-indent: -9999px; margin-left: 5px; } .promo-navigation-small a { width: 10px; height: 10px; } .promo-bottom-navigation { padding-bottom: 20px; clear: both; } .promo-bottom-navigation .promo-navigation { bottom: 0; right: 0; } /* Post / Page Navigation */ .pagination { margin: 0 0 40px 0; line-height: 30px; font-size: 12px; } .pagination a, .pagination a span { padding: 5px 10px; margin: 2px; text-decoration: none; } .pagination span.current { font-weight: bold; padding: 3px 3px; margin: 2px; } .widget { margin: 10px 0; } .widget, .widgettitle { font-size: 12px; line-height: 18px; } .widgettitle { font-weight: bold; text-transform: uppercase; padding: 0 0 10px 0; margin: 0 0 20px 0; line-height: 100%; } .widget UL, .widget OL { list-style-type: none; margin: 0; padding: 0; } .widget p { font-size: 13px; font-weight: 100; margin: 0 0 17px; padding: 0; } .addthis_toolbox { margin:20px 0 0; } .textwidget p { padding: 0 0 10px 0; } .widget li { padding-bottom: 10px; } .widget a { font-size:12px;} #footer .widget li { padding-bottom: 10px; } #footer .widget_links li { clear: both; padding-bottom: 1px; } #footer .widget_links li img { background-size: 20px; width: 20px; height:20px; clear: both; padding-bottom: 1px; } #footer .widget_links li.footer-number img { background-size: 120px; width: 214px !important; height:41px !important; clear: both; padding-bottom: 1px; } #footer .widget li:last-child { padding-bottom: 0; } #footer-store { background-color: #FFFFFF; float: left; height: auto; margin: 0 8px 0 0; width: 37px; } #footer .store_product_form { border-bottom: 1px solid #444444; float: left; margin: 0 6px 8px; padding: 0 0 10px; width: 97px; } #footer .store_product_form h6 { font-size: 10px; margin: 0 0 -9px !important; } #footer .btn { font-size: 7px; } .iconlist h5 { font-size: 15px; line-height: 100%; margin: 0 0 10px; } .iconlist h5, .iconlist h5 a { font-weight: bold; text-decoration: none; padding: 0; } .iconlist p { color: #8b8a8a; } .iconlist img.left { margin: 0 10px 10px 0; padding: 0; } ul.iconlist, ul.iconlist li { margin: 0; padding: 0; } .ads { padding: 16px 0 0 16px; } .ads img { padding: 0 16px 16px 0; display: block; float: left; } .ads .widgettitle { margin-right: 16px; } .grid-item { padding: 10px 0 0 0; margin: 0 0 40px 0; } .grid-item p, .grid-item h3 { padding-bottom: 5px; } /* Contact Form */ form.standard .field { padding: 0 0 15px 0; } form.standard label { display: block; padding: 0 0 2px 2px; } form.standard .textbox, form.standard .textarea, form.standard .select, form.standard .button, form.standard .checkbox, form.standard .radio { padding: 8px 5px; } form.standard .checkbox, form.standard .radio { border: 0; } form.standard .button { cursor: pointer; padding: 5px 8px; line-height: 100%; } form.standard .error { padding: 1px 6px; line-height: 100%; } /* Other Common Classes */ .rounded { -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; } .message { padding: 8px; margin-bottom: 20px; } .error, .warning, .success, .error a, .warning a, .success a { font-size: 13px; } .left { float: left; } .center { display: block; margin-left: auto; margin-right: auto; text-align: center; } .right { float: right; } img.left { padding: 3px 20px 20px 0; } img.right { padding: 3px 0 20px 20px; } .widget img.left { padding: 5px 10px 10px 0; } .widget img.right { padding: 5px 0 10px 10px; } .hidden { display: none; } .pad { padding: 10px; } UL.clean, OL.clean { list-style-type: none; margin: 0; padding: 0; } .demogrid p { font-size: 12px; font-weight: bold; text-align: center; margin: 10px 0; padding: 8px 0; } .post .date { background: url("../images/backgrounds/date.png") no-repeat scroll left top transparent; } .post .date { color: #FFFFFF; height: 60px; padding: 5px 0 0; position: absolute; right: -58px; text-align: center; top: 10px; width: 51px; } .post .date .day { color: #8b8a8a; display: block; font-size: 28px; font-weight: 800; line-height: 22px; } .post .date .month { display: block; font-size: 12px; font-weight: bold; margin: -8px 0 0; text-transform: uppercase; } .post-meta { border-bottom: 1px solid #C4C4C4; border-top: 1px solid #C4C4C4; color: #9F9F9F; font-size: 11px; margin: 30px 0 0; } .post-meta li { float: left; list-style: none outside none; padding: 10px 0 7px 10px; width: 154px; } .post-meta li.categories { border-left: 1px solid #E7E7E7; border-right: 1px solid #E7E7E7; } .post-meta li span { display: block; } .post-meta li .head { color: #000000; font-size: 10px; font-weight: bold; text-transform: uppercase; } .post-meta li .body, .post-meta li .body a:link, .post-meta li .body a:visited { color: #7A7A7A; font-size: 13px; font-style: italic; text-decoration: none; } #comments .comment-head .avatar { float: left; } #comments ol { list-style:none; } #comments .comment-head .avatar img { border: 3px solid #EEEEEE; margin: 0 10px 0 0; vertical-align: middle; } #respond { background-color: #eef0f1; border: 5px solid #EFEFEF; margin: 35px 0 0; padding: 50px 55px; } #comments #respond { border: medium none; margin: 0; padding: 20px 0; } #comments #respond h3 { margin-bottom: 0; } #respond h3 { } #commentform { margin: 15px 0 0; } #commentform input.txt { border: 1px solid #EEEEEE; margin: 0 5px 10px 0; padding: 7px 5px; width: 260px; } #commentform label { font-size: 11px; font-weight: bold; text-transform: uppercase; } #commentform textarea { border: 1px solid #EEEEEE; padding: 5px; width: 95% !important; } #commentform #submit { border: medium none; color: #FFFFFF; font-size: 12px; margin: 20px 0 0; padding: 4px 10px; text-shadow: 1px 1px 0 #424242; text-transform: uppercase; } #recentcomments li a { display: inline; padding: 0; } /* ** */ /* Drop down menu */ #nav-header { clear: both; height: 56px; margin: 11px 0 0 -30px; width: 100%; z-index: 9999; } #nav-header .holder:after, .block-holder:after, .heading:after, #main:after { display: block; clear: both; content: ""; } #nav-header .holder { margin: 0 auto; padding: 0 0 0 23px; width: 957px; } .logo { width: 323px; height: 56px; text-indent: -9999px; overflow: hidden; float: left; margin: 0 32px 0 0; /* background:url(images/logo.gif) no-repeat; */ } .logo a { display: block; height: 100%; } #nav { float: left; font-family: 'Droid Sans', sans-serif; font-size: 18px; font-weight: 800; margin: 36px -45px 0 0; padding: 0; } #nav-cross-shop-links { font-size: 10px; font-weight: 100 !important; margin: 15px 0 -16px -36px; } #nav-cross-shop-links li { display: inline; margin: 0 18px 0 0; padding: 0; } #nav .first { font-size: 16px; font-weight: 800; letter-spacing: -1px; text-transform: uppercase; text-shadow: 1px 1px #fdfaf0; } *+html #nav li { margin: 3px 0 0 1px; } #nav li { float: left; margin: 0 0 0 1px; display: inline; } #nav a { color: #333333; float: left; padding: 19px 22px 30px; position: relative; z-index: 3; } #nav a.first:hover, #nav li:hover a.first, #nav li.hover a.first { color: #000; text-decoration: none; background: url(../images/menu/img-tab-short.png) repeat-x 0 -5px transparent; } #nav .has-drop-down a:hover, #nav li.hover a, #nav .has-drop-down:hover a { padding: 6px 22px 50px; margin: 0 0 -30px; } #nav li.hasChildren:hover a.first, #nav li.hasChildren.hover a.first { padding-top: 19px; background: url(../images/menu/img-tab-long.png) repeat-x 0 -3px transparent; z-index: 100; } #nav .active > a { color: #000; font-weight: bold; } #nav #products-li > .dropdown { left: -196px; } #nav #applications-li > .dropdown { left: -190px; } #nav #about-li > .dropdown { left: -210px; } #nav #services-li > .dropdown { left: -140px; width: 1042px; } #nav #contact-li > .dropdown { left: -230px; } #nav #services-li > .dropdown > .c { background: url(../images/menu/bg-drop-c-wide.png) repeat-y; } #nav #services-li > .dropdown > .b { background: url(../images/menu/bg-drop-b-wide.png) repeat-y; } #nav .dropdown { display: none; font: 13px Verdana, Geneva, Arial, sans-serif; position: absolute; top: 51px; width: 815px; z-index: 15; } .dropdown .c { background: url(../images/menu/bg-drop-c.png) repeat-y; padding: 0 24px 0 26px; } .dropdown .b { height: 41px; background: url(../images/menu/bg-drop-b.png) no-repeat; } .dropdown .grad { background: url("../images/menu/bg-drop.gif") repeat-x scroll 0 0 rgba(0, 0, 0, 0); padding: 27px 0 0; } .dropdown-holder { overflow: hidden; height: 1%; /* background:url(images/bg-drop-cols.gif) repeat-y 251px 0; */ } .dropdown .col a img { margin: -19px -15px 0; padding: 0 16px 0 0; width: 243px; } .dropdown .col { border-right: 1px solid #f5f1f1; float: left; min-height: 250px; padding: 0 16px 0 19px; width: 200px; } .dropdown .col img { display: block; margin: 0 0 0 -20px; height: 250px; } .dropdown .col.last { border-right: none; } .dropdown .title { display: block; font-size: 14px; font-weight: bold; margin: 0 0 13px; } #nav .dropdown .title a { color: #696969; float: none; letter-spacing: -1px; margin: 0; padding: 0; } .dropdown ul { margin: 0; padding: 0 0 20px 10px; list-style: none; line-height: 21px; } #nav .dropdown ul li { float: none; height: 1%; margin: 0; display: block; } #nav .dropdown .child-ul li.current_page_item a { text-decoration: underline; } #nav .dropdown ul span { color: #535353; display: inline; float: none; font-size: 13px; margin: 0 0 0 -9px !important; padding: 0 !important; } #nav .dropdown ul a, #nav .active .dropdown ul a { color: #535353; display: inline; float: none; font-size: 13px; margin: 0; padding: 0; text-indent: 0; text-decoration: underline; } .tiny { margin: 0 0 0 -5px; font-size: 11px; } #nav .dropdown ul a:hover { margin: 0; padding: 0; text-decoration: none; } .dropdown ul ul { padding: 0 0 0 10px; } #nav .dropdown ul ul a { color: #818181; } #nav li:hover, #nav li.hover { position: relative; } #nav li:hover .dropdown, #nav li.hover .dropdown { display: block; } /* ** */ /* Clearfix */ .clearfix:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } .clearfix { display: inline-block; } html[xmlns] .clearfix { display: block; } * html .clearfix { height: 1%; } div.hr { background: url("../images/backgrounds/hr1.gif") no-repeat scroll center center transparent; height: 25px; margin: -24px 0 0; } div.hr hr { display: none; } div.hr-mid { background: url("../images/backgrounds/hr1.gif") no-repeat scroll center center transparent; height: 25px; margin: 0px 0 0; } div.hr-mid hr { display: none; } .product-wrap .one { background: url("../images/backgrounds/binder.png") no-repeat scroll center center transparent; height: 158px; } .product-wrap .two { background: url("../images/backgrounds/epdm.png") no-repeat scroll center center transparent; height: 184px; } .product-wrap .three { background: url("../images/backgrounds/super.png") no-repeat scroll center center transparent; height: 184px; } .product-wrap .four { background: url("../images/backgrounds/mulch.png") no-repeat scroll -20px -8px transparent; height: 184px; } .padding { margin: 0 0 20px 6px; padding: 32px 15px 0 21px; } .padding-wrap { padding: 2px; } .padding-test { padding: 0 0 0 25px; } .features strong { color: #10638E; display: block; font-family: 'Droid Sans', sans-serif; font-size: 22px; font-weight: 800; line-height: 26px; margin: 0px 0 -4px; text-transform: uppercase; } *+html ul.scroller { background-color:#e1e0e0 !important; } ul.scroller { background-color:transparent !important; } .features .tags, .scroller tags { float: left; font-size: 15px; line-height: 19px; list-style: none outside none; margin: -15px -1px 0 0; padding: 0; width: 210px; width: 200px \0/; font-size: 12px \0/; } .features .tags li, .post .tags li { background: url("../images/backgrounds/bullet.png") no-repeat scroll 0 0 transparent; font-size: 15px; font-weight: 100; height: 1%; line-height: 15px; padding: 0 0 0 26px; } /*Subscribe*/ .subscribe-pitch { background: url("../images/email.png") no-repeat scroll 5px center transparent; height: 72px; margin: 20px 0 0; padding-left: 120px; } .subscribe-pitch > h3 { margin: 0 0 12px; font-size: 14px; font-weight: bold; color: #222; text-transform: uppercase; } .subscribe-pitch > p { line-height: 22px; color: #484848; } .subscribe-form { position: relative; margin: 20px -20px -20px; padding: 15px; background: #fafafa; border-top: 1px solid #ccc; border-radius: 0 0 6px 6px; background-image: -webkit-linear-gradient(top, #fafafa, #eaeaea 50%, #e1e1e1 51%, #f2f2f2); background-image: -moz-linear-gradient(top, #fafafa, #eaeaea 50%, #e1e1e1 51%, #f2f2f2); background-image: -o-linear-gradient(top, #fafafa, #eaeaea 50%, #e1e1e1 51%, #f2f2f2); background-image: linear-gradient(to bottom, #fafafa, #eaeaea 50%, #e1e1e1 51%, #f2f2f2); -webkit-box-shadow: inset 0 1px white; box-shadow: inset 0 1px white; } .subscribe-input { -moz-border-bottom-colors: none; -moz-border-left-colors: none; -moz-border-right-colors: none; -moz-border-top-colors: none; background: none repeat scroll 0 0 padding-box #FEFEFE; border-color: #999999 #AAAAAA #AAAAAA; border-image: none; border-style: solid; border-width: 1px; color: #444444; height: 30px; width: 77%; } .subscribe-input:focus { outline: 0; } .subscribe-submit { display: block; position: absolute; left: 354px; padding-left: 15px; position: relative; text-shadow: none; top: -40px; width: 68px; height: 35px; cursor: pointer; font: 0/0 serif; text-shadow: none; color: transparent; background: url("../images/tick.png"); } .subscribe-submit:active { } .subscribe-submit:before { content: ''; display: block; margin-top: 1px; width: 25px; height: 19px; background: url("../images/tick.png"); } .lt-ie9 .subscribe-input { line-height: 33px; } .product-wrap { background: url("../images/backgrounds/product-bg.png") repeat-x scroll 0px 0 transparent !important; padding: 20px 0 0 20px; min-height: 195px; } a.sidebar-cart-btn { background: url("../images/backgrounds/sidebar-cart-btn.png"); background-repeat: no-repeat; display: block; height: 62px; margin: 14px 0 0 -4px; padding: 0; text-indent: -9999px; width: 152px; border:0; outline:none; color : transparent; line-height: 0 !important; cursor: pointer; } .nav_hello { margin: 26px 0 0; } #totals h3 { color: #444444; } input.addtocart { background: url("../images/backgrounds/add-to-cart-btn.png"); background-repeat: no-repeat; display: block; float: right; height: 36px; margin: 4px 0 0 -7px; padding: 0; text-indent: -9999px; width: 153px; border:0; outline:none; color : transparent; line-height: 0 !important; cursor: pointer; } input.update-totals { background: url("../images/backgrounds/update-totals-cart-btn.png"); background-repeat: no-repeat; display: block; float: left; height: 62px; margin: 14px 5px 0 -8px; padding: 0; text-indent: -9999px; width: 159px; border:0; outline:none; color : transparent; line-height: 0 !important; cursor: pointer; } input.empty-cart { background: url("../images/backgrounds/empty-cart-btn.png"); background-repeat: no-repeat; display: block; float: left; height: 62px; margin: 14px 1px 0 -8px; padding: 0; text-indent: -9999px; width: 159px; border:0; outline:none; color : transparent; line-height: 0 !important; cursor: pointer; } input.next-cart { background: url("../images/backgrounds/next-cart-btn.png"); background-repeat: no-repeat; display: block; float: left; height: 62px; margin: 14px 0 0 -8px; padding: 0; text-indent: -9999px; width: 159px; border:0; outline:none; color : transparent; line-height: 0 !important; cursor: pointer; } .alert-error h3 { color: #000000 !important; margin: -25px 0 0 !important; z-index: 999; } #totals b { color: #0c90d4; font-size: 21px; } input.next-cart:disabled { background: url("../images/backgrounds/next-cart-btn-disabled.png"); background-repeat: no-repeat; display: block; float: left; height: 62px; margin: 14px 0 0 -8px; padding: 0; text-indent: -9999px; width: 159px; } .sidenav-cart #cart_box { background-color: #EAF3FE; border-color: #C9E1F4; border-radius: 5px; border-style: solid; border-width: 1px; height: 101px; margin: 6px 0 66px 16px; padding: 28px 0 0 4px; position: relative; width: 181px; z-index: 9999; } .sidenav-cart { display: block; float: left; overflow: visible; padding: 7px 0 0; position: relative; width: 230px; } .cart-top > strong { color: #0c90d4; } .pricelist { float: left; p adding: 4px 4px 0; } .nav_hello li { list-style: none outside none; margin: 13px 0 0 -26px; } .regularprice { float: left; } .sidenav a.cart { background: url("../images/backgrounds/cart.png") no-repeat scroll left top transparent; color: black; display: block; height: 40px; margin: 0 0 0 10px; padding-left: 60px; text-decoration: none; z-index: 100; } .sidenav p { font-size: 11px; padding: 0 0 10px 25px; text-align: justify; width: 171px; } .sidenav h5 { font-size: 15px; padding: 19px 0 0 25px; text-align: justify; width: 171px; } .sidenav li h5 { margin: -19px 0 0; padding: 19px 0 15px; text-align: justify; width: 171px; } .product-wrap-cart { margin: 10px 0; padding: 15px; -moz-box-shadow: 0 0 2px #ddd; -webkit-box-shadow: 0 0 2px #ddd; box-shadow: 0 0 2px #ddd; } a:link, a:visited, a:active, .widgettitle { color: #444; } a:hover, .sf-menu a:hover, .sfHover a, .sf-menu ul li.sfHover > a { color: #227ab0; } .iconlist h5, .iconlist h5 a { color: #1a5582; font-size:18px; text-shadow: 1px 1px #fdfaf0; } html, body, #footer-bottom { background: #2b2b2b; overflow-x: hidden; /*IE 7 Overflow x Hack*/ } #outer { } h1 a, h2 a, h3 a, h4 a, h5 a, h6 a, #main .widgettitle, form.standard .button, .sf-menu a { color: #8b8a8a; } hr, .post, .widgettitle, .sf-menu li li { /* border-bottom:1px solid #444343; */ } .postmeta, #footer-bottom a, #searchform #s { color: #888; } #header, .promo-navigation a, .pagination a, .pagination a span, p.quotebox, .ads, .boxed, .sf-menu ul a { /*background:#f2f2f2;*/ } #header { } #topbar, .sf-menu li li:last-child { border-bottom: 1px solid #fff; } *+html #topbar { margin:-1px 0 0 0; } #topbar, #footer { background: url("../images/backgrounds/footer-bg.png") repeat scroll 0 0 transparent; position:relative; margin:0; } #topbar a, #footer .widgettitle, .error, .warning, .success, .error a, .warning a, .success a { color: #fff; } #searchform #searchsubmit { background: url(../images/searchsubmit.gif) no-repeat center center; } #searchform #s { background: #555; } .sidenav { background: url("../images/backgrounds/sidebar.png") no-repeat scroll 5px 0 rgba(0, 0, 0, 0); display: block; float: left; height: 391px; overflow: visible; padding: 0px 0 0; position: relative; width: 230px; } .sidenav h2 { color: #838382; font-size: 28px; padding: 20px 0 30px 20px; } .sidenav ul, { list-style: none outside none; } .video-pop .nav_categories {margin: -15px 0 0 -15px} .video-pop { background-color: #EAF3FE; border-color: #C9E1F4; border-radius: 5px; border-style: solid; border-width: 1px; padding: 0 0 30px 0; width: 188px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; /* future proofing */ -khtml-border-radius: 5px; /* for old Konqueror browsers */ z-index:1; margin: 0 0 0 15px; } .video-pop h5 { font-size: 14px; line-height: 20px; padding: 0 0 0 9px; text-align: center; color:#0C90D4; } .sidenav ul { margin-left: 0; padding-left: 0; } .sidenav ul li { display: block; height: 17px; margin: 0; padding-left: 26px; padding-top: 17px; width: 230px; } ul.nav_categories span { font-size:15px; font-weight:200; } ul.nav_categories li .active { color: #FFFFFF; display: block; height: 32px; margin: -20px 0 0 -30px; padding-left: 30px; padding-top: 17px; width: 230px; } ul.nav_categories li .active { background-image: url("../images/backgrounds/arrow.png"); background-position: 0 0; background-repeat: no-repeat; text-decoration: none; margin: 0 0 0 -20px display: block; } .sidenav ul li.active { color: #FFFFFF; display: block; height: 32px; margin: 20px 0 0 -10px; padding-left: 30px; padding-top: 17px; width: 230px; } .sidenav ul li.active { background-image: url("../images/backgrounds/arrow.png"); background-position: 0 0; background-repeat: no-repeat; text-decoration: none; margin: 0 0 0 -20px display: block; } #footer { border-bottom: 1px solid #444; } #footer-bottom { border-top: 1px solid #222; } #footer-bottom a.scroll-top { background: url(../images/to-top.gif) no-repeat left center; } .promo-navigation a, .pagination a, .pagination a span, .ads, .demogrid p { background: #8fccf4; border: 1px solid #ddd; } .promo-navigation .activeSlide, form.standard .button, .sfHover, .sf-menu li ul { background: #ddd; } #topbar { color: #227ab0; } p.quotebox { background-position: 28px center; /* background-image: url("../images/quote_left.gif"); */ background-repeat: no-repeat; } p.quotebox { font-size: 23px; font-weight: 100; font-style: italic; line-height: 100%; padding: 14px 20px 14px 60px; } #navlist-bottom { position: relative; } #navlist-bottom li { float: left; margin: 5px; padding: 0; list-style: none; } #navlist-bottom li, #navlist a { height: 116px; display: block; } #home { width: 146px; } #home { background: url('../images/backgrounds/affiliates.png') 10px 0; } #home a:hover { background: url('../images/backgrounds/affiliates-over.png') 10px 0px; } #prev { width: 180px; } #prev { background: url('../images/backgrounds/affiliates.png') -165px 0; } #prev a:hover { background: url('../images/backgrounds/affiliates-over.png') -167px 0px; } #next { width: 200px; } #next { background: url('../images/backgrounds/affiliates.png') -377px 0; } #next a:hover { background: url('../images/backgrounds/affiliates-over.png') -377px 0px; } p.quoteblue { font-size: 13px; font-weight: 100; font-style: italic; line-height: 100%; color: #3787b7; padding: 14px 20px 14px 60px; } form.standard .textbox, form.standard .textarea, form.standard .select, form.standard .button, form.standard .checkbox, form.standard .radio { border: 1px solid #ccc; } form.standard .button:hover { background: #e5e5e5; } .shadow { -moz-box-shadow: 0 0 2px #ddd; -webkit-box-shadow: 0 0 2px #ddd; box-shadow: 0 0 2px #ddd; } .hovershadow:hover, .pagination a:hover { -moz-box-shadow: 0 0 3px #d0d0d0; -webkit-box-shadow: 0 0 3px #d0d0d0; box-shadow: 0 0 3px #d0d0d0; } .highlight { color: #3c769f; } .error { background: #feeceb; width: 98%; } .warning { background: #f93; } .success { background: #090; } /* Cart */ .order-banner { margin: -22px 0 0 9px; position: relative; } .sidenav .active a, .sidenav .active a:visited { color: #FFF; } .page-header { color: #043041; float: right; margin: 0 0 -10px; overflow: hidden; padding: 0 0 3px; text-align: left; width: 350px; } legend { margin: 0px; padding: 10px; color: #8b8a8a; } fieldset { border: 1px solid #dbddde; padding: 10px; margin: 0px 2px 10px 2px; color: #8b8a8a; background-color: transparent; text-align: justify; font-size: 16px; line-height: 24px; } td { display: table-cell; vertical-align: middle; } .shipping-weight { display: none; } fieldset legend { background: #ecefef; padding: 9px; font-weight: bold; } .live-form { width: 960px; margin: 0 auto 0 auto; } .form_left { width: 400px; padding: 20px; float: left; } .form_right { width: 400px; padding: 20px; float: left; } .product-checkout .form-actions { float: right; margin: 40px 0 0; } .page-header h1 { color: #000; font-size: 18px; } .ship-calc-h3 { margin: 30px 0 0; } .col4, .col8 { background: #f9fbfc } .col3 { width: 200px; text-align: center; } .cart { width: 100%; } .shipping-calc { width: 100%; } .cart th { text-align: left; padding-bottom: 5px; } .cart td { padding: 5px; vertical-align: top; border-top: 1px dotted #ccc; } a.cart-top { background: url("../images/backgrounds/cart.png") no-repeat scroll left top transparent; color: black; display: block; font-size: 12px; height: 40px; margin-top: 0; padding-left: 60px; text-decoration: none; z-index: 100; font-weight: 900; } a.cart:hover { background-position: 0 -40px; color: #3c769f; } h2.underline { color: #27709b; font-size: 14px; font-weight: 700; letter-spacing: -1px; line-height: 25px; margin: 0 0 5px; padding: 0; } .store_product_form h2 a { color: #3c769f; font-size: 24px; font-weight: 700; letter-spacing: -1px; line-height: 25px; margin: 0 0 5px; padding: 0; } .breadcrumb li { display: inline-block; } .orange { color: red; } .brown { color: brown; } .purple { color: purple; } ul.breadcrumb { margin: 0 0px 0px 0; padding-left: 0px; } /* Table 2 Style */ .table2 br { display: block; } legend { border: 1px solid #999999; color: #8b8a8a; font-size: 20px; margin: 20px 0; padding: 0.2em 0.5em; text-align: right; } .table2 h4 a:link, .table2 h4 a:visited, .table2 h4 a:active { color: #767777; font-size: 14px; } table.table2 { font-size: 16px; font-style: normal; font-weight: normal; letter-spacing: 0px; line-height: 1.2em; border-collapse: collapse; text-align: left; } .table2 thead th, .table2 tfoot td { background-color: #f2f2f2; border-right: 1px dotted #eaeaea; font-size: 16px; font-weight: normal; padding: 10px 20px 10px 5px; } .table2 tfoot th { padding: 10px; font-size: 18px; text-transform: uppercase; color: #888; } .table2 tfoot td { font-size: 36px; color: #EF870E; border-top: none; border-bottom: 3px solid #8b8a8a; -moz-box-shadow: 0px 1px 4px #000; -webkit-box-shadow: 0px 1px 4px #000; box-shadow: 0px 1px 4px #000; } .table2 thead th:empty { background: transparent; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; } .table2 thead :nth-last-child(1) { border-right: none; } .table2 tbody th { color: #333333; font-weight: 100; text-align: left; text-shadow: 1px 1px 1px #CCCCCC; } .table2 tbody td { border-right: 1px dotted #CED3D5; /* background-color: #F0F0F0;*/ color: #333333; padding: 0 10px; text-shadow: -1px 1px 1px #FFFFFF; } tr.line { /* border-top: 1px dotted #CED3D5; */ line-height: 44px; } .fullwidth { -moz-box-sizing: border-box; width: 100%; } .error { color: #D92100; } p.notice { text-align:right; padding:20px 0 0; } *+html hr { visibility:hidden; } .item-descript { font-size: 11px !important; line-height: 18px; } .blue { color:#0C90D4; } /* vButtons */ *+html . a:active, .button a:hover { color: #fff !important; background: #eac413; /* for non-css3 browsers */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eac413', endColorstr='#f9d216'); /* for IE */ background: -webkit-gradient(linear, left top, left bottom, from(#eac413), to(#f9d216)); /* for webkit browsers */ background: -moz-linear-gradient(top, #eac413, #f9d216); /* for firefox 3.6+ */ } *+html .button, .button a, .button a:visited { color: #fff !important; background: #eac413; /* for non-css3 browsers */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eac413', endColorstr='#f9d216'); /* for IE */ background: -webkit-gradient(linear, left top, left bottom, from(#eac413), to(#f9d216)); /* for webkit browsers */ background: -moz-linear-gradient(top, #eac413, #f9d216); /* for firefox 3.6+ */ } *+html .button-no { color: #fff !important; background: #eac413; /* for non-css3 browsers */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eac413', endColorstr='#f9d216'); /* for IE */ background: -webkit-gradient(linear, left top, left bottom, from(#eac413), to(#f9d216)); /* for webkit browsers */ background: -moz-linear-gradient(top, #eac413, #f9d216); /* for firefox 3.6+ */ } *+html input .button:disabled, *+html .button-no, *+html .button-no a, *+html .button-no a:visited { color: #fff !important; background: #eac413; /* for non-css3 browsers */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eac413', endColorstr='#f9d216'); /* for IE */ background: -webkit-gradient(linear, left top, left bottom, from(#eac413), to(#f9d216)); /* for webkit browsers */ background: -moz-linear-gradient(top, #eac413, #f9d216); /* for firefox 3.6+ */ border:2px solid #eac413!important; } *+html input.button { color: #fff !important; background: #eac413; /* for non-css3 browsers */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eac413', endColorstr='#f9d216'); /* for IE */ background: -webkit-gradient(linear, left top, left bottom, from(#eac413), to(#f9d216)); /* for webkit browsers */ background: -moz-linear-gradient(top, #eac413, #f9d216); /* for firefox 3.6+ */ } ul.directions-buttons { width:90%; margin:100px auto 100px auto; } ul.directions-buttons li { display:inline-block; margin:0 10px 0; padding:50px; font-size: 30px; background: #eac413; /* for non-css3 browsers */ } ul.directions-buttons li { cursor: hand; cursor: pointer; } ul.directions-buttons li a:hover { text-decoration:none; } ul.directions-buttons li a { color:#fff !important; } .directions h1 { margin:70px 0 0 70px; color:#fff; } .button { -moz-box-sizing:border-box; border:2px solid #083153; border-radius:3px 3px 3px 3px; color:white; cursor:pointer; display:inline-block; color: #fff !important; background: #eac413; /* for non-css3 browsers */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eac413', endColorstr='#f9d216'); /* for IE */ background: -webkit-gradient(linear, left top, left bottom, from(#eac413), to(#f9d216)); /* for webkit browsers */ background: -moz-linear-gradient(top, #eac413, #f9d216); /* for firefox 3.6+ */ font-size:12px; text-transform:capitalize; height:26px; line-height:21px; margin: 15px 0 0 0px; padding: 0 5px 0 5px; text-align: center; text-decoration: none; text-transform: uppercase; } .button, .button a, .button a:visited { color: #444 !important; background: #eac413; /* for non-css3 browsers */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eac413', endColorstr='#f9d216'); /* for IE */ background: -webkit-gradient(linear, left top, left bottom, from(#eac413), to(#f9d216)); /* for webkit browsers */ background: -moz-linear-gradient(top, #eac413, #f9d216); /* for firefox 3.6+ */ } .button-no { color: #444 !important; background: #eac413; /* for non-css3 browsers */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eac413', endColorstr='#f9d216'); /* for IE */ background: -webkit-gradient(linear, left top, left bottom, from(#eac413), to(#f9d216)); /* for webkit browsers */ background: -moz-linear-gradient(top, #eac413, #f9d216); /* for firefox 3.6+ */ font-size:14px; height:35px; line-height:31px; margin:9px 10px 0 0; padding:0 10px; text-decoration:none; -moz-box-sizing:border-box; border:1px solid #eac413; border-radius:2px 2px 2px 2px; cursor:pointer; display:inline-block; } /* Hover */ .button:hover, .button-no:hover, .button:hover, button:hover { color: #000 !important; background: #caaa11; /* for non-css3 browsers */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#c7a813', endColorstr='#efd00f'); /* for IE */ background: -webkit-gradient(linear, left top, left bottom, from(#c7a813), to(#efd00f)); /* for webkit browsers */ background: -moz-linear-gradient(top, #c7a813, #efd00f); /* for firefox 3.6+ */ border:2px solid #083153!important; text-decoration:none; } .button-no, .button-no a, .button-no a:visited { color: #444 !important; background: #eac413; /* for non-css3 browsers */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eac413', endColorstr='#f9d216'); /* for IE */ background: -webkit-gradient(linear, left top, left bottom, from(#eac413), to(#f9d216)); /* for webkit browsers */ background: -moz-linear-gradient(top, #eac413, #f9d216); /* for firefox 3.6+ */ border:1px solid #eac413!important; font-size:13px; text-transform:uppercase; } .button:disabled { color: #444 !important; background: #eac413; /* for non-css3 browsers */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#a7aaac', endColorstr='#909191'); /* for IE */ background: -webkit-gradient(linear, left top, left bottom, from(#a7aaac), to(#909191)); /* for webkit browsers */ background: -moz-linear-gradient(top, #a7aaac, #909191); /* for firefox 3.6+ */ border: 1px solid #444444 !important; } input.button { color: #444 !important; background: #eac413; /* for non-css3 browsers */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eac413', endColorstr='#f9d216'); /* for IE */ background: -webkit-gradient(linear, left top, left bottom, from(#eac413), to(#f9d216)); /* for webkit browsers */ background: -moz-linear-gradient(top, #eac413, #f9d216); /* for firefox 3.6+ */ } input.button a:hover { color: #fff !important; background: #eac413; /* for non-css3 browsers */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eac413', endColorstr='#f9d216'); /* for IE */ background: -webkit-gradient(linear, left top, left bottom, from(#eac413), to(#f9d216)); /* for webkit browsers */ background: -moz-linear-gradient(top, #eac413, #f9d216); /* for firefox 3.6+ */ } /* vButtons */ .line-total { margin: 20px 0 20px; } .imageborder { border: 1px solid #CCD2D6; border-radius: 5px 5px 5px 5px; margin-bottom: 10px; padding: 9px; position: relative; } .placeholder { color: #aaa; } input, input[type="text"], input[type="email"], input[type="number"], input[type="password"], input.range, textarea { font-size: 100%; margin: 2px 0; padding: 2px 2px 2px 4px; } .controls input { float:right; } /* Single Pages */ .description p { font-size: 10px !important; } #single-footer { background: url("../images/backgrounds/about-se-bkg.png") no-repeat scroll 0 0 transparent; margin: 15px auto; padding: 0; width: 640px; } #single-footer .heading { overflow: hidden; padding: 35px 0 0 35px; width: 100%; } #single-footer .text p { color: #8b8a8a; font-size: 11px !important; line-height: 15px; text-align: justify; } .text-about-c { background: url("../images/backgrounds/text-about-c.gif") no-repeat scroll 0 0 transparent; display: block; height: 23px; margin: 0; overflow: hidden; text-indent: -9999px; width: 160px; } #single-footer .text { color: #8b8a8a; font-size: 10px; height: 1%; line-height: 15px; overflow: hidden; padding: 8px 0 8px 35px; width: 530px; word-spacing: 0; } #single-footer .text h3 { color: #8b8a8a; font-size: 16px; line-height: 18px; margin: 0 0 0 !important; padding: 0 0 10px; } #single-footer .text p { margin: 0 0 13px; } .logo-sparton { display: block; padding: 19px 0 0 7px; } .logo-sparton a { background: url("../images/backgrounds/logo-sparton.gif") no-repeat scroll 0 0 transparent; display: block; height: 52px; overflow: hidden; text-indent: -999px; width: 201px; } .post p { display: block; font-family: Verdana, Geneva, sans-serif; font-size: 13px; font-weight: 100; line-height: 16px; margin: 0 0 24px; padding: 0; } p.error { display: block; font-family: Verdana, Geneva, sans-serif; font-size: 13px; font-weight: 100; line-height: 16px; margin: 0 !important; padding: 0; } .calc-results { margin:20px 0 20px !important; height:250px; display:block; } #product_form_top .calc-results { display: block; height:0px; margin: 0px 0 !important; } .depthselect { margin:20px 0 20px !important; } #calc-load { margin: 40px 0 0; } #mulch-calc p, .description p, .controls p, .live-form p { font-size: 11px; line-height: 18px; display: block; margin: 0 0 0px !important; padding: 0; font-weight:100; } .live-form p { font-size: 14px; line-height: 28px; display: block; margin: 0 0 0px !important; padding: 0; } .live-form input[type="text"], .live-form input[type="email"], .live-form input[type="number"], .live-form input[type="password"], .live-form input.range, .live-form textarea { -moz-box-sizing: border-box; border: 1px solid #999999; border-radius: 3px 3px 3px 3px; clear: both; float: right; font-size: 100%; padding: 4px; width: 80%; } #button-hide { color: red; font-size: 12px; margin: 20px 0 0; } .store_product_description p { color: #8b8a8a; font-size: 12px; line-height: 25px; padding: 0 0 0 8px; } fieldset .form-actions { float: right; width: 100%; margin: 10px 0 0; } .form-actions { float: right; margin: 10px 0 0; } .gallery { display: block; margin: 50px auto 60px; /*height: 152px;*/ width: 600px; } .gallery ul { list-style: none outside none; margin: 0; padding: 0; } .gallery ul li { float: left; margin: 0 2px 0; } .gallery img, .products_list img, .products_list_epdm img, .product-checkout img, .grid_2 img, .imagedetail1 img { background-color: #FFFFFF; border: 1px solid #E3E6E7; border-radius: 5px 5px 5px 5px; margin: 0 8px 8px 0; padding: 5px; position: relative; } .EPDM #43 { float: left; width: 180px; } .EPDM .group { float: left; width: 180px; } .EPDM #fandeck { float: right; position: absolute; right: -249px; top: 110px; width: 100%; } .EPDM #fandeck img { float: left; } .EPDM .imagedetail1 img { background-color: #FFFFFF; border: 1px solid #E3E6E7; border-radius: 5px 5px 5px 5px; height:180px; width:180px; margin: 0 8px 8px 0; padding: 5px; position: relative; } .EPDM .page-header > h4.top { margin: 63px 0 0; } .cart-action.top { margin: 0px 0 -25px; } .nuggets #43 { float: left; width: 180px; } .nuggets .group { float: left; width: 180px; } .nuggets #fandeck { float: right; width: 91px; } .nuggets #fandeck img { float: left; } .nuggets .imagedetail1 img { background-color: #FFFFFF; border: 1px solid #E3E6E7; border-radius: 5px 5px 5px 5px; height:180px; width:180px; margin: 0 8px 8px 0; padding: 5px; position: relative; } #fandeck img { background-color: #FFFFFF; border: 1px solid #E3E6E7; border-radius: 5px 5px 5px 5px; margin: 3px 1px 1px 0; padding: 2px; position: relative; } .view_products a:link { display: block; font-weight: 800; margin: 10px 0 0; } .control-group { border-top: 1px dotted #EBEBEB; padding: 0; vertical-align: top; } .enlarge.clearfix a { text-decoration: underline; } .cart-action { background: url("../images/backgrounds/circle.png") no-repeat scroll -10px -30px rgba(0, 0, 0, 0); height: 150px; margin: 67px 0 -36px; overflow: visible; padding: 30px 0 0 30px; width: 324px; } .control-label { float: left; line-height: 20px; margin: 0; padding: 4px 36px 0 0; } .help-inline { clear: both; float: right; padding: 0 5px 0 20px; } .controls { font-weight: 800; line-height: 25px; } .store_product_description { font-weight: 100; color: #444444; font-size: 100%; height: auto; } .saleoverlay { background: url("../images/backgrounds/sale.png") no-repeat scroll left top transparent; display: block; height: 87px; left: 119px; position: absolute; top: -12px; width: 85px; z-index: 99; } .imagedetail1 { position: relative; } /* Single Pages */ /* Sidebar Search*/ /* Start Style the Sidebar Menu */ .top-sellers { margin: 10px 0 0 10px; } ul.product-search, ul.product-search ul { list-style-type: none; margin: 2px 0 0 8px; padding: 0; width: 180px; } ul.product-search a { display: block; text-decoration: none; } ul.product-search li { margin-top: 1px; } ul.product-search li a { background: #d7d8d8; color: #27709b; padding: 0.5em; } ul.product-search li a:hover { background: #ccc; color: #000; } ul.product-search li ul li a { background: #e0e0e0; color: #000; padding-left: 20px; } ul.product-search li ul li a:hover { background: #ccc; color: #000; border-left: 5px #000 solid; padding-left: 15px; } ul.product-search li ul li li a { background: #e0e0e0; color: #000; padding-left: 25px; } ul.product-search li ul li li a:hover { background: #ccc; border-left: 5px #000 solid; padding-left: 20px; } ul.product-search li ul li li li a { background: #e0e0e0; color: #000; padding-left: 30px; } ul.product-search li ul li li li a:hover { background: #ccc; border-left: 5px #000 solid; padding-left: 25px; } ul.product-search li.active >a, ul.product-search li.selected >a, ul.product-search li.current_page_item > a, ul.product-search li.current-menu-ancestor > a, ul.product-search li.current-menu-item > a, ul.product-search li.current-menu-parent > a { background: #aaa; color: #000; } ul.product-search li.current-menu-parent > a { background: #ddd; color: #000; } /* End Style the Sidebar Menu */ /* Sidebar Search */ /* input */ * html ul.product-search li.active a, * html ul.product-search li.selected a, textarea { background-color: #FFFFFF; border: 1px solid #8E9296; color: #8b8a8a; font: 100% arial, helvetica, sans-serif; height: 73px; overflow: auto; vertical-align: middle; width: 311px; } /*input { background-color: #EFF6FD; border: 1px solid #8E9296; color: #8b8a8a; font: 100% arial,helvetica,sans-serif; overflow-x: auto; overflow-y: hidden; vertical-align: middle; } */ /* input */ form div.button-div { overflow: hidden; margin: 0 0 5px 0; } form div.button-div input[type=text] { float: right; width: 40px; font: bold 12px Helvetica, sans-serif; padding: 3px 0 0 0; text-align: center; } #product_form_top form div.button-div input[type=text] { float: left; width: 40px; font: bold 12px Helvetica, sans-serif; padding: 3px 0 0 0; text-align: left; } .num-button { background: url("../images/backgrounds/buttons.png") no-repeat scroll 0 0 transparent; cursor: pointer; float: right; height: 19px; margin: 3px 5px 0 5px; text-align: center; text-indent: -9999px; width: 19px; } .dec { background-position: 0 -19px; } .product-checkout input[type="text"] { margin: 20px 0; width: 165px !important; } .product-details input[type="text"] { float: right; width: 60%; } td .total { text-align: right; } #loading { display: none; } #loading p { margin:0px; padding:0px; } .loading-wrap { margin: 0 auto 0 auto; } .loading-center { margin:0px; padding:0px; } .loading-wrap img { font-family: 'Droid Sans', sans-serif; font-size: 15px; display: block; margin: 0px !important; padding: 0; } /*Cart Error Messages*/ /* Alert */ #alert { position: relative; z-index:9999; } #alert:hover:after { background: hsla(0,0%,0%,.8); border-radius: 3px; color: #f6f6f6; content: 'Click to dismiss'; font: bold 12px/30px sans-serif; height: 30px; left: 50%; margin-left: -60px; position: absolute; text-align: center; bottom: 50px; width: 120px; } #alert:hover:before { border-bottom: 10px solid hsla(0,0%,0%,.8); border-left: 10px solid transparent; border-right: 10px solid transparent; content: ''; height: 0; left: 50%; margin-left: -10px; position: absolute; bottom: 40px; width: 0; } #alert:target { display: none; } .alert { background-color: #F2F2F2; background-image: -webkit-linear-gradient(135deg, transparent, transparent 25%, hsla(0,0%,0%,.05) 25%, hsla(0,0%,0%,.05) 50%, transparent 50%, transparent 75%, hsla(0,0%,0%,.05) 75%, hsla(0,0%,0%,.05)); background-image: -moz-linear-gradient(135deg, transparent, transparent 25%, hsla(0,0%,0%,.1) 25%, hsla(0,0%,0%,.1) 50%, transparent 50%, transparent 75%, hsla(0,0%,0%,.1) 75%, hsla(0,0%,0%,.1)); background-image: -ms-linear-gradient(135deg, transparent, transparent 25%, hsla(0,0%,0%,.1) 25%, hsla(0,0%,0%,.1) 50%, transparent 50%, transparent 75%, hsla(0,0%,0%,.1) 75%, hsla(0,0%,0%,.1)); background-image: -o-linear-gradient(135deg, transparent, transparent 25%, hsla(0,0%,0%,.1) 25%, hsla(0,0%,0%,.1) 50%, transparent 50%, transparent 75%, hsla(0,0%,0%,.1) 75%, hsla(0,0%,0%,.1)); background-image: linear-gradient(135deg, transparent, transparent 25%, hsla(0,0%,0%,.1) 25%, hsla(0,0%,0%,.1) 50%, transparent 50%, transparent 75%, hsla(0,0%,0%,.1) 75%, hsla(0,0%,0%,.1)); background-size: 20px 20px; text-shadow:none; border-top: solid 1px #444; color: #444; display: block; font: bold 16px/40px sans-serif; height: 40px; position: fixed; text-align: center; text-decoration: none; bottom: 0px; left: 0px; z-index:9999; width: 100%; -webkit-animation: alert 1s ease forwards; -moz-animation: alert 1s ease forwards; -ms-animation: alert 1s ease forwards; -o-animation: alert 1s ease forwards; animation: alert 1s ease forwards; } /* Animation */ @-webkit-keyframes alert { 0% { opacity: 0; } 50% { opacity: 1; } 100% { top: 0; } { animation-timing-function:cubic-bezier(0.42, 0, 1, 1); } } @-moz-keyframes alert { 0% { opacity: 0; } 50% { opacity: 1; } 100% { top: 0; } { animation-timing-function:cubic-bezier(0.42, 0, 1, 1); } } @-ms-keyframes alert { 0% { opacity: 0; } 50% { opacity: 1; } 100% { top: 0; } { animation-timing-function:cubic-bezier(0.42, 0, 1, 1); } } @-o-keyframes alert { 0% { opacity: 0; } 50% { opacity: 1; } 100% { top: 0; } { animation-timing-function:cubic-bezier(0.42, 0, 1, 1); } } @keyframes alert { 0% { opacity: 0; } 50% { opacity: 1; } 100% { top: 0; } { animation-timing-function:cubic-bezier(0.42, 0, 1, 1); } } .notice-details { font-size: 12px; font-style: italic; font-weight: 100 !important; line-height: normal; margin: 22px 0; } /* Boilerplate -------------------------------------------------------------- */ /* Outermost Container */ .freeow { margin: 0 0 31px; position: relative; z-index: 9999; } .freeow-top-right { } .freeow-bottom-right { bottom: 10px; right: 10px; } /* Message */ .freeow > div { position: relative; margin-bottom: 5px; cursor: pointer; } .freeow .content { margin: 5px 5px 5px 69px; } .freeow h2, .freeow p { margin: 0 0 10px; ; padding: 0; } .freeow .icon { position: absolute; display: block; width: 48px; height: 48px; top: 5px; left: 10px; background: transparent url(images/notice.png) no-repeat 0 0; z-index: 1; } .freeow .close { position: absolute; display: block; width: 24px; height: 24px; top: 8px; right: 8px; background: transparent url(images/close.png) no-repeat 0 0; z-index: 2; } .freeow div:hover .close { background: transparent url(images/close.png) no-repeat 0 0; } /* Icons -------------------------------------------------------------------- */ .freeow .slide .icon { background-image: url(images/slide.png); } .freeow .pushpin .icon { background-image: url(images/pushpin.png); } .freeow .error .icon { background-image: url(images/error.png); } /* Specific Styles ---------------------------------------------------------- */ /* Smokey */ .freeow .smokey { color: white; } .freeow .smokey .background { border: 3px solid #000; -moz-border-radius: 12px; border-radius: 12px; background: #000; opacity: .65; -moz-box-shadow: 2px 2px 3px #888; -webkit-box-shadow: 2px 2px 3px #888; box-shadow: 2px 2px 3px #888; } .freeow .smokey:hover .background { border-color: #fff; } .freeow .smokey .content { margin: 5px 5px 5px 69px; } .freeow .smokey h2 { font-family: "Lucida Grande", Helvetica, arial, sans-serif; font-weight: normal; font-size: 14px; line-height: 16px; } .freeow .smokey p { padding-top: 8px; font-family: Helvetica, arial, sans-serif; font-weight: normal; font-size: 11px; line-height: 16px; } /* Gray */ .freeow .gray { color: black; } .freeow .gray .background { border: 3px solid #eee; -moz-border-radius: 12px; border-radius: 12px; background: #eee; -moz-box-shadow: 2px 2px 3px #888; -webkit-box-shadow: 2px 2px 3px #888; box-shadow: 2px 2px 3px #888; } .freeow .gray:hover .background { border-color: #009bc5; } .freeow .gray .content { margin: 5px 5px 5px 69px; } .freeow .gray h2 { font-family: "Lucida Grande", Helvetica, arial, sans-serif; font-weight: normal; font-size: 14px; line-height: 16px; } .freeow .gray p { padding-top: 8px; font-family: Helvetica, arial, sans-serif; font-weight: normal; font-size: 11px; line-height: 16px; } /* OSX */ .freeow .osx .background { border: 1px solid #939393; background: #eee url(images/osx/background.png) repeat-y top left; -moz-box-shadow: 2px 2px 3px #888; -webkit-box-shadow: 2px 2px 3px #888; box-shadow: 2px 2px 3px #888; } .freeow .osx .content { margin: 5px 5px 5px 87px; } .freeow .osx .icon { left: 28px; } .freeow .osx .close { position: absolute; display: block; width: 16px; height: 16px; top: 1px; left: 1px; background: transparent url(images/osx/close.png) no-repeat 0 0; z-index: 2; } .freeow .osx:hover .close { background: transparent url(images/osx/close.png) no-repeat -16px 0; } .freeow .osx h2 { font-family: "Lucida Grande", Helvetica, arial, sans-serif; font-weight: normal; font-size: 14px; line-height: 16px; } .freeow .osx p { font-family: Helvetica, arial, sans-serif; font-weight: normal; font-size: 11px; line-height: 16px; } /* Simple */ .freeow .simple .background { background: none repeat scroll 0 0 #EEEEEE; border: 2px solid #CCCCCC; padding: 15px 0 0; } .freeow .simple .content { margin: 5px 5px 5px 69px; } .colordeck { background: url("../images/backgrounds/fandeck.gif") repeat scroll 0 0 transparent; height: 199px; margin: 30px 240px; position: absolute; width: 199px; z-index: -1; opacity:0.6; filter:alpha(opacity=60); /* For IE8 and earlier */ } .liveRatesBtn { background: url("../images/backgrounds/liveRatesBtn.gif") no-repeat; height: 59px; margin: -79px 0 0 269px; position: absolute; width: 59px; } .question { display: block; float: right; height: 40px; line-height: 15px; margin: -4px 0 0 26px; width: 83px; } #billing_details .checkbox { display: block; height: 19px; } .cc { float: right; height: 36px; margin: -10px -20px 0 0; } .cc div { background: url(../images/backgrounds/cc.png); float: left; } .cc .mc { background-position: 0px 0px; height: 32px; margin: 2px; width: 56px; } .cc .vc { background-position: -56px 0px; height: 32px; margin: 2px; width: 56px; } .cc .dc { background-position: -112px 0px; height: 32px; margin: 2px; width: 56px; } .cc .ac { background-position: -168px 0px; height: 32px; margin: 2px; width: 56px; } .cc .mb { background-position: 0px 32px; height: 32px; margin: 2px; width: 56px; } .cc .vb { background-position: -56px 32px; height: 32px; margin: 2px; width: 56px; } .cc .db { background-position: -112px 32px; height: 32px; margin: 2px; width: 56px; } .cc .ab { background-position: -168px 32px; height: 32px; margin: 2px; width: 56px; } .arrow { background: url("../images/backgrounds/cart-arrow.png") no-repeat scroll 0 0 transparent; margin: 0 0 -10px -55px; padding: 16px 10px 26px 0; position: relative; text-align: left; width: 348px; } .arrow span { color: #444; font: 15px Verdana, Geneva, sans-serif; letter-spacing: -0.04em; padding-left: 80px; text-shadow: 2px 2px 1px #CACACA; } .nuggets .arrow { background: url("../images/backgrounds/cart-arrow.png") no-repeat scroll 0 0 transparent; margin: 125px 0 0 -55px; padding: 16px 10px 26px 0; position: relative; text-align: left; width: 348px; } .nuggets .arrow span { color: #FFFFFF; font: 15px Verdana, Geneva, sans-serif; letter-spacing: -0.04em; padding-left: 80px; text-shadow: 2px 2px 1px #a37f25; } .nuggets .arrow-nuggets { background: url("../images/backgrounds/cart-arrow-nuggets.png") no-repeat scroll 0 0 transparent; margin: 177px 0 -10px -55px; padding: 15px 10px 26px 72px; position: relative; text-align: left; width: 348px; } .nuggets .arrow-nuggets span { color: #444444; display: block; font: 13px Verdana, Geneva, sans-serif; letter-spacing: -0.04em; padding: 3px 0 0 78px; position: relative; text-shadow: 2px 2px 1px #CCCCCC; } .nuggets .arrow-nuggets-cart { background: url("../images/backgrounds/cart-arrow-nuggets.png") no-repeat scroll 0 0 transparent; margin: 25px 0 -10px 81px; padding: 15px 10px 26px 67px; position: relative; text-align: left; width: 264px; } .nuggets .arrow-nuggets-cart span { color: #444444; display: block; font: 13px Verdana, Geneva, sans-serif; letter-spacing: -0.04em; padding: 3px 0 0 106px; position: relative; text-shadow: 2px 2px 1px #CCCCCC; } #thumbs { height:30px; width:30px; clear:both; display:block; } #thumbs ul li { height:30px; width:30px; display: inline; padding:0 10px 0 0; float:left; } #thumbs ul li img { border:1px solid #ccc; } #thumbs ul li img:hover { cursor:pointer; border:1px solid #ddd; } #thumbs ol, #thumbs ul { list-style:none } p#desc { text-align:center; padding: 10px 0 } .nuggets .arrow-color-nuggets { background: url("../images/backgrounds/cart-arrow-nuggets.png") no-repeat scroll 0 0 transparent; margin: -11px 0 -10px -55px; padding: 16px 10px 26px 65px; position: relative; text-align: left; width: 348px; } .nuggets .arrow-color-nuggets span { color: #444444; display: block; font: 13px Verdana, Geneva, sans-serif; letter-spacing: -0.04em; padding: 2px 0 0 84px; position: relative; text-shadow: 2px 2px 1px #CCCCCC; } /* Cart */ .delivery-options .option input { position: absolute; right: 65px; top: 10px; } #cartSteps { margin: 20px 0 30px; width: 700px; } #cartSteps div { color: #8b8a8a; float: left; font-size: 11px; text-align: center; } #cartSteps a { color: #8b8a8a; font-size: 11px; } .tlfiller { background: url("../images/backgrounds/tlFiller.gif") repeat-x scroll 0 20px transparent; height: 50px; width: 11%; } #tlLeftEnd { background: url("../images/backgrounds/tlLeftEnd.gif") no-repeat scroll right 20px transparent; height: 50px; width: 23px; } #tlRightEnd { background: url("../images/backgrounds/tlRightEnd.gif") no-repeat scroll 0 20px transparent; height: 50px; width: 23px; } #tl1, #tl2, #tl3, #tl4, #tl5 { background: url("../images/backgrounds/tlDot-unfilled.gif") repeat-x scroll 50% 20px transparent; height: 50px; } .infoBox { box-shadow: 2px 2px 5px #CCCCCC; } #tl1 { width: 3%; } #tl2 { width: 15%; } #tl3 { width: 9%; } #tl4 { width: 12%; } #tl5 { width: 12%; } #cartSteps .tlFilled { background: url("../images/backgrounds/tlDot-filled.gif") repeat-x scroll 50% 20px transparent; font-weight: bold; } #cartSteps div.tlactive { background: url("../images/backgrounds/tlRed-active.gif") repeat-x scroll 50% 20px transparent; color: #057dce; font-weight: bold; } #cartSteps.full { margin: 0 0 20px 20px; width: 960px; } /* Products */ h1 span { background: url("../images/backgrounds/bg-number.png") no-repeat scroll center center transparent; display: inline-block; height: 34px; margin: 0px 0 0; line-height: 28px; padding: 9px 0 0; position: relative; text-align: center; width: 36px; } h1 span { font-size: 21px; } .products_list { border: 1px solid #DCE2EA; float: left; font-size: 11px; min-height: 175px; line-height: 16px; margin: 2px; padding: 5px; width: 189px; display: none; } .products_list_epdm { border: 1px solid #DCE2EA; float: left; font-size: 11px; height: 240px; line-height: 12px; margin: 2px; padding: 5px; width: 313px; } #input-mini { float: left; width: 35%; } .postal input[type="text"] { float: left; margin: 2px 0 42px; width: 46% !important; } .update-cart { -moz-box-shadow:inset 0px 1px 0px 0px #ffffff; -webkit-box-shadow:inset 0px 1px 0px 0px #ffffff; box-shadow:inset 0px 1px 0px 0px #ffffff; background-color:transparent; -webkit-border-top-left-radius:4px; -moz-border-radius-topleft:4px; border-top-left-radius:4px; -webkit-border-top-right-radius:4px; -moz-border-radius-topright:4px; border-top-right-radius:4px; -webkit-border-bottom-right-radius:4px; -moz-border-radius-bottomright:4px; border-bottom-right-radius:4px; -webkit-border-bottom-left-radius:4px; -moz-border-radius-bottomleft:4px; border-bottom-left-radius:4px; text-indent:0; border:1px solid #dcdcdc; display:inline-block; color:#777777; height: 23px; font-family:Verdana; font-size:9px; font-weight:bold; font-style:normal; line-height:20px; width:42px; text-decoration:none; text-align:center; text-shadow:1px 1px 0px #ffffff; height: 23px; margin: 2px 0 0 9px; padding: 4px 0 0; } .update-cart:active { position:relative; top:1px; } .classname:active { position:relative; top:1px; } .enlarge { clear: both; font-size: 10px; } .mulch-banner { height: 224px; margin: -70px 0 0 480px; position: absolute; width: 228px; } .calc-results .sidebarresult { display: none; height: 0; width: 0; } #yards, #pounds, #bags { border: thin solid #696969; float: left; font-size: 25px; margin-right: 10px; min-width: 30px; padding: 20px; } .mulchspan { color: #333333; float: left; font-size: 15px; margin-right: 10px; min-width: 30px; padding: 20px 0 0; } .calc-ribbon { background: url("../images/backgrounds/calc-ribbon.gif") no-repeat scroll 0 0 transparent; border: medium none; cursor: pointer; display: block; height: 116px; margin: -60px 0 0 22px; overflow: hidden; position: absolute; text-indent: -9999px; width: 600px; } .sidebarbutton { background: url("../images/backgrounds/btn-send.png") no-repeat scroll 0 0 transparent; border: medium none; cursor: pointer; display: block; height: 27px; margin: 0 0 22px; overflow: hidden; text-indent: -9999px; width: 97px; } .sidebarbutton.hover, .sidebarbutton:hover { background: url("../images/backgrounds/btn-send-hover.png") no-repeat scroll 0 0 transparent; } /* Register */ .defaultBold { font-weight: 800; margin: 10px 0 5px 0; } /* /Register */ /* /Products */ /*-------LOGIN STARTS HERE -------*/ /* Login Container (default to float:right) */ #loginContainer { position: relative; float: right; font-size: 12px; } /* Login Button */ #loginButton { display: inline-block; float: right; background: #d2e0ea url(../images/buttonbg.png) repeat-x; border: 1px solid #899caa; border-radius: 3px; -moz-border-radius: 3px; position: relative; z-index: 30; cursor: pointer; } /* Login Button Text */ #loginButton span { color: #445058; font-size: 14px; font-weight: bold; text-shadow: 1px 1px #fff; padding: 7px 29px 9px 10px; background: url(../images/loginArrow.png) no-repeat 53px 7px; display: block } #loginButton:hover { background: url(../images/buttonbgHover.png) repeat-x; } /* Login Box */ #loginBox { position: absolute; top: 34px; right: 0; display: none; z-index: 29; } /* If the Login Button has been clicked */ #loginButton.active { border-radius: 3px 3px 0 0; } #loginButton.active span { background-position: 53px -76px; } /* A Line added to overlap the border */ #loginButton.active em { position: absolute; width: 100%; height: 1px; background: #d2e0ea; bottom: -1px; } /* Login Form */ #loginForm { width: 248px; border: 1px solid #899caa; border-radius: 3px 0 3px 3px; -moz-border-radius: 3px 0 3px 3px; margin-top: -1px; background: #d2e0ea; padding: 6px; } #loginForm fieldset { margin: 0 0 12px 0; display: block; border: 0; padding: 0; } fieldset#body { background: #fff; border-radius: 3px; -moz-border-radius: 3px; padding: 10px 13px; margin: 0; } #loginForm #checkbox { width: auto; margin: 1px 9px 0 0; float: left; padding: 0; border: 0; *margin: -3px 9px 0 0; /* IE7 Fix */ } #body label { color: #3a454d; margin: 9px 0 0 0; display: block; float: left; } #loginForm #body fieldset label { display: block; float: none; margin: 0 0 6px 0; } /* Default Input */ #loginForm input { width: 92%; border: 1px solid #899caa; border-radius: 3px; -moz-border-radius: 3px; color: #3a454d; font-weight: bold; padding: 8px 8px; box-shadow: inset 0px 1px 3px #bbb; -webkit-box-shadow: inset 0px 1px 3px #bbb; -moz-box-shadow: inset 0px 1px 3px #bbb; font-size: 12px; } /* Sign In Button */ #loginForm #login { width: auto; float: left; background: #339cdf url(../images/loginbuttonbg.png) repeat-x; color: #fff; padding: 7px 10px 8px 10px; text-shadow: 0px -1px #278db8; border: 1px solid #339cdf; box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none; margin: 0 12px 0 0; cursor: pointer; *padding: 7px 2px 8px 2px; /* IE7 Fix */ } /* Forgot your password */ #loginForm span { text-align: center; display: block; padding: 7px 0 4px 0; } #loginForm span a { color: #3a454d; text-shadow: 1px 1px #fff; font-size: 12px; } input:focus { outline: none; } #theme-home #footer { margin: -23px 0 0; } #footer { color: #FFFFFF; padding: 40px 0 0; } #footer h2 { clear: both; color: #8b8a8a; font-size: 16px; margin: 20px 0 0 !important; } #footer h4 { color: #BCBCBC !important; font-size: 1.4em; margin-bottom: 10px; text-shadow: 1px 1px #000000; } #footer-bottom { padding: 10px 0; font-size: 12px; } #footer-bottom a.scroll-top { padding-left: 15px; text-decoration: none; } #footer a, #footer a:visited, #footer a:active { color: #676767; text-decoration: none; text-transform: uppercase; } #footer a:hover { text-decoration: underline; color: #676767; } /*Social Icons*/ #social { margin:20px 0 0; } #accordion-wrapper { clear: both; display: block; margin: 0 0 284px; } .accordionButton { background: none repeat scroll 0 0 #F3F3F3; border-bottom: 1px solid #FFFFFF; cursor: pointer; float: left; font-size: 17px; font-weight: 800; padding: 10px; width: 100%; } #accordion strong { color: #9A9A9A; display: inline-block; font-size: 13px; font-weight: 100; margin: 0 5px; width: 315px; } #accordion li { float: none; font-size: 14px; font-weight: 800; height: 15px; list-style: none outside none; padding: 0 0 0 2px; white-space: nowrap; } #accordion ul, #accordion ol { padding-left: 10px; } #accordion h4, #accordion h5 { font-family: 'Droid Sans', sans-serif; font-size: 16px; font-weight: 800; margin: 30px 0 0; padding: 0 0 0 15px !important; text-decoration: none; text-transform: uppercase; } /*Accordion*/ .ui-icon { float: left; } .ui-widget-content { height:1%; padding: 15px !important; } .ui-corner-all { border-radius: 0px; -moz-border-radius-bottomright: 0px; -moz-border-radius-bottomleft: 0px; -moz-border-radius-topright: 0px; -moz-border-radius-topleft: 0px; } .directions-buttons { display: none\0/; } /* hide it elsewhere */ .directions { display: none\0/; } /* hide it elsewhere */ @media screen and (min-width: 0px) and (max-width: 400px) { .directions-buttons { display: block; } /* show it on small screens */ .button { -moz-box-sizing:border-box; border:1px solid #eac413; border-radius:2px 2px 2px 2px; color:white; cursor:pointer; display:inline-block; color: #fff !important; background: #eac413; /* for non-css3 browsers */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eac413', endColorstr='#f9d216'); /* for IE */ background: -webkit-gradient(linear, left top, left bottom, from(#eac413), to(#f9d216)); /* for webkit browsers */ background: -moz-linear-gradient(top, #eac413, #f9d216); /* for firefox 3.6+ */ font-size:53px; text-transform:uppercase; height:35px; line-height:34px; margin: 27px 0 0 -4px; padding: 0; text-align: center; text-decoration: none; text-transform: uppercase; } } @media screen and (min-width: 401px) and (min-width: 1024px) { .directions-buttons { display: none; } /* hide it elsewhere */ .directions { display: none; } /* hide it elsewhere */ }