body {color: black; font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; background-color: #c4b89e; margin-top:0; margin-bottom:0;}
p {}
.Required{font-size:10px;color:Red;}
.hidden{display:none}
#topnav { width: 751px; height: 23px; padding-top:5px;color:White; }
#topnav .text { font-size: 13px; font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; line-height: 11px;color:White; }
#topnav a { color:White; font-size: 12px; line-height: 12px; text-decoration: none; }
#topnav a:hover { color:White; text-decoration: underline; }
#banner { width: 751px; height: 60px; }
#nav2 { width: 751px; height: 19px; }
#MainNav {width: 751px; height: 41px; background:#F8F1E2 url(../images/MainNavBackground.png) 0 0 no-repeat;}
#MainNav ul {float: left;left: 8px;list-style-type: none;margin: 0;padding: 0; position: relative; width: 743px;}
#MainNav ul li { float: left; }
#MainNav ul li a:link, #MainNav ul li a:visited {font-family: Arial; font-size: 13px; height: 34px; float: left; font-weight: bold; color: #fff; text-decoration: none; }
#MainNav ul li a:hover {background: url(../images/mainnavhover.png) 0 0 repeat-x; }
#MainNav ul li.locationsNav {float: right; width: 127px;}
#MainNav ul li.locationsNav a { width: 127px;}
#MainNav ul li.locationsNav a span {padding: 0;}
#MainNav ul li a span {padding: 0 11px; position: relative; top: 9px;}
#cookiecrumb { background-color: #f8f1e2; width: 751px; height: 27px; }
#content { background-color: #f8f1e2; width: 751px; }
#content #e { background-image: url(../images/Big_E.gif); background-repeat: no-repeat; width: 650px; margin-top: 0; margin-left: 30px; padding-top: 14px; }
#content #e .text { color: #001240; font-size: 14px; font-family: "Times New Roman",Georgia,Times, serif; line-height: 18px; }
#content #e .image { float: left;clear:both;}
#content .text { color: #01123a; font-size: 12px; font-family: Georgia, "Times New Roman", Times, serif; line-height: 13px; }
#bottomnav { background-color: #f8f1e2; width: 751px; }
#bottomnav .text { font-size: 10px; font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; line-height: 11px; }
#bottomnav a { color: #000; font-size: 10px; line-height: 10px; text-decoration: none; }
#bottomnav a:hover { color: #5073a3; font-size: 10px; text-decoration: underline; }
#footer { width: 751px; height: 25px; color:White; font-size:10px;}
#footer a { width: 751px; height: 25px; color:White; font-size:10px; }
#footer a:hover { width: 751px; height: 25px; color:White;text-decoration: underline; }

#HomeBrochureDownload {background: url(../images/Brochure_Download_Home_Background.png) 0 0 no-repeat; height: 91px; width: 220px}
.HomeBrochureLink:link, .HomeBrochureLink:visited {color: #fff; font-size: 13px; font-weight: bold; text-decoration: none }
.HomeBrochureLink:hover {text-decoration: underline}
.contentCell {color: #001240; font-size: 12px; font-family: sans-serif,serif; line-height: 16px;padding-top:0; padding-left:9px; padding-right:53px; padding-bottom:10px; background-color:#E4DAC1;}
.contentCellComplex {color: #001240; font-size: 12px; font-family: sans-serif,serif; line-height: 16px;padding-top:4px; padding-left:9px; padding-right:18px; padding-bottom:10px; background-color:#E4DAC1;}

.homeContent{padding-top:4px;}
.name { vertical-align:bottom;PADDING-LEFT: 15px; FONT-WEIGHT: normal; FONT-SIZE: 19px; PADDING-BOTTOM: 0; MARGIN: 0; TEXT-TRANSFORM: uppercase; COLOR: #e4dac1; FONT-STYLE: normal; FONT-FAMILY: 'Georgia'; POSITION: relative; TOP: 5px;}
.imageCell{ background-color:#E4DAC1;vertical-align:top;}
.logo{ background-color:#E4DAC1;vertical-align:top;padding-left:8px;}
.blue{font-family: Georgia; color:#001240;font-size: 16px; font-weight:bold;padding-left:10px;}
.gray{font-family: Georgia; color:#8D7E67;font-size: 12px;font-weight:bold;}
.grayp{padding-top:0;padding-left:30px;}
.headline{background-color:#E4DAC1;padding-top:12px; padding-left:7px;padding-bottom:12px;}
.adobe{}
.firstLetter{}
/*
.links a {font-family: Georgia;font-weight:bold;color:#BDAB93; font-style:italic; font-size: 12px; line-height: 17px; text-decoration: underline;}
.links a:hover {font-family: Georgia;font-weight:bold;color:#728AB6; font-style:italic;font-size: 12px; line-height: 17px; text-decoration: underline;}
*/

.features {font-size:10px;font-weight:bold;font-family: "Trebuchet MS",Trebuchet,Georgia;color:#0E1A4E;padding-top:15px;padding-bottom:15px;padding-right:0px; }

.specs {font-size:10px;font-weight:normal;font-family: "Trebuchet MS",Trebuchet,Georgia;color:#0E1A4E;padding-top:15px;padding-bottom:0;padding-left:0;padding-right:0;}
.specheader {font-size:12px;font-weight:bold;font-family: "Trebuchet MS",Trebuchet,Georgia;color:#0E1A4E;padding-top:0;padding-bottom:0;padding-left:0;padding-right:0;}

.links a {line-height: 20px;font-size:12px;font-weight:bold;font-family: "Trebuchet MS",Trebuchet,Georgia;color:#0E1A4E;}
.links a:hover  {line-height: 20px;font-size:12px;font-weight:bold;font-family: "Trebuchet MS",Trebuchet,Georgia;color:#5073a3;}

.callouthead{background-color:#001240;color:White;font-size: 12px;font-weight:bold;padding-left:3px;padding-right:3px;padding-top:3px;padding-bottom:3px;}
.calloutcopy{background-color: #c4b89e;color:#001240;font-size: 10px;font-family: Georgia;padding-left:8px;padding-right:8px;padding-top:8px;padding-bottom:8px;}
.smallimagetable{}
.caption{text-align:center;font-size:9px;font-weight:bold;font-family: "Trebuchet MS",Trebuchet,Georgia;}
.caption a {text-decoration: underline;color:#0E1A4E;}
.caption a:hover {text-decoration: underline;color:#728AB6;}
.displayNone{display:none;}
.bigger{font-size:13px;}
ul{padding-left:5px;list-style-type:circle;margin-left:10px;}

.crumb{font-size:9px;font-family:"Trebuchet MS",Trebuchet,Georgia;padding-top:3px;color:#6E83A8;}

.crumb a:link {text-decoration:none;color:#6E83A8;}
.crumb a:visited{text-decoration:none;color:#6E83A8;}
.crumb a:hover{text-decoration:underline;color:#6E83A8;}



.cccLink{font-size:8px;padding-left:15px;}

img.floatRight { float: right; background-color:#E4DAC1;margin-left:15px;margin-bottom:15px;} 
table.floatRight{float: right;background-color:#E4DAC1;}
.contactus {color: #001240; font-size: 12px; font-family: sans-serif,serif; line-height: 16px;padding-top:0; padding-left:9px; padding-right:9px; padding-bottom:10px; background-color:#E4DAC1;}
.contactus a {text-decoration: underline;color:#0E1A4E;}
.contactus a:hover {text-decoration: underline;color:#728AB6;}
#contactus p {padding-right:15px;}
.red{color:Red;}
.textboxes {height:22px;   color: #001240; font-size: 12px; font-family: sans-serif,serif; line-height: 16px;padding-top:0; padding-left:0; padding-right:0; padding-bottom:0; background-color:#E4DAC1;}
.textboxes2 {color: #001240; font-size: 12px; font-family: sans-serif,serif; line-height: 16px;padding-top:0; padding-left:0; padding-right:0; padding-bottom:0; background-color:#E4DAC1;}
.banner{padding-left:0;padding-top:2px;padding-bottom:2px;margin:0;padding-right:0;margin-right:0;}
.littlepics{padding-right:1px;}
.locations{color: #001240; font-size: 12px; font-family: sans-serif,serif; line-height: 16px;padding-top:0; padding-left:9px; padding-right:53px; padding-bottom:10px; background-color:#E4DAC1;}
.locations a { font-size: 10px; line-height: 10px; text-decoration: none; }
.locations a:hover { color: #5073a3; font-size: 10px; text-decoration: underline; }
.loc{float:left;color: #001240; font-size: 12px; font-family: sans-serif,serif; line-height: 16px;padding-top:0; padding-left:9px; padding-bottom:10px; background-color:#E4DAC1;}
.addloc{float:none;}
.group{float:left;}
.products{font-weight:bold;font-size:11px;font-family: "Trebuchet MS",Trebuchet;}
.city{font-weight:bold;}
.streetAddress{font-weight:bold;}
.dealername{font-size: 11px;}
.address{font-size: 11px;white-space:normal;}
.phone{font-size: 11px;}
.csz{font-size: 11px;}
.mapurl{font-size: 9px;}
.stateName{font-size:15px;font-weight:normal;font-family: "Trebuchet MS",Trebuchet,Georgia;color:#0E1A4E;}
.locationsIntro{color: #001240; font-size: 12px; font-family: sans-serif,serif; line-height: 16px;padding-top:0; padding-left:9px; padding-right:53px; padding-bottom:10px; background-color:#E4DAC1;}
.locationsIntro a { font-size: 12px; line-height: 12px; text-decoration: none; }
.locationsIntro a:hover { color: #5073a3; font-size: 12px; text-decoration: underline; }
.contactTD {height:40px;} 
 /* Hide from IE-Mac \*/ 
/* End hide */

ul.tabs {
	margin: 0;
	padding: 0;
	float: left;
	list-style: none;
	height: 32px; /*--Set height of tabs--*/
	border-bottom: 1px solid #999;
	border-left: 1px solid #999;
	width: 100%;
}
ul.tabs li {
	float: left;
	margin: 0;
	padding: 0;
	height: 31px; /*--Subtract 1px from the height of the unordered list--*/
	line-height: 31px; /*--Vertically aligns the text within the tab--*/
	border: 1px solid #999;
	border-left: none;
	margin-bottom: -1px; /*--Pull the list item down 1px--*/
	overflow: hidden;
	position: relative;
	background: #e0e0e0;
}
ul.tabs li a {
	text-decoration: none;
	color: #000;
	display: block;
	font-size: 1.2em;
	padding: 0 20px;
	border: 1px solid #fff; /*--Gives the bevel look with a 1px white border inside the list item--*/
	outline: none;
}
ul.tabs li a:hover {
	background: #ccc;
}
html ul.tabs li.active, html ul.tabs li.active a:hover  { /*--Makes sure that the active tab does not listen to the hover properties--*/
	background: #fff;
	border-bottom: 1px solid #fff; /*--Makes the active tab look like it's connected with its content--*/
}

.tab_container {
	border: 1px solid #999;
	border-top: none;
	overflow: hidden;
	clear: both;
	float: left; width: 100%;
	background: #fff;
	margin-bottom: 30px;
}
.tab_content {
	padding: 20px;
	font-size: 1.2em;
}


a.viewSidingColorsLG:link,
a.viewSidingColorsLG:visited {
	background:url(../images/viewSidingColorsLG_BTN.png) 0 0 no-repeat;
	display:block;
	height:44px;
	margin-top:15px;
	width:152px;
}

a.viewSidingColorsLG:hover {
	background-position:-152px 0;
}

a.viewSidingColorsSM:link, a.viewSidingColorsSM:visited, a.viewWindowColorsSM:link, a.viewWindowColorsSM:visited {
	background:url(../images/viewSidingWindowColorsSM_BTN.png) -208px 0 no-repeat;
	display:block;
	height:44px;
	margin-top:15px;
	width:104px;
}

a.viewSidingColorsSM:hover {
	background-position:-312px 0;
}

a.viewWindowColorsSM:link, a.viewWindowColorsSM:visited {
	background-position:0 0;
}

a.viewWindowColorsSM:hover {
	background-position:-104px 0;
}

#brochures {float: left; padding-left: 10px}
#brochures #brochuresSiding {float: left; width: 270px}
#brochures #brochuresWindows {float: left; width: 270px}
#brochures ul {list-style-type: none; padding: 0; margin: 0 0 20px}
#brochures ul li {background: url(../images/pdficon_small.gif) top left no-repeat; line-height: 18px; }
#brochures ul li a:link, #brochures ul li a:visited {line-height: 20px; text-decoration: none}
#brochures ul li a:hover {text-decoration: underline}
#brochures ul li span{line-height: 18px; margin-left: 18px;}
#brochures ul li.header {background: none; padding-bottom: 5px}
#brochures ul li.header span{font-weight: bold; margin: 0}

#SideColumnBrochure {background: url(/images/subPage_OrangeBlue.jpg) top left no-repeat; width: 133px; height: 91px; }