﻿/* global elements */
body {
    margin: 0; 
    padding: 0; 
    font: normal 12px/18px Arial, Helvetica, sans-serif; 
    color: #5f6971; 
    background: url(/images/bg_tile.jpg) repeat-x #fff;
}

.break {
    clear: both; 
    display: none;
}

img {
    border: none;
}

ul {
    margin: 0; padding: 0; 
    list-style: none;
}

li {
    margin: 0; 
    padding: 0;
}

a {
    color: #005595; 
    text-decoration: none;
}
/* a.special {
    color:#ffe000; 
    text-decoration: underline;
    } */
    
a.special2 {
    margin: 0; 
    padding: 3px 5px; 
    background: #ffe000;
    }
    
a.special3 {
    color:#ffe000; 
    text-decoration: underline;
    }
    
input { 
    font-size: 12px; 
    margin: 0 0 10px 0; 
}

	
select {margin: 0 0 10px 0;}
textarea {margin: 0 0 20px 0; padding: 0; color: #5f6971;}

button { 
    margin: 0 0 10px 0; 
    border: none; 
    cursor: pointer; 
}

button.contactsubmit {
    width: 57px; 
    height: 21px; 
    padding: 0; 
    border: none; 
    cursor: pointer; 
    color: #fff; 
    background: #7faaca;}
    
.stroke {
    clear: both;
    margin: 0px 0 0px 0; 
    border-bottom: 1px solid #c3d7e6;
}

.stroke1 {
    clear: both;
    margin: 0px 0 20px 0; 
    border-bottom: 1px solid #c3d7e6;
}
	
/* h1 {
    margin: 0 0 0 0; 
    padding: 0 0 0 0; 
    font: normal 24px/24px Arial, Helvetica, sans-serif; 
    color: #37424a;
} */
h1 {margin: 0 0 5px 0; padding: 0; font: normal 24px/24px Arial, Helvetica, sans-serif; color: #37424a;}
	h1.special {margin: 0; padding: 0; font: normal 32px/38px Arial, Helvetica, sans-serif; color: #fff;}
	h1.special2 {margin: 0; padding: 0; font: normal 18px/20px Arial, Helvetica, sans-serif; color: #fff;}
/* h5 {
    margin: 0 0 10px 0; 
    padding: 0 0 10px 0; 
    font: normal 14px/18px Arial, Helvetica, sans-serif; 
    color: #5f6971; 
    border-bottom: 1px solid #c3d7e6; 
} */

h5 {margin: 0 0 10px 0; padding: 0 0 10px 0; font: normal 14px/18px Arial, Helvetica, sans-serif; color: #5f6971; border-bottom: 1px solid #c3d7e6;}
	h5.special {clear: both; margin: 0; padding: 0; font: bold 14px/18px Arial, Helvetica, sans-serif; color: #5f6971; border: none;}
	h5.special2 {margin: 10px 0 10px 0; padding: 0; font: bold 15px/18px Arial, Helvetica, sans-serif; color: #5f6971; border: none;}
	

h6 {
    margin: 0 0 10px 0; 
    padding: 0; 
    font: normal 14px/12px Arial, Helvetica, sans-serif; 
    text-transform: uppercase;
}

p.special{
}

/* body */
#container {
    width: 990px; 
    margin: 0 auto; 
    padding: 0; 
    background: url(/images/bg_container.jpg) no-repeat #fff;
}
	
/* functional navigation */
#navFunctional {
    width: 960px; 
    height: 19px; 
    margin: 0; 
    padding: 10px 30px 0 0; 
    font-size: 11px; 
    text-align: right;
    }
#navFunctional ul {
    float: right; 
    margin: 0; 
    padding: 0; 
    list-style: none;
    }
#navFunctional li {
    float: left; 
    margin: 0 5px; 
    padding: 0;
    }
#navFunctional li.last {
    float: left; 
    margin: 0 0 0 5px; 
    padding: 0;
    }
#navFunctional a {
    color: #005595; 
    text-decoration: none;
    }
	
/* header */
#header {
    width: 930px; 
    height: 98px; 
    margin: 0; 
    padding: 0 30px;
}

#identity {
    float: left; 
    width: 715px; 
    height: 75px;
}

#search {
    float: left; 
    width: 215px; 
    height: 65px; 
    margin: 0; 
    padding: 10px 0 0 0; 
    text-align: right;
    }
#search .searchInput {
    width: 150px; 
    height: 20px; 
    margin: 0; 
    padding: 0; 
    border: 1px solid #c3d7e6;
    }
#search .searchButton {
    margin: 0; 
    padding: 0; 
    color: #005595; 
    background: none;
    }

/* main navigation */
#nav {
    clear: both; 
    width: 940px; 
    height: 23px; 
    margin: 0 0 0 195px; 
    padding: 0; 
    font-size: 14px;
    }
#nav ul {
    margin: 0; 
    padding: 0; 
    list-style: none;
    }
#nav li {
    float: left; 
    line-height: 23px; 
    padding: 0; 
    margin: 0; 
    background: url(/images/nav_div.gif) no-repeat; 
    background-position: 100% 13px;
    }
#nav li.last {
    float: left; 
    line-height: 23px; 
    padding: 0; 
    margin: 0; 
    background: none;
}
#nav a {
    display:block; 
    text-decoration: none; 
    color: #e55303; 
    padding: 0 20px;
}
/* adjust nav-main code below for drop down menus */		
#nav li ul {
    position: absolute; 
    margin: 0; 
    padding: 0; 
    left: -999em; 
    height: auto; 
    width: 200px; 
    width: 200px; 
    font-weight: normal; 
    border-top: 1px solid #E4ECEE;
    }
#nav li li {
    width: 200px; 
    height: 29px; 
    padding: 0; 
    margin: 0; 
    font: normal 11px/29px Arial, Helvetica, sans-serif; 
    background: url(/images/bg_nav_tile.png) repeat-x; 
    border: solid #6e8fae; border-width: 0 0 1px 0;
    }
#nav li li:hover, #nav li li.sfhover {
    background:#366591;
    }
#nav li li a {
    width: 200px; 
    width: 154px; 
    padding: 0 5px;
    }
#nav li ul a {
    color: #fff; 
    border: none;
    }
#nav li ul a:hover, #nav li ul a.sfhover {
    color: #fff;
    }
#nav li ul ul {
    margin: -21px 0 0 167px; 
    width: 200px;
    }
#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {
    left:-999em;
    }
#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul {
    color: #fff; 
    left: auto;
    }
#nav li:hover, #nav li.sfhover {
    color: #fff; 
    background: url(/images/bg_nav_tile.jpg) repeat-x;
    }

/* main feature */
#feature span {
    width: 930px; 
    height: 184px; 
    margin: 0 0 0px 0; 
    padding: 0 30px;
}

/* main content */    
#maincontent {
    width: 936px; 
    margin: 15px 0 0 0; 
    padding: 0 27px;
}

#industrial {
    float: left; 
    width: 302px; 
    margin: 0 15px 20px 0; 
    padding: 0;
    }

#commercial {
    float: left; 
    width: 302px; 
    margin: 0 15px 20px 0; 
    padding: 0;
}

.modulepic {
    height: 128px; 
    margin: 0px 0 0 3px; 
    padding: 0;
}

.modulecontent {
    height: 189px; 
    margin: 0; 
    padding: 10px 14px 0 14px; 
    background: url(/images/bg_modules.jpg) no-repeat; 
    background-position: bottom;
}		
.modulelist {
    margin: 10px 0 0 0; 
    padding: 0 14px;
    }
.modulelist ul.left {
    float: left; 
    width: 127px; 
    margin: 0 20px 0 0; 
    padding: 0;
    }
.modulelist ul.right {
    float: left; 
    width: 127px; 
    margin: 0; 
    padding: 0;
    }
.modulelist li {
    margin: 0 0 7px 0; 
    padding: 0; 
    line-height: 14px;
    }

.rrWrapDiv {
	float:right;
}

#promos 
    {float: left; 
    width: 302px; 
    margin: 0 0 20px 0; 
    padding: 0;
    }

#call {width: 274px; height: 108px; margin: 0; padding: 10px 14px 0 14px; font-size: 14px; color: #fff; text-align: center; background: url(/images/bg_call.jpg) no-repeat;}    
#call p {
    margin: 2px 0 0 0; 
    font: normal 14px/14px Arial, Helvetica, sans-serif; 
    color: #fff;
    }

/* .call {
    width: 274px; 
    height: 108px; 
    margin: 0; 
    padding: 20px 14px 0 14px; 
    font-size: 14px; 
    color: #fff; 
    text-align: center; 
    background: url(/images/bg_call.jpg) no-repeat;
}
.call h1 {
    margin: 5px  0 0 0; 
    padding: 0 0 0 0; 
    font: normal 36px/36px Arial, Helvetica, sans-serif; 
    color: #fff;
    }
.call h2 {
    margin: 0 0 0 0; 
    padding: 0 0 0 0; 
    font: normal 18px/20px Arial, Helvetica, sans-serif; 
    color: #fff;
    }
.call p {
    margin: 0 0 0 0; 
    padding: 10px 14px 0 14px; 
    font: normal 14px/14px Arial, Helvetica, sans-serif; 
    color: #fff;
    }
				
#call2 {
    width: 274px; 
    height: 108px; 
    margin: 0; 
    padding: 20px 14px 0 14px; 
    font-size: 14px; 
    color: #fff; 
    text-align: center; 
    background: url(/images/bg_call.jpg) no-repeat;
} */

#quicklinks {
    width: 274px; 
    height: 189px; 
    margin: 0; 
    padding: 10px 14px 0 14px; 
    background: url(/images/bg_modules.jpg) no-repeat; 
    background-position: bottom;
    }			
#quicklinks li {
    margin: 0; 
    padding: 5px 0; 
    border-top: 1px solid #c3d7e6;
    }
	
/* footer */
#footer {
    clear: both; 
    width: 930px; 
    margin: 0; 
    padding: 34px 30px; 
    font-size: 11px; 
    text-align: center; 
    background: url(/images/bg_footer.jpg) no-repeat #fff;
    }
#footer a {
    margin: 0; 
    padding: 0 5px; 
    color: #5f6971;
    }

/* Secondary Page Styles */
#title {width: 910px; height: 34px; margin: 1px 0 20px 30px; padding: 10px; background: url(/images/bg_titlebar.jpg) no-repeat;}
	#title img {float: left; margin: 0 10px 0 0;}

h2 {margin: 0; padding: 0; font: normal 24px/20px Arial, Helvetica, sans-serif; color: #fff;}
	h2 a {color: #fff;}

#breadcrumbs {margin: 0; padding: 0; font-size: 10px; text-transform: uppercase; color: #7faaca;}
	#breadcrumbs a {color: #7faaca;}
	
#sec_content {float: left; width: 608px; margin: 0 20px 0 3px; padding: 0;}

	#sec_content .leftcol {float: left; width: 294px; margin: 0 20px 20px 0; padding: 0;}
	#sec_content .leftcol img {float:left; margin: 0 10px 10px 0; padding: 0;}
	#sec_content .leftcol p.clear {clear: both;}
	#sec_content .rightcol {float: left; width: 294px; margin: 0 0 20px 0; padding: 0;}
	#sec_content .rightcol img {float: left; margin: 0 10px 10px 0; padding: 0;}
	#sec_content .rightcol p.clear {clear: both;}
	
	/* 32940A - 3/13/2010 - SL */
	#sec_content .region img {margin: 10px 0px 5px 0; padding: 0;}	
	#sec_content .region_Locations {margin: 0 0 0 40px; padding: 0;}	
	#sec_content .region_Locations p {line-height:10px; margin: 8px 0 0 0;}	
		
	#sec_content #product ul {margin: 0; padding: 0;}
	#sec_content #product li {clear: both; margin: 0; padding: 20px 0; border-top: 1px solid #c3d7e6;}
	#sec_content #product img {float:left; margin: 0 10px 0 0; padding: 0;}
	#sec_content #product p {margin: 10px 0 0 0;}
	
	#sec_content ul.disc {list-style-type: disc; font-size: 13px; font-weight: bold; line-height: 18px; margin: 12px;}
	#sec_content ul.disc li {margin: 0  10px 5px 265px; padding: 0;}
	
	#sec_content ul li {margin: 0 0 8px 0;}
	#sec_content ul.approach {margin: 0; padding: 0; list-style: disc;}
	#sec_content ul.approach li {margin: 0 0 0 30px; padding: 0;}
	
	/* 32940A - 3/13/2010 - SL */
	#sec_content p.vertical {margin: 0px 0 10px 0;}
	#sec_content ul.vertical {margin: 0px 0 7px 15px;}
	#sec_content ul.vertical li {margin: 0 0 0px 8px;}
			
	#sec_content .medium {float: left; margin: 12px 34px 20px 0; padding: 0;}
	#sec_content .featured {float: left; margin: 20px 6px 20px 0; padding: 0;}
		
	#sec_content img.featuredlast {margin: 0 0 20px 0; padding: 0;}
					
	/* Register Form page */
    #sec_content .fontSize10 {font-size:10px;}
    #sec_content .requiredField {color:#f21b16;}
    #sec_content .contactUsTable {margin: 30px 0 10px 50px;}
    #sec_content .contactUsTable td {padding: 0px 0px 0px 0;}
    #sec_content .txtInput {width:205px;}
    #sec_content .errorsummary {font-family:Trebuchet MS, Arial, Helvetica, sans-serif; font-size:11px; color:#000;	line-height:30%;}
    
#sec_content #sitemap {
    margin:  10px 0 0 10px;
    }
         
#sec_content #sitemap ul {
    margin: 0; 
    padding:  0 0 10px 20px; 
    }
#sec_content #sitemap li {
    margin: 0 0 0 20px; 
    padding: 0; 
    border-top: none;
    list-style-type:circle;}
    
#sec_content #sitemap li ul li {
    margin: 0 0 0 20px; 
    padding: 0; 
    border-top: none;
    list-style-type:square;}
     
h3 {margin: 0; padding: 0; font: normal 28px/32px Arial, Helvetica, sans-serif; color: #37424a;}
/* 32940C - 3/13/2010 - SL h4 {margin: 0; padding: 0; font: normal 18px/32px Arial, Helvetica, sans-serif; color: #37424a;} */
h4 {margin: 5px 0 5px 0; padding: 0; font: normal 18px/32px Arial, Helvetica, sans-serif; color: #37424a; line-height:normal;} 
/* h4 {margin: 0; padding: 0; font: normal 18px Arial, Helvetica, sans-serif; color: #37424a;} */
h4.special {margin: 0 0 10px 0; padding: 0; font: normal 18px/32px Arial, Helvetica, sans-serif; color: #37424a; border-bottom: 1px solid #c3d7e6;}
h4.contact {margin: 0 0 10px 0; padding: 0; font: bold 16px/22px Arial, Helvetica, sans-serif; color: #37424a;}

#inside {
    width: 274px; 
    margin: 0; 
    padding: 10px 14px 20px 14px; 
    background: url(/images/bg_modules.jpg) no-repeat; 
    background-position: bottom;
    }
#inside li {
    margin: 0; 
    padding: 5px 0; 
    border-top: 1px solid #c3d7e6;
    }
#inside li ul li {
    margin: 0 0 0 10px; 
    padding: 0; 
    border-top: none;}
    
   

.callout {margin: 20px 0; padding: 0;}
	.callout img {margin: 0 10px 0 0; float:left;}

a.large {font-size: 14px; color: #005595;}	


/* styles for home page */
.promo525x300WrapDiv {
	width:936px;
	min-height:184px;
	height:auto !important;
	height:184px;
	position:relative;
	left: 30px;
}
.promo525x300WrapDiv div.tab
{
	position:absolute;
	left:0px;
	top:0px;
	z-index:0;
}
.tabsDiv {
	position:absolute;
	top:15px;
	left:10px;
	border:solid 1px #9cb288;
	background-color:#fff;
	padding:3px 0px;
	z-index:1;
}
.tabsDiv span {
	padding:5px;
	cursor:pointer;
	color:#999;
	text-decoration:underline;	
}
.tabsDiv .tabOn {
	color:#0067c6;
	font-weight:bold;
	text-decoration:none;
}
.NavTest {
    clear:both;
    text-align:center;
}
.NavTest span {
    border:solid 0px #fff;
    padding-bottom:5px;

}

#CADDrawing{
    margin: 50px 50px 50px 50px;    
}
#CADDrawing iframe{
    width: 100%;
    height:550px;    
}

/* contact styles */
#sec_content .contactitem {float: right;}   
#sec_content .contactleft {float: left; width: 150px; margin: 0 10px 0px 0; text-align: right; }
#sec_content .contactright {float: right; width: 447px; margin: 0  0 0px 0px; padding: 0; }

#sec_content .contact {width: 200px; font-size: 12px; margin: 0 0 5px 0; color: #5f6971;}
#sec_content .contact1 {width: 205px; font-size: 12px; margin: 0 0 5px 0px; color: #5f6971;}
#sec_content .contact2 {width: 230px; font-size: 12px; margin: 0 0 5px 0; color: #5f6971; }
 
/* resources styles */
.resources_item_header {clear: both; width: 100%; height: 30px; margin: 0; padding: 0; font-size: 14px; background: url(/images/bg_resources_item_two.gif) repeat-x;}
.resources_item_one {clear: both; width: 100%; height: 30px; margin: 0; padding: 0; background: url(/images/bg_resources_item_one.gif) repeat-x;}
.resources_item_two {clear: both; width: 100%; height: 30px; margin: 0; padding: 0; background: url(/images/bg_resources_item_two.gif) repeat-x;}

/* 32940C - 3/13/2010 - SL .resources_subnav {width: 100%; height: 50px; margin: 20px 0; padding: 20px 0; border: 1px solid #c3d7e6; border-width: 1px 0;}
.cols {float: left; width: 210px; margin: 0 0 20px 0; padding: 0;} */
.resources_subnav {width: 100%; height: 35px; margin: 15px 0; padding: 15px 0; border: 1px solid #c3d7e6; border-width: 1px 0;}
.cols {float: left; width: 150px; margin: 0 0  0px 35px; padding: 0;}

/* 32940A - 3/13/2010 - SL */
.region_subnav {width: 100%; height: 20px; margin: 15px 0; padding: 15px 0; border: 1px solid #c3d7e6; border-width: 1px 0;}
.regioncols {float: left; width: 130px; margin: 0 0  0px 15px; padding: 0; text-align:center;}

.col_one {float: left; width: 210px; height: 24px; margin: 0; padding: 6px 0 0 0;}
.col_two {float: left; width: 145px; height: 24px; margin: 0; padding: 6px 0 0 0;}
.col_three {float: left; width: 125px; height: 24px; margin: 0; padding: 0;}
.col_four {float: left; width: 120px; height: 24px; margin: 0; padding: 0;}
.push {margin: 0; padding: 6px 0 0 0;}
.smltxt {font-size: 11px;}

.prHdrDiv {
	font: normal 15px/18px Arial, Helvetica, sans-serif; 
	color: #37424a;
	margin-bottom:10px;
}

.col_one1 {float: left; width: 420px; height: 24px; margin: 0; padding: 6px 0 0 0;}
.col_two1 {float: left; width: 120px; height: 24px; margin: 0; padding: 0;}
.push1 {margin: 0; padding: 6px 0 0 0;}
.smltxt1 {font-size: 11px;}

.col_one2 {float: left; width: 60px; height: 24px; margin: 0; padding: 6px 0 0 0;}
.col_two2 {float: left; width: 360px; height: 24px; margin: 0; padding: 6px 0 0 0;}
.col_three2 {float: left; width: 120px; height: 24px; margin: 0; padding: 0;}



