@charset "utf-8";
body {
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	background: #666666;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #000000;
}
.oneColFixCtrHdr #container {
	width: 764px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	background: #FFFFFF;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	border: 1px solid #000000;
	text-align: left; /* this overrides the text-align: center on the body element. */
}
.oneColFixCtrHdr #header {
	background: #DDDDDD;
	padding: 0px 0px 0px 00px;  /* this padding matches the left alignment of the elements in the divs that appear beneath it. If an image is used in the #header instead of text, you may want to remove the padding. */
	height: 123px;
}
.oneColFixCtrHdr #header h1 {
	margin: 0; /* zeroing the margin of the last element in the #header div will avoid margin collapse - an unexplainable space between divs. If the div has a border around it, this is not necessary as that also avoids the margin collapse */
	padding: 10px 0; /* using padding instead of margin will allow you to keep the element away from the edges of the div */
}
.oneColFixCtrHdr #mainContent {
	padding: 0px 0px 0px 0px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
	background: #000000;
	background-image: url(http://www.claygateinteriors.com/images/contentBG.jpg);
	background-repeat: repeat;
	clear:both;
	margin: 0px 0px 0px 0px;
	width:764px;
}


.oneColFixCtrHdr #CategoryHeader {
	height: 297px;
	padding: 0px 0px 0px 0px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
	background: #000000;
	
	background-repeat: repeat;
}

.oneColFixCtrHdr #footer {
	padding: 0 10px; /* this padding matches the left alignment of the elements in the divs that appear above it. */
	background:#000000;
}
.oneColFixCtrHdr #footer p {
	margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
	padding: 10px 0; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
	text-align: right;
	color: white;
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 12px;
	text-decoration: none;
}

.oneColFixCtrHdr #footer a {
text-decoration: none;	
}

.oneColFixCtrHdr #menu {
	background-image: url(http://www.claygateinteriors.com/images/menubg.jpg);
	padding: 0 0 0 4px;
	margin: 0;
	height:34px;
	overflow: hidden;
	}
	
	.oneColFixCtrHdr #menu ul{
	list-style-type: none;
	color: #FFF;
	padding: 0;
	margin: 0;
	
		}
		
		.oneColFixCtrHdr #menu ul li{
	list-style-type: none;
	color: #FFF;
	padding: 0;
	margin: 0;
	display: inline;
	font-size: 12px;
	font-family: Tahoma, Geneva, sans-serif;
		}
		
	.oneColFixCtrHdr #menu ul li a{
	color: #FFF;
	padding: 0;
	margin: 0;
	display: inline;
	font-size: 12px;
	font-family: Tahoma, Geneva, sans-serif;
	text-decoration: none;
		}
		
.pageTitle {
	margin-left: 30px;
	font-size: 22px;
	font-weight: bold;
	color: #FFF;
	font-family: Tahoma, Geneva, sans-serif;
	font-style: normal;
	line-height: normal;
	padding: 0px;
	margin-top:0px;
}
.categoryDescription {
	background-color: #616060;
	float: left;
	width: 240px;
	height: 297px;
	margin:0;
	padding-left:45px;
	padding-right:5px;
}
.categoryPicture {
	height: 297px;
	width: 474px;
	float: right;
}

#curtains{width:184px;
height: 297px;
float: right;}

.subCategories{
	background-repeat: repeat;
	width: 764px;
	clear: both;
	background-image: url(http://www.claygateinteriors.com/images/contentBGblack.jpg);	
	}
	
	.thumbnailRow{
	height:130px;
	background-color: transparent;

		}
	
	.productthumbnailRow{
	height:200px;
	background-color: transparent;
	margin-left:20px;
		}
		
	.thumbnail{
	width:138px;
	background-color: transparent;
	float:left;
	padding-top:5px;
	}
		
	.subcategoryTitle{
	text-align:center;
	color:#FFF;
	font-size: 12px;
	font-family: Tahoma, Geneva, sans-serif;
	text-decoration: none;
	background-color: transparent;
	}

	.subcategoryTitle a{
	color:#FFF;
	font-size: 12px;
	font-family: Tahoma, Geneva, sans-serif;
	text-decoration: none;
	background-color: transparent;
	}

	.subcategoryImage{
	width:80px;
	height:80px;
	margin: 2px 29px 0px 29px;
	background-color: transparent;
	padding-top:2px;
	border:none;
	border-width: 0;
		}
		
		.subcategoryImage img{
		border: 0px;	
		}
		
	.subcategoryImage a{
	color:#FFF;
	font-size: 12px;
	font-family: Tahoma, Geneva, sans-serif;
	text-decoration: none;
	background-color: transparent;
		}
		
		.categoryDescription h2{
	color: #f2c345;
	padding-top:15px;
	padding-left:0px;
	margin:0px;
	font-size:18px;
	font-weight:bolder;
	font-family: Tahoma, Geneva, sans-serif;
			}
		
			.products{
			background-repeat: repeat;
	width: 764px;
	clear: both;
	padding-top:10px;
	background-image: url(http://www.claygateinteriors.com/images/contentBG.jpg);
		}
		
		
		h2.subcattitle{
			color:#FFF;
			padding-left:40px;
			font-family:Tahoma, Geneva, sans-serif;
			}
		
		.productTitle{
	text-align:center;
	color:#FFF;
	font-size: 12px;
	font-family: Tahoma, Geneva, sans-serif;
	text-decoration: none;
	background-color: transparent;
	}

	.productTitle a{
	color:#FFF;
	font-size: 12px;
	font-family: Tahoma, Geneva, sans-serif;
	text-decoration: none;
	background-color: transparent;
	}

	.productImage{
	width:160px;
	height:120px;
	margin: 2px 10px 0px 10px;
	background-color: transparent;
	padding-top:2px;
		}
		
		.productImage img{
	border: 0px;
		}
		
	.productImage a{
	color:#FFF;
	font-size: 12px;
	font-family: Tahoma, Geneva, sans-serif;
	text-decoration: none;
	background-color: transparent;
		}
		
	.productThumbnail{
	width:180px;
	background-color: transparent;
	float:left;
	padding-top:5px;
	}	
		
		
.formLabel {
	    float:left;
	    text-align: right;
 		width: 150px;
		color:white;
	
	}	
	
	.formInput{
		float:right;
		text-align:left;
		width:200px;
		
		}
	
	#address{float:right;
	margin-right:5px;
	width:180px;
	height:520px;
	color:#FFF;
	font-family:Tahoma, Geneva, sans-serif;
	}
	
	#address p{
		margin:0px 0px 0px 0px;
		padding:0px 0px 0px 0px;
		color:#FFF;
	font-family:Tahoma, Geneva, sans-serif;
		}
	
#address h3{
		text-align:left;
		color: #f2c345;
		}
	
		.clear{
			clear:both;
			}