@charset "UTF-8";
/* CSS Document */

body {
	margin: 0;
	background-color: white;
	font-family: Georgia, Times, Times New Roman, serif;
	font-size: 11px;
	color: #6d6f71;
}
a {font-size: 11px; font-weight: normal; text-decoration: none; color: #6d6f71;}
a:hover {text-decoration: underline;}
bodytitle {
	font-size: 11px;
	font-weight: bold;
	color: #6d6f71;
	text-align: center;
}
#holder {
	display: block;
	margin: 15px auto 0 auto;
	width: 724px;
}
#leftcolumn {
	float: left;
	padding: 18px;
	width: 132px;
	\width: 168px;
	w\idth: 132px;
}
#contentarea {
	float: left;
	width: 506px;
}
#menublock {
	padding: 17px 0;
	margin-bottom: 15px;
	background-repeat: no-repeat;
}
#menublock2 {
	padding: 17px 0;
	margin-bottom: 15px;
}
.decorative #menublock, .colorsfinish #menublock, .trimmold #menublock, .fieldsizes #menublock  {
	background-image:url(images/products-header-bg.jpg);
}
.bodytitle {
	font-size: 13px;
	padding: 5px 0 0 172px;
	line-height: 18px;
	margin: 0;
}
.bodycopy {
	font-size: 11px;
	padding: 5px 0 0 172px;
	line-height: 18px;
	margin: 0;
}
.bodynotes {
	font-size: 9px;
	padding: 5px 0 0 172px;
	line-height: 18px;
	margin: 0;
}
#footer {
	display: block;
	clear: both;
	border-top: 1px solid #656263;
	width: 100%;
	position: relative;
}
#footerlinks {
	width: 506px;
	margin: 15px 0 0 0;
	padding: 0;
	position: absolute;
	left: 168px;
	
}
#footerlinks li {
	margin: 0;
	padding: 0;
	display:block;
	text-align: center;
	float: left;
	list-style: none;
}
#footerlinks a {
	border: none;
	width: 20%;
}
#footerlinks a img {border: none;}
.clear {
	display: block;
	width: 99%;
	clear: both;
	height: 1px;
	line-height: 1px;
	border: none;
	padding: 0;
	margin: 0;
}
.mainimage {
	border: 1px solid #afafb1;
	display: block;
	float: left;
	margin-bottom: 15px;
}
.maintext {
	border: 0;
	display: block;
	float: right;
	margin-bottom: 30px;
	padding-right: 120px;
	width: 500px;
	text-align: center;
	font-family: Georgia, Times, Times New Roman, serif;
	font-size: 11px;
	color: #333333;
	position: relative;
}
#logoblock {
	margin: 0;
	border: none;
	padding: 0;
	filter: alpha(opacity=80); -moz-opacity: 0.80; -khtml-opacity: .80;
	}

/* Left Column */
.leftnavheader {
	display: block;
	clear: both;
	margin-top: 15px;
}
#leftnav {
	margin: 0;
	padding: 0;
	font-size:11px;
}
#leftnav li {
	list-style: none;
	padding: 20px 0 0 0;
}
#leftnav li a {
}
#leftnav li a img {border: none;}
#leftnav li a:hover {
}
.decorative #dectile, .colorsfinish #colfinish, .trimmold #moldings, .fieldsizes #fieldsizes {
	font-weight: bold;
}
#tile img {border: none;}

/* Main Pulldown Nav */
.navholder {
	z-index: 100;
	display: block;
	height: 50px;
	font-family: Georgia, Times, Times New Roman, serif;
	color: #6d6f71;
	position: relative;
	}

#nav {
	margin: -1px auto 0 auto;
	padding: 0;
	list-style: none;
	top: 0;
	font-weight: bold;
	font-size: 11px;
	}
		
#nav li {
	position: relative;
	display: block;
	float: left;
	text-align: center;
	margin-left: 6px;
	border-top: 1px solid #6d6f71;
	}
#nav li.logoblockholder {
	margin:0;
	padding: 0;
	background-color: transparent;
	border: none;
	}
li.logoblockholder a {
	margin: 0;
	padding: 0;
	border: none;
	background-color: transparent;
}
#nav li ul {
	position: absolute;
	left: 118px; /* Set 1px less than menu width */
	top: 0;
	display: none;
	list-style: none;
	margin: 0 0 9px 0;
	padding: 0;
	width: 119px;
	}
	
#nav li ul li {
	position: relative;
	top: 50px;
	left: -118px;
	text-indent: 0;
	text-align: center;
	margin: 0;
	border-top: none;
	}

/* Styles for Menu Items */
#nav li a:link, #nav li a:visited {
	display: block;
	text-decoration: none;
	color: #6d6f71;
	background:url(images/navback.jpg) top left fixed;
	padding: 18px 0 0 0;
	border: 1px solid #6d6f71; /* IE6 Bug */
	border-top: none;
	background-color: white;
	filter: alpha(opacity=75); -moz-opacity: 0.75; -khtml-opacity: .75;
	width: 117px;
	\width: 119px;
	w\idth: 117px;
	height: 31px;
	\height: 51px;
	hei\ght: 31px;
	}


#nav li a:hover {
	filter: alpha(opacity=90); -moz-opacity: 0.90; -khtml-opacity: .90;
	}

#nav li a:active {
	
}
	
/* IE Hack. \*/
* html #nav li { float: left; height: 1%; }
* html #naV li a { height: 1%; }
/* IE Hack End */

#nav li:hover ul, #nav li.over ul { display: block; } /* The magic - code in drop_down.js file uses event handlers to switch styles for IE */


/* End Nav Bar Styles */

/* Thumb Grid Styles */
.thumbgridholder {
	border: 1px solid #afafb1;
	display: block;
	clear: both;
	padding: 10px;
	margin-bottom: 25px;
	}
.thumbgrid {
	padding: 0;
	margin: 0;
	}
.thumbgrid li {
	display: block;
	float: left;
	list-style: none;
	width: 20%;
	margin: 0;
	font-size: 11px;
	text-align: center;
	}
	
.thumbgrid li.wider {width: 140px;}
.thumbgrid li img {
	border: none;
	display: block;
	margin-left: auto;
	margin-right: auto;
	}
.thumbgrid li a img, .imlink {
	cursor: pointer;
}
	
.thumbgrid li.clear {
	display: block;
	width: 99%;
	clear: both;
	height: 1px;
	line-height: 1px;
	border: none;
	padding: 0;
	margin: 0;
	float: none;
}

/* Home Styles */
.home #holder {
	background-image:  url(rotatescript/rotate.php);
	background-repeat: no-repeat;
	background-position: center top;
}
.home p {
	font-size: 11px;
	text-align: justify;
	line-height: 12px;
	color: black;
	margin: 0 10px 0 24px;
	padding: 10px;
	color: #6d6f71;
	border: 1px solid #6d6f71;
	background-color: white;
	filter: alpha(opacity=75); -moz-opacity: 0.75; -khtml-opacity: .75;
}
.home #contentarea {
	height: 394px;
	width: 526px;
}
.home #menublock {
	padding-left: 20px;
}
.transset {
	filter: alpha(opacity=65);
	-moz-opacity: 0.65;
	-khtml-opacity: .65;
}

/* Zoom Popup Styles */
.popup {font-size: 12px;}
.zoom {position: absolute; left: 15px; top: 36px;}
.zoom-descript {position: absolute; left: 432px; top: 94px; width: 153px}
.zoom-descript:first-line {font-weight: bold;}
.popnumber {position: absolute; top: 566px; left: 15px; width:355px; text-align: center; font-weight: bold;}
.popnumber a {font-size: 14px; font-weight: normal; text-decoration: none; color: #6d6f71;}
.popnumber a:hover {text-decoration: underline;}


.zoom-descript-sq{position: absolute; left: 124px; top: 2px; width: 153px; text-align: center;}
.zoom-descript-sq:first-line {font-weight: bold;}
.popnumber-sq {position: absolute; top: 413px; left: 15px; width:355px; text-align: center; font-weight: bold;}
.popnumber-sq a {font-size: 14px; font-weight: normal; text-decoration: none; color: #6d6f71;}
.popnumber-sq a:hover {text-decoration: underline;}

.zoom2 {position: absolute; left: 15px; top: 15px;}
.zoom-descript-sq2{position: absolute; left: 124px; top: 368px; width: 153px; text-align: center;}
.zoom-descript-sq2:first-line {font-weight: bold;}
.popnumber-sq2 {position: absolute; top: 413px; left: 15px; width:355px; text-align: center; font-weight: bold;}
.popnumber-sq2 a {font-size: 14px; font-weight: normal; text-decoration: none; color: #6d6f71;}
.popnumber-sq2 a:hover {text-decoration: underline;}


.press img {border: 1px solid #6d6f71;}



/* Press Styles */
.press #holder {
	background-image:  url(rotatescript/rotate.php);
	background-repeat: no-repeat;
	background-position: center top;
}
.press p {
	font-size: 11px;
	text-align: justify;
	line-height: 12px;
	color: black;
	margin: 0 10px 0 24px;
	padding: 10px;
	color: #6d6f71;
	border: 1px solid #6d6f71;
	background-color: white;
	filter: alpha(opacity=75); -moz-opacity: 0.75; -khtml-opacity: .75;
}
.press #thumb {
	text-align: center;
	margin: 0 10px 0 24px;
	padding: 5px;
	color: #6d6f71;
	border: 1px solid #6d6f71;
	background-color: white;
	filter: alpha(opacity=75); -moz-opacity: 0.75; -khtml-opacity: .75;
}
.press img {
	border: 1px solid #6d6f71;
}
.press #contentarea {
	height: 394px;
	width: 526px;
}
.press #menublock {
	padding-left: 20px;
}
.transset {
	filter: alpha(opacity=65);
	-moz-opacity: 0.65;
	-khtml-opacity: .65;
}