/* Theme Name: WWP Theme URI: http://www.azmoney.co.uk/wordpress-themes/fancy Description: "Fancy" is a free WordPress theme which really lets your blog stand out from the crowd. Make your blog unique by changing the main blog color (pink, yellow, green), background pattern (available over 20 background variations), banner etc through an options page. In addition you have the ability to choose the color of sidebar blocks (violet, yellow, green). Tech folks might find interesting that we built this theme based on css framework "Blueprint". Valid CSS & HTML. Designed by AZ Money Web Design. Version: 1.0.6 Author: AZ Money Author URI: http://www.azmoney.co.uk Tags: fixed width, two columns, right sidebar, widget ready, valid XHTML, valid CSS, simple, white, blue, black, professional, seo friendly, typography, minimalistic, gravatars, avatar, 1024px, clean, adsense ready, widget, professional, premium, option page, bluperint, grid, fancy The CSS, XHTML and design is released under GPL: http://www.opensource.org/licenses/gpl-license.php Blueprint CSS Framework 0.7.1 http://blueprintcss.googlecode.com * Copyright (c) 2007-2008. See LICENSE for more info. * See README for instructions on how to use Blueprint. * For credits and origins, see AUTHORS. * This is a compressed file. See the sources in the 'src' directory. == STRUCTURE: ======================== * Page width: 940 px * Number of columns: 24 * Column width: 20 px * Margin width: 20 px ====================================== */ /* reset.css */ html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:14px;font-family:inherit;} body {line-height:1.5;} table {border-collapse:separate;border-spacing:0;} caption, th, td {text-align:left;font-weight:normal;} table, td, th {vertical-align:middle;} blockquote:before, blockquote:after, q:before, q:after {content:"";} blockquote, q {quotes:"" "";} a img {border:none;} /* typography.css */ h1, h2, h3, h4, h5, h6 {font-weight:normal;} h1 {font-size:3em;line-height:1;margin-bottom:0.5em;} h2 {font-size:2em;margin-bottom:0.75em;} h3 {font-size:1.5em;line-height:1;margin-bottom:1em;} h4 {font-size:1.2em;line-height:1.25;margin-bottom:1.25em;} h5 {font-size:1em;font-weight:bold;margin-bottom:1.5em;} h6 {font-size:1em;font-weight:bold;} h1 img, h2 img, h3 img, h4 img, h5 img, h6 img {margin:0;} p {margin:0 0 1.5em;} /* p img {float:left;margin:1.5em 1.5em 1.5em 0;padding:0;} */ p img.right {float:right;margin:1.5em 0 1.5em 1.5em;} a:focus, a:hover {color:#000;} a {color:#009;text-decoration:underline;} blockquote {margin:1.5em;color:#666;font-style:italic;} strong {font-weight:bold;} em, dfn {font-style:italic;} dfn {font-weight:bold;} sup, sub {line-height:0;} abbr, acronym {border-bottom:1px dotted #666;} address {margin:0 0 1.5em;font-style:italic;} del {color:#666;} pre, code {margin:1.5em 0;white-space:pre;} pre, code, tt {font:1em 'andale mono', 'lucida console', monospace;line-height:1.5;} li ul, li ol {margin:0 1.5em;} ul, ol {margin:0 1.5em 1.5em 1.5em;} ul {list-style-type:disc;} ol {list-style-type:decimal;} dl {margin:0 0 1.5em 0;} dl dt {font-weight:bold;} dd {margin-left:1.5em;} table {margin-bottom:1.4em;width:100%;} th {font-weight:bold;background:#C3D9FF;} th, td {padding:4px 10px 4px 5px;} tr.even td {background:#E5ECF9;} tfoot {font-style:italic;} caption {background:#eee;} .small {font-size:.8em;margin-bottom:1.875em;line-height:1.875em;} .large {font-size:1.2em;line-height:2.5em;margin-bottom:1.25em;} .hide {display:none;} .quiet {color:#666;} .loud {color:#000;} .highlight {background:#ff0;} .added {background:#060;color:#fff;} .removed {background:#900;color:#fff;} .first {margin-left:0;padding-left:0;} .last {margin-right:0;padding-right:0;} .top {margin-top:0;padding-top:0;} .bottom {margin-bottom:0;padding-bottom:0;} /* grid.css */ .container {width:980px;margin:0 auto; left:0px; position:relative;} /*.showgrid {background:url(../fancy/img/grid.png);} body {margin:1.5em 0;}*/ div.span-1, div.span-2, div.span-3, div.span-4, div.span-5, div.span-6, div.span-7, div.span-8, div.span-9, div.span-10, div.span-11, div.span-12, div.span-13, div.span-14, div.span-15, div.span-16, div.span-17, div.span-18, div.span-19, div.span-20, div.span-21, div.span-22, div.span-23, div.span-24 {float:left;margin-right: 20px;} div.last {margin-right:0;} .span-1 { width: 20px;} .span-2 { width: 60px;} .span-3 { width: 100px;} .span-4 { width: 142px;} .span-5 { width: 180px;} .span-6 { width: 220px;} .span-7 { width: 260px;} .span-8 { width: 300px;} .span-9 { width: 340px;} .span-10 { width: 380px;} .span-11 { width: 420px;} .span-12 { width: 460px;} .span-13 { width: 500px;} .span-14 { width: 540px;} .span-15 { width: 580px;} .span-16 { /*width: 620px;*/} .span-17 { width: 660px;} .span-18 { width: 700px;} .span-19 { width: 740px;} .span-20 { width: 780px;} .span-21 { width: 820px;} .span-22 { width: 860px;} .span-23 { width: 900px;} .span-24, div.span-24 { width: 940px; margin: 0; } .append-1 { padding-right: 40px;} .append-2 { padding-right: 80px;} .append-3 { padding-right: 120px;} .append-4 { padding-right: 160px;} .append-5 { padding-right: 200px;} .append-6 { padding-right: 240px;} .append-7 { padding-right: 280px;} .append-8 { padding-right: 320px;} .append-9 { padding-right: 360px;} .append-10 { padding-right: 400px;} .append-11 { padding-right: 440px;} .append-12 { padding-right: 480px;} .append-13 { padding-right: 520px;} .append-14 { padding-right: 560px;} .append-15 { padding-right: 600px;} .append-16 { padding-right: 640px;} .append-17 { padding-right: 680px;} .append-18 { padding-right: 720px;} .append-19 { padding-right: 760px;} .append-20 { padding-right: 800px;} .append-21 { padding-right: 840px;} .append-22 { padding-right: 880px;} .append-23 { padding-right: 920px;} .prepend-1 { padding-left: 40px;} .prepend-2 { padding-left: 80px;} .prepend-3 { padding-left: 120px;} .prepend-4 { padding-left: 160px;} .prepend-5 { padding-left: 200px;} .prepend-6 { padding-left: 240px;} .prepend-7 { padding-left: 280px;} .prepend-8 { padding-left: 320px;} .prepend-9 { padding-left: 360px;} .prepend-10 { padding-left: 400px;} .prepend-11 { padding-left: 440px;} .prepend-12 { padding-left: 480px;} .prepend-13 { padding-left: 520px;} .prepend-14 { padding-left: 560px;} .prepend-15 { padding-left: 600px;} .prepend-16 { padding-left: 640px;} .prepend-17 { padding-left: 680px;} .prepend-18 { padding-left: 720px;} .prepend-19 { padding-left: 760px;} .prepend-20 { padding-left: 800px;} .prepend-21 { padding-left: 840px;} .prepend-22 { padding-left: 880px;} .prepend-23 { padding-left: 920px;} div.border{padding-right:9px;margin-right:10px;border-right:1px solid #eee;} div.colborder { padding-right:11px;margin-right:10px;border-right:1px solid #eee;} .pull-1 { margin-left: -40px;} .pull-2 { margin-left: -80px;} .pull-3 { margin-left: -120px;} .pull-4 { margin-left: -160px;} .pull-5 { margin-left: -200px;} .pull-6 { margin-left: -240px;} .pull-7 { margin-left: -280px;} .pull-8 { margin-left: -320px;} .pull-9 { margin-left: -360px;} .pull-10 { margin-left: -400px;} .pull-11 { margin-left: -440px;} .pull-12 { margin-left: -480px;} .pull-13 { margin-left: -520px;} .pull-14 { margin-left: -560px;} .pull-15 { margin-left: -600px;} .pull-16 { margin-left: -640px;} .pull-17 { margin-left: -680px;} .pull-18 { margin-left: -720px;} .pull-19 { margin-left: -760px;} .pull-20 { margin-left: -800px;} .pull-21 { margin-left: -840px;} .pull-22 { margin-left: -880px;} .pull-23 { margin-left: -920px;} .pull-24 { margin-left: -960px;} .pull-1, .pull-2, .pull-3, .pull-4, .pull-5, .pull-6, .pull-7, .pull-8, .pull-9, .pull-10, .pull-11, .pull-12, .pull-13, .pull-14, .pull-15, .pull-16, .pull-17, .pull-18, .pull-19, .pull-20, .pull-21, .pull-22, .pull-23, .pull-24 {float:left;position:relative;} .push-1 { margin: 0 -40px 1.5em 40px;} .push-2 { margin: 0 -80px 1.5em 80px;} .push-3 { margin: 0 -120px 1.5em 120px;} .push-4 { margin: 0 -160px 1.5em 160px;} .push-5 { margin: 0 -200px 1.5em 200px;} .push-6 { margin: 0 -240px 1.5em 240px;} .push-7 { margin: 0 -280px 1.5em 280px;} .push-8 { margin: 0 -320px 1.5em 320px;} .push-9 { margin: 0 -360px 1.5em 360px;} .push-10 { margin: 0 -400px 1.5em 400px;} .push-11 { margin: 0 -440px 1.5em 440px;} .push-12 { margin: 0 -480px 1.5em 480px;} .push-13 { margin: 0 -520px 1.5em 520px;} .push-14 { margin: 0 -560px 1.5em 560px;} .push-15 { margin: 0 -600px 1.5em 600px;} .push-16 { margin: 0 -640px 1.5em 640px;} .push-17 { margin: 0 -680px 1.5em 680px;} .push-18 { margin: 0 -720px 1.5em 720px;} .push-19 { margin: 0 -760px 1.5em 760px;} .push-20 { margin: 0 -800px 1.5em 800px;} .push-21 { margin: 0 -840px 1.5em 840px;} .push-22 { margin: 0 -880px 1.5em 880px;} .push-23 { margin: 0 -920px 1.5em 920px;} .push-24 { margin: 0 -960px 1.5em 960px;} .push-1, .push-2, .push-3, .push-4, .push-5, .push-6, .push-7, .push-8, .push-9, .push-10, .push-11, .push-12, .push-13, .push-14, .push-15, .push-16, .push-17, .push-18, .push-19, .push-20, .push-21, .push-22, .push-23, .push-24 {float:right;position:relative;} .box {padding:1.5em;margin-bottom:1.5em;background:#E5ECF9;} hr {background:#ddd;color:#ddd;clear:both;float:none;width:100%;margin:0 0 1.45em;border:none;} hr.space {background:#fff;color:#fff;} .clearfix:after, .container:after {content:".";display:block;height:0;clear:both;visibility:hidden;} .clearfix, .container {display:inline-block;} * html .clearfix, * html .container {height:1%;} .clearfix, .container {display:block;} .clear {clear:both;} /* forms.css */ label {font-weight:bold;} fieldset {padding:1.4em;margin:0 0 1.5em 0;border:1px solid #ccc;} legend {font-weight:bold;font-size:1.2em;} input.text, input.title, textarea, select {margin:0.5em 0;border:1px solid #bbb;} input.text:focus, input.title:focus, textarea:focus, select:focus {border:1px solid #666;} input.text, input.title {width:300px;padding:5px;} input.title {font-size:1.5em;} textarea {width:390px;height:250px;padding:5px;} textarea.fmtextarea{height:60px;} .error, .notice, .success {padding:.8em;margin-bottom:1em;border:2px solid #ddd;} .error {background:#FBE3E4;color:#8a1f11;border-color:#FBC2C4;} .notice {background:#FFF6BF;color:#514721;border-color:#FFD324;} .success {background:#E6EFC2;color:#264409;border-color:#C6D880;} .error a {color:#8a1f11;} .notice a {color:#514721;} .success a {color:#264409;} /* custom */ pre, code {white-space: normal;} body {color: #252525} a:hover {color:#fff; background:#92c30c; } body {font-size:75%;color:#222; font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;} a {color:#0090fe;text-decoration:none;} pre, code, tt {font-family: Arial;} th, td {padding:3px 4px 3px 10px;} ul, ol {margin:0;} table {margin-bottom:3px;} p {line-height: 1.75em; margin-bottom: 15px;} label {font-weight: normal;} /*.showgrid {background:url(../fancy/img/grid.png) repeat scroll 17px 0;}*/ h3 {font-size:1.5em;line-height:1;margin-bottom:0.75em;} .fl {float: left;} .fr {float: right;} div.main { background: url(../wwp/images/mainbg.jpg) center repeat-y; } div.container { background-color: #FFFFFF; padding: 0px 0px 5px 0px; } #masthead{ background: #eeeeee url(../wwp/images/masthead.jpg) left no-repeat; /* width:981px; height:129px; background-position:0 0px; float:left; overflow:hidden; */ float:left; height:168px; overflow:hidden; width:981px; } #masthead a#logo{ display:block; height:129px; width:188px; float:left; } #masthead a:hover{ background:none;} #masthead #header{ float:left; padding-left:22px; padding-top:14px; width:440px; } #masthead a{ color:#0090FE; text-decoration:none; } #masthead ul { height:32px; } #masthead #contact { color:#0090FE; font-weight:bold; line-height:16px; } #masthead #contact span{ color:#666666; } #masthead #slogan{ color:#A0AB00; float:left; line-height:26px; padding:6px 8px 0 0; text-align:right; width:316px; /* color:#a0ab00; float:left; line-height:26px; text-align:right; width:400px; padding:6px 8px 0 0; */ } #socialmast{ margin-top:5px; margin-right:179px; width: 90px; float:right; } #slogan h2 { /*font-size:20px;*/ } .home-nav{ } #navspacer{ height:4px; } #nav { /*background:url(images/home-navbg.gif) left no-repeat; background-position:198px 0;*/ height:32px; list-style:none; clear:both; position:relative; display:block; top:-32px; color:#1a2806; text-transform:uppercase; margin:0; font-weight:bold; width:813px; float:left; padding-left:168px; font-size:14.5px; } #nav span#left { margin-right:-1px; background:url(images/nav-bg-left.gif) left; height: 32px; width:9px; display:block; float:left; } #nav span#right { margin-left:-1px; background:url(images/nav-bg-right.gif) right; height: 32px; width:9px; display:block; float:left; } #nav span#leftblank { margin-right:-1px; height: 32px; width:9px; display:block; float:left; } #nav span#rightblank { margin-left:-1px; height: 32px; width:9px; display:block; float:left; } #nav #selected a{ background:#fff; padding-right:2px; padding-left:2px; color:#a0ab00; float:left; height:32px; display:block; } #nav a{ height:32px; padding-right:2px; padding-left:2px; float:left; font-size:13px; display:block; } #nav ul { margin:0; padding:0; } #nav a { color:#1a2806; } #nav a:hover { color:#a0ab00; background:none; } #nav .home-nav a.page-item-3{ color:#a0ab00; } #nav li { float: left; list-style:none; line-height:32px; padding:0 13.5px 0 13.5px; margin-right:-20px; } #wwp-h{ font-size:20px; float:left; text-transform:uppercase; } #banner-infinitywallmount{ clear:both; display:block; background:url(images/banner-infinitywallmount.jpg) no-repeat; margin:0 0 15px 0; height:229px; width:981px; color:#FFFFFF; } #banner-infinityultrahigh{ clear:both; display:block; background:url(images/banner-infinityultrahigh.jpg) no-repeat; margin:0 0 15px 0; height:229px; width:981px; color:#FFFFFF; } #banner-infinityt, #banner-infinitytraditional{ clear:both; display:block; background:url(images/banner-infinitytraditional.jpg) no-repeat; margin:0 0 15px 0; height:229px; width:981px; color:#FFFFFF; } #banner-infinity{ clear:both; display:block; background:url(images/banner-infinity.jpg) no-repeat; margin:0 0 15px 0; height:229px; width:981px; color:#FFFFFF; } #banner-gktuscany{ clear:both; display:block; background:url(images/banner-gktuscany.jpg) no-repeat; margin:0 0 15px 0; height:229px; width:981px; color:#FFFFFF; } #banner-gk{ clear:both; display:block; background:url(images/banner-groundskeeper.jpg) no-repeat; margin:0 0 15px 0; height:229px; width:981px; color:#FFFFFF; } #banner-sos{ clear:both; display:block; background:url(images/banner-sos.jpg) no-repeat; margin:0 0 15px 0; height:229px; width:981px; color:#FFFFFF; } #banner-injection{ clear:both; display:block; background:url(images/banner-injection.jpg) no-repeat; margin:0 0 15px 0; height:229px; width:981px; color:#FFFFFF; } #banner-rotational{ clear:both; display:block; background:url(images/banner-rotational.jpg) no-repeat; margin:0 0 15px 0; height:229px; width:981px; color:#FFFFFF; } #banner-milleniumwarrior2, #banner-milleniumwarrioroutdoor{ clear:both; display:block; background:url(images/banner-milleniumwarrior2.jpg) no-repeat; margin:0 0 15px 0; height:229px; width:981px; color:#FFFFFF; } #banner-2in1{ clear:both; display:block; background:url(images/banner-2in1.jpg) no-repeat; margin:0 0 15px 0; height:229px; width:981px; color:#FFFFFF; } #banner-3in1{ clear:both; display:block; background:url(images/banner-3in1.jpg) no-repeat; margin:0 0 15px 0; height:229px; width:981px; color:#FFFFFF; } #banner-milleniumwarrior{ clear:both; display:block; background:url(images/banner-milleniumwarrior.jpg) no-repeat; margin:0 0 15px 0; height:229px; width:981px; color:#FFFFFF; } #banner-multisorts{ clear:both; display:block; background:url(images/banner-multisorts.jpg) no-repeat; margin:0 0 15px 0; height:229px; width:981px; color:#FFFFFF; } #banner-geocubes{ clear:both; display:block; background:url(images/banner-geocubes.jpg) no-repeat; margin:0 0 15px 0; height:229px; width:981px; color:#FFFFFF; } #banner-publicsquares{ clear:both; display:block; background:url(images/banner-publicsquares.jpg) no-repeat; margin:0 0 15px 0; height:229px; width:981px; color:#FFFFFF; } #banner-collectacube{ clear:both; display:block; background:url(images/banner-collectacube.jpg) no-repeat; margin:0 0 15px 0; height:229px; width:981px; color:#FFFFFF; } #banner-excel50{ clear:both; display:block; background:url(images/banner-excel50.jpg) no-repeat; margin:0 0 15px 0; height:229px; width:981px; color:#FFFFFF; } #banner-excel35{ clear:both; display:block; background:url(images/banner-excel35.jpg) no-repeat; margin:0 0 15px 0; height:229px; width:981px; color:#FFFFFF; } #banner-excel25{ clear:both; display:block; background:url(images/banner-excel25.jpg) no-repeat; margin:0 0 15px 0; height:229px; width:981px; color:#FFFFFF; } #banner-pedestal{ clear:both; display:block; background:url(images/banner-pedestal.jpg) no-repeat; margin:0 0 15px 0; height:229px; width:981px; color:#FFFFFF; } #banner-frontemptying{ clear:both; display:block; background:url(images/banner-frontemptying.jpg) no-repeat; margin:0 0 15px 0; height:229px; width:981px; color:#FFFFFF; } #banner-toploading{ clear:both; display:block; background:url(images/banner-toploader.jpg) no-repeat; margin:0 0 15px 0; height:229px; width:981px; color:#FFFFFF; } #banner-squares, #banner-indoorsquares{ clear:both; display:block; background:url(images/banner-squares.jpg) no-repeat; margin:0 0 15px 0; height:229px; width:981px; color:#FFFFFF; } #banner-slimjim{ clear:both; display:block; background:url(images/banner-slimjim.jpg) no-repeat; margin:0 0 15px 0; height:229px; width:981px; color:#FFFFFF; } #banner-glutton{ clear:both; display:block; background:url(images/banner-glutton.jpg) no-repeat; margin:0 0 15px 0; height:229px; width:981px; color:#FFFFFF; } #banner-pheonix{ clear:both; display:block; background:url(images/banner-pheonix.jpg) no-repeat; margin:0 0 15px 0; height:229px; width:981px; color:#FFFFFF; } #banner-supersorter{ clear:both; display:block; background:url(images/banner-supersorter.jpg) no-repeat; margin:0 0 15px 0; height:229px; width:981px; color:#FFFFFF; } #banner-jumbo-bullseye{ clear:both; display:block; background:url(images/banner-jumbo-bullseye.jpg) no-repeat; margin:0 0 15px 0; height:229px; width:981px; color:#FFFFFF; } #bannerimg{ float:right; position:relative; right:8px; top:8px;} #banner-fiberglass{ clear:both; display:block; background:url(images/banner-fiberglass.jpg) no-repeat; margin:0 0 15px 0; height:229px; width:981px; color:#FFFFFF; } #banner-full{ clear:both; display:block; background:url(images/banner-full.jpg) no-repeat; margin:0 0 15px 0; height:229px; width:981px; color:#FFFFFF; } #banner-plastic{ clear:both; display:block; background:url(images/banner-plastic.jpg) no-repeat; margin:0 0 15px 0; height:229px; width:981px; color:#FFFFFF; } #banner-plumber{ clear:both; display:block; background:url(images/banner-plumber.jpg) no-repeat; margin:0 0 15px 0; height:229px; width:981px; color:#FFFFFF; } #banner-rollout{ clear:both; display:block; background:url(images/banner-rollout.jpg) no-repeat; margin:0 0 15px 0; height:229px; width:981px; color:#FFFFFF; } #banner-steel, #banner-howardclassics{ clear:both; display:block; background:url(images/banner-steel.jpg) no-repeat; margin:0 0 15px 0; height:229px; width:981px; color:#FFFFFF; } #banner-steel #banner-content, #banner-howardclassics #banner-content{ width:62%; } #banner-ash{ clear:both; display:block; background:url(images/banner-ash.jpg) no-repeat; margin:0 0 15px 0; height:229px; width:981px; color:#FFFFFF; } #banner-plastic{ clear:both; display:block; background:url(images/banner-plastic.jpg) no-repeat; margin:0 0 15px 0; height:229px; width:981px; color:#FFFFFF; } #banner-30ga-bullseye{ clear:both; display:block; background:url(images/banner-30ga-bullseye.jpg) no-repeat; margin:0 0 15px 0; height:229px; width:981px; color:#FFFFFF; } #banner-16ga-bullseye{ clear:both; display:block; background:url(images/banner-16ga-bullseye.jpg) no-repeat; margin:0 0 15px 0; height:229px; width:981px; color:#FFFFFF; } #banner-15ga-bullseye{ clear:both; display:block; background:url(images/banner-15ga-bullseye.jpg) no-repeat; margin:0 0 15px 0; height:229px; width:981px; color:#FFFFFF; } #banner-ezsorter{ clear:both; display:block; background:url(images/banner-ezsorter.jpg) no-repeat; margin:0 0 15px 0; height:229px; width:981px; color:#FFFFFF; } #banner-desksiders{ clear:both; display:block; background:url(images/banner-desksider.jpg) no-repeat; margin:0 0 15px 0; height:229px; width:981px; color:#FFFFFF; } #banner-duorecycler{ clear:both; display:block; background:url(images/banner-duorecycler.jpg) no-repeat; margin:0 0 15px 0; height:229px; width:981px; color:#FFFFFF; } .panelContainer p { font-size:14px; } .panelContainer a { font-size:14px;} .panelContainer h3{ font-size:28px; margin-bottom:.375em; font-weight:bold; padding:0px 0 0px 40px; background:url(images/banner-header.gif) no-repeat left; } #banner-content{ margin:10px 0 0 20px; width:67%; } #banner-content h3 { text-transform:uppercase; } #banner-content a#more{ /*padding:12px 12px 12px 14px; background:url(images/more-left.gif) left no-repeat; text-decoration:none; font-weight:bold; text-transform:uppercase;*/ } #banner-full #banner-content a#more{ position:relative; top:-18px; padding:12px 12px 13px 14px; background:url(images/more-left.gif) left no-repeat; text-decoration:none; font-weight:bold; text-transform:uppercase; float:left; } #banner-full #banner-content #cs{ position:relative; top:-6px; bottom:-9px; padding:12px 12px 13px 14px; background:url(images/more-left.gif) left no-repeat; text-decoration:none; font-weight:bold; text-transform:uppercase; float:left; } #banner-full a{ background:#92C30C; } #banner-content a#more img{ /*margin:0 5px -34px 0;*/ } #banner-content a{ color:#FFFFFF; } a#more img { margin-left:-5px; bottom:-25px; position:relative; right:5px; } #cs span img{ margin-bottom:-2px; position:relative; right:10px; padding-left:10px; } #cs span { background:url(images/more-right.gif) right no-repeat; padding:20px 13px 20px 0px; line-height:39px; text-align:right; height:39px; } a#more span { background:url(images/more-right.gif) right no-repeat; padding:19px 13px 20px 0px; line-height:39px; text-align:right; height:39px; } #banner-full #banner-content a#more2{ position:relative; top:-32px; display:block; padding:12px 12px 13px 14px; background:url(images/more-left.gif) left no-repeat; text-decoration:none; font-weight:bold; text-transform:uppercase; } a#more2 img { margin-left:-5px; bottom:-25px; position:relative; right:5px; } a#more2 span { top:-15px; background:url(images/more-right.gif) right no-repeat; padding:0px 13px 40px 0px; line-height:39px; text-align:right; height:9px; } #bin1 a{ background:url(images/bins/off/bin-fiberglass.jpg) center; width:156px; height:167px; color:#ffffff; display:block; float:left; } #bin1 a:hover{ background:url(images/bins/on/bin-fiberglass.jpg) center; } /* RecylePro */ #bin-rp a{ background:url(images/bins/off/rp-i.jpg) center; width:122px; height:167px; color:#ffffff; display:block; float:left; clear:both; } #bin-rp a:hover{ background:url(images/bins/on/rp-i.jpg) center; } #bin-rpii a{ background:url(images/bins/off/rp-ii.jpg) center; width:122px; height:167px; color:#ffffff; display:block; float:left; } #bin-rpii a:hover{ background:url(images/bins/on/rp-ii.jpg) center; } #bin-rpiii a{ background:url(images/bins/off/rp-iii.jpg) center; width:122px; height:167px; color:#ffffff; display:block; float:left; } #bin-rpiii a:hover{ background:url(images/bins/on/rp-iii.jpg) center; } #bin-rp-ms a{ background:url(images/bins/off/rp-ms.jpg) center; width:122px; height:167px; color:#ffffff; display:block; float:left; } #bin-rp-ms a:hover{ background:url(images/bins/on/rp-ms.jpg) center; } #bin-rp-ms a{ background:url(images/bins/off/rp-ms.jpg) center; width:122px; height:167px; color:#ffffff; display:block; float:left; } #bin-rp-ms a:hover{ background:url(images/bins/on/rp-ms.jpg) center; } #bin-rp-msp a{ background:url(images/bins/off/rp-msp.jpg) center; width:126px; height:167px; color:#ffffff; display:block; float:left; font-size: 11px; } #bin-rp-msp a:hover{ background:url(images/bins/on/rp-msp.jpg) center; } #bin-rp-s a{ background:url(images/bins/off/rp-s.jpg) center; width:122px; height:167px; color:#ffffff; display:block; float:left; } #bin-rp-s a:hover{ background:url(images/bins/on/rp-s.jpg) center; } #bin-rp-ot a{ background:url(images/bins/off/rp-ot.jpg) center; width:122px; height:167px; color:#ffffff; display:block; float:left; } #bin-rp-ot a:hover{ background:url(images/bins/on/rp-ot.jpg) center; } #bin-rp-hr a{ background:url(images/bins/off/rp-hr.jpg) center; width:122px; height:167px; color:#ffffff; display:block; float:left; } #bin-rp-hr a:hover{ background:url(images/bins/on/rp-hr.jpg) center; } /* handsanitizer */ #binhs a{ background:url(images/bins/off/hs-wallmount.jpg) center; width:122px; height:167px; color:#ffffff; display:block; float:left; clear:both; } #binhs a:hover{ background:url(images/bins/on/hs-wallmount.jpg) center; } #binhs-new a{ background:url(images/bins/off/rp-main-top.jpg) center; width:164px; height:167px; color:#ffffff; display:block; float:left; clear:both; } #binhs-new a:hover{ background:url(images/bins/on/rp-main-top.jpg) center; } #binhs-4l a{ background:url(images/bins/off/hs-4l.jpg) center; width:124px; height:167px; color:#ffffff; display:block; float:left; } #binhs-4l a:hover{ background:url(images/bins/on/hs-4l.jpg) center; } #binhs-onehalf a{ background:url(images/bins/off/hs-1half.jpg) center; width:124px; height:167px; color:#ffffff; display:block; float:left; } #binhs-onehalf a:hover{ background:url(images/bins/on/hs-1half.jpg) center; } #binhs-500 a{ background:url(images/bins/off/hs-500ml.jpg) center; width:122px; height:167px; color:#ffffff; display:block; float:left; } #binhs-500 a:hover{ background:url(images/bins/on/hs-500ml.jpg) center; } #binhs-250 a{ background:url(images/bins/off/hs-250ml.jpg) center; width:122px; height:167px; color:#ffffff; display:block; float:left; } #binhs-250 a:hover{ background:url(images/bins/on/hs-250ml.jpg) center; } #binhs-100 a{ background:url(images/bins/off/hs-100ml.jpg) center; width:122px; height:167px; color:#ffffff; display:block; float:left; } #binhs-100 a:hover{ background:url(images/bins/on/hs-100ml.jpg) center; } #binhs-30 a{ background:url(images/bins/off/hs-30ml.jpg) center; width:122px; height:167px; color:#ffffff; display:block; float:left; } #binhs-30 a:hover{ background:url(images/bins/on/hs-30ml.jpg) center; } #binhs-10 a{ background:url(images/bins/off/hs-10ml.jpg) center; width:122px; height:167px; color:#ffffff; display:block; float:left; } #binhs-10 a:hover{ background:url(images/bins/on/hs-10ml.jpg) center; } #bin2 a{ background:url(images/bins/off/bin-plastic.jpg) center; width:165px; height:167px; color:#ffffff; display:block; float:left; } #bin2 a:hover{ background:url(images/bins/on/bin-plastic.jpg) center; } #bin3 a{ background:url(images/bins/off/lumber-frontloading.jpg) center; width:143px; height:167px; color:#ffffff; display:block; float:left; } #bin3 a:hover{ background:url(images/bins/on/lumber-frontloading.jpg) bottom; } #bin4 a{ background:url(images/bins/off/bin-rollout.jpg) center; width:165px; height:167px; color:#ffffff; display:block; float:left; } #bin4 a:hover{ background:url(images/bins/on/bin-rollout.jpg) center; } #bin5 a{ background:url(images/bins/off/bin-steel.jpg) center; width:165px; height:167px; color:#ffffff; display:block; float:left; } #bin5 a:hover{ background:url(images/bins/on/bin-steel.jpg) center; } #bin6 a{ background:url(images/bins/off/bin-ash.jpg) center; width:165px; height:167px; margin-right:-1px; color:#ffffff; display:block; float:left; } #bin6 a:hover{ background:url(images/bins/on/bin-ash.jpg) center; } .bintop .cross-link div { margin-top:130px;} .binbottom .cross-link div { margin-top:0px;} #masthead a.cross-link div{ font-size:14px; } #binrow.bintop{ clear:both; font-size:12px; padding-top:15px; text-align:center; text-transform:uppercase; font-weight:bold; } .binbottom{ clear:both; font-size:12px; padding-top:0px; text-align:center; text-transform:uppercase; font-weight:bold; } body #binrow a div, body #binrow .cross-link div{ text-decoration:none; font-size:12px; } #welcome-content{ float:left; width:551px; clear:both; } #welcome-content.medium{ width:680px; } .medium li a span{ color:#0090FE; } .medium li a:hover span{ color:#fff; } .medium h4 { margin-bottom:5px;; font-weight:bold; } .medium h2 a{ float:right; font-size:11px;} #welcome-content.medium img{ border:0; } #welcome-content img{ border:1px solid #A9A9A9; display:block; margin:4px 10px 4px 0px; padding:4px; position:relative; } #welcome-content2{ float:left; width:980px; clear:both; } #description { width:520px } #description li{ width:510px; float:none; } .medium #description{ width:645px; } #description ul, #lids td ul, #colours td ul{ margin-left:15px; margin-bottom:12px; } #colours{ width:273px; float:left; margin-left:-1px; } #lids { margin-right:-2px; width:273px; float:right; margin-left:1px; } #subpage-content { float:left; clear:both; margin-top:8px; width:100%; } #welcome-content h3, #subpage-content h3, #description h3, #welcome-content2 h3{ background:#d0d3d6; padding:10px 0 10px 15px; color:#76797c; display:block; font-size:16px; text-transform:uppercase; font-weight:bold; } #choosing-containers { float:left; width:425px; margin-left:4px; margin-right:-2px; color:#76797C; } #choosing-containers.small { width:296px; } #choosing-containers.small h3 { margin-bottom:15px;} #choosing-containers.small ul li{ list-style-type:none; margin-bottom:10px;} #choosing-containers.small ul li a{ list-style-type:none; display:block; color:#1A2807; background:#dee5b6; padding:10px 0 10px 15px;} #choosing-containers.small ul li a:hover, #choosing-containers.small ul li a.on{ list-style-type:none; display:block; background:#92CE0C; padding:10px 0 10px 15px; color:#fff;} #choosing-containers.small ul li a:hover.on{ color:#1A2807; } #about2, #about3, #about4, #about5{ display:none; } #subpage-content #choosing-containers { float:left; width:425px; position:absolute; top:158px; left:555px; margin-left:4px; margin-right:-2px; } #modelinfo h4 { text-transform:uppercase; color:#76797C; margin-bottom:0; } #choosing-containers h3, #modelinfo h3 { background:#bcbabd; text-transform:uppercase; padding:10px 0 10px 15px; color:#ffffff; display:block; font-size:16px; font-weight:bold; } .post ul { width:auto; clear:left; } #modelinfo td { text-align:center; color:#76797c; font-size:14px; } #binbuilder { background:url(images/binbuilder-icon.gif); position:relative; display:block; line-height:85px; width:80px; height:85px; padding-bottom:10px; } #breadcrumb{ float:right; text-align:right; line-height:30px; color:#76797c; font-weight:bold; margin-top:-10px; padding-right:5px; margin-bottom:-5px; } #header #contact a:hover{ text-decoration:none; display:inline; color:#666666; background-color:none; } #breadcrumb a:hover{ text-decoration:none; color:#fff; background:#92ce0c; } #modelinfo td.modelth {color: #FFFFFF; background:#999999; font-weight:bold} #welcome-content .content, #subpage-content .content, #description .content, #welcome-content2 .content{ font-size: 12px; padding-left:15px; color:#76797c; } #welcome-content .content{ padding-left:15px; } #description .content p, #description .content li { font-size:12px; } #choosing-containers .content{ padding-left:15px; color:#76797c; } .content#modelinfo { padding-left: 0px; color:#76797c; } .content#modelinfo h4 { padding-left:15px; } #choosingtxt li#one { list-style:none; background:url(images/list-home1.jpg) left no-repeat; display:block; padding:10px 0 10px 35px; margin: 0 0 15px 0px; color:#c1c859; } #choosingtxt li#two{ list-style:none; background:url(images/list-home2.jpg) left no-repeat; display:block; padding:10px 0 10px 35px; margin: 0 0 15px 0px; color:#c1c859; } #choosingtxt li#three { list-style:none; background:url(images/list-home3.jpg) left no-repeat; display:block; padding:10px 0 10px 35px; margin: 0 0 15px 0px; color:#c1c859; } li span{ color:#76797c; } #choosingtxt li#four { list-style:none; background:url(images/list-home4.jpg) left no-repeat; display:block; padding:10px 0 10px 35px; margin: 0 0 15px 0px; color:#c1c859; } li#one { list-style:none; background:url(images/list-home1.jpg) left no-repeat; display:block; padding:10px 0 10px 25px; margin: 0 0 0 0px; color:#c1c859; } li#two{ list-style:none; background:url(images/list-home2.jpg) left no-repeat; display:block; padding:10px 0 10px 25px; margin: 0 0 0 0px; color:#c1c859; } li#three { list-style:none; background:url(images/list-home3.jpg) left no-repeat; display:block; padding:10px 0 10px 25px; margin: 0 0 0 0px; color:#c1c859; } li span{ color:#76797c; } li#four { list-style:none; background:url(images/list-home4.jpg) left no-repeat; display:block; padding:10px 0 10px 25px; margin: 0 0 0 0px; color:#c1c859; } #choosingtxt div.desc{ clear:both; margin-left:-21px; margin-top:-10px; padding:0 0 20px 56px; width:90%; } #footer { background:url(images/footer-bg.jpg) top no-repeat #eeeeee; padding:10px 0 0 0; font-weight:bold; } #footer .wrapper{ width:980px; margin:0 auto; margin:0 auto; color:#bcbabd; } #footer .fr{ font-size:12px; color:#777a7c; text-align:right; } #footer .fr span{ color:#bcbabd; } #footer .fl a:hover { background:none; } #learnmore a{ text-decoration:none; line-height:30px; display:block; text-align:center; color:#FFFFFF; font-weight:bold; background:url(images/learnmore-but.jpg); width:142px; height:30px; } #contacttxt{ float:right; margin-right:5px; font-size:13px; width:435px; } #contacttxt2{ float:right; position:absolute; width:475px; top:195px; right:0; } .red{ color:#ff0000; } div.header { margin-bottom: 20px; /* background: white url(img/bg-header.gif) no-repeat right 0; */ } .header .name, .header .name a { font-size: 68px; font-weight: bold; margin-bottom: 0 !important; padding: 0; line-height: 1; text-decoration: none; vertical-align: baseline; } .header span.bubble img, .header a span.bubble img { padding-bottom: 31px; padding-left: 3px; } .header .slogan { font-size: 26px; } div.menu { margin-bottom: 0; } .menu ul { background-color: #252525; display: block; height: 35px; margin: 0; /* list-style-type: circle; list-style-position: inside; */ } .menu li { display: block; float: left; font-size: 19px; padding: 0; background: url(../fancy/img/sep.gif) repeat-y scroll right 5px; position: relative; margin-right: -1px; font-weight: bold; line-height: 1.85em; } .menu li a { color: #FFFFFF; text-decoration: none; padding: 7px 20px 7px 20px; } .menu .current_page_item, .menu li a:hover { color: #FFFFFF; height: 35px; } li.feed { float: right; margin: 0; background: none; padding: 0; !margin-top: 7px; } li.feed img { margin: 0; padding: 0; } li.feed a:hover { background: none; } div.banner { margin-bottom: 20px; padding: 0; z-index: 0; top: 0; position: relative; height: 170px; } div.banner img { z-index: 1; position: absolute; top: 0; left: 0; } div.banner .search-wrapper { z-index: 6; position: absolute; left: 0; top: 135px; height: 35px; background-color: #252525; padding: 0; opacity: 0.9; filter:alpha(opacity=90); } .search { color: white; float: right; margin-top: 6px; !margin-top: 5px; margin-right: 20px; } .search label, .search #s { margin-right: 15px; font-size: 13px; font-weight: normal; } .search #s { width: 200px; } div.content { margin-bottom: 0px; } .post-wrapper ul { list-style-position: outside; list-style-type: none; margin: 0; } #blog-left .post { color: #76797C; margin-bottom: 0px; width:625px; float:left; margin:0px 14px 35px 7px; } #blog-left p, #blog-left .info-small{ } /* Actual post's styling */ .post p { margin: 0 0 15px; } .post ul, .post ol { list-style-position: inside; margin: 0 0 15px 15px; } .post ul { list-style-type: circle; } .post ul li, .post ol li { margin-bottom: 5px; padding: 0; } .post code { margin: 0 15px; padding: 0.75em 15px; display: block; font-family: monospace; color: #252525; border: 1px dashed #cccccc; clear: both; } .post blockquote { margin: 0 15px; clear: both; } .post blockquote p { /* padding: 1em; background-color: #252525; color: white; */ font-style: italic; padding: 0.75em 15px; color: #252525; } .post gallery { } .post .gallery-item { margin: 0 0 15px 0; } .post p, .post a, .post span, .post li { /*line-height: 1.75em;*/ } .post a:hover { color: white; text-decoration: none; } .post .title, .post .title a { display: block; float: left; margin: 0 7px 5px 0; !margin-bottom: 13px; font-size: 27px; line-height: 1.25em; font-weight: bold; } .post .title a { color: white; text-decoration: none; } .post h2 a:hover { } .post span.no { margin-left:5px; font-size: 12px; background:#A0AB00; /*padding: 2px 3px;*/ color: #FFFFFF; } .post .text-header { margin-bottom: 0; } .post img { margin-top: 5px; margin-bottom: 15px; } .post .wp-smiley { float: none; padding: 0; margin: 0; } div.info-small { margin-bottom: 15px; } #blog-left{ width:650px; float:left; display:block; min-height:600px; } #blog-right{ width:334px; position:absolute; top:158px; left:651px; margin-left:5px; float:left; } #blog-right h3{ background:#BCBABD none 0 0; color:#FFFFFF; display:block; font-size:16px; font-weight:bold; padding:10px 0 10px 15px; text-transform:uppercase; } #blog-right ul{ padding-left:25px; padding-bottom:10px; } div.info-small span { color: #999999; /* margin-right: 20px; border-right: 1px solid #999999; padding-right: 15px; */ } div.info-small span.cat { border-right: none; } div.info-small span, div.info-small span a, span.tag, span.tag a { font-size: 12px; text-transform: uppercase; } span.date { background: url(../fancy/img/clock.gif) no-repeat 1px 0; } span.author { } span.cat { text-align:right; position:relative; float:right; top:-24px; background: url(../fancy/img/folder.gif) no-repeat 0 2px; right:14px; color:#fff; text-align:right; } span.tag { color: #999999; } div.info { margin-bottom: 8px; } div.info span { margin-right: 15px; color: #999999; } .hr { margin-bottom: 7px; !margin-bottom: 11px; } .hr img { margin: 0; } /* ============= Sidebar ============= */ .sidebar { } .paddings { margin: 0; padding: 0 20px 13px 20px; display: block; } .sidebar div { margin-bottom: 15px; } .sidebar h3 { padding: 0 15px 12px 15px; margin-bottom: 12px; font-weight: bold; background: url(../fancy/img/sep-hor.gif) repeat-x 0 bottom; } .sidebar div ul, .blocks div ol { list-style-type: circle; list-style-position: inside; padding-bottom: 0; } .sidebar div li { margin-bottom: 7px; font-size: 13px; } .sidebar div a { color: #252525; padding: 2px; color: white; background-color: #252525; text-decoration: none; } .sidebar div a:hover { color: white; text-decoration: none; } .sidebar div.pink a:hover { color: white; text-decoration: none; } /* default yellow color */ .sidebar div { background: #FEB400 url(../fancy/img/bg-sidebar-yellow.gif) no-repeat right 5px; padding-top: 15px; padding-bottom: 0px; } .sidebar div div, .sidebar div p { padding: 0; margin: 0 0 7px 0; background: none; } /* bright */ div.pink { background: #FE0059 url(../fancy/img/bg-sidebar-pink.gif) no-repeat right 5px; } div.yellow { background-color: #FEB400; } div.green { background: #92CE0C url(../fancy/img/bg-sidebar-green.gif) no-repeat right 5px; } /* div.blue { background-color: #0C27CE; } div.red { background-color: #FE4200; } */ .sidebar caption { background: none; } /* ============= Footer ============= */ div.footer { padding-top: 15px; } div.footer a { color: #252525; text-decoration: none; } /* div.footer .span-8 { margin-top: 15px; } div.footer { color: white; } div.footer h3 { padding: 0 15px 12px 15px; margin-bottom: 12px; font-weight: bold; background: #252525 url(img/sep-red.gif) repeat-x 0 bottom; } div.footer div ul, .blocks div ol { list-style-type: circle; list-style-position: inside; padding-bottom: 10px; margin-bottom: 15px; } */ /* ======== Widgets ======= */ #calendar_wrap { padding: 0; margin: 0; background: none; } #wp-calendar { } #wp-calendar caption { margin-bottom: 5px; } #wp-calendar thead { color: white; } #wp-calendar th { background-color: #252525; } .widget_tag_cloud a { margin-right: 5px; } .widget_search .search { float: none; color: #252525; } .widget_search div { background: none; padding: 15px; } .widget_search label { display: block; } .widget_search label.hidden, .widget_search div input#s { margin-right: 7px; } .widget_search .search #s { width: 170px; } .alignnone { display: block; } .alignleft { float: left; margin-right: 15px; } .alignright { float: right; margin-left: 15px; } .aligncenter { display: block; margin-left: auto; margin-right: auto; } .wp-caption { /* border: 1px solid #ddd; */ text-align: center; background-color: #f3f3f3; margin-top: 5px; margin-bottom: 15px; padding: 4px 0 0 0; /* margin: 0 0 15px 0; -moz-border-radius: 3px; -khtml-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; **/ } .wp-caption a { line-height: 0.11em; } .wp-caption a:hover { background: none; } .wp-caption img { margin: 0 auto; display: block; padding: 0; } .wp-caption-text { padding: 3px 0 !important; margin: 0 !important; } .wp-caption-dd { font-size: 11px; line-height: 17px; padding: 0 4px 5px; margin: 0; } div.reply{ margin-left:14px;} div.com { margin-bottom: 30px; margin-left:14px; } .list-4 { list-style: none; margin: 0; padding: 0; } .list-4 li { border: 1px solid #e9eaea; padding: 15px 15px 0 15px; margin: 0 0 15px 0; } * html .list-4 li { padding:0 40px 0 20px !important; } *:first-child+html .list-4 li { padding:0 40px 0 20px !important; } * html .list-4 img { margin:20px auto auto 0; } *:first-child+html .list-4 img { margin:20px auto auto 0; } * html .list-4 p img { margin:0 auto auto 0; } *:first-child+html .list-4 p img { margin:0px auto auto 0; } .com-header { padding-bottom: 15px; border-bottom: 1px solid #e9eaea; margin-bottom: 15px; } .com-header img { display: block; float: left; } .com-header .tp { display: block; margin: 0 0 0 63px; padding: 0; text-align: left; } .tp span, .tp span a { font-weight: bold; line-height: 150%; } .tp span { display: block; margin-bottom: 6px; } .reply h4{ padding-left:0px; } .reply input { margin-right: 15px; } body {margin: 0; background: #eeeeee center repeat-y; display:block;} #slider1 { /*display:block; margin: 0px 0 12px 0;*/ height:229px; width:982px; float:left; margin:10px 0 10px 0; position:relative; left:-1px; overflow:hidden; } #bin-excel50 a{ background:url(images/bins/off/lumber-excel50.jpg) center; width:196px; height:167px; color:#ffffff; display:block; float:left; } #bin-excel50 a:hover{ background:url(images/bins/on/lumber-excel50.jpg) center; } #bin-excel35 a{ background:url(images/bins/off/lumber-excel35.jpg) center; width:196px; height:167px; color:#ffffff; display:block; float:left; } #bin-excel35 a:hover{ background:url(images/bins/on/lumber-excel35.jpg) center; } #bin-excel25 a{ background:url(images/bins/off/lumber-excel25.jpg) center; width:196px; height:167px; color:#ffffff; display:block; float:left; } #bin-excel25 a:hover{ background:url(images/bins/on/lumber-excel25.jpg) center; } #bin-pedestal a{ background:url(images/bins/off/lumber-pedestal.jpg) center; width:196px; height:167px; color:#ffffff; display:block; float:left; } #bin-pedestal a:hover{ background:url(images/bins/on/lumber-pedestal.jpg) center; } #bin-frontemptying a{ background:url(images/bins/off/lumber-frontloading.jpg) center; width:196px; height:167px; color:#ffffff; display:block; float:left; } #bin-frontemptying a:hover{ background:url(images/bins/on/lumber-frontloading.jpg) center; } #bin-toploading a{ background:url(images/bins/off/bin-recycledlumber.jpg) center; width:139px; height:167px; color:#ffffff; display:none; float:left; } #bin-toploading a:hover{ background:url(images/bins/on/bin-recycledlumber.jpg) center; } #bin-squares a{ background:url(images/bins/off/lumber-squares.jpg) center; width:140px; height:167px; color:#ffffff; display:none; float:left; } #bin-squares a:hover{ background:url(images/bins/on/lumber-squares.jpg) center; } #bin-jumbo-bullseye a{ background:url(images/bins/off/plastic-jumbo-bullseye.jpg) center; width:195px; height:167px; color:#ffffff; display:block; float:left; } #bin-jumbo-bullseye a:hover{ background:url(images/bins/on/plastic-jumbo-bullseye.jpg) center; } #bin-wastewatcher a{ background:url(images/bins/off/wastewatcher.jpg) center; width:195px; height:167px; color:#ffffff; display:block; float:left; } #bin-wastewatcher a:hover{ background:url(images/bins/on/wastewatcher.jpg) center; } #bin-supersorter a{ background:url(images/bins/off/plastic-supersorter.jpg) center; width:197px; height:167px; color:#ffffff; display:block; float:left; } #bin-supersorter a:hover{ background:url(images/bins/on/plastic-supersorter.jpg) center; } #bin-pheonix a{ background:url(images/bins/off/plastic-pheonix.jpg) center; width:197px; height:167px; color:#ffffff; display:block; float:left; } #bin-pheonix a:hover{ background:url(images/bins/on/plastic-pheonix.jpg) center; } #bin-glutton a{ background:url(images/bins/off/plastic-glutton.jpg) center; width:196px; height:167px; color:#ffffff; display:block; float:left; } #bin-glutton a:hover{ background:url(images/bins/on/plastic-glutton.jpg) center; } #bin-slimjim a{ background:url(images/bins/off/plastic-slimjim.jpg) center; width:195px; height:167px; color:#ffffff; display:block; float:left; } #bin-slimjim a:hover{ background:url(images/bins/on/plastic-slimjim.jpg) center; } #bin-duorecycler a{ background:url(images/bins/off/plastic-duorecycler.jpg) center; width:164px; height:167px; color:#ffffff; display:block; float:left; } #bin-duorecycler a:hover{ background:url(images/bins/on/plastic-duorecycler.jpg) center; } #bin-desksiders a{ background:url(images/bins/off/plastic-desksider.jpg) center; width:163px; height:167px; color:#ffffff; display:block; float:left; } #bin-desksiders a:hover{ background:url(images/bins/on/plastic-desksider.jpg) center; } #bin-ezsorter a{ background:url(images/bins/off/plastic-ezsorter.jpg) center; width:163px; height:167px; color:#ffffff; display:block; float:left; } #bin-ezsorter a:hover{ background:url(images/bins/on/plastic-ezsorter.jpg) center; } #bin-ezsorter a{ background:url(images/bins/off/plastic-ezsorter.jpg) center; width:163px; height:167px; color:#ffffff; display:block; float:left; } #bin-ezsorter a:hover{ background:url(images/bins/on/plastic-ezsorter.jpg) center; } #bin-15ga-bullseye a{ background:url(images/bins/off/plastic-15ga-bullseye.jpg) center; width:163px; height:167px; color:#ffffff; display:block; float:left; } #bin-15ga-bullseye a:hover{ background:url(images/bins/on/plastic-15ga-bullseye.jpg) center; } #bin-15ga-bullseye a{ background:url(images/bins/off/plastic-15ga-bullseye.jpg) center; width:163px; height:167px; color:#ffffff; display:block; float:left; } #bin-15ga-bullseye a:hover{ background:url(images/bins/on/plastic-15ga-bullseye.jpg) center; } #bin-16ga-bullseye a{ background:url(images/bins/off/plastic-16ga-bullseye.jpg) center; width:163px; height:167px; color:#ffffff; display:block; float:left; } #bin-16ga-bullseye a:hover{ background:url(images/bins/on/plastic-16ga-bullseye.jpg) center; } #bin-smartsort a{ background:url(images/bins/off/smartsort.jpg) center repeat-x; width:163px; height:167px; color:#ffffff; display:block; float:left; } #bin-smartsort a:hover{ background:url(images/bins/on/smartsort.jpg) center repeat-x; } #bin-30ga-bullseye a{ background:url(images/bins/off/plastic-30ga-bullseye.jpg) center; width:164px; height:167px; color:#ffffff; display:block; float:left; } #bin-30ga-bullseye a:hover{ background:url(images/bins/on/plastic-30ga-bullseye.jpg) center; } #bin-collectacube a{ background:url(images/bins/off/steel-collectacube.jpg) center; width:197px; height:167px; color:#ffffff; display:block; float:left; } #bin-collectacube a:hover{ background:url(images/bins/on/steel-collectacube.jpg) center; } #bin-publicsquares a{ background:url(images/bins/off/steel-publicsquares.jpg) center; width:196px; height:167px; color:#ffffff; display:block; float:left; } #bin-publicsquares a:hover{ background:url(images/bins/on/steel-publicsquares.jpg) center; } #bin-geocubes a{ background:url(images/bins/off/steel-geocubes.jpg) center; width:196px; height:167px; color:#ffffff; display:block; float:left; } #bin-geocubes a:hover{ background:url(images/bins/on/steel-geocubes.jpg) center; } #bin-multisort a{ background:url(images/bins/off/steel-multisort.jpg) center; width:196px; height:167px; color:#ffffff; display:block; float:left; } #bin-multisort a:hover{ background:url(images/bins/on/steel-multisort.jpg) center; } #bin-milleniumwarrior a{ background:url(images/bins/off/steel-milleniumwarrior.jpg) center; width:195px; height:167px; color:#ffffff; display:block; float:left; } #bin-milleniumwarrior a:hover{ background:url(images/bins/on/steel-milleniumwarrior.jpg) center; } #bin-3in1 a{ background:url(images/bins/off/steel-3in1.jpg) center; width:196px; height:167px; color:#ffffff; display:block; float:left; } #bin-3in1 a:hover{ background:url(images/bins/on/steel-3in1.jpg) center; } #bin-recyclepro a{ background:url(images/bins/off/rp-main-bottom.jpg) center; width:196px; height:167px; color:#ffffff; display:block; float:left; } #bin-recyclepro a:hover{ background:url(images/bins/on/rp-main-bottom.jpg) center; } #bin-milleniumwarrior2 a{ background:url(images/bins/off/steel-milleniumwarrior2.jpg) center; width:197px; height:167px; color:#ffffff; display:block; float:left; } #bin-milleniumwarrior2 a:hover{ background:url(images/bins/on/steel-milleniumwarrior2.jpg) center; } #bin-2in1 a{ background:url(images/bins/off/steel-2in1.jpg) center; width:196px; height:167px; color:#ffffff; display:block; float:left; } #bin-2in1 a:hover{ background:url(images/bins/on/steel-2in1.jpg) center; } #bin-howardclassics a{ background:url(images/bins/off/steel-howardclassics.jpg) center; width:195px; height:167px; color:#ffffff; display:block; float:left; } #bin-howardclassics a:hover{ background:url(images/bins/on/steel-howardclassics.jpg) center; } #bin-rotational a{ background:url(images/bins/off/rollout-rotational.jpg) center; width:328px; height:167px; color:#ffffff; display:block; float:left; } #bin-rotational a:hover{ background:url(images/bins/on/rollout-rotational.jpg) center; } #bin-injection a{ background:url(images/bins/off/rollout-injection.jpg) center; width:325px; height:167px; color:#ffffff; display:block; float:left; } #bin-injection a:hover{ background:url(images/bins/on/rollout-injection.jpg) center; } #bin-sos a{ background:url(images/bins/off/rollout-sos.jpg) center; width:326px; height:167px; color:#ffffff; display:block; float:left; } #bin-sos a:hover{ background:url(images/bins/on/rollout-sos.jpg) center; } #bin-infinity a{ background:url(images/bins/off/ashtrays-infinity.jpg) center; width:163px; height:167px; color:#ffffff; display:block; float:left; } #bin-infinity a:hover{ background:url(images/bins/on/ashtrays-infinity.jpg) center; } #bin-infinityt a{ background:url(images/bins/off/ashtrays-infinityt.jpg) center; width:163px; height:167px; color:#ffffff; display:block; float:left; } #bin-infinityt a:hover{ background:url(images/bins/on/ashtrays-infinityt.jpg) center; } #bin-gk a{ background:url(images/bins/off/ashtrays-gk.jpg) center; width:163px; height:167px; color:#ffffff; display:block; float:left; } #bin-gk a:hover{ background:url(images/bins/on/ashtrays-gk.jpg) center; } #bin-gktuscany a{ background:url(images/bins/off/ashtrays-gktuscany.jpg) center; width:165px; height:167px; color:#ffffff; display:block; float:left; } #bin-gktuscany a:hover{ background:url(images/bins/on/ashtrays-gktuscany.jpg) center; } #bin-infinityultrahigh a{ background:url(images/bins/off/ashtrays-infinityultrahigh.jpg) center; width:163px; height:167px; color:#ffffff; display:block; float:left; } #bin-infinityultrahigh a:hover{ background:url(images/bins/on/ashtrays-infinityultrahigh.jpg) center; } #bin-infinitywallmount a{ background:url(images/bins/off/ashtrays-infinitywallmount.jpg) center; width:163px; height:167px; color:#ffffff; display:block; float:left; } #bin-infinitywallmount a:hover{ background:url(images/bins/on/ashtrays-infinitywallmount.jpg) center; } .clientlogo { float:left; text-align:center; margin:15px 10px 0 15px;} .clienttitle { margin-bottom:-12px; font-size:8px; } .clientrow1, .clientrow4, .clientrow6{ clear:both; margin:0 auto 20px 0; } .clientrow1 .clientlogo{ float:left; text-align:center; margin:0px 30px 0 30px;} .clientrow2{ clear:both; margin:0 auto 20px 0; } .clientrow2 .clientlogo{ float:left; text-align:center; margin:15px 38px 0 38px;} .clientrow3{ clear:both; margin:0 auto 20px 0px; } .clientrow3 .clientlogo{ float:left; text-align:center; margin:15px 20px 0 20px;} .clientrow5{ clear:both; margin:0 auto 20px 0px; } .clientrow5 .clientlogo{ float:left; text-align:center; margin:15px 22px 0 22px;} .clientrow7{ clear:both; margin:0 auto 20px 300px; } .clientlogo p{ margin:0; } #clientlink { text-align:left; font-weight:bold; } #clientlink a { color:#a0ab00; } #clientlink a:hover{ text-decoration:underline;} #welcome-content .ngg-gallery-thumbnail-box{ margin-right:17px; } #choosing-containers .ngg-gallery-thumbnail-box{ margin-right:16px; } #subpage-content .ngg-gallery-thumbnail-box{ margin-right:7px; } .homecoloumn { width:30.5%; float:left; margin-right:1%; } #bloghome{ /*margin-top:4px;*/} #homebinbuilder h3 { position:relative; font-size:18px; top:12px; padding-top:18px; padding-bottom:18px;} a#homebinbuilder:hover{ background:none; } #homebinbuilder h3 span{ display:block; height:90px; position:relative; top:-35px; left:-10px; background-position:-10px -10px; width:100px; float:left; margin-right:-10px; background:url('images/binbuilder-home-binonly2.gif') no-repeat;} #binbuilder-content{ margin-left:0px; margin-top:-35px; clear:both; float:left; } #choosing-containers a:hover h3 { background:#BCBABD; } .articlebr { height:30px; display:block; clear:left; background:url('images/articlebr.gif') no-repeat center; margin-bottom: 25px; } #gallery #bin1 a{ background:url(images/bins/off/bin-fiberglass.jpg); width:164px; height:167px; color:#ffffff; display:block; float:left; clear:both; } #gallery #bin1 a:hover{ background:url(images/bins/on/bin-fiberglass.jpg); } #gallery #bin2 a{ background:url(images/bins/off/bin-plastic.jpg); width:164px; height:167px; color:#ffffff; display:block; float:left; } #gallery #bin2 a:hover{ background:url(images/bins/on/bin-plastic.jpg); } #gallery #bin3 a{ background:url(images/bins/off/bin-recycledlumber.jpg) bottom; width:163px; height:167px; color:#ffffff; display:block; float:left; } #gallery #bin3 a:hover{ background:url(images/bins/on/bin-recycledlumber.jpg) bottom; } #gallery #bin4 a{ background:url(images/bins/off/bin-rollout.jpg) bottom; width:163px; height:167px; color:#ffffff; display:block; float:left; } #gallery #bin4 a:hover{ background:url(images/bins/on/bin-rollout.jpg) bottom; } #gallery #bin5 a{ background:url(images/bins/off/bin-steel.jpg) center; width:163px; height:167px; color:#ffffff; display:block; float:left; } #gallery #bin5 a:hover{ background:url(images/bins/on/bin-steel.jpg) center; } #gallery #bin6 a{ background:url(images/bins/off/bin-ash.jpg); width:163px; height:167px; margin-right:-1px; color:#ffffff; display:block; float:left; } #gallery #bin6 a:hover{ background:url(images/bins/on/bin-ash.jpg); } a.searchimg img { border:1px solid #A9A9A9; padding:4px; }