/****DEFAULT STYLES****/
body {
margin-left:auto;
    margin-right:auto;
	background-color: #ffffff;
	text-align: center;
	color:#777;
	font-family: Arial, Helvetica, sans-seriff;
	font-size:14px;
	width:1080px;
	background-color:#bec0c2;
}

img{padding:none;}

a img{border: none;}

.layout {
	margin-left:auto;
    margin-right:auto;
	text-align: left;
    width:1080px;
  	background-color:#FFF;
	padding:20px;
}  

a:link {color:#004277; text-decoration:underline}
a:visited {color:#333; text-decoration:underline}
a:hover {color:#848484; text-decoration:underline}
a:active {color:#004277; text-decoration:underline}

h1 {color:#777;
font-size:18px;
font-style:italic;
margin-bottom:1px;
margin-top:20px;
font-weight: normal;
text-decoration:underline;

}

h2{color:#777;
font-size:16px;
font-style:italic;
margin-bottom:1px;
font-weight:normal;
margin-top:10px;
}

.service h2{font-style:normal; margin-bottom:10px}
.service ul{padding:0px}
.service ul li{list-style-type:none; padding:3px 0px}

h3 {font-size:14px; font-weight:bold; margin:3px}

.smallfont {font-size:12px; font-style:italic; margin-top:2px}
.smallest{font-size:10px}

.homehead {color:#777;
font-size:18px;
font-style:italic;
margin-bottom:1px;
margin-top:20px;
font-weight:normal;
}

.twocolhead{ccolor:#777;
font-size:18px;
margin-bottom:1px;
font-weight: bold;
margin-bottom:2px;
}


/*Top of Page, Header styles*/

.headermain {
 width:1080px;
 height:137px;
background-image:url('../images/headerbacktop.jpg');
float:left;
text-align:center;
 }


.headerleft {
   text-align: left;
    width:200px;
  	float:left;
	padding:20px 0 0 20px;
	}
	
.headerfont {
	width:335px;
	padding:50px 10px 10px 30px;
	font-size:16px;
	float:left;
}

.headblue {
	font-size:22px;
	color: #265eaa;
}
	

.headerorder {
     width:260px;
	float:left;
	font-size:10px;
	padding-top:30px;
	}
.headerprice {
     width:210px;
	float:left;
	font-size:10px;
	padding-top:20px;
	}

	
/****HOZ TOP MENU****/
#topmenu {
	height:32px;
	background-image:url('../images/menuback.jpg');
	float:left;
	color:#FFFFFF;
	padding: 5px 0 5px 10px;
    width: 1070px;
	font-size:15px;

	}

#topMain {
	list-style: none;
	margin: 0;
	padding-right:5px;
	padding-top:3px;
	float: left;
}
  
   /**general menu style**/
#topMain li{
	display: inline;
 	padding:0 25px 0 35px;
	border-right:solid 1px #FFFFFF;
	height:20px;
}

#topMain a{
	text-decoration: none;
}

#topMain li a:hover {color:#2f9ce1; text-decoration: none;}

#topMain li.last{
border-right:none;
}


	/**TABBY ON AND OFF**/
.tabOn a {color:#5299cd;}
.tabOff a:link, .tabOff a:visited{text-decoration:none; color:#FFF;}
.tabOff a:hover {color:#5299cd; text-decoration: none;}


.rightmenu {
width:230px;
float:left;
padding: 23px 0 0 5px;

}

.contentwhite {
width:1080px;
float:left;
text-align:left;
padding-top:0px;
padding-bottom:20px;
background-color:#FFF;
}

.contentpages {
width:540px;
float:left;
padding-left:10px;
}

.contentbig{
width:800px;
float:left;
padding-left:10px;
}

.contentbiglong{
width:800px;
float:left;
padding-left:10px;
min-height:300px;
}

.threecol {
	width:245px;
	float:left;
	padding-right:10px;
}

.threecolbigger {
	width:255px;
	float:left;
	padding-right:10px;
}

.threecol ul, .threecolbigger ul{
	margin-top:-10px;
}


.twocolone {
	width:390px;
	float:left;
	padding-right:35px;
	text-align:center;
}

.twocolleft{
	width:390px;
	float:left;
	padding-right:35px;
	text-align:left;
	padding-left:10px;
}

.twocoltwo {
	width:370px;
	float:left;
	text-align:center;
	border-left:solid 1px #cacbcd;
	padding-left:35px;
}

.twocolequal{
	width:390px;
	float:left;
	padding:0 10px 30px 0;
	text-align:left;
}

.twocolequalllefttpad{
	width:330px;
	float:left;
	padding:0 30px 30px 40px;
	text-align:left;
}

.twocolequalsm{
	width:340px;
	float:left;
	padding:20px 30px 10px 10px;
	text-align:left;
}

.twocolleftbig{
	width:400px;
	float:left;
	padding-right:10px;
	text-align:left;
	padding-left:10px;
}

.twocolsmall {
	width:260px;
	float:left;
	text-align:center;
	padding-left:35px;
}

.twocolnopad {
	width:260px;
	float:left;
	text-align:center;
	padding-left:5px;
}

.twocolleftpad {
	width:260px;
	float:left;
	text-align:center;
	padding-left:85px;
}

.btmpad{
	width:780px;
	float:left;
	padding:0 00px 30px 0;
	text-align:left;
}

.leftboxes {
width:270px;
float:left;
padding: 15px 0 0 20px;

}

.submitpad {
	width:30px;
	float:left;
	padding-left:290px;
	padding-top:15px;
}


.submitpadtwo {
	width:20px;
	float:left;
	padding-left:350px;
	padding-top:15px;
}

.box {
width:255px;
float:left;
text-align:center;
border:solid 1px #cacbcd;
-moz-border-radius: 5px;
border-radius:5px;
margin-top:10px;
padding-bottom:5px;
}

.boxquestion {
width:245px;
float:left;
text-align:left;
border:solid 1px #cacbcd;
-moz-border-radius: 5px;
border-radius:5px;
margin-top:10px;
background-image:url('../images/question.jpg');
height:160px;
padding-left:10px;
}

.inquestion {
	width:75px;
	text-align:center;
	padding-top:15px;
	padding-left:15px;
	font-style:italic;
}

.box a:link {color:#777}
.box a:visited {color:#777}
.box a:hover {color:#7576AE}
.box a:active {color:#777}

.blue {color:#004277}

.white {
width:1080px;
float:left;
background-color:#FFF;
}

.bottombox {
width:1060px;
float:left;
border:solid 1px #cacbcd;
-moz-border-radius: 5px;
border-radius:5px;
margin-top:10px;
padding-bottom:5px;
padding-top:3px;
margin-bottom:10px;
background-color:#FFF;
}


.bottomin, .bottomincenter, .bottomleft {
    width:250px;
    float:left;
    padding-right:15px;
	
}

.bottomin, .bottomincenter {
    background-image: url(../images/line.jpg);
    background-repeat:no-repeat;
    background-position:right top;
}


.bottomin,  .bottomleft {text-align:left}
.bottomincenter {text-align:center}
.bottomheight {width:263px; height:185px}	

.superpadding {padding-top:55px}
.nospace {margin-top:-30px}

.footer {
width:1080px;
float:left;
padding-top:30px;
padding-bottom:15px;
background: url("../images/barsnip.jpg") repeat-x scroll left top #FFF;
margin-top:10px;
}

.address {
width:325px;
float:left;
text-align:left;
padding-left:15px;
}

.footerlogos {
width:500px;
float:left;
padding-left:30px;
text-align:left;
vertical-align:top;
}

.phone {
width:200px;
float:left;
text-align:left;
}

.full {
width:500px;
float:left;
text-align:left;
}

/****LET'S CONTROL THE LEFT SIDE***/
.menuheaders {
	font-size:16px;
	color:#7576ae;
	width:210px;
	border-top:solid 2px #7576ae;
	border-bottom:solid 2px #7576ae;
	float:left;
	padding: 5px 0 5px 0px;
	font-weight:bold;
	text-align:center;

}

.menusubhead, .menusubheadend {
	font-size:15px;
	width:210px;
	color:#000000;
	float:left;
	padding: 10px 0 8px 5px;
	
}

.menusubhead {border-bottom:solid 2px #7576ae;}
.menusubend {border-bottom:none;}

	/***Left Side menu Objects***/
ul.menuleft {
margin: 0px;
padding-left:15px;
padding-top:3px;
}	

.menuleft li{
padding-bottom:3px;
padding-top:3px;
padding-left: 0px;
list-style-image: url(../images/bulletpur.jpg); 
}

.menuleft  a:link{text-decoration:none; color:#777;}
.menuleft  a:hover {color:#7576ae; text-decoration: none;}
.menuleft  a:visited{color:#333}

	/***Ahhh, trusty old UBERLINK :)***/
.uberlink{color:#666 !important; text-decoration:none;}

.dropdown{padding:3px 0px}

.projects {
min-height:155px;
width:95%;
float:left;
padding-bottom:20px;
}

.install {
min-height:267px;
width:95%;
float:left;
padding-bottom:20px;
}

.install img {float:right; border: 2px solid black}
.projects img {float:right; border: 2px solid black}

ul.download {
list-style: none;
margin: 0px;
padding-left:0px;
}	

.download li{
padding-bottom:3px;
padding-top:3px;
padding-left: 0px;
margin-left:20px;
list-style-image:url('../images/icon.png');
}

table.sales {width:100%; border-collapse:collapse}

/*table.sales th{width:100%; padding:0px; border-bottom: 1px solid #CCC; margin-bottom:10px}*/
table.sales th h2 {font-size:15px; color:#777}

table.sales h3, table.sales em{font-weight:normal; color:#777; margin:0}

table.sales tr{ margin:15px 0; border-bottom: solid 1px #CCC }
table.sales td {padding:2px 8px 10px 2px; border-collapse:collapse; vertical-align:top;color:#0e4ca1}

table.sales a:link {color:#0e4ca1; text-decoration:none; font-style:normal}
table.sales a:visited {color:#0e4ca1; text-decoration:none; font-style:normal}
table.sales a:hover, table.sales a:active {color:#777; text-decoration:none; font-style:normal}	

table.sales .noborder{border:none}

/*table.sales td.nopadding {padding:2px 8px 0px 2px;
	border-collapse:collapse;
	vertical-align:top;
	color:#777;
	}*/
	
/*td.linetop {
	text-align:left;	
	border-top: solid 1px #AAA;
}
	
td.line2 {
    text-align:left;

    border-top: solid 1px #AAA;
    border-bottom: solid 1px #AAA;
}*/

.notes{font-size:10px;}	
.blackbold {color:#000000;font-weight:bold}

ul.products{margin-left: 10px;padding-left: 0px}
.products li{padding-left:2px}

.comfortimage {
float:left;
width:200px;
padding-right:15px;
padding-top:20px;
}

.comforttext {
float:left;
width: 250px;
}

ul.colors {
list-style: none;
margin: 0px;
padding-left:0px;
}	

.colors li{
padding-bottom:3px;
padding-top:3px;
padding-left: 0px;
margin:0px;
}


.aceinfo {
width:490px;
float:left;
text-align:left;
}

.leftpad {
	padding-left:170px;
	padding-bottom:10px;
}

div#example {
    display: block;
    height: 414px;
    overflow: hidden;
    position: relative;
    width: 540px;
}

.libsectop, .libsec {
	float:left;
	width: 790px;
	padding-bottom:10px;
	 border-bottom: solid 1px #cacbcd;
}
	
.libsec {
	padding-top:10px;
}

.topborder {
	float:left;
	width: 790px;
	padding-bottom:10px;
	 border-top: solid 1px #cacbcd;
}

.morenav {
	float:left;
	width: 790px;
	
}



.fivecolumn {
	float:left;
	width:150px;
	padding-right:8px;
	text-align:center;
	font-size:11px;
}

table.parts {
	width:380px;
		border-collapse:collapse;
	border-spacing:0px;
}

table.options {
	width:380px;
		border-collapse:collapse;
	border-spacing:0px;
	text-align:center;
}

table.partsfull {
	width:760px;
		border-collapse:collapse;
	border-spacing:0px;
}

table.parts td, table.partsfull td, table.options td {
   
    padding: 3px;
	border-collapse:collapse;
	border-spacing:0px;
}


tr.gray {
    background-color: #cacbcd;
     color: #ffffff;
}


tr.borderbot {
  
	 border-bottom: 1px solid #cacbcd;
}

#err{
	 float:left;
	 width:75%;
	 clear:right;
	 margin:5px 30px;
	 padding:5px 10px;
	 background-color:#FCC;
	 color: #900;
	 border: 2px solid #900;
	 }
#err h4{
	color:black;
}
#err p{
	color: #900;
	text-align:left;
	padding: 5px 20px;
}

/*.rfqData{float:left; width:515px; padding:5px 0px 0px 15px}*/
.rfqThird{float:left; width:300px;padding:0}
.rfqFour{float:left; width:150px;padding:0}
.rfqThree{float:left; width:300px;padding:0}

.rfqLabel{float:left; width:22%; text-align:left; padding-right:2px;}
.rfqInput{width:75%; float:right;}

.rfqDataHalf {float:left; width: 365px; margin:3px 0}
.rfqDataHalf .rfqLabel, .rfqDataHalf .rfqInput{float:left; width:365px; text-align:left}

.rfqDatafull, .rfqSection{float:left; width:500px; padding:10px 0px 10px 15px}

.rfqDatafullnopad {float:left; width:500px; padding:10px 0px 10px 0px}
.rfqData, .rfqDataleft, .rfqSubmit {float:left; width:485px; padding:4px 0px 10px 0px}
.rfqSubmit input{float:right}
.fluid.rfqSubmit input{float:left}
.fluid{width:800px}
.fluid .rfqLabel, .fluid .rfqInput{float:left; width:auto}


.leftpadding {
	float:left;
	width:450px;
	padding:10px 0px 10px 175px;
}

.grayback {
	float:left;
	width: 200px;
	padding:2px 20px;
  background-color: #cacbcd;
	text-align:center;
	margin-top:30px;
}

.newsection {
	float:left;
	width: 790px;
	padding-bottom:40px;
	 border-top: solid 2px #cacbcd;
	 padding-top:15px;
}
.graybig {font-size:18px}

.hide {display: none}	

.nounderline {
	color:#777777;
font-size:18px;
font-style:italic;
margin-bottom:1px;
font-weight: normal;
margin-top:20px;
}

.centery {text-align:center}