/* BASIC ELEMENTS
------------------------------------------------------------------------------------- */
* { margin: 0; padding: 0; }
html { min-height: 100%; margin-bottom: 1px; }
body { text-align: center; font-size: 12px; font-family: arial, helvetica, sans-serif; color: #333; background:#cccccc url(../images/bg_page.gif) repeat-y 50% 0;}
* html body { text-align: center; font-size: 12px; font-family: arial, helvetica, sans-serif; color: #333; background:#cccccc url(../images/bg_page.gif) repeat-y 50% 0; }
table, th, td, input, textarea, select { font-size: 12px; font-family: arial, helvetica, sans-serif; color: #666; }

a img, :link img, :visited img { border: none; }

a:link { color: #226ab2; text-decoration: underline; }
a:visited { color: #6496c9; text-decoration: underline; }
a:hover, a:active { color: #0080ff; text-decoration: none; }

/* REMOVES DOTTED BORDER YOU GET IN FIREFOX AFTER CLICKING A LINK */
a:active { outline: none; }

abbr { border-bottom:1px dotted #ccc; cursor:help; }

#skip { display: none; }

.header_container 	{ margin: 0; padding: 0; height: 130px; z-index: 50; min-width:980px; }
	.header 	{ position: relative; margin: 0 auto !important; margin: 0px 0px 0px 1px; width: 980px; height: 130px; z-index: 50; text-align: left; }
	.header div.icons       { margin:0px; padding:0px; width:200px; position:absolute; top:43px; right:38px; }
		.header div.icons a { margin:0px; padding:0px; }


/* NAVIGATION
------------------------------------------------------------------------------------- */
#nav { position: absolute; top: 130px; left: 0; width: 749px; height: 25px; margin: 0 auto; padding: 0px 0px 0px 231px; color: #ffffff; font:12px Arial; background: #333333;}
	* html #nav { width: 749px; w\\idth: 749px;}
#nav li { margin: 0px; padding: 0px; float: left; position: relative; height: 25px; list-style: none; text-transform: uppercase; font-weight: bold; }
#nav li a { cursor: pointer; position: relative; display: block; float: left; height: 25px; line-height: 25px; text-align: center; text-decoration: none; color: #fff; }
#nav li a:hover, #nav li:hover a { color: #336600; background: #ffffff; }


/*#nav li.on	 { border-left: 1px solid #336600; border-right: 1px solid #336600; border-top: 1px solid #336600; }*/
#nav li.on	 {}
/*#nav li.on a { color: #336600; }*/

#nav li.doors a 		{ padding-left: 6px; margin-right: 50px !important; margin-right: 23px; }
#nav li.windows a 		{ padding-left: 6px; margin-right: 50px !important; margin-right: 23px; }
#nav li.skylights a 	{ padding-left: 6px; margin-right: 50px !important; margin-right: 23px; }
#nav li.hardware a		{ padding-left: 6px; margin-right: 50px !important; margin-right: 23px; }
#nav li.moldings a		{ padding-left: 6px; margin-right: 50px !important; margin-right: 23px; }
#nav li.manufacturers a { padding-left: 6px; }

/* IF NO DROP DOWNS ARE USED IN THE NAVIGATION YOU CAN REMOVE THE FOLLOWING STYLES DOWN TO THE LINE OF STARS */
/* DROP DOWNS */
#nav li table { margin: 0 -1px -1px; border-collapse: collapse; }
#nav li td { font-size: 11px; }
#nav li:hover, * html #nav a:hover { position: relative; }
#nav li li a { font-size: 11px; text-align: left; }

/* FIRST LEVEL DROP DOWNS */
#nav li ul { display: none; border: 1px solid #ffffff; }
#nav li:hover ul, #nav li a:hover ul { display: block; position: absolute; top: 25px; left: 0px; width: 197px !important; width: 167px; background: #336600;  }

#nav li:hover li, #nav li a:hover li { height: auto; width: 197px !important; border: 0;}
	#nav li:hover li a, #nav li a:hover li a {  margin: auto !important; margin: 0px; padding: 8px 10px 8px 20px; display: block; width: 167px !important; height: auto; color: #ffffff; background: #336600; line-height: 12px; }
	* html #nav li:hover li a, * html #nav li a:hover li a { width: 167px !important; w\\idth: 167px; }
	#nav li:hover li a:hover, #nav li a:hover li a:hover { background: #ffffff; color: #336600;}


#underbannerbar { margin: 0px 0px 1px 0px; width: 980px; height: 25px; text-align: left; background:#333333; }


/* HOME PAGE
------------------------------------------------------------------------------------- */
.container { position: relative; margin: 0 auto !important; margin: 0px 0px 0px 1px; width: 980px; padding: 25px 0 0; text-align: left;  }

.footer { position: relative; clear: both; margin: 0 0 20px; background: url(../images/bg_footer.gif) no-repeat; font-size: 11px; height: 1%;}
	.footer p { padding: 10px;}
	.footer a:link, .footer a:visited { text-decoration: none; padding: 0 6px 0 5px; color:#559cd9; background: url(../images/dots.gif) repeat-y top right;}
	.footer a:hover { text-decoration:underline; }
	.footer a.none:link, .footer a.none:visited { background: none;}
        .footer span { background: url(../images/dots.gif) repeat-y top right; padding: 0 6px 0 5px; }

/* SUB PAGE
------------------------------------------------------------------------------------- */
.main	{ margin: 0px; padding: 0px; }
	.main_top	{ background: url(../images/bg_main_top.gif) no-repeat;}
	.main_btm	{ position: relative; background: url(../images/bg_main_btm.gif) no-repeat bottom left; height: 1%;}
	.main_btm li { margin-left:20px; }

/* SUBNAV
------------------------------------------------------------------------------------- */
#subnav	{ float: left; display: inline; width: 210px; margin: -1px 0px 0px 0px; padding: 0px; font-family: arial, sans-serif; font-size: 14px; background: none; border-top: 1px solid #fff;position:relative; z-index:5000; }
html #subnav { padding-top: 60px; }

#subnavlist					{ border-bottom: 1px solid #666; }
#subnavlist	a, #subnavlist	p { text-decoration: none; color: #fff; font-weight: bold; }
#subnavlist li				{ position: relative; list-style-type: none; border-top: 1px solid #666; }
#subnavlist li a:link,  #subnavlist li a:visited	{ display: block; height: 1%; padding: 3px 4px 3px 13px; }
#subnavlist li p			{ display: block; height: 1%; padding: 3px 4px 3px 4px; }
#subnavlist li a:hover		{ text-decoration: underline; }
#subnavlist li.selected		{ padding: 3px 6px 3px 13px; }
#subnavlist li.on			{ padding: 3px 6px 3px 13px; }
#subnavlist li.on a:link, #subnavlist li.on a:visited { padding: 0px; background: none; }
#subnavlist li.on p 		{ padding: 0; color: #669933; }
#subnavlist li.on ul.child		{ font-size: 12px; margin-left: 13px; }
#subnavlist li.on ul.child a	{  }
#subnavlist li ul           { margin-top: 6px; }
#subnavlist li li 			{ margin:0 0 4px 3px; border-top: 0px; }
#subnavlist li li a:link,  #subnavlist li li a:visited	{ padding: 4px 4px 4px 13px; background: none; }
#subnavlist li li a:hover	{  }
#subnavlist li li p			{ padding: 4px 4px 4px 13px; background: none; }
#subnavlist li.subtitle		{ margin-left: -25px; margin-bottom: -1px; }
#subnavlist li.subtitle p	{ padding: 0; border-bottom: 1px solid #666; margin: 0px 0px 0px 25px; padding: 4px 6px 4px 0px; background: none; }
#subnavlist li li li 		{ margin-left: 0px; }
/*#subnav li a:visited, #content a:visited { color: #8CDB43; }*/


#titlebar { margin: 0px; padding: 0px; width: 770px; height: 50px; text-align: left; background:url(../images/bg_contenttitlebar.jpg) no-repeat 0 0; }

#content	{ float: left; display: inline; width: 770px; margin: 0px 0px 0px 0px; padding: 0px 0px 30px; line-height: 18px; }
	#content p	{ padding: 0 0 10px; }
	#content ul, #content ol	{ padding: 0 0 15px; }

	#content blockquote	{ padding: 10px; margin: 10px; font-size: 14px; line-height: 20px; color: #333; }

	#col1	{ float: left; display: inline; width: 210px; min-width: 210px; margin: -1px 0px 0px 0px; padding: 0; border-top: 1px solid #fff; }



/* product list page
------------------------------------------------------------------------------------- */
.top45 { margin: 0px; padding: 0px; width: 100%; height: 45px; }
.top25 { margin: 0px; padding: 0px; width: 100%; height: 5px; }
.sub_cat1 { margin: 0px; padding: 0px 0px 10px 0px; width: 100%; text-align: center; font:24px Arial; font-weight:bold; color: #000; }
.sub_cat2 { margin: 0px; padding: 0px 0px 23px 0px; width: 100%; text-align: center; font:16px Arial; font-weight:bold; color: #336600; }
#productImagesTable { margin: 0px; padding: 0px; }
#product_name { margin: 0px; padding: 0px; text-align: center; line-height: 11px; color: #000; font:11px Arial; font-weight:bold; }
#spm_product_desc, #spm_product_desc_1, { margin: 0px; padding: 0px; text-align: center; line-height: 11px; color: #000; font:10px Arial; }


.rowSetContainer { margin: 0px; padding: 0px; position: relative; font: 10px arial; line-height: 11px; }
	.rowSetContainer .rowSet { position: relative; display: inline; width: 100%; }
		.rowSetContainer .rowSet .rowSetItem { float: left; display: inline; width: 87px; text-align: center; }
			.rowSetContainer .rowSet .rowSetItem .productName { font-weight: bold; }

.prod_cat { margin-top:10px; }
.prod_cat ul { width:190px; float:left; display:inline; margin-right:10px; }
.prod_cat ul li	{ list-style: none; margin: 0 0. 6px; line-height: 14px; }
.prod_cat ul li a:link, .prod_cat ul li a:visited { display: block; background: url(../images/icon_arrow.gif) no-repeat 0px 1px; padding-left: 15px; text-decoration: none; font-weight: bold; height: 1%;}

/* MANUFACTURERS
------------------------------------------------------------------------------------- */
#manufacturerRowWrapper { padding: 0px 0px 40px 20px; margin: 0px; float: left; }
#manufacturerRowWrapper div.manufacturerDiv { padding: 0px 0px 0px 30px; margin: 0px; float: left; }
.tight { margin: 0px; padding: 0px; }

/* ELEMENTS
------------------------------------------------------------------------------------- */
h1 { font-size: 24px; font-weight: normal; color: #000; font-family: helvetica, arial, sans-serif; padding: 0 0 5px;  }
h2 { font-size: 22px; font-weight: normal; color: #000; line-height: 22px; padding: 0 0 15px;}
h3 { font-size: 14px; color: #000; line-height: 15px; padding: 0 0 2px;}
h4 { font-size: 12px; padding: 0 0 5px; }
	h4 span { font-weight: normal; }


/* MISC. CLASSES & IDS
------------------------------------------------------------------------------------- */
.required { color:#0080ff; }

.hide { display: none; }
.clear { clear: both; }
br.clear { line-height: 0; height: 0; font-size: 0; }
.clearfix:after { content: \".\"; display: block; height: 0; clear: both; visibility: hidden; }
/* PLEASE LEAVE BOTH THESE LINES, FIX FOR IE7 */
.clearfix { display: inline-block; }
.clearfix { /*\\*/display: block;/**/ }

/* ADD THIS CLASS TO AN ELEMENT TO FIX THE IE ITALICS BUG,
MUST BE THE INNER-MOST BLOCK-LEVEL ELEMENT THAT CONTAINS THE TEXT LIKE p, blockquote OR li
MAY REQUIRE A MORE DIRECT PATH TO THE ELEMENT */
* html .italicsfix { /*\\*/overflow: hidden; o\\verflow: visible; width: 100%; w\\idth: auto; he\\ight: 1%;/**/ }

.floatleft { float: left; }
.floatright { float: right; }

img.floatleft { margin: 0 20px 10px 0; position: relative; }
img.floatright { margin: 0 0 10px 20px; position: relative; }

.alignleft { text-align: left; }
.alignright { text-align: right; }
.aligncenter { text-align: center; }
.aligntop { vertical-align: top; }
.alignbottom { vertical-align: bottom; }

.credits { font-size:11px; }