* { font-family:Verdana, Geneva, sans-serif; font-size:11px; margin:0px; padding:0px; }
body { height:auto; margin:20px 0px; background:url('background.jpg') repeat-x bottom #FCF9ED; }
.left { float:left; } .right {float:right; } .clear { height:0px; width:0px; font-size:0px; overflow:hidden; clear:both; }
ul { list-style:none; }
/* ----- IE PNG Fix ----- */
/* ----- Change url in iepngfix.htc to the blank.gif ----- */
table, td, tr, div, img { behavior: url('http://www.benches.co.uk/shop/iepngfix.htc') }
img, a img { border:none; margin:0px; padding:0px; }

h1 { font-size:22px; color:#332000; overflow:hidden; margin:15px 0px 0px 0px; padding:0px 0px 0px 0px; }
h2 { font-size:18px; color:#332000; margin:25px 0px 0px 0px; padding:0px 0px 0px 0px;}
h3 { }
h1 a:link, h2 a:link, h3 a:link { text-decoration:none; } h1 a:visited, h2 a:visited, h3 a:visited { text-decoration:none; }
h1 a:hover, h2 a:hover, h3 a:hover { text-decoration:underline; } h1 a:active, h2 a:active, h3 a:active { text-decoration:underline; }
p { font-size:12px; color:#332000; margin:10px 0px 0px 0px; line-height:14px; }
.bold { font-weight:bold; }
a:link { size:12px; text-decoration:none; }
a:visited { text-decoration:none; }
a:hover { text-decoration:underline; }
a:active{ text-decoration:underline; }
a.white:link, a.white:hover, a.white:active, a.white:visited { color:#ffffff; }
.white a:link, .white a:hover, .white a:active, .white a:visited { color:#ffffff; }

a.ib:link { size:12px; text-decoration:none; border-bottom:1px dotted #999999;}
a.ib:visited { text-decoration:none; border-bottom:1px dotted #999999;}
a.ib:hover { text-decoration:none; border-bottom:1px dotted #332000;}
a.ib:active{ text-decoration:none; border-bottom:1px dotted #332000;}


#container { width:978px; margin:0px auto; }
#inner-container{ width:978px; position:relative; }
#bottom-shadow { width:978px; height:10px;  overflow:hidden; background:url('bottom-shadow.png') no-repeat top; position:relative; top:-1px;}

#header { width:978px; height:129px; overflow:hidden; }
#header-left { width:250px; height:129px; overflow:hidden; background:url('header-left.png') no-repeat; }
#header-logo { width:232px; height:79px; margin:27px 0px 0px 15px; overflow:hidden; background:url('benches-logo.png') no-repeat; }
#header-logo a { width:232px; height:79px; display:block; cursor:pointer; }
#header-logo p { margin:-9999px; }

#header-mid { width:445px; height:129px; overflow:hidden; background:url('header-mid.png') no-repeat; }
	/* ----- Top Navigation ----- */
	#top-nav-container { width:389px; height:29px; margin:38px 0px 0px 37px; overflow:hidden; }
	#top-nav-container #top-nav li { display:inline; }
	#top-nav-container #top-nav li a { float:left; height:0px; padding-top:29px; margin-right:10px; overflow:hidden; }
	#top-nav-container #top-nav li a { background:url('top-nav.gif') no-repeat; }
		/* ----- Top Navigation Normal State ----- */
	#top-nav-container #top-nav li#home a { width:75px; background-position:0px 0px; }
	#top-nav-container #top-nav li#delivery a { width:80px; background-position:-90px 0px; }
	#top-nav-container #top-nav li#contact a { width:102px; background-position:-188px 0px; }
	#top-nav-container #top-nav li#about a { width:92px; background-position:-301px 0px; }
			/* ----- Top Navigation Hover State ----- */
	#top-nav-container #top-nav li#home a:hover { background-position:0px -40px; }
	#top-nav-container #top-nav li#delivery a:hover { background-position:-90px -40px; }
	#top-nav-container #top-nav li#contact a:hover { background-position:-188px -40px; }
	#top-nav-container #top-nav li#about a:hover { background-position:-301px -40px; }
			/* ----- Top Navigation Active State ----- */
	#top-nav-container #top-nav li#home a:active { background-position:0px -40px; }
	#top-nav-container #top-nav li#delivery a:active { background-position:-90px -40px; }
	#top-nav-container #top-nav li#contact a:active { background-position:-188px -40px; }
	#top-nav-container #top-nav li#about a:active { background-position:-301px -40px; }

#top-contact { font-size:20px; font-weight:bold; color:#8C6249; margin:8px 0px 0px 0px; text-align:center; }
#top-contact a, top-contact a:visited { font-size:11px; color:#8C6249; margin:0px 0px 0px 15px; text-decoration:none; }
#top-contact a:hover, top-contact a:active { text-decoration:underline; }

#header-right { width:283px; height:129px; overflow:hidden; background:url('header-right.png') no-repeat; }
	/* ----- Shopping Navigation ----- */
	#shopping-nav-container { width:219px; height:29px; margin:38px 0px 0px 31px; overflow:hidden; }
	#shopping-nav-container #shopping-nav li { display:inline; }
	#shopping-nav-container #shopping-nav li a { float:left; height:0px; padding-top:29px; margin-right:10px; overflow:hidden; }
	#shopping-nav-container #shopping-nav li a  { background:url('shopping-nav.gif') no-repeat; }
			/* ----- Shopping Navigation Normal State ----- */
	#shopping-nav-container #shopping-nav li#basket a { width:119px; background-position:0px 0px; }
	#shopping-nav-container #shopping-nav li#checkout a { width:80px; background-position:-138px 0px; }
			/* ----- Shopping Navigation Hover State ----- */
	#shopping-nav-container #shopping-nav li#basket a:hover { background-position:0px -40px; }
	#shopping-nav-container #shopping-nav li#checkout a:hover { background-position:-138px -40px; }
			/* ----- Shopping Navigation Active State ----- */
	#shopping-nav-container #shopping-nav li#basket a:active { background-position:0px -40px; }
	#shopping-nav-container #shopping-nav li#checkout a:active { background-position:-138px -40px; }

#top-shopping { width:120px; height:auto; margin:0px 0px 0px 30px; }
	.top-shopping-items { font-size:11px; font-weight:bold; color:#8C6249; margin:8px 0px 0px 0px; text-align:right; }
	.top-shopping-total { font-size:11px; font-weight:bold; color:#8C6249; margin:0px; text-align:right; }
	.top-shopping-items a, top-shopping-items a:visited { color:#8C6249; margin:0px 0px 0px 15px; text-decoration:none; }
	.top-shopping-items a:hover, top-shopping-items a:active { text-decoration:underline; }
	.top-shopping-total a, top-shopping-total a:visited { color:#8C6249; margin:0px 0px 0px 15px; text-decoration:none; }
	.top-shopping-total a:hover, top-shopping-total a:active { text-decoration:underline; }

#sidebg { width:250px; background:url('side-bg-bottom.png') bottom repeat-y; }
#side { width:250px; min-height:909px; background:url('side-bg.png') no-repeat top; }
	.side-inner-top { width:231px; height:5px; overflow:hidden; background:url('side-inner-top.png') no-repeat; }
	.side-inner-sides { width:231px; height:auto; overflow:hidden; padding:0px 0px 0px 0px; clear:both; background:url('side-inner-sides.png') repeat-y; }
	.side-inner-bottom { width:231px; height:5px; margin:0px 0px 10px 0px; overflow:hidden; background:url('side-inner-bottom.png') no-repeat; }
	.side-inner-bg { width:221px; background:url('side-inner-bg.jpg') repeat-y; margin:5px 0px; }

#site-search { height:54px; }
#site-search-container { width:192px; height:28px; position:relative; top:12px; left:10px; border:solid 1px #CFD4D9; background:#ffffff; overflow:hidden; }
#site-search-container input#search { width:131px; height:28px; vertical-align:top; background:url('search-icon.jpg') no-repeat 5px 5px; color:#C8AB99; padding:8px 0px 0px 32px; border:none;  }
#site-search-container input#search-product { width:131px; height:28px; vertical-align:top; background:url('search-icon.jpg') no-repeat 5px 5px; color:#C8AB99; padding:8px 0px 0px 32px; border:none;  }
#site-search-container input#search-submit { border:none; width:25px; height:28px; }

#side-navigation { width:221px; height:auto; overflow:hidden; }
#side-navigation-container p { font-family:Verdana, Geneva, sans-serif; font-size:14px; font-weight:bolder; color:#332000; margin:0px 0px 0px 10px; }
.spacer { width:212px; height:12px; margin:4px 0px 0px 0px; background:url('side-nav-spacer.gif') no-repeat top; }
.top-padding { padding-top:20px; }
	/* ----- Side Navigation ----- */
	#side-navigation-container { width:221px; margin:10px 0px; }
	#side-navigation-container li { margin:0px; list-style:none; padding: 0px; cursor:pointer; cursor:hand; clear:left; }
	#side-navigation-container li a { height:20px; padding:0px 0px 0px 20px; float:left; line-height:20px; overflow:hidden; }
	#side-navigation-container li a  { background:url('side-nav.gif') no-repeat; }
	#side-navigation-container li a, #side-navigation-container li a:visited { font-size:11px; font-weight:bold; color:#8C6249; text-decoration:none; }
	#side-navigation-container li a:hover, #side-navigation-container li a:active { color:#ffffff; }
			/* ----- Side Navigation Normal State ----- */
	#side-navigation-container a { width:219px; background-position:0px 0px; }
			/* ----- Side Navigation Hover State ----- */
	#side-navigation-container li a:hover { background-position:0px -20px; }
			/* ----- Side Navigation Active State ----- */
	#side-navigation-container li a:active { background-position:0px -20px; }
	
#kingdom-promo { width:221px; height:65px; overflow:hidden; background:url('kingdom-teak-promo.jpg') no-repeat; }
#kingdom-promo a { width:221px; height:65px; display:block; }
#kingdom-promo p { margin:-9999px; }

#delivery-promo { width:221px; height:56px; overflow:hidden; background:url('delivery-promo.jpg') no-repeat; }
#delivery-promo a { width:221px; height:65px; display:block; }
#delivery-promo p { margin:-9999px; }

#newsletter-promo { height:80px; }
#newsletter-promo p { font-size:14px; font-weight:bold; padding:10px 0px 0px 10px; }
#newsletter-promo-container { width:192px; height:28px; position:relative; top:12px; left:10px; border:solid 1px #CFD4D9; background:#ffffff; overflow:hidden; }
#newsletter-promo-container input#signup-input { width:159px; height:28px; vertical-align:top; background:#ffffff!important; color:#C8AB99; padding:8px 0px 0px 4px; border:none;  }
#newsletter-promo-container input#newsletter-products { width:159px; height:28px; vertical-align:top; background:#ffffff!important; color:#C8AB99; padding:8px 0px 0px 4px; border:none;  }
#newsletter-promo-container input#newsletter-submit { border:none; width:25px; height:28px; }
.newsletter-side-header { font-size:14px; font-weight:bold; }



#payment-promo { width:221px; height:98px; margin:5px 0px 5px 0px; overflow:hidden; background:url('payments-promo.jpg') no-repeat; }
#payment-promo a { width:221px; height:98px; display:block; }
#payment-promo p { margin:-9999px; }

#footer { width:960px; height:37px; display:block; padding:6px 9px 0px 9px; background:url('footer-bg.png') repeat-y; overflow:hidden; }
#footer-container { width:960px; height:37px; background:#ffffff; overflow:hidden; }
#footer-container p { line-height:37px; color:#4E4E22; margin:0px 10px; font-size:11px; }
#footer-container a, #footer-container a:visited { color:#4E4E22; text-decoration:none; font-size:11px; }
#footer-container a:hover, #footer-container a:active { text-decoration:underline; }

#inner-layout { width:728px; background:url('side-shadow.png') right repeat-y; }
#inner-layout-container { width:699px; margin:10px; }
#inner-layout-header { width:699px; height:65px; overflow:hidden; margin:0px 10px; }
#inner-layout-header h1 { position:relative; top:-10px; }

#breadcrumbs-section { width:699px; height:25px; overflow:hidden; margin-top:-10px; }
#section-header { width:700px; height:214px; background:url('benches-section-header.jpg') no-repeat; margin:10px 0px; }
#section-header-content { width:655px; height:164px; /*overflow:hidden;*/ position:relative; top:21px; padding:0px 10px 10px 10px; }

#breadcrumbs { text-align:right; }
#breadcrumbs a:link, #breadcrumbs a:visited { color:#333300; text-decoration:none; }
#breadcrumbs a:hover, #breadcrumbs a:active { color:#996633; text-decoration:none; }

#home-banner { width:700px; height:263px; overflow:hidden; }
.home-intro { width:699px; }
.home-intro-text { width:446px; margin:0px 0px 0px 10px; }

.home-intro-promo { width:243px; height:268px; overflow:hidden; position:relative; left:10px; clear:right; }
.home-intro-promo-top { width:243px; height:203px; overflow:hidden; }
.home-intro-promo-bottom { width:243px; height:65px; padding-left:30px; overflow:hidden; background:url('bench-engraving-bottom.jpg') no-repeat; }
.home-intro-promo-bottom p { margin-top:7px; }

.home-promo { float:left; width:713px; height:311px; overflow:hidden; position:relative; left:-5px; right:-5px; bottom:-10px; }
.home-promo h2 { margin:0px 0px 0px 15px; padding:0px 0px 15px 0px; }
.home-promo h2 a { font-size:14px; margin:0px; padding:0px; }
.home-promo-spacer { width:100%; height:2px; position:relative; top:-10px; background:url('home-promo-spacer.gif') no-repeat top center;}
*html .home-promo-spacer { margin-bottom:-10px; }
.home-promo p { margin:0px 0px 5px 15px; }
.home-promo-1-top { width:236px; height:188px; overflow:hidden; }
.home-promo-1-bottom { width:236px; height:241px; overflow:hidden; background:url('home-bench-promo-bottom.jpg') no-repeat; }
.home-promo-2-top { width:237px; height:188px; overflow:hidden; }
.home-promo-2-bottom { width:237px; height:241px; overflow:hidden; background:url('home-picnic-promo-bottom.jpg') no-repeat; }
.home-promo-3-top { width:236px; height:188px; overflow:hidden; }
.home-promo-4-bottom { width:240px; height:241px; overflow:hidden; background:url('home-reclaimed-promo-bottom.jpg') no-repeat; }

#back-to-top { width:106px; height:18px; margin:15px 0px 10px 0px; overflow:hidden; background:url('back-to-top.jpg') no-repeat; }
#back-to-top a { width:106px; height:18px; display:block; cursor:pointer; }
#back-to-top p { margin:-9999px; }



#product-gallery { width:716px; height:414px; overflow:hidden; position:relative; margin-right:-20px; padding:19px 0px 0px 19px; background:url('product-gallery-bg.jpg') no-repeat;  }
#product-gallery-thumbs { width:147px; height:351px; position:relative; overflow:hidden; margin:0px 0px 0px 5px; }
.product-gallery-thumb { width:174px; height:84px; position:relative; overflow:hidden; margin:0px 0px 5px 0px; }

#product-gallery p { font-size:12px; line-height:14px; color:#996633; padding-right:37px; }
#product-gallery p img { vertical-align:middle; padding-left:3px; }

.product-info-top-shadow { width:100%; position:relative; top:-20px; height:9px; background:url('product-info-shadow-top.jpg') no-repeat; }
.product-info-mid-shadow { position:relative; top:-20px; background:url('product-info-shadow-mid.jpg') repeat-y; }
.product-info-bottom-shadow { width:100%; height:9px; position:relative; top:-20px;  background:url('product-info-shadow-bottom.jpg') no-repeat; }
.product-info-left { width:316px; padding:0px 0px 0px 30px; }
.product-info-right { width:306px; padding:0px 30px 0px 0px; }
.product-info { margin:0px 0px 20px 0px; }
.product-info h2 { padding:0px; margin:15px 0px 5px 0px; }
.product-info p { padding:0px 0px 10px 0px; margin:0px 0px 20px 0px; }
.product-price { font-size:20px; font-weight:bold; color:#996633; }
.product-spacer { height:5px; width:100%; background:url('product-page-seperator.jpg') no-repeat 28px center; }
.product-promo { width:100%; height:84px; margin:20px 0px; }
.product-promo td { vertical-align:middle; }
.product-promo td img { margin-right:10px; }

.sub-inner-layout { width:712px; margin:20px 0px 0px 2px; }
.sub-inner-layout #back-to-top { margin-right:10px; }
.related-new-product-header { font-size:14px; font-weight:bold; margin-left:22px; }
.related-new-products-seperator { width:675px; height:2px; margin:10px auto; background:url('related-new-product-seperator.jpg') no-repeat; }
.related-new-product-align {width:678px; margin-left:20px; }
.related-new-product-holder {width:103px; overflow:hidden; margin-bottom:10px; }

.engraving-option { margin-top:12px; }

.search-image { padding-right:10px; }
.cart-buttons { padding:10px; }

#checkout-step-holder { width:363px; height:56px; margin:0px auto 10px auto; overflow:hidden;}
#checkout-step-1 { width:363px; height:56px; background:url('checkout-step1.jpg') no-repeat; }
#checkout-step-2 { width:363px; height:56px; background:url('checkout-step2.jpg') no-repeat; }
#checkout-step-3 { width:363px; height:56px; background:url('checkout-step3.jpg') no-repeat; }

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


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

.fragment { width:100%; padding-left:10px; }
.resource-image { width:100px; height:100px; overflow:hidden; margin-right:15px; }
.resource-text { width:220px; height:auto; }
.resource-text p { margin:0px 0px 5px 0px; padding:0px; }
.resource-header { width:320px; margin:10px 0px 10px 0px; padding:0px; clear:both; }

.resource-landing-image { width:100px; height:100px; overflow:hidden; margin-right:15px; }
.resource-landing-text { width:220px; height:auto; }


.delivery-bg { padding-right:320px; height:224px; background:url('benches-delivery-bg.jpg') no-repeat top right; margin:0px 5px 10px 0px; }
.contact-us-bg { padding-right:320px; height:auto; background:url('benches-contact-bg.jpg') no-repeat top right; margin:0px 5px 10px 0px; }
.about-us-bg { padding-right:320px; height:auto; background:url('benches-about-bg.jpg') no-repeat top right; margin:0px 5px 10px 0px; }
.kingdom-teak-bg { padding-right:320px; height:475px; background:url('kingdom-teak-bg.jpg') no-repeat top right; margin:0px 5px 10px 0px; }
.bench-engraving-bg { padding-right:320px; height:475px; background:url('benches-engraving-bg.jpg') no-repeat top right; margin:0px 5px 10px 0px; }

.visa-bg { padding-left:160px; height:75px; background:url('verified-by-visa.jpg') no-repeat top left; margin:30px 10px 30px 0px; }
.mastercard-bg { padding-left:160px; height:75px; background:url('mastercard-securecode-logo.jpg') no-repeat top left; margin:0px 0px 10px 10px; }

/* ----- Sitemap ----- */
.sitemap-3 { width:226px; margin-bottom:20px; }
.sitemap-2-l { width:462px; margin-bottom:20px; }
.sitemap-2-r { width:226px; margin-bottom:20px; } 
.sitemap-spacer { width:10px; height:0px; }