/* Name of Company Goes Here 
 * (c) Name of Company Goes Here -- www.websitehere.org
 * 
 */
 
html { padding: 0px; margin: 0px; }
body {
    padding: 0px;
    background: #2688c2;
    font: normal 12px Helvetica, Arial, Verdana, sans-serif;
    color: #333; 
    margin: auto; }
    
img { border: 0; }
	
div { border: 0; }
    
a:link{ 
   color:#06F;
   text-decoration: none;
   }

a:visited{
   color:#06F;
   text-decoration:none;
   }

a:hover{
   color:#06F;
   text-decoration:underline;
   }

a:visited:hover{
    color:#06F;
    text-decoration:underline;
    }
    
div.spacer {
    clear: both; }

/* FONT IN TABLES */    
body td {
    font: normal 12px Helvetica, Arial, Verdana, sans-serif;
    color: #333;
		line-height: 17px;
    }

/* HEADER TAGS USING h1 - h6 HELPS SEARCH ENGINES UNDERSTAND CONTENT IMPORTANCE*/

h1 { 
   font: bold 18px Helvetica, Arial, Verdana, sans-serif;
   color: #036;
   margin: 0px 0px 5px 0px;
   }

h2 { 
   font: bold 14px Helvetica, Arial, Verdana, sans-serif;
   margin: 20px 0px 5px 0px;
   color: #069;
   }
   
h3 { 
   font: bold 13px Helvetica, Arial, Verdana, sans-serif;
   color: #069;
   margin: 20px 0px 5px 0px;
   }
   
h4 { 
   font: bold 11px Helvetica, Arial, Verdana, sans-serif;
   color: #333;
   margin: 20px 0px 5px 0px;
   }
   
/* PARAGRAPH TAG */

p {
   margin: 0px 0px 10px 0px;
   font: normal 12px Helvetica, Arial, Verdana, sans-serif;
   line-height: 17px;
   color: #333;
   }

.product_box {float: left; width: 175px; margin: 0px 0px 0px 0px; border: 0px solid #333; text-align: center; display: block; height: 175px;}
   
.pictures {	
  float: right;
	padding-left: 15px;
	padding-bottom: 10px;
	margin: 0px;}
	
.image_left {	
    float: left;
	padding-right: 10px;
	padding-bottom: 10px;
	margin: 0px;}
	
.image_right {	
    float: right;
	padding-left: 10px;
	padding-bottom: 10px;
	margin: 0px;}


/* HOLDS CONTENT ON THE PAGE */
#container_top { 
    padding: 0px;
    border: 0px dashed #CCC;
    margin: auto;
    height: 158px;
    color: #333;
    background: url(/pics/index/background_top.jpg) no-repeat top;}
    
.contentholder { 
    width: 765px;
    border: 0px solid #CCC;
    padding: 0px;
    margin: auto;
    color: #333;
    display: block;
    }
 
 #container_middle { 
    padding: 5px;
    border: 0px dashed #CCC;
    margin: auto;
	margin-top: 0px;
    color: #333;
    background: url(/pics/index/background_middle_new.gif) repeat-y top;
}
 
.contentholder_middle { 
    width: 765px;
    border: 0px solid #CCC;
    margin: auto;
    color: #333;
    display: block;
    }    
    
.blueline {margin: auto; border-top: 5px solid #0078bf; padding: 0px;}    

.vert_blueline {margin: auto; background: #0078bf; width: 3px; display: block; float: left; margin: 0px 7px 0px 7px; height: 120px;}    

.greyline {margin: auto; border-top: 3px solid #919191; padding-bottom: 3px;}    


 #container_bottom { 
    padding: 5px;
    height: 300px;
    border: 0px dashed #CCC;
    margin: auto;
	margin-top: 0px;
    color: #333;
    background: url(/pics/index/background_btm.jpg) no-repeat top;
}

.contentholder_bottom { 
    width: 765px;
    border: 0px solid #CCC;
    margin: auto;
    color: #333;
    display: block;
    }    

 #homepage_text { 
    width: 745px;
    padding: 10px;
    border: 0px dashed #CCC;
    margin: auto;
	margin-top: 0px;
    color: #333;
    background: #fff url(/pics/index/lt_blu_gradient_bck.gif) repeat-x top;
    font: normal 10px Helvetica, Arial, Verdana, sans-serif;
    line-height: 12px;
}

 #body_copy { 
    width: 545px;
    float: right;
    text-align: left;
    padding: 20px;
    border: 0px dashed #CCC;
    margin: auto;
	margin-top: 0px;
    color: #333;
    background: #fff url(/pics/index/lt_blu_gradient_bck_body.gif) repeat-x top;
}

#body_copy h1{ 
   font: bold 18px Helvetica, Arial, Verdana, sans-serif;
   color: #fff;
   margin: 0px 0px 5px 0px;
   background: none;}
   
#body_copy p{ 
   
   background: none;}

#body_copy ul {
   font: normal 12px Helvetica, Arial, Verdana, sans-serif;
   line-height: 17px;
   color: #333;
   }

 #breadcrumb { 
    width: 575px;
    float: right;
    text-align: left;
    padding: 5px;
    border: 0px dashed #CCC;
    margin: auto;
	margin-top: 0px;
    color: #fff;
    background: #031b2a url(/pics/index/breadcrumb_bck.gif) no-repeat top;
}

#breadcrumb a {
    color: #fff;}

#breadcrumb a:link, #breadcrumb a:visited {
    text-decoration: none;
    color: #fff;}

#breadcrumb a:hover {
    color: #fff;
    text-decoration: underline;}

 
.feature_box { 
    width: 374px;
    border: 0px solid #CCC;
    color: #333;
    height: 120px;
    float: left;
    background: #e7f2f9;
    display: block;
    } 

 
.feature_hdr { 
    border: 0px solid #CCC;
    font: bold 12px Helvetica, Arial, Verdana, sans-serif;
    color: #fff;
    padding: 7px;
    background: #0067a4 url(/pics/index/lineup_tl_bck.gif) no-repeat top left;
    display: block;
    } 
    
.feature_text { 
    border: 0px solid #CCC;
    font: normal 10px Helvetica, Arial, Verdana, sans-serif;
    color: #333;
    padding: 10px;
    display: block;
    } 


    
#utility_nav{float: right; width: 500px; clear: both; color: #fff;padding-top: 20px; text-align: right;font: bold 10px Helvetica, Arial, Verdana, sans-serif;}

#utility_nav a {
    color: #fff;}

#utility_nav a:link, #utility_nav a:visited {
    color: #fff;}

#utility_nav a:hover {
    color: #fff;}

    
/* LIST */
#othersite_nav { 
    float: right; 
    margin: 0px 0px 0px 0px;
    padding: 0px;
    border-left: #333 1px solid;
    border-bottom: #333 1px solid;
    color: #fff;
    background: #000;}

#othersite_nav ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
    font: bold 11px 'Trebuchet MS',Helvetica, Arial, Verdana, sans-serif;
    color: #fff;}
    
#othersite_nav li {
    margin: 0;
    float: left;
    border-right: 1px solid #333;
    padding: 5px 20px 5px 20px;
    list-style-type: none;
    font: bold 11px 'Trebuchet MS',Helvetica, Arial, Verdana, sans-serif;
    color: #fff;}




#othersite_nav a {
    color: #fff;}

#othersite_nav a:link, #othersite_nav a:visited {
    color: #fff;}

#othersite_nav a:hover {
    color: #fff;}
    
    
.grey {
    color: #666;}




#logo{position: absolute; top: 0px; z-index: 0;}    
    
#top_nav_container { 
	position: absolute; 
	top: 110px;    
	z-index: 1;
	width: 765px;
}
    
#top_nav { 
    float: right; 
    z-index: 1;
    margin: 20px 0px 0px 0px;
    padding: 0px;
    color: #fff;
    border: 0px solid #fc0;
    width: 583px;
    height: 18px;
    background: url(/pics/index/pipe_nav_end_black.gif) repeat-x;}

#top_nav ul {
    margin: 0;
    z-index: 1;
    padding: 0;
    list-style-type: none;
    font: bold 11px Helvetica, Arial, Verdana, sans-serif;
    color: #fff;}
    
#top_nav li.off {
    margin: 0;
    z-index: 1;
    float: left;
    border-right: 0px solid #333;
    background: url(/pics/index/pipe_nav_middle.gif) repeat-x;
    padding: 3px 10px 5px 10px;
    list-style-type: none;
    font: bold 11px Helvetica, Arial, Verdana, sans-serif;
    color: #fff;}
    
#top_nav li.on {
    margin: 0;
    z-index: 1;
    float: left;
    border-right: 0px solid #333;
    background: url(/pics/index/pipe_nav_middle_on.gif) repeat-x;
    padding: 3px 10px 5px 10px;
    list-style-type: none;
    font: bold 11px Helvetica, Arial, Verdana, sans-serif;
    color: #fff;}

#top_nav li.divider {
    margin: 0;
    float: left;
    background: url(/pics/index/pipe_nav_middle.gif) repeat-x;
    padding: 0px;
    list-style-type: none;
    font: bold 11px Helvetica, Arial, Verdana, sans-serif;
    color: #fff;}

#top_nav a {
    color: #fff;}

#top_nav a:link, #top_nav a:visited {
    text-decoration: none;
    color: #fff;}

#top_nav a:hover {
    color: #fff;
    text-decoration: underline;}
    
    
    
    
#left_nav { 
    float: left; 
    width: 180px;
    height: 338px;
    border-right: 0px solid #000;
    margin: 0px 0px 0px 0px;
    padding: 0px;
    color: #fff;
    background: #000 url(/pics/index/product_nav_bck.gif) top left repeat-y;}

#left_nav ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
    font: bold 11px Helvetica, Arial, Verdana, sans-serif;
    color: #fff;}
    
#left_nav li {
    margin: 0;
    border-bottom: 1px solid #0a4569;
    padding: 8px 10px 8px 10px;
    list-style-type: none;
    font: bold 11px Helvetica, Arial, Verdana, sans-serif;
    color: #fff;}
    
#left_nav li.top {
    border-top: 1px solid #0a4569;
    margin-top: 22px;
    }

#left_nav a {
   /* display: block;
    padding: 5px;
    width: 160px;
    color: #eee;
    background-color: #036;
    border-bottom: 1px solid #eee;*/}

#left_nav a:link, #left_nav a:visited {
    color: #eee;
    text-decoration: none;}

#left_nav a:hover {
    color: #fff;
    text-decoration: underline;}

    

/* SPECIAL FONT COLORS */
.bigblutext {
    font: bold 24px Arial Black, Arial, Helvetica, Verdana, sans-serif;
    color: #57b2e8;
    margin-top: 8px;
    text-align: center;
    letter-spacing: .1em;
    display: block;
    }
    
.blue_text {
    font: normal 10px Helvetica, Arial, Verdana, sans-serif;
    line-height: 12px;
    color: #06F;
    }
    


/* FOOTER */
#footer {
    padding: 8px 10px 8px 10px;
    border: 0px solid #fc0;
    color: #fff;
    font: normal 10px Helvetica, Arial, Verdana, sans-serif;
    clear: both;
    background: #010609 url(/pics/index/copyright_bck.gif) top repeat-y;}


/* SPECS TABLE */
table#spectable {
	border: 1px solid #999;
	width:100%;
	border-collapse: collapse;
	border-right: 1px solid #999;
}
table#spectable tr th { border: 0px solid #666666;padding:5px;border-right: 0px solid #666666;}
table#spectable tr td { border: 0px solid #666666;padding:5px;border-right: 0px solid #666666;}

table.innerspecstable {
	border: 0px solid #666666;
	width:100%;
	border-collapse: collapse;
}

table.innerspecstable tr th { border: 0px solid #666666;padding:5px;border-right: 0px solid #666666;}
table.innerspecstable tr td { 
	border: 0px solid #666666;
	padding:5px;
	border-right: 0px solid #666666;
}

.doccat {
	font-weight:bold;
	color:#333;
	text-align:left;
}