/* this is the master css we will use for styling */

body{
margin:0;
padding:10px 0;
}

p, ul, li, a, h1, h2, h3, h4, div, form, label, input{
padding:0;
margin:0;
}



ul{
list-style:none;
padding:0;
margin:0;
}
a{
text-decoration:none;
}



/*------------ Top ------------*/

#topPanel{
	background:url(../images/top-bg.jpg) repeat-x 0 0;
	height:44px;
	border-bottom:solid 1px #0e538c;
	border-top:solid 1px #0f2f2c;
	}
	
.logo{
	margin:6px 0 0 20px;
	}
	
/*------ Nav -------*/

ul.nav{
	padding:0 13px 0 0;
	height:44px;
	}
	
ul.nav li{
	height:44px;
	background:url(../images/nav-divider.gif) no-repeat 0 0;
	padding:0 0 0 2px;
	float:right;
	width:auto;
	}
	
ul.nav li.menuStart{
	background:none;
	}
	
ul.nav li a{
	display:block;
	float:left;
	width:auto;
	height:44px;
	padding:0 20px;
	font-size:12px;
	line-height:43px;
	font-weight:bold;
	color:#FFFFFF;
	background-color:inherit;
	text-decoration:none;
	}
	
ul.nav li a:hover{
	color:#f2dd44;
	background-color:inherit;
	}
	
ul.nav li a.active{
	color:#f2dd44;
	background-color:inherit;
	cursor:default;
	}

/*------------ Header ------------*/

#header{
	height:201px;
	background:url(../images/header-bg.jpg) no-repeat 0 0;
	border-top:solid 1px #0f2f2c;
	border-bottom:solid 1px #ffffff;
	}
	
#header h1{
	font-size:36px;
	line-height:36px;
	font-weight:bold;
	color:#FFFFFF;
	background-color:inherit;
	text-align:right;
	padding:45px 30px 0 0;
	margin:0;
	}
	
#header h1 span{
	color:#fff55b;
	background-color:inherit;
	font-size:24px;
	line-height:24px;
	font-weight:normal;
	}
	
#header p{
	color:#FFFFFF;
	background-color:inherit;
	padding:5px 30px 0 0;
	text-align:right;
	}

/*------------ Body ------------*/

/*---- banners ---*/

#bannerPanel{
	background:url(../images/banner-panel.gif) repeat-x 0 0;
	height:200px;
	padding:16px 0 0 0;
	}
	
#bannerPanel h2{
	font-size:30px;
	line-height:33px;
	color:#79b2ed;
	background-color:inherit;
	text-align:center;
	font-weight:normal;
	}

#bannerPanel h3{
	font-size:15px;
	line-height:18px;
	color:#FFFFFF;
	background-color:inherit;
	text-align:center;
	font-weight:normal;
	padding-bottom:20px;
	}
	
.banner{
	background:#3773ba;
	height:98px;
	color:inherit;
	position:relative;
	}
	
.banner span.number{
	background:url(../images/number-bg.jpg) no-repeat 0 0;
	width:37px;
	height:45px;
	font-size:15px;
	line-height:35px;
	padding:0 0 0 8px;
	color:#000000;
	background-color:inherit;
	position:absolute;
	left:0;
	top:0;
	}
	
.banner p{
	text-align:center;
	color:#6ea2d7;
	background-color:inherit;
	}
	
.banner p a{
	text-decoration:none;
	color:#fbd94a;
	background-color:inherit;
	font-weight:bold;
	}
	
.banner p a:hover{
	text-decoration:underline;
	}
	
#bannerPanel h2.bannerHeading{
	font-size:15px;
	line-height:20px;
	color:#FFFFFF;
	background-color:inherit;
	text-align:center;
	padding:30px 0 5px;
	}
	
#bodyPannel{
	padding:20px 0 15px;
	color:#3773ba;
	background-color:inherit;
	}
	
#bodyPannel h2{
	font-size:15px;
	line-height:28px;
	font-weight:normal;
	color:#282828;
	background-color:inherit;
	padding:0 0 0 28px;
	border-bottom:dashed 1px #d4d4d4;
	border-top:dashed 1px #d4d4d4;
	}
	
#bodyPannel h2.product{
	background:url(../images/product-icon.gif) no-repeat 0 50%;
	}
	
#bodyPannel h2.customerApplication{
	background:url(../images/customer-application-icon.gif) no-repeat 0 50%;
	}
	
#bodyPannel h2.news{
	background:url(../images/news-icon.gif) no-repeat 0 50%;
	}
	
#bodyPannel h2.special{
	background:url(../images/special-icon.gif) no-repeat 0 50%;
	}
	
.productBox{
	padding:10px 0;
	border-bottom:dashed 1px #d4d4d4;
	}
	
.productBox2{
	padding:10px 0;
	}
	
img.imgBdr{
	padding:7px;
	border:solid 1px #d9d9d9;
	float:left;
	}
	
.productDetails{
	padding:0;
	float:right;
	width:auto;
	}
	
img.imgBdr2{
	padding:10px;
	border:solid 1px #d9d9d9;
	margin:0;
	display:block;
	}
	
#bodyPannel p{
	padding:4px 0;
	}
	
#bodyPannel p span{
	color:#585858;
	background-color:inherit;
	font-weight:bold;
	}
	
#bodyPannel p span.red{
	font-weight:normal;
	color:#679f00;
	background-color:inherit;
	}
	
#bodyPannel p.btmPadd14{
	padding:0 0 14px 0;
	}
	
#bodyPannel a.know{
	color:#679f00;
	background-color:inherit;
	text-decoration:none;
	}
	
#bodyPannel a.know:hover{
	text-decoration:underline;
	}
	
#bodyPannel img.margenBtm4{
	margin-bottom:5px;
	}

/*------------ Footer ------------*/

#footer{
	height:60px;
	padding:20px 0 22px;
	background:url(../images/footer-bg.gif) repeat-x 0 0 #244d7b;
	text-align:center;
	color:#5798e1;
	font-size:10px;
	line-height:14px;
	}
	
#footer a{
	text-decoration:none;
	color:#FFFFFF;
	background-color:inherit;
	}

#footer a:hover{
	color:#5798e1;
	background-color:inherit;
	text-decoration:underline;
	}

#footer p.footerLink{
	font-size:12px;
	line-height:15px;
	padding-bottom:12px;
	color:#FFFFFF;
	background-color:inherit;
	}

#footer p.footerLink span{
	padding:0 8px;
	}
	
/*---- about page -----*/

#bodyPannel h2.about{
	background:url(../images/about-icon.gif) no-repeat 0 50%;
	margin-bottom:10px;
	}