* { margin:0px; padding:0px; }
body { background:url('wheelie-bin-covers-bg.jpg') top repeat-x #D7D4A7; }
img { border:none; }

.left { float:left; } .right { float:right; } .clear { height:0px; width:0px; font-size:0px; line-height:0px; clear:both; }

/* --- sticky footer + scrollbar fix --- */
html, body { height:100%; }
.wrapper { width:966px; height:auto; margin:0px auto; background:url('wheelie-bin-covers-white-bg.jpg') repeat-y center; }

.discount10{width:274px; height:160px; background:url(save10.jpg) no-repeat; margin-bottom:15px;}

/* ----- Main Navigation ----- */
#wheelie-bin-nav { width:650px; height:25px; margin:20px 0px 0px 0px; overflow:hidden; }
#main-nav { margin:0px!important; }
#wheelie-bin-nav #main-nav li { display:inline; margin-bottom:0px; }
#wheelie-bin-nav #main-nav li a { float:left; height:0px; padding-top:25px; margin-right:20px; cursor:pointer; overflow:hidden; background:url('wheelie-bin-covers-navigation.jpg') no-repeat; }

		/* ----- Navigation Normal State ----- */
#wheelie-bin-nav #main-nav li#home a { width:39px; background-position:0px 0px; }
#wheelie-bin-nav #main-nav li#wbc a { width:138px; background-position:-60px 0px; }
#wheelie-bin-nav #main-nav li#delivery a { width:61px; background-position:-219px 0px; }
#wheelie-bin-nav #main-nav li#contact a { width:75px; background-position:-301px 0px; }
#wheelie-bin-nav #main-nav li#news a { width:37px; background-position:-398px 0px; }
#wheelie-bin-nav #main-nav li#links a { width:31px; background-position:-456px 0px; }
#wheelie-bin-nav #main-nav li#storage a{width:120px; background-position:-508px 0px; }

		/* ----- Navigation Hover State ----- */
#wheelie-bin-nav #main-nav li#home a:hover { background-position:0px -25px; }
#wheelie-bin-nav #main-nav li#wbc a:hover { background-position:-60px -25px; }
#wheelie-bin-nav #main-nav li#delivery a:hover { background-position:-219px -25px; }
#wheelie-bin-nav #main-nav li#contact a:hover { background-position:-301px -25px; }
#wheelie-bin-nav #main-nav li#news a:hover { background-position:-398px -25px; }
#wheelie-bin-nav #main-nav li#links a:hover { background-position:-456px -25px; }
#wheelie-bin-nav #main-nav li#storage a:hover { background-position:-508px -25px; }

		/* ----- Navigation Active State ----- */
#wheelie-bin-nav #main-nav li#home a:active { background-position:0px -25px; }
#wheelie-bin-nav #main-nav li#wbc a:active { background-position:-60px -25px; }
#wheelie-bin-nav #main-nav li#delivery a:active { background-position:-219px -25px; }
#wheelie-bin-nav #main-nav li#contact a:active { background-position:-301px -25px; }
#wheelie-bin-nav #main-nav li#news a:active { background-position:-398px -25px; }
#wheelie-bin-nav #main-nav li#links a:active { background-position:-456px -25px; }
#wheelie-bin-nav #main-nav li#storage a:active { background-position:-508px -25px; }

		/* ----- Navigation Current State ----- */
#wheelie-bin-nav.home #main-nav li#home a { background-position:0px -25px !important; }
#wheelie-bin-nav.wbc #main-nav li#wbc a { background-position:-60px -25px !important; }
#wheelie-bin-nav.delivery #main-nav li#delivery a { background-position:-219px -25px !important; }
#wheelie-bin-nav.contact #main-nav li#contact a { background-position:-301px -25px !important; }
#wheelie-bin-nav.news #main-nav li#news a { background-position:-398px -25px !important; }
#wheelie-bin-nav.links #main-nav li#links a { background-position:-456px -25px !important; }
#wheelie-bin-nav.storage #main-nav li#storage a { background-position:-508px -25px !important; }

/* ----- Cart Icons ----- */
#wheelie-bin-cart { width:227px; height:27px; margin:0px; overflow:hidden; margin-right:-15px; }
#main-cart { margin:0px!important; }
#wheelie-bin-cart #main-cart li { display:inline; margin-bottom:0px; }
#wheelie-bin-cart #main-cart li a { float:left; height:0px; padding-top:27px; margin-right:15px; cursor:pointer; overflow:hidden; }
#wheelie-bin-cart #main-cart li a { background:url('wheelie-bin-checkout-icons.jpg') no-repeat; }

		/* ----- Cart Icons Normal State ----- */
#wheelie-bin-cart #main-cart li#basket a { width:116px; background-position:0px 0px; }
#wheelie-bin-cart #main-cart li#checkout a { width:81px; background-position:-131px 0px; }

		/* ----- Cart Icons Hover State ----- */
#wheelie-bin-cart #main-cart li#basket a:hover { background-position:0px -27px; }
#wheelie-bin-cart #main-cart li#checkout a:hover { background-position:-131px -27px; }

		/* ----- Cart Icons Active State ----- */
#wheelie-bin-cart #main-cart li#basket a:active { background-position:0px -27px; }
#wheelie-bin-cart #main-cart li#checkout a:active { background-position:-131px -27px; }


/* --- text formatting --- */
h1, h2, h3, h4 { font-family:Tahoma, Geneva, sans-serif; }
p, a, table, div, li { font-family:Verdana, Geneva, sans-serif; }
h1 { font-weight:normal; font-size:26px; color:#fff; margin-bottom:12px; }
h2 { font-weight:normal; font-size:20px; color:#666633; margin-bottom:12px; }
h3 { font-weight:normal; font-size:20px; color:#666633; margin-bottom:12px; }
h3.product { font-size:14px; margin:5px 17px 0px 0px; }
h3.product-price { font-weight:bold; font-size:21px; color:#C3C025; margin-bottom:12px; }
h3.product-price span { font-size:12px; color:#333333; font-weight:normal; }
h3.product-more { font-size:17px; margin:5px 17px 0px 0px; }
p { font-size:12px; color:#333333; margin-bottom:12px; }
ol { margin-left:30px; }
ol li { margin-bottom:14px; font-size:12px; }
ul { margin-left:30px; }
ul li { margin-bottom:14px; font-size:12px; }
.dark { color:#666633; }

.best-sellers-list { list-style-image:url('wheelie-bin-covers-check.jpg'); margin:0px 0px 0px 15px; }
.best-sellers-list li { font-size:12px; margin:0px 0px 10px 0px; }
.product-features-list { list-style-image:url('wheelie-bin-covers-check.jpg'); }
.product-features-list li { font-size:12px; margin:0px 0px 5px 0px; }

#fade-rotate a:link, #fade-rotate a:visited { color:#ffffff; text-decoration:none; border-bottom:1px dotted #ffffff; }
#fade-rotate a:hover, #fade-rotate a:active { color:#ffffff; text-decoration:none; border-bottom:1px solid #ffffff; }

a.ib:link, a.ib:visited { color:#666633; text-decoration:none; border-bottom:1px dotted #666633; }
a.ib:hover, a.ib:active { color:#666633; text-decoration:none; border-bottom:1px solid #666633; }

a:link, a:visited { color:#666633; text-decoration:none; }
a:hover, a:active { text-decoration:underline; }
#footer-text a:link, #footer-text a:visited { color:#ffffff; text-decoration:none; }
#footer-text a:hover, #footer-text a:active { text-decoration:underline; }

/* --- common elements --- */
.sale{ }

.line-seperator { width:100%; height:1px; margin:10px 0; border-top:1px solid #cccccc; }

.dashed-line-seperator { width:100%; height:1px; margin:10px 0; border-top:1px dashed #cccccc; }

#header-container { width:910px; height:85px; overflow:hidden; margin:30px auto 0px auto; }
#header-left { width:518px; height:85px; }
#tel-no { width:158px; height:18px; margin:1px 10px 0px 0px; }
#header-right { width:212px; height:85px; overflow:hidden; }
#cart-info-spacer { width:392px; height:1px; overflow:hidden; margin-top:10px; padding-top:5px; border-top:1px solid #cccccc; }
#cart-total p, #cart-items p { font-size:12px; text-align:center; color:#8b5500; }
#cart-items { width:116px; display:block; overflow:hidden; margin-right:15px; }
#cart-total { width:81px; display:block; overflow:hidden; }

#inner-layout-container { width:966px; height:auto; overflow:hidden; margin:0px auto; background:url('wheelie-bin-covers-top-shadow.jpg') top no-repeat; }
#inner-layout-spacing { width:910px; height:auto; min-height:150px; overflow:hidden; margin:20px auto; }

#fade-rotate { width:680px; height:251px; overflow:hidden; background:url('home-main-promo.jpg') no-repeat; }
#fade-rotate h1, #fade-rotate p { color:#fff; }
#fade-copy { width:230px; height:231px; padding:20px 0px 0px 20px; }
#fade-copy p { line-height:14px; }

#home-promos { width:210px; height:251px; overflow:hidden; }
.home-promo { width:210px; height:116px; overflow:hidden; }
.home-promo-spacer { height:19px; }

#home-intro { width:680px; height:auto; overflow:hidden; }
#home-news { width:210px; height:auto; overflow:hidden; }

#best-sellers-holder { background:#f6f6f6; border:1px solid #666633; margin-top:5px; }
#best-sellers-holder h2 { font-size:14px; }
.best-sellers-container { width:192px; height:auto; overflow:hidden; position:relative;}
.best-sellers-container img { margin-bottom:6px; }
.best-sellers-container p { font-size:12px; margin:0px; padding:0px; }
.best-sellers-more { width:192px; text-align:right; font-size:11px!important; }
.best-sellers-container .sale{position:absolute; top:30px; left:120px;}

#content-container { width:604px; height:auto; overflow:hidden; }
#promo-container { width:275px; height:auto; overflow:hidden; }
#promo-container span { width:275px; height:10px; display:block; overflow:hidden; }

.footer { width:950px; height:188px; margin:0 auto; background:url('wheelie-bin-covers-footer-bg.jpg') no-repeat; }
.footer-container { width:910px; height:100px; padding:20px; }
.footer-copy { width:212px; height:158px; }
.footer-spacer { width:20px; height:20px; }
.footer-copy h2 { color:#ffffff; font-size:16px; font-weight:bold; margin:0px; padding:10px 0px; border-bottom:dotted 1px #ffffff; }
.footer-copy h3 { margin:15px 0px 0px 0px; padding:0px; color:#ffffff; font-size:30px; font-weight:normal; }
.footer-copy p { margin:20px 0px 0px 0px; padding:0px; color:#ffffff; line-height:20px; }
.footer-copy p.no-margin { margin:0px; }
.footer-copy ul { margin:20px 0px 0px 0px; padding:0px; color:#ffffff; list-style:none; }
.footer-copy li { margin:0px 0px 10px 0px; padding:0px; color:#ffffff; line-height:14px; }

#footer-service h2 { background:url('footer-customer-service.jpg') no-repeat top right; }
#footer-question h2 { background:url('footer-have-question.jpg') no-repeat top right; }
#footer-secure h2 { background:url('footer-secure-payment.jpg') no-repeat top right; }
#footer-secure.footer-copy { background:url('footer-secure-cards.jpg') no-repeat bottom right; }

.footer-copy a:link, .footer-copy a:hover, .footer-copy a:visited, .footer-copy a:active { color:#fff; }

#footer-copyright { width:910px; margin:10px auto; }


#wheelie-bin-covers-shop { height:auto; margin-bottom:20px; }
#product-gallery { width:600px; height:auto; overflow:hidden; margin-bottom:20px; }
.product-gallery-viewport { width:600px; height:315px; overflow:hidden; margin-bottom:5px; }
.product-gallery-thumbs { width:600px; height:112px; overflow:hidden; }
.product-gallery-thumb { width:146px; height:112px; overflow:hidden; margin:0px; padding:0px; }
#product-gallery .spacer { width:5px; height:5px; }


#wheelie-bin-covers-product-info { width:600px; height:auto; }
#wheelie-bin-covers-product-info p { line-height:20px; }
#wheelie-bin-covers-product-spec { width:274px; height:auto; background:#f0f0f0; margin-bottom:20px; border-radius:15px; }
#product-spec-container { width:244px; height:auto; padding:15px; }
#product-spec-container h3 { color:#706E6F; font-size:21px; font-weight:bold; margin-bottom:5px; }
#product-spec-container p  { color:#706E6F; line-height:18px; }
.product-quantity { size:12px; width:30px; border:1px solid #333333; color:#333333; }

#product-promos { width:275px; height:auto; overflow:hidden; }
.product-promo { width:275px; height:170px; margin-bottom:15px; }

.links-info { width:492px; height:auto; overflow:hidden; }
.links-image { border:1px solid #666666; margin:0px 10px 10px 0px; }

#blog-archive-container { width:255px; height:auto; padding:10px; margin-bottom:10px; background:#f6f6f6; border:1px solid #666633; }

#section-intro { font-size:14px; }

.product_list{position:relative; }
.product_list .sale{position:absolute; top:0px; left:376px;}


/* --- Start RSS Feed Style --- */
#home-news-container { width:188px; height:auto; padding:10px; background:#f6f6f6 url('rss-bg.jpg') bottom right no-repeat; border:1px solid #666633; }

.rss-items { margin-left:14px; margin-bottom:12px; }

.rss-item a:link, .rss-item a:visited { font-family:Verdana, Geneva, sans-serif; font-size:12px; color:#666633; margin-bottom:14px; text-decoration:none; }

.rss-item a:hover, .rss-item a:active { text-decoration:underline; }
	
/* --- End RSS Feed Style --- */

#map { width:592px; height:292px; margin-bottom:12px; oveflow:hidden; border:1px solid #666633; }

table.contact { width:355px; }
table.contact td.label { width:100px; }
table.contact td.label span { padding-left:2px; }
table.contact td.field { width:250px; }
table.contact td.field input { width:250px; background:#ffffff!important; }
table.contact td.field textarea { width:250px; height:100px; }
table.contact td.field input, td.field textarea { font-family:Verdana, Geneva, sans-serif; font-size:12px; padding:2px; color:#333333; border:1px solid #999999; overflow:auto; }
table.contact td.marketing p { padding:3px 0px; }
table.contact td input#submit { width:100px; padding:5px; font-weight:bold; color:#333333; background:#eeeeee; border:1px solid #999999; float:right; }
table.contact td.required span { color:#FF0000; font-weight:bold; padding-right:2px; }


table.newsletter { width:380px; }
table.newsletter td.label { width:130px; }
table.newsletter td.label span { padding-left:2px; }
table.newsletter td.field { width:250px; }
table.newsletter td.field input { width:250px; background:#ffffff!important; }
table.newsletter td.field textarea { width:250px; height:100px; }
table.newsletter td.field input, td.field textarea { font-family:Verdana, Geneva, sans-serif; font-size:12px; padding:2px; color:#333333; border:1px solid #999999; overflow:auto; }
table.newsletter td.marketing p { padding:3px 0px; }
table.newsletter td input#submit { width:100px; padding:5px; font-weight:bold; color:#333333; background:#eeeeee; border:1px solid #999999; float:right; }
table.newsletter td.required span { color:#FF0000; font-weight:bold; padding-right:2px; }



#cart-buttons input { margin:10px; }
#cart-buttons p { text-align:center; }

.checkout-progress-heading { font-size:14px; font-weight:bold; text-align:center; }
#checkout-progress-indicator-1 { width:285px; height:72px; margin:10px auto; background:url('progress-1.jpg') no-repeat }
#checkout-progress-indicator-2 { width:285px; height:72px; margin:10px auto; background:url('progress-2.jpg') no-repeat }
#checkout-progress-indicator-3 { width:285px; height:72px; margin:10px auto; background:url('progress-3.jpg') no-repeat }

#sitemap { list-style:disc; font-size:12px; font-weight:bold; }
#sitemap li { margin:10px; }
.sitemap-1 { list-style:circle; font-size:12px; font-weight:normal; }
.sitemap-1 li { margin:0px; }