/* Kroy Website CSS Document : March 29, 2006*/

html, body {
    height: 100%;
}

BODY {
	margin: 0px;
	padding: 0px;
	background: #FFFFFF url(../images/border_repeat.gif) repeat-y 50% 0;
}

IMG {
	border: 0px;
	padding: 0px;
	margin: 0px;
}

#centerpage {
	width: 100%; 
	margin-top: 0px; 
	text-align: center;
}

#pagewidth {
	width: 768px;
	position: relative;
	text-align: left;
	margin-right: auto;
	margin-left: auto;
	padding: 0px;
	_padding: 0px 0px 0px 1px;
}

#container {
	float: left;
	width: 768px;
	padding: 0px;
	margin: 0px;
	height: 100%;
	/* pass rules to Mac IE only \*//*/
		height: 2800px;
	/**/
}

/*--------------LEFT SECTION------------------------*/

/* SET LOGO and NAV links */
#globalnav {
	float: left;
	clear: none;
	width: 189px;		
	display: block;
	padding: 0px;
	margin: 0px;
	text-align: left;
}

/* SIDE NAV */
#globalnav #Sidenav {
	float: left;
	width: 189px;
	background-color: #FFB200;
	padding: 0px;	
	margin: 0px;
	}
	
#globalnav #Sidenav IMG{
	vertical-align: middle;
}

#globalnav #Sidenav UL {
	margin: 0;
	padding: 17px 0px 5px 30px;
	_padding: 10px 0px 0px 30px; /* IE */
}

#globalnav #Sidenav UL LI{	
	padding: 0px;
	margin: 0px;
	font: bold 12px "Myriad Web",Verdana,Helvetica,Arial,sans-serif;
	color: #000000;
	list-style-image: url(../images/pointer.gif);
	padding: 0px 0px 20px 0px;
}

#globalnav #Sidenav  a:link {
	color: #000000;
	text-decoration: none;
	font: bold 12px "Myriad Web",Verdana,Helvetica,Arial,sans-serif;
}

#globalnav #Sidenav  a:visited {
	color: #000000;
	text-decoration: none;
	font: bold 12px "Myriad Web",Verdana,Helvetica,Arial,sans-serif;
}

#globalnav #Sidenav  a:hover {
	color: #FFFFFF;
	text-decoration: underline;
	font: bold 12px "Myriad Web",Verdana,Helvetica,Arial,sans-serif;
}

/*-------------------RIGHT SECTION -----------------*/
#contentcontainer {
	width: 579px;
	height: 100%;
	float: right;
	clear: none;
	margin: 0px;
	padding: 0px;
	margin-top: -1px;
    min-height: 100%;
}

#sub_subnav {
	font: normal 12px "Myriad Web",Verdana,Helvetica,Arial,sans-serif;
	padding: 7px 10px 5px 18px;
	color: #999999;
}

#sub_subnav a:link {
	text-decoration: none;
	padding: 0px 5px 0px 5px;
}

#sub_subnav .selected a:link{
	text-decoration: underline;
}

#metatop {
	float: left;
	clear: none;
	width: 579px;
	height: 73px; 
}

/* Sitemap : Contact Us : Privacy Policy : Home */
#metamenu {
	float: right;
	clear: none;
	width: 559px;
	height: 21px;
	text-align: right;
	font: normal 11px "Myriad Web",Verdana,Helvetica,Arial,sans-serif;
	color: #FFB200;
	margin: 0px;
	padding: 20px 20px 0px 0px !important; /* for most browsers */
	padding /**/: 20px 20px 0px 0px; /* for IE5.5's bad box model */
	
	/* pass rules to Mac IE only \*//*/
		padding: 50px 20px 0px 0px;
	/**/
}

#contentcontainer #metamenu a:link, a:visited{
	color: #333333;
	text-decoration: none;
}

#contentcontainer #metamenu a:hover {
	color: #000000;
	text-decoration: underline;
}

#metamenu a:active{
	color: #333333;
	text-decoration: none;	
}


/* SUB NAV - Our Products : How to Buy : Installation :  */
#metalinks {
	float: right;
	clear: none;	
	width: 579px;
	height: 39px;
	text-align: left;
	padding: 0px;
	margin: 0px;
	border: 0px;
}

/* SUB NAV orange */
#subnav_main {
	width: 579px;	
	float: left;
	background-color: #FFB200;
	padding: 5px 0px 0px 0px;
   	height: 25px;
   	_height: 25px;   
}



/*-------------------CONTENT WIDE (579) SECTION -----------------*/
#content {
	float: right;
	text-align: left;
	width: 579px;
	height: 100%;
	font: normal 11px "Myriad Web",Verdana,Helvetica,Arial,sans-serif;
	color: #333333;
	background-color: #FFFFFF;	
	padding: 0px;	
	margin: 0px;
	_height: 485px; /* IE */
	/* pass rules to Mac IE only \*//*/
		height: 1000px;
	/**/
}

#Titles {
	text-align: left;
	padding: 10px 5px 0px 0px;
	_padding: 10px 5px 0px 0px; /* IE & FIREFOX  but not IE 5.5 PC*/	
	_padding /**/: 10px 0px 0px 0px; /* IE 5.5-5 */
	margin: 0px;
}

.pageTitle IMG{
	margin: 0px;
	padding: 0px 0px 0px 20px;
}

.pageSlog IMG{
	margin: 0px;
	padding: 5px 0px 0px 20px;
}
	
FORM {
font: normal 11px "Myriad Web",Verdana,Helvetica,Arial,sans-serif;
}	

#content P{
	padding: 0px 10px 0px 20px;
	_padding /**/: 0px 10px 0px 20px; /* IE 5.5-5 */
	_margin: 0px;
	line-height: 18px;}
	
#content a:link {
		color: #3A3A3A;
		text-decoration: none;
		line-height: 20px;
}

#content a:visited {
		color: #3A3A3A;
		text-decoration: none;
		line-height: 20px;
}

#content a:hover {
		color: #3A3A3A;
		text-decoration: underline;
		line-height: 20px;
}

#content a:active{
		color: #3A3A3A;
		text-decoration: none;
		line-height: 20px;
}
/*-------------------CONTENT WITH IMAGE SECTION -----------------*/
#contentwimage {
	vertical-align: top;
	float: left;
	clear: none;
	width: 397px;
	height: 485px;
	font: normal 11px "Myriad Web",Verdana,Helvetica,Arial,sans-serif;
	color: #333333;
	background-color: #FFFFFF;	
	padding: 0px;
	margin: 0px;
}

#contentwimage P{
	vertical-align: top;
	margin: 15px 5px 5px 17px;
	_margin: 15px 5px 5px 15px;
	line-height: 20px;}

#imagearea {
	float: right;
	clear: none;
	vertical-align: top;
	width: 182px;
	height: 431px;
	background-color: #FFFFFF;
	border: 0px;
	padding: 0px;
	margin: 0px;
	}
	
#imagearea IMG { border: 0px;}
	
#contentwimage a:link {
		color: #3A3A3A;
		text-decoration: none;
		line-height: 20px;
}

#contentwimage a:visited {
		color: #3A3A3A;
		text-decoration: none;
		line-height: 20px;	
}

#contentwimage a:hover {
	text-decoration: underline;
}

#contentwimage a:active {
		color: #3A3A3A;
		text-decoration: none;
		line-height: 20px;	
}

.newslink {
	font: bold 11px "Myriad Web",Verdana,Helvetica,Arial,sans-serif;
}
/*-------------------BREADCRUMB -----------------*/
#breadcrumb {
	float: right;
	width: 559px;
	height: 20px;
	float: left;
	clear: none;
	padding: 10px 20px 0px 0px;
	text-align: right;
	font: normal 10px "Myriad Web",Verdana,Helvetica,Arial,sans-serif;
	color: #999999;
}

#breadcrumb a:link {
	padding: 0px 2px 0px 2px;
	text-decoration: none;
	font-weight: normal;
	color: #999999;
	font-size: 10px;
}

#breadcrumb a:visited {
	text-decoration: none;	
	padding: 0px 2px 0px 2px;
	font-weight: normal;
	color: #999999;
	font-size: 10px;
}

#breadcrumb a:hover {
	text-decoration: underline;
	padding: 0px 2px 0px 2px;
	font-weight: normal;
	color: #999999;
	font-size: 10px;
}

#breadcrumb a:active {
	text-decoration: none;	
	padding: 0px 2px 0px 2px;
	font-weight: normal;
	color: #999999;
	font-size: 10px;
}
/*-------------------COMMON ELEMENTS -----------------*/
#pageTitle{
    float:left;
	clear:both;
	width: 300px;
	margin:0;
	padding: 15px 5px 1px 17px;
	}

#pageSlog{
	float:left;
	clear:both;
	width: 300px;
	margin:0;
	padding: 15px 15px 0px 17px;
	}
	
#faqlinks a:link{ 
	font: normal 9px "Myriad Web",Verdana,Helvetica,Arial,sans-serif;
	color: #CCCCCC;
	text-decoration: underline;
}

#faqlinks a:visited{ 
	font: normal 9px "Myriad Web",Verdana,Helvetica,Arial,sans-serif;
	color: #CCCCCC;
	text-decoration: underline;
}
#faqlinks a:hover{ 
	font: normal 9px "Myriad Web",Verdana,Helvetica,Arial,sans-serif;
	color: #CCCCCC;
	text-decoration: underline;
}

.faqlist {
	list-style-type: square;
	color: #FFB200;
}

/*??*/
.faq {
	font: bold 11px "Myriad Web",Verdana,Helvetica,Arial,sans-serif;
	color: #3A3A3A;
	margin: 0px 0px 0px 17px;
	padding: 0px;
}



.faqhighlight {
	font: bold 11px "Myriad Web",Verdana,Helvetica,Arial,sans-serif;
	color: #555555;
}
		
.highlight {
	font: bold 11px "Myriad Web",Verdana,Helvetica,Arial,sans-serif;
	color: #FFB200;
}

P a:link {
	color: #FFB200;
	text-decoration: none;
	font-weight: bold;
}

P a:visited {
	color: #FFB200;
	text-decoration: none;
	font-weight: bold;
}

P a:hover {
	text-decoration: underline;
}

P a:active {
	color: #FFB200;
	text-decoration: none;
	font-weight: bold;
}

B{ font: bold 11px "Myriad Web",Verdana,Helvetica,Arial,sans-serif;}

H1 {
	_font: bold 16px "Myriad Web",Verdana,Helvetica,Arial,sans-serif;
	font: bold 14px "Myriad Web",Verdana,Helvetica,Arial,sans-serif;
	color: #3A3A3A;
	padding: 5px 0px 0px 17px;
	_padding: 0px;
	_margin: 18px 0px 0px 17px;
}

H2 {
	font: bold 12px "Myriad Web",Verdana,Helvetica,Arial,sans-serif;
	color: #3A3A3A;
	margin: 18px 0px 0px 20px;
	padding: 0px;
}

H3 {
	font: bold 11px "Myriad Web",Verdana,Helvetica,Arial,sans-serif;
	color: #3A3A3A;
	margin: 18px 0px 0px 20px;
	_margin: 18px 0px -15px 20px;
	padding: 0px;
}

#footer {
	font: normal 10px "Myriad Web",Verdana,Helvetica,Arial,sans-serif;
	color: #666666;
	float: right;
	margin: 5px 18px 0px 0px;
	height: 20px;
	_margin: 25px 10px 0px 0px;
	vertical-align: bottom;
	/* pass rules to Mac IE only \*//*/
		position: absolute;
		bottom: 0;    	
	/**/
}

/* OUR PRODUCTS - FENCE */
.fencelink {
	background-color: #FFB200;	
	/*padding: 0px 3px 0px 4px;*/
}

/* ABOUT KROY - INDEX */
.linkbold a:link {
	font: normal 10px "Myriad Web",Verdana,Helvetica,Arial,sans-serif;
	color: #FFB200;
	text-decoration: none;
}

.linkbold a:visited {
font: bold 11px "Myriad Web",Verdana,Helvetica,Arial,sans-serif;
	color: #FFB200;
	text-decoration: none;
}

.linkbold a:hover {
	text-decoration: underline;
}

.linkbold a:active {
font: bold 11px "Myriad Web",Verdana,Helvetica,Arial,sans-serif;
	color: #FFB200;
	text-decoration: none;
}

/* PRODUCT GALLERY - INDEX */
table.gallinks {
	width: 580px;
	_width: 569px;
	_margin: 10px 0px 0px 10px;
	_padding: 0px;
	padding: 10px 0px 0px 14px;
}
table.gallinks TD {
	vertical-align: top;
}
table.gallinks a:link{
	color: #FFB200;
	font: normal 11px "Myriad Web",Verdana,Helvetica,Arial,sans-serif;
	text-decoration: none;
}

table.gallinks a:hover {
	color: #999999;
	text-decoration: underline;
}

table.gallinks a:visited{
	color: #FFB200;
	font: normal 11px "Myriad Web",Verdana,Helvetica,Arial,sans-serif;
	text-decoration: none;
}

table.gallinks a:active{
	color: #FFB200;
	font: normal 11px "Myriad Web",Verdana,Helvetica,Arial,sans-serif;
	text-decoration: none;
}
/* OUR PRODUCTS - INDEX */
table.links {
	width: 397px;
	padding: 10px 0px 0px 14px;
}

table.links TD {
	vertical-align: top;
	font: normal 12px Arial, Helvetica, sans-serif;
}

table.links a:link{
	color: #FFB200;
	font: normal 11px "Myriad Web",Verdana,Helvetica,Arial,sans-serif;
	text-decoration: none;
}

table.links a:hover {
	color: #FFB200;
	text-decoration: underline;
}

table.links a:visited {
	color: #FFB200;
	text-decoration: none;
}

table.links a:active {
	color: #FFB200;
	text-decoration: none;
}

/* OUR PRODUCTS - PRODUCT GALLERY */
#qualitytype {
	color: #000000;
	font: bold 11px "Myriad Web",Verdana,Helvetica,Arial,sans-serif;
	float: right;
	clear: right;
	text-align: right;
	padding: 0px 5px 5px 0px;
}

#qualitytype a:link {
	font: bold 11px "Myriad Web",Verdana,Helvetica,Arial,sans-serif;
	color: #FFB200;
	text-decoration: none;
	padding: 0px 5px 0px 5px;	
}

#qualitytype a:visited {
	font: bold 11px "Myriad Web",Verdana,Helvetica,Arial,sans-serif;
	color: #FFB200;
	text-decoration: none;
	padding: 0px 5px 0px 5px;
}

#qualitytype a:hover {
	font: bold 11px "Myriad Web",Verdana,Helvetica,Arial,sans-serif;
	color: #FFB200;
	text-decoration: underline;
	padding: 0px 5px 0px 5px;
}

#qualitytype a:active {
	font: bold 11px "Myriad Web",Verdana,Helvetica,Arial,sans-serif;
	color: #FFB200;
	text-decoration: none;
	padding: 0px 5px 0px 5px;
}

#qualityblock {
	float: left;
	clear: none;
	width: 579px;
	padding: 0px;
	margin: 0px;
	
}

#qualityblock SPAN {padding: 0px; margin: 0px;}

#qualitylist {
	text-align: left;
	float: left;
	clear: none;
	width: 200px;
	padding: 0px 10px 0px 10px;
	margin: 0px;
	font: normal 11px "Myriad Web",Verdana,Helvetica,Arial,sans-serif;
}

#qualitylist TABLE, TD{
	font: normal 11px "Myriad Web",Verdana,Helvetica,Arial,sans-serif;
}

#qualitylist UL {
	padding: 0px;
	margin: 0px;
	list-style-type: none;
	vertical-align: top;
}

#qualitylist LI {
	vertical-align: top;
}

#qualitylist a:link {
	color: #000000;
	font: normal 11px "Myriad Web",Verdana,Helvetica,Arial,sans-serif;
	text-decoration: none;
	margin: 0px;
	padding: 0px;	
	vertical-align: top;
	/* pass rules to Mac IE only \*//*/
		font: normal 11px "Myriad Web",Verdana,Helvetica,Arial,sans-serif;
		width: 155px; padding-left: 5px; height: 55px; 
	/**/
	
}

#qualitylist a:visited {
	color: #000000;
	font: normal 11px "Myriad Web",Verdana,Helvetica,Arial,sans-serif;
	text-decoration: none;
	vertical-align: top;
	/* pass rules to Mac IE only \*//*/
		font: normal 11px "Myriad Web",Verdana,Helvetica,Arial,sans-serif;
		width: 155px; padding-left: 5px; height: 55px; 
	/**/
}

#qualitylist a:hover {
	font: normal 11px "Myriad Web",Verdana,Helvetica,Arial,sans-serif;
	vertical-align: top;
	text-decoration: underline;
	vertical-align: top;
	/* pass rules to Mac IE only \*//*/
		font: normal 11px "Myriad Web",Verdana,Helvetica,Arial,sans-serif;
		width: 155px; padding-left: 5px; height: 55px; 
	/**/
}

#qualitylist a:active {
	color: #000000;
	font: normal 11px "Myriad Web",Verdana,Helvetica,Arial,sans-serif;
	text-decoration: none;
	vertical-align: top;
	/* pass rules to Mac IE only \*//*/
		font: normal 11px "Myriad Web",Verdana,Helvetica,Arial,sans-serif;
		width: 155px; padding-left: 5px; height: 55px; 
	/**/
}

#productimage {
	vertical-align: top;
	float: right;
	clear: none;
	width: 348px;
	padding-right: 11px;
	margin: 0px;
}

#available {
	float: left;
	padding: 0 0 0 18px;
}

/*Warranty Registration*/	
.required {color: #FFB200;
	font: bold 10px "Myriad Web",Verdana,Helvetica,Arial,sans-serif;
	}

#registation {
	font: normal 11px "Myriad Web",Verdana,Helvetica,Arial,sans-serif;
	padding-left: 14px;
	_margin-left: 20px;
	_padding: 0px;
}	

#registation TH{
	color: #333333;
	font: bold 11px "Myriad Web",Verdana,Helvetica,Arial,sans-serif;
	text-align: left;
	}
	
.selectproduct {
	font: normal 11px "Myriad Web",Verdana,Helvetica,Arial,sans-serif;
}
	
/* FORMS */
#submit_but{
	background-color: #FFB200;
	color: #FFFFFF;
	font: normal 11px "Myriad Web",Verdana,Helvetica,Arial,sans-serif;
	padding-left: 10px;
}

/* MAIN NAV ROLLOVERS*/
#Our_products a{
	background: url(../images/nav_ourproducts.gif) 0px 0px no-repeat;
	display: block;
	width: 145px; 
	float: left;
	padding: 39px 0px 0px 0px;
    overflow: hidden;
    height: 0px !important; /* for most browsers */
    height /**/:39px; /* for IE5.5's bad box model */
} 

#Our_products a:hover{
	background: url(../images/nav_ourproducts.gif) 0px -39px no-repeat;
	display: block;
	width: 145px; 
	float: left;
	padding: 39px 0px 0px 0px;
    overflow: hidden;
    height: 0px !important; /* for most browsers */
    height /**/:39px; /* for IE5.5's bad box model */
}

#Our_products_on a{
	background: url(../images/nav_ourproducts.gif) 0px -39px no-repeat;
	display: block;
	width: 145px; 
	height: 39px ;
	float: left;
	padding: 39px 0px 0px 0px;
    overflow: hidden;
    height: 0px !important; /* for most browsers */
    height /**/:39px; /* for IE5.5's bad box model */
}


#How_tobuy a{
	background: url(../images/nav_howtobuy.gif) 0px 0px no-repeat;
	display: block;
	width: 126px; 
	height: 39px;
	float: left;
	padding: 39px 0px 0px 0px;
    overflow: hidden;
    height: 0px !important; /* for most browsers */
    height /**/:39px; /* for IE5.5's bad box model */
} 

#How_tobuy a:hover{
	background: url(../images/nav_howtobuy.gif) 0px -39px no-repeat;
	display: block;
	width: 126px; 
	height: 39px;
	float: left;
	padding: 39px 0px 0px 0px;
    overflow: hidden;
    height: 0px !important; /* for most browsers */
    height /**/:39px; /* for IE5.5's bad box model */
}

#How_tobuy_on a{
	background: url(../images/nav_howtobuy.gif) 0px -39px no-repeat;
	display: block;
	width: 126px; 
	height: 39px ;
	float: left;
	padding: 39px 0px 0px 0px;
    overflow: hidden;
    height: 0px !important; /* for most browsers */
    height /**/:39px; /* for IE5.5's bad box model */
}

#Installation a{
	background: url(../images/nav_Installation.gif) 0px 0px no-repeat;
	display: block;
	width: 126px; 
	height: 39px;
	float: left;
	padding: 39px 0px 0px 0px;
    overflow: hidden;
    height: 0px !important; /* for most browsers */
    height /**/:39px; /* for IE5.5's bad box model */
} 

#Installation a:hover{
	background: url(../images/nav_Installation.gif) 0px -39px no-repeat;
	display: block;
	width: 126px; 
	height: 39px;
	float: left;
	padding: 39px 0px 0px 0px;
    overflow: hidden;
    height: 0px !important; /* for most browsers */
    height /**/:39px; /* for IE5.5's bad box model */
}

#Installation_on a{
	background: url(../images/nav_Installation.gif) 0px -39px no-repeat;
	display: block;
	width: 126px; 
	height: 39px ;
	float: left;
	padding: 39px 0px 0px 0px;
    overflow: hidden;
    height: 0px !important; /* for most browsers */
    height /**/:39px; /* for IE5.5's bad box model */
}

#Warranty_andcare a{
	background: url(../images/nav_warrantyncare.gif) 0px 0px no-repeat;
	display: block;
	width: 182px; 
	height: 39px;
	float: left;
	padding: 39px 0px 0px 0px;
    overflow: hidden;
    height: 0px !important; /* for most browsers */
    height /**/:39px; /* for IE5.5's bad box model */
} 

#Warranty_andcare a:hover{
	background: url(../images/nav_warrantyncare.gif) 0px -39px no-repeat;
	display: block;
	width: 182px; 
	height: 39px;
	float: left;
	padding: 39px 0px 0px 0px;
    overflow: hidden;
    height: 0px !important; /* for most browsers */
    height /**/:39px; /* for IE5.5's bad box model */
}

#Warranty_andcare_on a{
	background: url(../images/nav_warrantyncare.gif) 0px -39px no-repeat;
	display: block;
	width: 182px; 
	height: 39px ;
	float: left;
	padding: 39px 0px 0px 0px;
    overflow: hidden;
    height: 0px !important; /* for most browsers */
    height /**/:39px; /* for IE5.5's bad box model */
}

/***********************************************************/
/* SUBNAV CONTAINER */

#subnav {
	background-color: #7DCDD0;
	width: 579px;
	height: 30px;
	float: left;
	clear: none;
	font: normal 10px "Myriad Web",Verdana,Helvetica,Arial,sans-serif;
	color: #FFFFFF;
	padding: 0px;
	margin: 0px;
	border: 0px;
	text-align: left;
	_clear: none;
	_position: relative;
}

/***********************************************************/
/* OUR PRODUCTS - subnav */

#OP_fence a{
	background: url(../images/op_fence.gif) 0px 0px no-repeat;
	display: block;
	width: 55px; 
	height: 30px;
	float: left;
	padding: 30px 0px 0px 0px;
    overflow: hidden;
    height: 0px !important; /* for most browsers */
    height /**/:30px; /* for IE5.5's bad box model */
} 

#OP_fence a:hover{
	background: url(../images/op_fence.gif) 0px -30px no-repeat;
	display: block;
	width: 55px; 
	height: 30px;
	float: left;
	padding: 30px 0px 0px 0px;
    overflow: hidden;
    height: 0px !important; /* for most browsers */
    height /**/:30px; /* for IE5.5's bad box model */
}

#OP_fence_on a{
	background: url(../images/op_fence.gif) 0px -30px no-repeat;
	display: block;
	width: 55px; 
	height: 30px;
	float: left;
	padding: 30px 0px 0px 0px;
    overflow: hidden;
    height: 0px !important; /* for most browsers */
    height /**/:30px; /* for IE5.5's bad box model */
}

#OP_railing a{
	background: url(../images/op_railing.gif) 0px 0px no-repeat;
	display: block;
	width: 54px; 
	height: 30px;
	float: left;
	padding: 30px 0px 0px 0px;
    overflow: hidden;
    height: 0px !important; /* for most browsers */
    height /**/:30px; /* for IE5.5's bad box model */
} 

#OP_railing a:hover{
	background: url(../images/op_railing.gif) 0px -30px no-repeat;
	display: block;
	width: 54px; 
	height: 30px;
	float: left;
	padding: 30px 0px 0px 0px;
    overflow: hidden;
    height: 0px !important; /* for most browsers */
    height /**/:30px; /* for IE5.5's bad box model */
}

#OP_railing_on a{
	background: url(../images/op_railing.gif) 0px -30px no-repeat;
	display: block;
	width: 54px; 
	height: 30px;
	float: left;
	padding: 30px 0px 0px 0px;
    overflow: hidden;
    height: 0px !important; /* for most browsers */
    height /**/:30px; /* for IE5.5's bad box model */
}

#OP_outdoorstructures a{
	background: url(../images/op_outdoorstructures.gif) 0px 0px no-repeat;
	display: block;
	width: 111px; 
	height: 30px;
	float: left;
	padding: 30px 0px 0px 0px;
    overflow: hidden;
    height: 0px !important; /* for most browsers */
    height /**/:30px; /* for IE5.5's bad box model */
} 

#OP_outdoorstructures a:hover{
	background: url(../images/op_outdoorstructures.gif) 0px -30px no-repeat;
	display: block;
	width: 111px; 
	height: 30px;
	float: left;
	padding: 30px 0px 0px 0px;
    overflow: hidden;
    height: 0px !important; /* for most browsers */
    height /**/:30px; /* for IE5.5's bad box model */
}

#OP_outdoorstructures_on a{
	background: url(../images/op_outdoorstructures.gif) 0px -30px no-repeat;
	display: block;
	width: 111px; 
	height: 30px;
	float: left;
	padding: 30px 0px 0px 0px;
    overflow: hidden;
    height: 0px !important; /* for most browsers */
    height /**/:30px; /* for IE5.5's bad box model */
}

#OP_prodgal a{
	background: url(../images/op_productgal.gif) 0px 0px no-repeat;
	display: block;
	width: 93px; 
	height: 30px;
	float: left;
	padding: 30px 0px 0px 0px;
    overflow: hidden;
    height: 0px !important; /* for most browsers */
    height /**/:30px; /* for IE5.5's bad box model */
} 

#OP_prodgal a:hover{
	background: url(../images/op_productgal.gif) 0px -30px no-repeat;
	display: block;
	width: 93px; 
	height: 30px;
	float: left;
	padding: 30px 0px 0px 0px;
    overflow: hidden;
    height: 0px !important; /* for most browsers */
    height /**/:30px; /* for IE5.5's bad box model */
}

#OP_prodgal_on a{
	background: url(../images/op_productgal.gif) 0px -30px no-repeat;
	display: block;
	width: 93px; 
	height: 30px;
	float: left;
	padding: 30px 0px 0px 0px;
    overflow: hidden;
    height: 0px !important; /* for most browsers */
    height /**/:30px; /* for IE5.5's bad box model */
}

#OP_whykroy a{
	background: url(../images/op_whykroy.gif) 0px 0px no-repeat;
	display: block;
	width: 66px; 
	height: 30px;
	float: left;
	padding: 30px 0px 0px 0px;
    overflow: hidden;
    height: 0px !important; /* for most browsers */
    height /**/:30px; /* for IE5.5's bad box model */
} 

#OP_whykroy a:hover{
	background: url(../images/op_whykroy.gif) 0px -30px no-repeat;
	display: block;
	width: 66px; 
	height: 30px;
	float: left;
	padding: 30px 0px 0px 0px;
    overflow: hidden;
    height: 0px !important; /* for most browsers */
    height /**/:30px; /* for IE5.5's bad box model */
}

#OP_whykroy_on a{
	background: url(../images/op_whykroy.gif) 0px -30px no-repeat;
	display: block;
	width: 66px; 
	height: 30px;
	float: left;
	padding: 30px 0px 0px 0px;
    overflow: hidden;
    height: 0px !important; /* for most browsers */
    height /**/:30px; /* for IE5.5's bad box model */
}

#OP_testimonials a{
	background: url(../images/op_testimonials.gif) 0px 0px no-repeat;
	display: block;
	width: 80px; 
	height: 30px;
	float: left;
	padding: 30px 0px 0px 0px;
    overflow: hidden;
    height: 0px !important; /* for most browsers */
    height /**/:30px; /* for IE5.5's bad box model */
} 

#OP_testimonials a:hover{
	background: url(../images/op_testimonials.gif) 0px -30px no-repeat;
	display: block;
	width: 80px; 
	height: 30px;
	float: left;
	padding: 30px 0px 0px 0px;
    overflow: hidden;
    height: 0px !important; /* for most browsers */
    height /**/:30px; /* for IE5.5's bad box model */
}

#OP_testimonials_on a{
	background: url(../images/op_testimonials.gif) 0px -30px no-repeat;
	display: block;
	width: 80px; 
	height: 30px;
	float: left;
	padding: 30px 0px 0px 0px;
    overflow: hidden;
    height: 0px !important; /* for most browsers */
    height /**/:30px; /* for IE5.5's bad box model */
}

#OP_featured a{
	background: url(../images/op_featured.gif) 0px 0px no-repeat;
	display: block;
	width: 120px; 
	height: 30px;
	float: left;
	padding: 30px 0px 0px 0px;
    overflow: hidden;
    height: 0px !important; /* for most browsers */
    height /**/:30px; /* for IE5.5's bad box model */
} 

#OP_featured a:hover{
	background: url(../images/op_featured.gif) 0px -30px no-repeat;
	display: block;
	width: 120px; 
	height: 30px;
	float: left;
	padding: 30px 0px 0px 0px;
    overflow: hidden;
    height: 0px !important; /* for most browsers */
    height /**/:30px; /* for IE5.5's bad box model */
}

#OP_featured_on a{
	background: url(../images/op_featured.gif) 0px -30px no-repeat;
	display: block;
	width: 120px; 
	height: 30px;
	float: left;
	padding: 30px 0px 0px 0px;
    overflow: hidden;
    height: 0px !important; /* for most browsers */
    height /**/:30px; /* for IE5.5's bad box model */
}

/***********************************************************/
/* HOW TO BUY - subnav */

#htb_forhomeowners a{
	background: url(../images/htb_forhomeowners.gif) 0px 0px no-repeat;
	display: block;
	width: 117px; 
	height: 30px;
	float: left;
	padding: 30px 0px 0px 0px;
    overflow: hidden;
    height: 0px !important; /* for most browsers */
    height /**/:30px; /* for IE5.5's bad box model */
} 

#htb_forhomeowners a:hover{
	background: url(../images/htb_forhomeowners.gif) 0px -30px no-repeat;
	display: block;
	width: 117px; 
	height: 30px;
	float: left;
	padding: 30px 0px 0px 0px;
    overflow: hidden;
    height: 0px !important; /* for most browsers */
    height /**/:30px; /* for IE5.5's bad box model */
}

#htb_forhomeowners_on a{
	background: url(../images/htb_forhomeowners.gif) 0px -30px no-repeat;
	display: block;
	width: 117px; 
	height: 30px;
	float: left;
	padding: 30px 0px 0px 0px;
    overflow: hidden;
    height: 0px !important; /* for most browsers */
    height /**/:30px; /* for IE5.5's bad box model */
}

#htb_forinstallers a{
	background: url(../images/htb_forinstallers.gif) 0px 0px no-repeat;
	display: block;
	width: 92px; 
	height: 30px;
	float: left;
	padding: 30px 0px 0px 0px;
    overflow: hidden;
    height: 0px !important; /* for most browsers */
    height /**/:30px; /* for IE5.5's bad box model */
} 

#htb_forinstallers a:hover{
	background: url(../images/htb_forinstallers.gif) 0px -30px no-repeat;
	display: block;
	width: 92px; 
	height: 30px;
	float: left;
	padding: 30px 0px 0px 0px;
    overflow: hidden;
    height: 0px !important; /* for most browsers */
    height /**/:30px; /* for IE5.5's bad box model */
}

#htb_forinstallers_on a{
	background: url(../images/htb_forinstallers.gif) 0px -30px no-repeat;
	display: block;
	width: 92px; 
	height: 30px;
	float: left;
	padding: 30px 0px 0px 0px;
    overflow: hidden;
    height: 0px !important; /* for most browsers */
    height /**/:30px; /* for IE5.5's bad box model */
}

#htb_dealerlocator a{
	background: url(../images/htb_dealerlocator.gif) 0px 0px no-repeat;
	display: block;
	width: 99px; 
	height: 30px;
	float: left;
	padding: 30px 0px 0px 0px;
    overflow: hidden;
    height: 0px !important; /* for most browsers */
    height /**/:30px; /* for IE5.5's bad box model */
} 

#htb_dealerlocator a:hover{
	background: url(../images/htb_dealerlocator.gif) 0px -30px no-repeat;
	display: block;
	width: 99px; 
	height: 30px;
	float: left;
	padding: 30px 0px 0px 0px;
    overflow: hidden;
    height: 0px !important; /* for most browsers */
    height /**/:30px; /* for IE5.5's bad box model */
}

#htb_dealerlocator_on a{
	background: url(../images/htb_dealerlocator.gif) 0px -30px no-repeat;
	display: block;
	width: 99px; 
	height: 30px;
	float: left;
	padding: 30px 0px 0px 0px;
    overflow: hidden;
    height: 0px !important; /* for most browsers */
    height /**/:30px; /* for IE5.5's bad box model */
}

#htb_becomeadealer a{
	background: url(../images/htb_becomeadealer.gif) 0px 0px no-repeat;
	display: block;
	width: 110px; 
	height: 30px;
	float: left;
	padding: 30px 0px 0px 0px;
    overflow: hidden;
    height: 0px !important; /* for most browsers */
    height /**/:30px; /* for IE5.5's bad box model */
} 

#htb_becomeadealer a:hover{
	background: url(../images/htb_becomeadealer.gif) 0px -30px no-repeat;
	display: block;
	width: 110px; 
	height: 30px;
	float: left;
	padding: 30px 0px 0px 0px;
    overflow: hidden;
    height: 0px !important; /* for most browsers */
    height /**/:30px; /* for IE5.5's bad box model */
}

#htb_becomeadealer_on a{
	background: url(../images/htb_becomeadealer.gif) 0px -30px no-repeat;
	display: block;
	width: 110px; 
	height: 30px;
	float: left;
	padding: 30px 0px 0px 0px;
    overflow: hidden;
    height: 0px !important; /* for most browsers */
    height /**/:30px; /* for IE5.5's bad box model */
}

/***********************************************************/
/* INSTALLATION - subnav */

#install_fence a{
	background: url(../images/install_fence.gif) 0px 0px no-repeat;
	display: block;
	width: 130px; 
	height: 30px;
	float: left;
	padding: 30px 0px 0px 0px;
    overflow: hidden;
    height: 0px !important; /* for most browsers */
    height /**/:30px; /* for IE5.5's bad box model */
} 

#install_fence a:hover{
	background: url(../images/install_fence.gif) 0px -30px no-repeat;
	display: block;
	width: 130px; 
	height: 30px;
	float: left;
	padding: 30px 0px 0px 0px;
    overflow: hidden;
    height: 0px !important; /* for most browsers */
    height /**/:30px; /* for IE5.5's bad box model */
}

#install_fence_on a{
	background: url(../images/install_fence.gif) 0px -30px no-repeat;
	display: block;
	width: 130px; 
	height: 30px;
	float: left;
	padding: 30px 0px 0px 0px;
    overflow: hidden;
    height: 0px !important; /* for most browsers */
    height /**/:30px; /* for IE5.5's bad box model */
}

#install_railing a{
	background: url(../images/install_railing.gif) 0px 0px no-repeat;
	display: block;
	width: 128px; 
	height: 30px;
	float: left;
	padding: 30px 0px 0px 0px;
    overflow: hidden;
    height: 0px !important; /* for most browsers */
    height /**/:30px; /* for IE5.5's bad box model */
} 

#install_railing a:hover{
	background: url(../images/install_railing.gif) 0px -30px no-repeat;
	display: block;
	width: 128px; 
	height: 30px;
	float: left;
	padding: 30px 0px 0px 0px;
    overflow: hidden;
    height: 0px !important; /* for most browsers */
    height /**/:30px; /* for IE5.5's bad box model */
}

#install_railing_on a{
	background: url(../images/install_railing.gif) 0px -30px no-repeat;
	display: block;
	width: 128px; 
	height: 30px;
	float: left;
	padding: 30px 0px 0px 0px;
    overflow: hidden;
    height: 0px !important; /* for most browsers */
    height /**/:30px; /* for IE5.5's bad box model */
}

#install_sproduct a{
	background: url(../images/install_sproduct.gif) 0px 0px no-repeat;
	display: block;
	width: 127px; 
	height: 30px;
	float: left;
	padding: 30px 0px 0px 0px;
    overflow: hidden;
    height: 0px !important; /* for most browsers */
    height /**/:30px; /* for IE5.5's bad box model */
} 

#install_sproduct a:hover{
	background: url(../images/install_sproduct.gif) 0px -30px no-repeat;
	display: block;
	width: 127px; 
	height: 30px;
	float: left;
	padding: 30px 0px 0px 0px;
    overflow: hidden;
    height: 0px !important; /* for most browsers */
    height /**/:30px; /* for IE5.5's bad box model */
}

#install_sproduct_on a{
	background: url(../images/install_sproduct.gif) 0px -30px no-repeat;
	display: block;
	width: 127px; 
	height: 30px;
	float: left;
	padding: 30px 0px 0px 0px;
    overflow: hidden;
    height: 0px !important; /* for most browsers */
    height /**/:30px; /* for IE5.5's bad box model */
}

#install_videos a{
	background: url(../images/install_videos.gif) 0px 0px no-repeat;
	display: block;
	width: 125px; 
	height: 30px;
	float: left;
	padding: 30px 0px 0px 0px;
    overflow: hidden;
    height: 0px !important; /* for most browsers */
    height /**/:30px; /* for IE5.5's bad box model */
} 

#install_videos a:hover{
	background: url(../images/install_videos.gif) 0px -30px no-repeat;
	display: block;
	width: 125px; 
	height: 30px;
	float: left;
	padding: 30px 0px 0px 0px;
    overflow: hidden;
    height: 0px !important; /* for most browsers */
    height /**/:30px; /* for IE5.5's bad box model */
}

#install_videos_on a{
	background: url(../images/install_videos.gif) 0px -30px no-repeat;
	display: block;
	width: 125px; 
	height: 30px;
	float: left;
	padding: 30px 0px 0px 0px;
    overflow: hidden;
    height: 0px !important; /* for most browsers */
    height /**/:30px; /* for IE5.5's bad box model */
}

/***********************************************************/
/* CARE & MAINTENANCE - subnav */

#w_registration a{
	background: url(../images/w_registration.gif) 0px 0px no-repeat;
	display: block;
	width: 138px; 
	height: 30px;
	float: left;
	padding: 30px 0px 0px 0px;
    overflow: hidden;
    height: 0px !important; /* for most browsers */
    height /**/:30px; /* for IE5.5's bad box model */
} 

#w_registration a:hover{
	background: url(../images/w_registration.gif) 0px -30px no-repeat;
	display: block;
	width: 138px; 
	height: 30px;
	float: left;
	padding: 30px 0px 0px 0px;
    overflow: hidden;
    height: 0px !important; /* for most browsers */
    height /**/:30px; /* for IE5.5's bad box model */
}

#w_registration_on {
	background: url(../images/w_registration.gif) 0px -30px no-repeat;
	display: block;
	width: 138px; 
	height: 30px;
	float: left;
	padding: 30px 0px 0px 0px;
    overflow: hidden;
    height: 0px !important; /* for most browsers */
    height /**/:30px; /* for IE5.5's bad box model */
}

#w_fence a{
	background: url(../images/w_fence.gif) 0px 0px no-repeat;
	display: block;
	width: 105px; 
	height: 30px;
	float: left;
	padding: 30px 0px 0px 0px;
    overflow: hidden;
    height: 0px !important; /* for most browsers */
    height /**/:30px; /* for IE5.5's bad box model */
} 

#w_fence a:hover{
	background: url(../images/w_fence.gif) 0px -30px no-repeat;
	display: block;
	width: 105px; 
	height: 30px;
	float: left;
	padding: 30px 0px 0px 0px;
    overflow: hidden;
    height: 0px !important; /* for most browsers */
    height /**/:30px; /* for IE5.5's bad box model */
}

#w_fence_on {
	background: url(../images/w_fence.gif) 0px -30px no-repeat;
	display: block;
	width: 105px; 
	height: 30px;
	float: left;
	padding: 30px 0px 0px 0px;
    overflow: hidden;
    height: 0px !important; /* for most browsers */
    height /**/:30px; /* for IE5.5's bad box model */
}

#w_railings a{
	background: url(../images/w_railings.gif) 0px 0px no-repeat;
	display: block;
	width: 113px; 
	height: 30px;
	float: left;
	padding: 30px 0px 0px 0px;
    overflow: hidden;
    height: 0px !important; /* for most browsers */
    height /**/:30px; /* for IE5.5's bad box model */
} 

#w_railings a:hover{
	background: url(../images/w_railings.gif) 0px -30px no-repeat;
	display: block;
	width: 113px; 
	height: 30px;
	float: left;
	padding: 30px 0px 0px 0px;
    overflow: hidden;
    height: 0px !important; /* for most browsers */
    height /**/:30px; /* for IE5.5's bad box model */
}

#w_railings_on {
	background: url(../images/w_railings.gif) 0px -30px no-repeat;
	display: block;
	width: 113px; 
	height: 30px;
	float: left;
	padding: 30px 0px 0px 0px;
    overflow: hidden;
    height: 0px !important; /* for most browsers */
    height /**/:30px; /* for IE5.5's bad box model */
}

#w_contact a{
	background: url(../images/w_contact.gif) 0px 0px no-repeat;
	display: block;
	width: 107px; 
	height: 30px;
	float: left;
	padding: 30px 0px 0px 0px;
    overflow: hidden;
    height: 0px !important; /* for most browsers */
    height /**/:30px; /* for IE5.5's bad box model */
} 

#w_contact a:hover{
	background: url(../images/w_contact.gif) 0px -30px no-repeat;
	display: block;
	width: 107px; 
	height: 30px;
	float: left;
	padding: 30px 0px 0px 0px;
    overflow: hidden;
    height: 0px !important; /* for most browsers */
    height /**/:30px; /* for IE5.5's bad box model */
}

#w_contact_on {
	background: url(../images/w_contact.gif) 0px -30px no-repeat;
	display: block;
	width: 107px; 
	height: 30px;
	float: left;
	padding: 30px 0px 0px 0px;
    overflow: hidden;
    height: 0px !important; /* for most browsers */
    height /**/:30px; /* for IE5.5's bad box model */
}

#w_care a{
	background: url(../images/w_care.gif) 0px 0px no-repeat;
	display: block;
	width: 116px; 
	height: 30px;
	float: left;
	padding: 30px 0px 0px 0px;
    overflow: hidden;
    height: 0px !important; /* for most browsers */
    height /**/:30px; /* for IE5.5's bad box model */
} 

#w_care a:hover{
	background: url(../images/w_care.gif) 0px -30px no-repeat;
	display: block;
	width: 116px; 
	height: 30px;
	float: left;
	padding: 30px 0px 0px 0px;
    overflow: hidden;
    height: 0px !important; /* for most browsers */
    height /**/:30px; /* for IE5.5's bad box model */
}

#w_care_on {
	background: url(../images/w_care.gif) 0px -30px no-repeat;
	display: block;
	width: 116px; 
	height: 30px;
	float: left;
	padding: 30px 0px 0px 0px;
    overflow: hidden;
    height: 0px !important; /* for most browsers */
    height /**/:30px; /* for IE5.5's bad box model */
}

.employeelogin {
	padding: 0px 0px 5px 17px;
	line-height: 20px;
	font: normal 11px "Myriad Web",Verdana,Helvetica,Arial,sans-serif;
}

#login_but {
	width: 60px;
	height: 24px;
	background-color: #FFB200;
	color: #FFFFFF;
	font: bold 11px "Myriad Web",Verdana,Helvetica,Arial,sans-serif;
}

.numberlist {
	list-style-type: decimal;
	padding: 0px 10px 5px 40px;
	_padding: 0px 10px 5px 5px;
	_padding /**/: 0px 0px 0px 0px; /* IE 5.5-5 */
	line-height: 20px;
}

#linklist {
	width: 579px;
	padding: 15px 5px 0px 15px;
	_padding: 15px 0px 0px 0px;
	float: left;
	clear: none;
}

#linklist UL {
	list-style-type: square;
	margin-left: 0;
	padding-left: 1em;
	text-indent: -5px;
}

.linktitle {
	font-weight: bold;
}

.linkheader {
	list-style-type: none;
	font-weight: bold;
	color: #FFB200;
}

#row1 {
	width: 270px;
	float: left;
	clear: none;
	_text-indent: -5px;
}

/*
#row2 {
	width: 135px;
	float: left;
	clear: none;
	_width: 140px;
	_text-indent: -10px;
}
*/
#row3 {
	width: 270px;
	float: left;
	clear: none;
	_text-indent: -5px;
}
/*
#row4 {
	width: 135px;
	float: left;
	clear: none;
	_width: 140px;
	_text-indent: -5px;
}
*/
#column1, #column2, #column3 {
	_width: 170px;
	width: 185px;
	float: left;
	clear: none;
	_padding: 0px 0px 0px 15px;
}

.listtype {
	line-height: 20px;
}

#column_install {
	width: 400px;
	float: left;
	clear: none;
	margin: 0px;
	padding: 0px;
	text-indent: -5px;
}

#col3_one {
	width: 185px;
	float: left;
	clear: none;
	margin: 0px;
	padding: 0px;
	text-indent: -5px;
}

#col3_two {
	width: 185px;
	float: left;
	clear: none;
	margin: 0px;
	padding: 0px;
	text-indent: -5px;
}

#col3_three {
	width: 185px;
	float: left;
	clear: none;
	margin: 0px;
	padding: 0px;
	text-indent: -5px;
}

#col3_b {
	width: 140px;
	float: left;
	clear: none;
	margin: 0px;
	padding: 0px;
	text-indent: -5px;
}

#col3_c {
	width: 155px;
	float: left;
	clear: none;
	margin: 0px;
	padding: 0px;
	text-indent: -5px;
}

#desc {
	width: 348px;
	float: right;
	clear: none;
	text-align:left;
	vertical-align:top;
	/*height:Auto;*/
	padding-top: 7px;
	/*_height:64px;*/
}

.colortable TD{
	vertical-align: top;
	text-align: left;
	padding-top: 0px;
}