/*css reset*/
html{color:#000;background:#FFF;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}
li{list-style:none;}
caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
q:before,q:after{content:'';}
abbr,acronym {border:0;font-variant:normal;}
/* to preserve line-height and selector appearance */
sup {vertical-align:text-top;}
sub {vertical-align:text-bottom;}
input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}
/*to enable resizing for IE*/
input,textarea,select{*font-size:100%;}
/*because legend doesn't inherit in IE */
legend{color:#000;}
html{height:100%;padding-bottom:1px;}/*Force a scrollbar*/

/*
 *.body{font-size:62.5%} //alows conversion from px to em. 12px = 1.2em;
 */
body{
	font-family:Arial,Helvetica,sans-serif;
	font-size:62.5%;
}	

/*
 * default list styles.
 */
.type-style ul, .site-webpage ol, .site-webpage dd{padding-left:20px;}
.type-style ul li{list-style:outside disc;display:list-item;}
.type-style ol li{list-style:inside decimal;display:list-item;}
.type-style p{margin:1em 0;}
b, strong{font-weight:bold;}
u{text-decoration:underline;}
i{font-style:italic;}
/*
 * Default link styles.
 */
a{
	color:#289D68;
}
a:hover{
	color:#80B19B;
} 

.site-webpage{
	font-size:1.2em;
}
/*
 * Template Styles
 */

html,
body{
	background:#747474 url(../Design/siteBackgroundGrey.png) left top repeat scroll;
}

#siteWrapper{}

.page-center{
	min-height:50px;
	
	width:960px;
	margin:0 auto;
}
.clear-both{
	clear:both;
}

#sitebackgroundHeader{
	background:#201410 url(../Design/siteBackgroundHeader.png) left top repeat-x scroll;
}
#sitebackgroundHeader .page-center{
	height:164px;
}
#sitebackgroundWhite{
	background:#fff url(../Design/siteBackgroundWhiteMid.png) left top repeat scroll;
}
#sitebackgroundWhiteTop{
	background:url(../Design/siteBackgroundWhiteTop.png) left top repeat-x scroll;
}


#sitebackgroundWood{
	background:#201410 url(../Design/siteBackgroundWoodMid.png) 5px top repeat scroll;
}
#sitebackgroundWoodTop{
	background:url(../Design/siteBackgroundWoodTop.png) 5px top repeat-x scroll;
}
#sitebackgroundWoodBot{
	background:url(../Design/siteBackgroundWoodBot.png) 5px bottom repeat-x scroll;
}

#sitebackgroundGrey{
	background:url(../Design/siteBackgroundGrey.png) left top repeat scroll;
}

#siteColumnLeft{
	float:left;
	width:241px;
	
}
.column-right{
	width:680px;
	padding-right:10px;
	margin-left:270px;
	color:#666;
	overflow:hidden;
}

#siteLogo{
	display:block;
	width:241px;
	height:195px;
	background:url(../Design/siteLogo.png) left top no-repeat scroll;
	line-height:195px;
	text-indent:250px;
	overflow:hidden;
}
#siteNav{
	padding:0 37px 0 36px;
	background:url(../Design/siteNavMid.png) 9px top repeat-y scroll;
}
#siteNavBot{
	height:20px;
	background:url(../Design/siteNavBot.png) 9px top no-repeat scroll;
}
#siteNav ul{}
#siteNav ul li{
	padding:2px 0;
	border-bottom:1px solid #ccc;
}
#siteNav ul li a{
	display:block;
	background:url(../Design/siteNavBullit.png) left center no-repeat scroll;
	padding:1px 0 2px 10px;
	color:#666;
	font-size:1.2em;
	text-decoration:none;
	line-height:120%;
}
#siteNav ul li a:hover{
	color:#333;
	background-color:#ccc;
}

#siteCustomerLogin{
	height:48px;
	padding:4px 0 0 170px;
	text-align:right;
}
#siteCustomerLogin input.text{
	width:128px;
	height:16px;
	border:1px solid #666;
	margin-right:4px;
	background:#fff;
	color:#ccc;
	vertical-align:middle;
}
#siteCustomerLogin input.submit{
	width:60px;
	height:18px;
	border:none;
	margin-right:4px;
	background:url(../Design/siteLogin.png) left top no-repeat scroll;
	font-size:0;
	line-height:100px;
	vertical-align:middle;
	overflow:hidden;
	cursor:pointer;
}
#siteCustomerLogin input.submit:hover{
	background-position:left -18px;
}
#siteCustomerLogin a{
	color:#ccc;
	text-decoration:none;
}

#siteHeaderCartEditable{
	position:relative;
	right:-4px;
	height:78px;
	padding-left:235px;
	background:url(../Design/siteCartEdit.png) right top no-repeat scroll;
}
#siteHeaderCartEditable p{
	margin:0 0 0.5em 0;
	color:#fff;
	font-size:1.1em;
}
#siteHeaderCartEditable p.heading{
	font-weight:bold;
	font-size:1.2em;
}
#siteHeaderEditable{
	float:left;
	width:222px;
	padding-top:8px;
}
#siteHeaderCart{
	float:right;
	width:186px;
	padding:8px 12px 0 18px;
	background:url(../Design/siteMiniCartSep.png) left 14px no-repeat scroll;
}
#siteHeaderCartText{
	float:left;
}
#siteHeaderCartButtons{
	float:right;
	padding:17px 3px 0 0;
}
#siteHeaderViewCart{
	margin-bottom:4px;
}
#siteHeaderViewCart a,
#siteHeaderCheckout a{
	display:block;
	width:78px;
	height:17px;
	line-height:17px;
	text-indent:100px;
	overflow:hidden;
}
#siteHeaderViewCart{
	background:url(../Design/siteViewCart.png) left top no-repeat scroll;
}
#siteHeaderCheckout{
	background:url(../Design/siteCheckout.png) left top no-repeat scroll;
}
#siteHeaderViewCart:hover{
	background-position:left -17px;
}
#siteHeaderCheckout:hover{
	background-position:left -17px;
}

/*
 * Search and Webpages
 */
#siteSearchWebpages{
	height:33px;
	padding:2px 0 0 80px;
}

/*
 * Search
 */
#siteSearch{
	float:left;
	padding:1px;
	background:#000;
}
#siteSearch label{
	padding:0 5px;
	color:#fff;
	font-size:1.4em;
	vertical-align:middle;
}
#siteSearchTxt{
	width:164px;
	height:16px;
	border-width:1px 0 1px 1px;
	border-style:solid;
	border-color:#666;
	background:#fff;
	font-size:1.2em;
	vertical-align:middle;
}
#siteSearchBtn{
	width:14px;
	height:18px;
	border:none;
	background:url(../Design/siteSearchBtn.png) left top no-repeat scroll;
	vertical-align:middle;
	cursor:pointer;
}
#siteSearchBtn:hover{
	background-position:left -18px;
}

/*
 * Webpages
 */
#Webpages{
	float:right;
	padding-top:4px;
}
#WebpagesLeft{
	float:left;
	width:10px;
	height:29px;
	background:url(../Design/siteWebpagesLeft.png) left top no-repeat scroll;
}
#WebpagesCenter{
	float:left;
	height:29px;
	background:url(../Design/siteWebpagesCenter.png) left top repeat-x scroll;
}
#WebpagesRight{
	float:left;
	width:10px;
	height:29px;
	background:url(../Design/siteWebpagesRight.png) left top no-repeat scroll;
}
#WebpagesCenter ul{
	display:block;
	background:url(../Design/siteWebPageSep.png) right 11px no-repeat scroll;
	overflow:hidden;
}
#WebpagesCenter ul li{
	float:left;
	padding:10px 5px 0;
	background:url(../Design/siteWebPageSep.png) left 11px no-repeat scroll;
}
#WebpagesCenter ul li a{
	color:#666;
	font-size:1.2em;
	text-decoration:none;
}
#WebpagesCenter ul li a:hover{
	color:#333;
	text-decoration:underline;
}

/*
 * Footer
 */
#siteFooterEditable{
	padding:10px;
}
#siteFooterEditableTop{
	height:5px;
	background:url(../Design/siteFooterEditableTop.png) left top no-repeat scroll;
}
#siteFooterEditableMid{
	padding:0 10px;
	background:url(../Design/siteFooterEditableMid.png) left top repeat-y	scroll;
}
#siteFooterEditableBot{
	height:5px;
	background:url(../Design/siteFooterEditableBot.png) left top no-repeat scroll;
}
#siteFooterEditableText{
	color:#666;
	line-height:120%;
	overflow:hidden;
}

#siteFooterLinksNewsletter{
	width:940px;
	padding:6px 0;
	border-top:1px solid #fff;
	border-bottom:1px solid #fff;
	margin:10px auto 0;
	overflow:hidden;
}
#siteFooterLinksNewsletter a{
	color:#fff;
	text-decoration:none;
}
#siteFooterLinksNewsletter a:hover{
	color:#eee;
	text-decoration:underline;
}
#siteFooterWebpageLinks{
	float:left;
	width:150px;
}
#siteFooterCategoryLinks{
	float:left;
	width:460px;
}
#siteFooterCategoryLinks ul{
	overflow:hidden;
}
#siteFooterCategoryLinks li{
	float:left;
	width:140px;
}

/*
 * Newsletter
 */
#siteFooterNewsLetter{
	float:left;
	width:210px;
	padding:1px;
	background:#000;
	color:#fff;
}
#siteFooterNewsLetter p{
	font-size:1.1em;
	padding:0 3px;
	margin:3px 0;
}
#siteFooterNewsLetter p.heading{
	font-size:1.4em;
}
#siteFooterNewsLetter input.text{
	width:146px;
	height:16px;
	border:1px solid #666;
	background:#fff;
	vertical-align:middle;
}
#siteFooterNewsLetter input.submit{
	width:60px;
	height:18px;
	border:none;
	margin-left:1px;
	background:url(../Design/siteNewsletterBtn.png) left top no-repeat scroll;
	font-size:0;
	line-height:100px;
	vertical-align:middle;
	overflow:hidden;
	cursor:pointer;
}
#siteFooterNewsLetter input.submit:hover{
	background-position:left -18px;
}

#siteFooterLogo{
	float:right;
	padding-top:5px;
}

#siteFooterByLink{
	padding:5px 10px;
	color:#fff;
	overflow:hidden;
}
#siteFooterByLinkLeft{
	float:left;
}
#siteFooterByLinkRight{
	float:right;
}
#siteFooterByLink a{
	color:#fff;
	text-decoration:none;
}
#siteFooterByLink a:hover{
	color:#eee;
	text-decoration:underline;
}

#siteSocialLinks{
	padding:0 10px 20px;
	overflow:hidden;
}
#siteSocialLinks a{
	float:left;
	display:block;
	width:36px;
	height:35px;
	line-height:35px;
	text-indent:40px;
	overflow:hidden;
}
#siteTwitter{
	background:url(../Design/siteTwitter.png) left top no-repeat scroll;
}
#siteBlogger{
	background:url(../Design/siteBlogger.png) left top no-repeat scroll;
}

/*
 * Generic: Wood Product
 * Product on the wood background.
 */
.wood-products,
.wood-product-row{
	padding:7px 0;
	overflow:hidden;
}
.wood-products{
	padding-left:10px;
}
.wood-product{
	float:left;
	width:300px;
	margin-right:20px;
}
.wood-product.last{
	margin-right:0;
}
.wood-product-top{
	height:8px;
	background:url(../Design/siteWoodProduct.png) left top no-repeat scroll;
}
.wood-product-mid{
	padding:0 8px;
	background:url(../Design/siteWoodProduct.png) -600px top repeat-y scroll;
}
.wood-product-bot{
	height:8px;
	background:url(../Design/siteWoodProduct.png) -300px top no-repeat scroll;
}
.wood-product-mid-inner{
	background:url(../Design/siteWoodProductText.png) right center no-repeat scroll;
	overflow:hidden;
}
.wood-product-left{
	float:left;
	width:112px;
	text-align:center;
}
.wood-product-right{
	float:right;
	width:150px;
	padding-top:12px;
}
.wood-product-image{
	height:90px;
}
.wood-product-price{
	color:#666;
	font-size:1.2em;
}
.wood-product-name{
	padding-bottom:5px;
	line-height:140%;
}
.wood-product-name a{
	color:#666;
	font-size:1.2em;
	text-decoration:none;
}
.wood-product-name a:hover{
	text-decoration:underline;
}
.wood-product-desc{
	padding-bottom:5px;
	color:#666;
	font-size:0.9em;
	line-height:120%;
}

/*
 * Related Products
 */
#relatedProducts{
	padding-left:270px;
}
#relatedProductsTitle{
	padding:10px 0 5px;
}
#relatedProductsTitle span{
	padding:2px 5px 2px 2px;
	background:#000;
	color:#fff;
	font-size:1.4em;
}

#siteSecureOrdering{
	padding-bottom:20px;
}

#siteBrandsDrowpDown select{
	font-size:1.2em;
}


