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

html, body{
background-color: #2b293c;
font-size: 1em;
margin: 0;
padding:0;
font-family: arial, helvetica, verdana, sans-serif;
background-image: url(images/bodygrad.jpg);
background-repeat: repeat-x;

}

#container {
margin: 0px auto 0 auto;
width: 900px;
border-right: 1px solid #fff;
border-left: 1px solid #fff;

background-color: #fff;
position: relative;
min-height: 680px;
border-bottom: 5px #1c2031 solid;
}

#content {
width: 875px;
margin-top: 0;
padding: 15px 0px 20px 15px;
text-align:left;}

#top{height: 110px;
background-color: #fff;
margin-top: 0;
border-right: 1px solid #fff;
}

.imgtoplogo{
padding: 10px 0 0 10px;
}


/*h1{
font-size: 1.4em;
margin-top: 0;
margin-bottom: 8px;
line-height: 1.1em;
}*/

h2{
font-size: 1.7em;
margin-top: 0;
margin-bottom: 8px;
line-height: 1.1em;
}

h1 {
float:left;
width: 300px;
padding-top: 25px;
padding-left: 10px;
margin-top: 0;
font-size: 1.5em;
}
sup{font-size: .6em;
}

#leftcontent {
float: left;
width: 350px;
padding:10px 5px;
font-size: .85em;
}


/*#left p {font-size: .85em !important;
 line-height: 1.3em;}*/

 
#middle {
margin-top: 20px;
padding: 20px;
}


.aboutp {
font-size: .85em;
line-height: 1.2em;
text-indent: 25px;
}

.leftfloatleft
{float: left;
width: auto;
margin-left: 10px;
margin-bottom: 0;}

.leftfloatright
{float: right;
width: auto;
padding: 25px 20px 20px 0;
margin-bottom: 0;}

.homefloatright
{float: right;
width: auto;
padding: 0px 30px 12px 0;
margin-bottom: 0;}

#left p {
font-size: .8em;
clear:left;
}

.compliantlogo{margin-bottom: 15px;}

.bluesquareplace{
float:left;
padding: 0 0 20px 30px;}
/*text-align: center;
color: #fff;
width: 280px;
padding:17px 100px 5px 0px;
height: 94px;
font-size: .95em;
background-image: url(images/bluesquare.jpg);
background-repeat: no-repeat;


.bluesquare{
float:left;
clear: left;}
/*text-align: center;
width: 280px;
color: #fff;
padding:15px 100px 5px 0px;
height: 94px;
margin:0;
background-image: url(images/bluesquare.jpg);
background-repeat: no-repeat;
font-size: .95em;
}

.catalog a{color: #fff !important;
font-size: 1.3em; font-weight: bold;
text-decoration: none;}
.catalog a:hover {color: #000;
text-decoration: none;}*/


.schematics
{float: right;
padding: 15px 0 15px 0;}

#lefttitle {
float: left;
width: 220px;
padding:5px 3px;
font-size: 1em;
}

.download
{float:left;
margin-left: 5px;
font-size: .95em;}

#viewdownload {
position: absolute;
right: 35px;
top: 590px;
background-color: #333957;
padding: 6px 12px;
font-weight: bold;
}

#viewdownload a{
color: #fff;
text-decoration:underline;

}
#viewdownload a:hover{
color: #f17236;
text-decoration:underline;
}

#viewdownload p {margin: 0;
padding-bottom: 4px;
font-size: .85em;
line-height: 1.5em;

}

#navschematics {
float:left;
width: 220px;
font-size: .85em;
margin-left: 10px;
margin-top: 120px;

}

#navschematics p {
font-size: 1.1em;
font-weight: bold;
}

#navschematics ul {
margin: 0;
padding: 0;
font-weight: normal!important;
line-height: 1.4em;
}

#navschematics li {
list-style-type: none;
}

#contact {
float:right;
width: 300px;
padding-right: 40px}

.contact {
width: 220px;
font-size: .9em;
line-height: 1.2em;
}

.contact li{
list-style-type: none;}

ul.contact p{
font-size: 1em;
color:#FF6600;
font-weight: bold;
margin:0;
padding: 0;}

#form{
float:left;
clear:left;
width: 500px;
text-align:left;
padding-left: 15px;
}

#form p
{font-size: .85em;}

.formtable{text-align: left;
}
td.formtable{padding-left: 40px;}

#leftaddress {
padding-top: 25px;
font-variant: small-caps;
font-weight: bold;
float: left;
width: 280px;
font-size: .9em;
line-height: 1.2 em;
}


.bulletlists{
font-size: .75em;
margin-top: 0;
padding-top: 0;}


#rightpete{
float: right;
width: 250px;
margin: 20px;
}

.leftimg{
float:left;
width: 180px;
}

.imgs{
/*float:left;*/
clear:left;
height: 185px;
margin-top:0;
margin-bottom: 0;
}


#bottom{
clear: both;
width: 900px;
margin: 0px auto 0 auto;
}


.thmfloatcopy{
float:left;
width: 750px;
clear:both;
}

.thmfloat{
float: left;
width: 200px;
height: 225px;
text-align: center;
color: #F27235;
font-size: .7em;
font-weight: bold;
}


.thmp {
text-align: center;
margin-top: 0;
padding-top: 0;}


#clear{
clear:both;
display:block;}

a:link, a:visited{
color: #214b6b;
text-decoration: none;}

a:hover {color: #000;
text-decoration: none;}


/*.form{
float: right;
width: 185px;
text-align:center;
padding: 5px;
height: 135px;
font-size: .85em;
font-weight: bold;
line-height: 1.1em;
}*/


#footer{

text-align: center;
border-top: 2px #f17236 solid;
height:25px;
width: 900px;
clear:both;
padding-bottom: 12px;
color: #fff;
background-image: url(images/cdfooter.jpg);
background-repeat: no-repeat;
background-color: #2d7196;
border-left: 1px solid #fff;
border-right: 1px solid #fff;
border-bottom: 1px solid #fff;

}

#footer p {font-size: .7em;
}

#footer a {
font-size: 1em;
color: #fff;
}
#footer a:hover{
font-size: 1em;
color: #000;
}



/*colors customize accessories*/
.colors{ text-align: center;
margin: 5px 0 0 15px;}
td{ font-size: .8em;
padding: 0 8px 5px 0;
}

.cabinet {float:left;
margin-bottom: 10px;}

.cabinet  p  {
margin: 5px 0 0 15px;
font-size: .9em;
}


.endcaps {float:right;
padding-top: 65px;
padding-right: 30px;}

h4{font-size: 1.5em;
margin: 15px 50px 0 10px;
padding-top: 0;
}

h5{margin-left: 10px;
margin-bottom: 8px;
font-size: .95em;}

.h4p{
font-size: .8em;
margin-left: 10px;
}

#imagecenter{
text-align:center;
width: 380px;
margin: auto;}

#leftcenter{
float: left;
width: 220px;
padding-top:15px;
padding-left: 10px;
margin: 0;

}

#leftcenter.img{ float:left;
width: 100px;
}

#leftcenter p {font-size: .8em;
margin: 0;
padding-bottom: 5px;
}

#rightcenter{
float: right;
width: 220px;
padding-top:15px;
margin: 0;

}

#rightcenter.img{ float:left;
width: 100px;
}

#rightcenter p {font-size: .8em;
margin: 0;
padding-bottom: 5px;
}

#accessorythms {float:left;
width: 420px;
}


#accessorythmslrg {float:left;
width: 560px;
}

#accessorythmssm {float:left;
width: 280px;
margin-left: 10px;
}


.accessoryimg {
float:left;
padding: 8px;
}

.accessoryimg p {font-size: .8em;
margin: 0;
}

.url{display: none;}











