/*****************************************
general styles
*****************************************/
* {
    margin:0;	padding:0;}
		
body { 	background-color:#e4f3f7;
	background-image:url(../images/bg_main.jpg);
	background-repeat:no-repeat;
	background-position: center top;
	font-family:arial, verdana, sans-serif;
	font-size:12px;	}

a { text-decoration:none;color:#4a88a9;	cursor:pointer; }

a:hover {text-decoration:underline;}

h4 a.featured-link {color: #f8f5de; }

p {		margin: 0 0 1em 0 ;	}
		
a img {border:0;}

h1 {	float:left; padding:20px 0 0 10px ;}
h1 span {display:none;}

h2 { 
	font-family:georgia, sans-serif;
	font-size:29px;
	font-weight:normal;
	text-transform:capitalize;
	padding: 0 0 20px 0;
	line-height: 29px;}
	
h2.int {
	color:#545454;
   	padding:10px 10px 7px 0;
	border-bottom:1px dashed #545454;
	margin: 0 10px 0 0;}
	
h3 {font-size:19px; font-weight:normal;}

h3.product-head { padding-bottom: 5px; line-height: 19px; color:#2d7094; }

h4 { }	
	
h5 { font-size:11px; color:#2d7094;	}
	
input.search-btn {background: url('../images/btn_go.gif') transparent no-repeat; width: 31px; height: 22px; margin: 0; border: none; }

.hidden-span { display: none; }
/***************/
#container { width:960px; margin:0 auto;	}

/*********header and its content *********/
#header {	height:161px;}

#headerSearch {height:47px; padding:20px 0 0 0 ; text-align:right;}

#headerSearch input.search {border:1px solid #ddd; padding:3px;}

#headerSearch input.button {margin:7px 0 -7px 0;}

#menuHeader {
	padding: 9px; 
	background-color:#fff;}

ul#mainNav{
	list-style-type:none;
	display:block;
	width:770px;
	background-color:#dbebef;
	float:right;
	height:100px;	}
		
ul#mainNav li{ 		
	display:block;
	float:left;
	font-size:13px;
	text-transform:uppercase;
	text-align:center;
	background-image:url(../images/divider.gif);
	background-repeat:no-repeat;
	background-position:0% 60%;}		
		
ul#mainNav li a{
	display:block;
	width:88px;
	height:60px;
	padding:35px 10px 5px 10px;
	color:#979c9d;
	border-top:2px solid #dbebef;}

ul#mainNav li a.active {
	background-color:#fff;
	border-top:2px solid #004a74;
	border-bottom:2px solid #fff;
	color:#004a74;	}
	
	
/**********************************/
/************main******************/
#main {
	background:#fff; 
	position:relative; 
	width:950px;
	padding:10px 0 10px 10px;}
	
#left {
	float:left;
	width:230px;
	height:400px;
	position:relative;	}
	
#right {
	width:690px;
	float:right;}
	
	
.leftMenuBox {
	background-color:#004a74;
	background-image:url(../images/bg_navbox.jpg);
	background-repeat:no-repeat;
	padding:13px 0 20px 20px;
	margin-left: -20px;
	width:230px;
	/*position:absolute;
	top:0;
	left:-20px;	*/
	float: left;
	color:#d7e7eb;
	}
	
ul#sideNav {
	display:block;
	list-style-type:none;
	/*border-top:1px dashed #d7e7eb;*/
	margin: 0 0 7px 0;
	padding: 10px 0 0 0;
	}

ul#sideNav li {
	display:block;
	list-style-type:none;
	font-size:16px;
	margin: 5px 0 5px 0;
	padding: 0;
	background-image:url(../images/arrow.gif);
	background-repeat:no-repeat;
	background-position:5px 5px;
	border-bottom:1px dashed #d7e7eb;
	}
	
ul#sideNav li a {
	color:#d7e7eb; 
	display:block;
	padding:0 0 0 20px;
	margin: 0 0 5px 0;
	}
	
ul#sideNav li a.active {	text-decoration: underline;/*border-bottom:1px dashed #d7e7eb;*/}

ul#sideNav li ul {margin: 0 0 3px 0px;}
ul#sideNav li ul li {font-size:11px; background-image:none; border-bottom: none; padding: 0; margin:0;}
ul#sideNav li ul li a {border:0; padding:3px 0 3px 20px; margin:0;}
ul#sideNav li ul li a.active {
	text-decoration:underline; 
	background-image:url(../images/arrow_small.gif);
	background-repeat:no-repeat;
	background-position:5px 5px;}

.grayBox {
	background-color:#ddd;
	background-image:url(../images/bg_qmark.gif);
	background-position: top right;
	background-repeat:no-repeat;
	color:#004a74;
	float: left;
	padding:15px;
	margin-top: 15px;
	height:1%;}
	
div>.grayBox {	height:auto;}
	
.grayBox form {text-align:center; padding: 8px 0;}

.grayBox form select {width:185px;
	margin: 0 0 15px 0;
	border:1px solid #9a9a9a;}
	
.grayBox .corner_tl, .grayBox .corner_bl, .grayBox .corner_br{
	width:3px;
	height:3px;
	font-size:1px;
	position:relative;
	left:0;
	top:0;
	background-image: url(../images/corner_gray_tl.gif);
	background-position:top left;
	background-repeat:no-repeat;	}
	
.grayBox .corner_bl{	background-image: url(../images/corner_gray_bl.gif); top:auto; bottom:0; }

.grayBox .corner_br{	
	background-image: url(../images/corner_gray_br.gif); 
	top:auto; bottom:0;
	left:auto;
	right:0;	}

.spec-sheets select{width: 200px;}

#hero 
	{
	padding: 0;
	background-color:#004a74;
	float:left;
	width: 680px;
	height:175px;
	margin:0 0 10px 0;
	line-height:19px;
	color:#fff;
	overflow: hidden;}

#hero-text 
	{margin: 20px 20px 10px 20px; }
	
#home-text {
	font-family:georgia, serif;
	font-size:20px;
	line-height:25px;
	margin: 0 10px 30px 0;
	color:#545454;}
	
#heroImg {float:right; margin: -20px -20px 0 50px;}

.three-box {
	width:220px;
	padding:0 10px 20px 0 ;
	float:left;
	color:#3a3a3a;
	line-height:17px;}
	
.three-box h4 {
	background-color:#2d7094;
	background-image:url(../images/bg_threeboxh4.gif);
	background-repeat:repeat-x;
	padding: 12px 40px 10px 11px;
	color:#f8f5de;
	font-size:13px;
	margin:0 0 1px 0;	
	position:relative;}

img.roundarrow {
	position:absolute;
	top:10px;
	right:7px;	}
	
.three-box img {margin:0 0 20px 0;}

.three-box a {color:#004a74;}

#breadcrumbs {font-size:11px;
padding:7px 10px 30px 0;}

#breadcrumbs a {color:#a5a6a7;}
#breadcrumbs a.current {color:#2d7094;}
	
.product {
	width:160px;
    float:left; 
	padding: 0 10px 0 0;
	font-size:11px;
	margin: 0 0 20px 0;}

.product img {margin:0 20px 10px 30px;}

.product_tabbox {
line-height:17px;
margin: 0 10px 0 0; 
padding:20px 10px 0 0;
border-top:1px solid #bdbebe;
height:1%;}

.product_left {width:255px; float:left;padding: 0 10px 10px 0;}

.product_left img {padding:0 0 17px 0;}

ul#tabMenu {list-style-type:none; 
  display:block; 
  margin: 0 0 24px 10px; 
	width:100%;
	float:none;
	clear:both;}

ul#tabMenu li {
	display:block;
	list-style-type:none;
	float:left; 
	background-image:url(../images/bg_tabInact.gif);
	background-position:top left;
	background-repeat:no-repeat;
	background-color:#004a74;
	text-align:center;
	margin: 0 2px 0 0;
	font-size:10px;
	text-transform:capitalize;
	position:relative;}

ul#tabMenu li.quote {
	background-image:url(../images/bg_tab_quote.jpg);
	background-position:top left;
	background-repeat:no-repeat;
	background-color:#004a74;
}
ul#tabMenu li.current {
	background-color:#fff;
	background-image:url(../images/bg_tabAct.gif);
	position:relative;
	padding-bottom:1px;}
						
ul#tabMenu li a {
	display:block; 
	padding:8px 0 3px 0; 
	width:101px;
	color:#fff;			}
					 
ul#tabMenu li.current a {		 color:#545454}


.swatch-box, .swatch-box-last {
    float:left;
		width:83px;
		padding:0 61px 25px 0;
		color:#0a533c;
		font-size:11px;		}
		
.swatch-box-last {padding: 0 10px 25px 0;}

/*footer*/

#footer {
	background-color:#004a74;
	background-image: url(../images/logo_small.gif);
	background-position: 99% 60%;
	background-repeat:no-repeat;
	text-align:center;
	color:#fff;
	font-size:10px;
	padding:20px;}

/*auxillary styles*/

.hidden {display:none;}

.cleaner {height:1px; clear:both; font-size:1px; border:0;}
	
	


#hero-int
	{padding:20px 20px 15px 20px;
	background-color:#004a74;
	float:left;
	width:640px;
	/*height:145px;*/
	margin:0 0 10px 0;
	line-height:19px;
	color:#fff;}
	
img#heroImg-int { float: right; margin: 0 0 5px 10px;}

.simple-content {padding: 0 20px 10px 0;}

/*************************************/
/*			MESSAGE STYLES			 */
/*************************************/

div.message {
	padding: 0 0em 0 30px;
	margin: 0 0 1em 0;
	background: #e7e7e7 url(../images/icons/tango/applications-system.png) no-repeat;
	background-position: 10px center;
	border: 2px solid #aaa;
	border-width: 2px 0;
}

.message p {
	margin: 1em;
}

div.error {
	border-color: #f00;	
	background-color: #fcc;
	background-image: url(../images/icons/sc_cancel_24.gif);
}

div.success{
	border-color: #0c0;
	background-color: #cfc;
	background-image: url(../images/icons/sc_confirm_24.gif);
}

div.warning{
	border-color: #F50;
	background-color: #FFB;
	background-image: url(../images/icons/tango/emblem-important.png);
}

div.info {
	border-color: #55f;
	background-color: #ddf;
	background-image: url(../images/icons/sc_info_24.gif);
}

div.form fieldset {
	padding: 8px;
	width: 450px;
	margin-bottom: 10px;
	}

div.form input, div.form select, div.form textarea {margin-bottom: 10px;}



.required {
	font-weight: bold;
	color: #f00;
	}