/* Wicker Warehouse Style Sheet created by 2Creative */

* {	margin: 0;	padding: 0; }
body { color: #F8D0B0; background: #4C1603 url(images/bg-strip.jpg) repeat-x left top;
		font: 80%/1.4em Arial, Helvetica, sans-serif; }	
h1, h2, h3 { font-weight: normal; color: #DE7A55; }
h1 { font-size: 160%; margin-bottom: 20px; }
h2 { font-size: 150%; border-bottom: 1px solid #DE7A55; padding-bottom: 5px; margin-bottom: 10px; }
h3 { font-size: 120%; margin-bottom: 15px; color: #FFF; }
p { padding-bottom: 15px; }
img { border: none; }	
a {	color: #F8D0B0; text-decoration: underline; }
a:hover { text-decoration: none; }
ul, ol { padding-left: 20px; margin-bottom: 15px; }
li { margin-bottom: 10px; list-style: square; }

#wrapper { width: 1000px; margin: 0 auto; padding: 0; }
	#header { height: 120px; background: url(images/header-top.jpg) no-repeat left top; }
		#menu { padding-left: 395px; height: 40px; font-size: 12px; font-weight: bold; }
			#menu ul { margin: 0; padding: 25px 0 0; border: none; margin-left: 10px; }
			#menu li { display: block; width: 92px; margin: 0; padding: 8px 0 0; float: left; text-align: center; list-style: none; }
			#menu li#listPayment { padding-left: 6px; }
			#menu li#listAbout { padding-left: 3px; }
			#menu li#listContact { padding-left: 3px; }
			 
			#menu a { color: #DE7A55; display: inline; text-decoration: none; }
			#menu a:hover { color: #F8D0B0; }
			#menu a.thispage { color: #F8D0B0; }
			#phone { padding-left: 830px; padding-top: 40px; color: #ffffff; font-size: 20px; }
	
	#flash { height: 220px; }
	#nonflash { height: 220px; background: url(images/header.jpg) no-repeat left top; }
		
	#content { margin-top: 40px; }
		#homeLeft { float: left; width: 340px; margin-right: 40px !important; margin-right: 37px; }
		#homeMiddle { float: left; width: 380px; margin-right: 40px !important; margin-right: 37px; }
			#homeMiddleTop { background: #220902 url(images/body-top.jpg) no-repeat left top; height: 14px; }
			#homeMiddleBody { background: #220902; padding-top: 5px; padding-left: 30px; padding-right: 30px; 
								min-height: 347px !important; }
			#homeMiddleBottom { background: url(images/body-bottom.jpg) no-repeat left top; height: 14px; }	
		#homeRight { float: left; width: 200px }
		
		#otherMain { float: left; width: 760px; margin-right: 40px !important; margin-right: 34px; }		
			#otherMainTop { background: #220902 url(images/tile-body-top.jpg) no-repeat left top; height: 12px; }
			#otherMainBody { background: #220902; padding-top: 5px; padding-left: 30px; padding-right: 30px; }
			#otherMainBottom { background: url(images/tile-body-bottom.jpg) no-repeat left top; height: 12px; }	
			
			#otherProductTop { background: url(images/tile-text-top.jpg) no-repeat left top; height: 12px; }
			#otherProductBody { background: #220902; padding-top: 5px; padding-left: 30px; padding-right: 30px; min-height: 112px !important; }
			#otherProductBottom { background: url(images/tile-text-bottom.jpg) no-repeat left top; height: 12px; }		
		
		#otherSide { float: left; width: 200px; }					
		
		.box-menu { width: 340px; height: 100px; background: url(images/tile-left.jpg) no-repeat left top; margin-bottom: 40px; }
			#box-menu-last { margin-bottom: 0; } 
			.box-menu-text { float: left; width: 146px; padding-left: 30px; }
			.box-menu-text h3 { color: #DE7A55; margin-top: 18px; font-size: 140%; font-weight: normal; margin-bottom: 0; padding-bottom: 5px; border-bottom: 1px solid #DE7A55; } 
			.box-menu-text a { color: #DE7A55; text-decoration: none; }
			.box-menu-text p { padding-top: 5px; }
			.box-menu-image { float: right; width: 164px; } 												
		
		.box-item { width: 200px; height: 140px; margin-bottom: 40px; }
			.box-item-text { padding-left: 30px; padding-right: 30px; }
			.box-item-text h3 { color: #DE7A55; padding-top: 18px; font-size: 140%; font-weight: normal; margin-bottom: 0; padding-bottom: 5px; border-bottom: 1px solid #DE7A55; } 
			.box-item-text p { padding-top: 5px; padding-bottom: 10px; }			
			
			#miniCart { height: 140px; background: url(images/tile-cart.jpg) no-repeat left top; }
			#miniCartOther { height: 140px; background: url(images/tile-cart2.jpg) no-repeat left top; margin-bottom: 0}
			#enews { height: 200px; background: url(images/tile-enews.jpg) no-repeat left top; margin-bottom: 0px; }		
	
	#categories { margin-top: 40px; }
	#products { }
	
		.group-listing, .group-listing-last { float: left; width: 200px; margin-bottom: 20px; margin-right: 42px;}
		.group-listing-last { margin-right: 0; }
			.group-listing img, .group-listing-last img { margin-bottom: 5px; } 
			.group-listing h3, .group-listing-last h3 { font-size: 12px; text-align: center; margin-bottom: 0; } 			
			.group-listing a, .group-listing-last a { color: #DE7A55; text-decoration: none; }
			.group-listing a:hover, .group-listing-last a:hover { text-decoration: underline; }
			
		.product-listing, .product-listing-last { float: left; width: 221px; height: 200px; margin-right: 38px; margin-bottom: 34px; background: url(images/tile-products.jpg) no-repeat left top; }
		.product-listing-last { margin-right: 0; }
			.product-listing-text { padding-left: 30px; padding-right: 40px; }
			.product-listing-text h3 { color: #DE7A55; margin-top: 18px; font-size: 140%; font-weight: normal; margin-bottom: 13px; padding-bottom: 5px; border-bottom: 1px solid #DE7A55; } 
			.product-listing-text a { color: #DE7A55; text-decoration: none; }
			.product-listing-text a:hover { color: #F8D0B0; text-decoration: none; }	
	
		#oneColumnTop { background: url(images/footer.jpg) no-repeat left top; height: 12px; }
			#oneColumnBody { background: #220902; padding-top: 5px; padding-left: 30px; padding-right: 30px; }
				#oneColumnBody h3 { color: #973D00; } 
			#oneColumnBottom { background: url(images/footer.jpg) no-repeat left bottom; height: 12px; }			
			
		#leftColumn { float: left; width: 340px;}
		#rightColumn { float: right; width: 340px; }
		
		#product-wrapper { margin-bottom: 20px; }
			#product-image { float: left; width: 400px; margin-right: 20px; }
				#product-image img { margin-bottom: 10px; } 
				#product-image-set { }
					#product-image-set img { float: left; width: 200px; }
			#product-text { float: left; width: 520px; }	
				#material-set {}
					.material-swab { float: left; width: 80px; margin-right: 10px; } 
							
		#boxCredits { padding-bottom: 10px; }
		
	#footer { height: 50px; background: url(images/footer.jpg) no-repeat left top; color: #DE7A55; margin-top: 40px; margin-bottom: 20px; }
		#footer p { padding-top: 17px; padding-bottom: 0; text-align: center; }
		#footer a { color: #DE7A55; }
			#footer a.website { text-decoration: none; }


#popupwrapper { margin: 20px; padding: 0; width: 550px; } 		

		
/************************ MISC ********************/	
.clearFloat { clear: both; }
.warning { color: #FF0000; font-weight: bold; padding-bottom: 0; }
.notice { font-size: 85%; font-style: italic; }
.invisibleHeading {	display: none; }
.leftFloatedImage { float: left; margin-right: 10px; margin-bottom: 10px; }

.textWhite, .textWhiteBold { color: #FFF; }
.textTan, .textTanBold { color: #F8D0B0; }
.textBrown, .textBrownBold { color: #DE7A55; }
.textDarkBrown, .textDarkBrownBold { color: #220902; }
.textBrownBold, .textDarkBrownBold, .textTanBold, .textWhiteBold { font-weight: bold; }

/************************* FORM **********************/
form br { clear: left; }
label {	border: none; width: 150px; }
input, textarea { font: small Arial, Helvetica, sans-serif;  border: 1px solid #663300; padding: 2px; 
	width: 200px; color: #DE7A55;	margin-bottom: 4px; background: #220902; }

#formSignup input { width: 140px; }
#formSignup .buttonSignup { cursor: pointer; color: #F8D0B0; font-weight: bold; border: none; background: #663300; 
	width: 70px; line-height: 1em; }

#formContact { }
#formContact label, #formContact input, #formContact select, #formContact textarea {
	display: block;	width: 300px; float: left; margin-bottom: 10px;	border: 1px solid #663300; 
	background: #220902; color: #DE7A55; font-size: 100%; padding: 2px; }
#formContact label { text-align: left; width: 100px; padding-right: 5px; border: none; color: #F8D0B0; }
#formContact p, #formSearch p { padding-bottom: 10px; }
#formContact .sendButton { cursor: pointer; color: #F8D0B0; font-weight: bold; border: none; float: left; 
	display: block; margin-top: 10px; background: #663300; width: 100px; }
#formContact .updateButton { float: left; cursor: pointer; color: #FFF; font-size: 11px; font-weight: bold; border: none; 
	display: block; background: #973D00; width: 60px; margin-left: 10px; }
#formContact .tinyInput { width: 40px; }
.smallInput { width: 100px; }
.mediumInput { width: 150px; }
.wideInputBox { width: 400px; }
#formContact .medLabel { width: 120px; }
#formContact .wideLabel { width: 260px; }
#formContact p { padding-bottom: 5px; }
#formContact .nodisplay  { display: none; visibility: collapse; }
.hidden  { display: none; visibility: collapse; }
#formContact .checkboxLabel { text-align: left; width: 200px; }
input.checkBox { width: 15px; height: 15px;	margin: 0; }
input.radioButton { width: 20px; border: none; }
.yesButton, .noButton {	width: 50px; border: 1px solid #003399;	background: #003399; font-size: 12px; 
	color: #FFF; cursor: pointer; margin-top: 10px; }
.noButton {	margin-left: 10px; }
.cartButton { float: left; cursor: pointer; color: #FFF; font-size: 11px; font-weight: bold; border: none; 
	display: block; background: #973D00; width: 60px; margin-left: 10px; }
.processButton { cursor: pointer; font-size: 14px; width: 200px; padding: 3px 0; color: #FFF; 
	font-weight: bold; border: none; display: block; margin-top: 10px; background: #973D00; }
.addtocartButton { 
	cursor: pointer; color: #F8D0B0; font-size: 11px; font-weight: bold; border: none; 
	display: block; margin-top: 10px; background: #663300; width: 100px; text-decoration: none; }


/************************* TABLE **********************/
#listTable { width: 100%; }
td { padding: 2px; vertical-align: middle; }
.tr-heading { background: #973D00; color: #F8D0B0; }
.tr-body { padding-bottom: 10px; }
.td-heading { padding-bottom: 0; }