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

body {
	margin:0;
	padding:0;
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#656565;
	background:url(../images/pagebg.jpg) repeat-x #BBBBBB;
	}

img {border:none;}

.fr {float: right;}
.fl {float: left;}
.ts {text-shadow: 1px 1px #000;}
.cb {clear:both;}

a {text-decoration:none; color:#0E60A9;}
a:hover {text-decoration:none; color:#0E60A9;text-decoration:underline}

#wrapper {width:980px;	position:relative;	margin: 0 auto;}
	

.left{float:left}.right{float:right}.hi{overflow:hidden}.clear{clear:both}.bold{font-weight:bold;color:#006699 !important}

/* style for the pop up window for the links in the pipeline */
#wrapperpop { width: 300px; margin: 0 auto; padding: 20px; }
/* Header-----------------------------------------------------------------------------*/

#header {background:url(../images/headbg.png) no-repeat; height:154px;}
#logo{position:absolute; top:30px; left:4px;}
/*search*/
#searchbox {position:absolute; top:115px; right:14px; width:185px; height:24px; border:1px solid #CCC; background:#FFF; z-index: 9999;}
.search_fld{line-height:22px;height:22px;width:148px; background:#FFF;border:none;padding-left:4px; font-size:11px;}
.search_button{display:block;height:24px;width:25px;background:url(../images/search.png) no-repeat; border:none; cursor:pointer;float:right;}

#txtnav {position:absolute; top:14px; right:4px; width:280px; text-align:right; font-size:12px; }
#txtnav a {text-decoration:none;color:#136AB1; font-weight:bold;}
#txtnav a:hover {color:#7D848A; text-decoration:none;}

#social {position:absolute; top:40px; right:4px; width:180px; text-align:right; font-size:12px; }
#social  img {vertical-align:middle;}


/*header_menu*/
#navholder {position:absolute; top:106px; left:0px; width:980px; z-index:99;  }
.header_menu {background:url(../images/mainnav_bg.png) repeat-x;height:48px;margin:0;padding:0;list-style:none;}
/*.header_menu li{float:left;background:url(../images/liright.jpg) no-repeat right center;padding-right:1px;line-height:50px;position:relative;z-index:7}*/
.header_menu li{float:left;padding-right:0px;line-height:40px;position:relative;z-index:7;}
.header_menu li.navsep {border-left:1px solid #9A9A9A; width:1px;}
.header_menu li.sub {background:url(../images/mainnav_bg_withsub.png) right; }
.header_menu li a{display:block; margin-left:0px;font-size:13px;color:#fff; text-transform:uppercase; font-weight:bold; font-family:Arial, Helvetica, sans-serif; text-decoration:none;}
.header_menu li.sub a {padding:0 20px 8px 12px;}
.header_menu li.nonsub a {padding:0 18px 0px 18px;}
.header_menu li a:hover {background:url(../images/mainnav_bg_over.png) repeat-x;text-decoration:none; color:#136AB1;}
.header_menu li.sub a:hover {background:url(../images/mainnav_bg_over_withsub.png) right;text-decoration:none; color:#136AB1; }
.header_menu li.current a {background:url(../images/mainnav_bg_sel.png) repeat-x;text-decoration:none}
.header_menu li.sub.current a {background:url(../images/mainnav_bg_sel_withsub.png) right;text-decoration:none}
.header_menu li:hover a {background:url(../images/mainnav_bg_over.png) repeat-x;text-decoration:none;color:#136AB1;}
.header_menu li.sub:hover a {background:url(../images/mainnav_bg_over_withsub.png) right;}

/*header_menu_second*/
.header_menu_second {position:absolute;width:250px;display:none; background:#E6E6E7; margin:0;padding:0;z-index:99;list-style:none;z-index:9999999  !important;}
.header_menu_second li {background:url(../images/none.jpg) repeat-x;width:235px; margin:0;line-height:14px;background:#FFF;z-index:99; margin-left:7px; border-right:none; } /* removed this border-bottom:1px solid #DADADA; */
.header_menu .header_menu_second li a{font-size:12px; font-weight:bold;background:#FFF !important;text-transform:none;}
.header_menu_second li a:hover{color:#FFF  !important; background:#0088CA !important;}
.header_menu li:hover ul{display:block;z-index:999999;list-style:none; padding:8px 0px 5px 0px;} 
.header_menu_second li a {padding:10px 10px 10px 10px  !important;}

/* Middle----------------------------------------------------------------------------*/
#main_container{position:relative; background:url(../images/sidebg.jpg) repeat-y left #FFFFFF; min-height:300px; overflow:auto; font-family: Arial, Helvetica, sans-serif; font-size:13px; line-height: 16px;} /* added line height */
#sidenav {width:190px; float:left; margin-top: 10px; }
#content {width:525px; float:left; margin-left:0px; margin-top: 20px;}/* added top margin */
#contentwide {width:690px; margin-left:0px;}
#content_wrap {float:left; margin-left:20px; width:748px; overflow:auto; }/* changed margin-left from 40 to 20px */
#side {width:170px; float:right; margin-top:32px; margin-right:20px; }
#side p {margin:2px;}
#breadcrumb_container {background:#FFF; height:84px; width:940px; margin:0 auto; border-bottom:1px solid #CCC;}

#breadcrumb_container a {text-decoration:none; color:#0E60A9;}
#breadcrumb_container a:hover {text-decoration:none; color:#0E60A9;text-decoration:underline;}

#breadcrumbs {border-bottom:1px solid #CCC; height:32px; line-height:32px;}
#breadcrumb_titlearea { margin-left:190px; font-size:26px; line-height:48px; color: #000000; vertical-align: middle; padding-top: 3px;}
/* margin-left was 210px for titlearea */
.side_file {margin-bottom:20px;}
.side_widget {margin-bottom:24px;}
.side_widget h5 {font-size:12px; text-transform:uppercase; color:#000; padding:0;margin:0;}

.homerecposts {list-style:none;padding:0;margin:0;}
.homerecposts li {margin-bottom:0; font-size: 13px; }
.homerecposts li a {font-weight: bold; font-size: 14px; }
.recdate {font-size:11px;}
/* Footer-----------------------------------------------------------------------------*/
#footer {position: relative; color:#CCCCCC; background:#336799;padding:14px 24px 12px 24px; font-size:11px; }
#footer a{color:#CCCCCC; text-decoration:none;}
#footer a:hover{color:#FFF; text-decoration:underline;}
#footer h4 {color: #FFF; margin:0; padding:0; margin-bottom:10px;font-size:12px;}
#footernav {margin-left:6px;}
#footclose {border-top:1px solid #A1B1BE; padding-top:8px; overflow:auto; font-size:12px; margin-top:14px;}
#copyright {float:left;}
#footsocial {float:right; text-align:right;}
#footer .col1 {float: left; width: 125px; }
 #footer .col2 {float: left; width: 200px; margin-left:8px;}
 
 #footer .col3 {float: left; width: 200px;margin-left:8px; }
 
 #footer .col4 {float: left; width: 208px;margin-left:15px; }
 
 #footer .col5 {float:left;width:138px;margin-left:8px;}
#footer .col1 {margin-left:0px;  }


ul.footernav {margin:0; padding:0; list-style:none; font-size:11px;}
ul.footernav li {margin:0; padding:0 0 1px 0; list-style:none; margin-bottom: 4px;}

ul.footernavprod {margin:0; padding:0;  font-size:11px; margin-left:14px;}
ul.footernavprod li {margin:0; padding:0 0 1px 0; margin-bottom:4px; }
/*subnav*/


ul.snav{width:170px;list-style:none; margin:0;padding:0; margin-left:20px;}
ul.snav li{padding:0;margin:0;border-bottom:1px solid #E7E7E7; 	}
ul.snav li.act a {text-decoration:none;color:#000; font-weight: bold;}
ul.snav li a:hover{text-decoration:none;color:#0088CA; } /* background:url(../images/subsel.jpg) repeat-y right */
ul.snav li.act { font-weight: bold; } /* background:url(../images/subsel.jpg) repeat-y right; */

ul.snav li a{
	color:#666666;
	font-size:13px;
	font-weight:bold;
	line-height:16px;
	padding: 6px 6px 6px 0;
	text-decoration:none;
	display:block;
}	

ul.snav_sub {margin:0; padding:0;list-style:none;}

ul.snav_sub li{	width:126px; float:left; padding:0 0 0px 0; margin:0; margin-left:0px; border-bottom:1px solid #E7E7E7; padding-left:10px	}
ul.snav_sub li.act a, ul.snav_sub li a:hover {	text-decoration:none;	color:#FF6600;}
ul.snav_sub li.act{width:126px;	background:url(../images/selsnav_sub.png) no-repeat 0px 7px;padding-left:10px;color:#454545;}

ul.snav ul.snav_sub li a{
	color:#0074AD;
	font-size:11px;
	font-weight:normal;
	font-family:Arial, Helvetica, sans-serif;
	line-height:13px;
	height:auto;
	float:left;
	width:126px;
	padding:0 0 8px 0px;
	margin:0 0 0 0;
	text-decoration:underline;
}	


ul.snav ul.snav_sub li a:hover {text-decoration:underline;	color:#454545;}

ul.snav ul.snav_sub li.act a {color:#454545;}



h3.result {color:#6699cc;padding:0;margin:0px;font-size:16px;font-weight:bold;}

.imgleft {float: left; margin-right: 10px;}
.imgright {float: right; margin-left: 10px;}

.sl {padding-bottom:10px; border-bottom:1px solid #CCC;}

#main_container_home {background:#FFF;}
#slidecontainer {height:340px; overflow:hidden; margin-bottom:28px; background:#CECECE;}
#homecols {overflow:auto; background:url(../images/homecolbg.png); margin-bottom:20px; font-size: 13px; line-height: 16px;}
#homecols .homecol1  > p, #homecols .homecol2  > p, #homecols .homecol3 > p {margin-top:0px;}
.homecol1 {float:left; margin-left:24px; width:300px;   }
.homecol2 {float:left;margin-left:24px; width:300px; }
.homecol3 {float:left;margin-left:24px; width:300px; }
#homefooter {}
input.subscribe {width:80px;height:27px; background:url(../images/subscribe.png) no-repeat; border:none; cursor:pointer;}
/* added this for button for home page overlay */
input.subscribeHme {width:73px;height:24px; background:url(../images/subscribeHme.png) no-repeat; border:none; cursor:pointer;} 
input.iptfld {border: none; background:#FFF; text-align:left; font-size:11px; font-style:italic; color:#999; padding:4px 4px; width:175px;}

ul.ssnav  {margin:0; padding:0; list-style:none; margin-left:14px; }
ul.ssnav li  {border-bottom:none; color: #cccccc;}
ul.ssnav li  a {font-size:12px;  font-weight:normal !important; padding:1px 0; }
ul.ssnav li  a:hover {font-size:12px;  color:#000 !important;}

.frmfldft {padding:4px 0;}


.staffbox {
	float:left;
	text-align:left;
	width:160px;
	height:144px;

}

.img1 {padding-bottom: 5px;}

.staffbox a {text-decoration:none; color:#0074AD;}

.staffbox .name {color:#0074AD; font-size:12px; font-weight:bold;}

.staffbox .pos {color:#454545; font-size:11px; font-weight:normal ;}

div.pntm > p {margin-top:0;}

.name_det {color:#454545; font-size:14px; font-weight:bold; margin-bottom:4px;}
.pos_det {color:#454545; font-size:13px; font-weight:normal ; margin-bottom:6px;}

.headbanner {margin-top:14px;}
.bannerpic {float:left; width:256px; height:170px;}
.bannertxt {float:left; width:472px; height:170px; overflow:hidden; font-size:15px; background:url(../images/headerbg.jpg) repeat-y; color:  #656565;}
.bannertxtpad {padding:14px 20px 6px 20px; font-size: 15px; line-height: 18px; color: #656565;}

.headbannerprod {margin-top:14px; background:url(../images/headbgprod.jpg) repeat-y; min-height:170px;}
.bannerpic2 {margin:6px 0 6px 6px;}
.bannertxt2 { font-size:15px; margin-right: 65px; }
.bannertxtpadprod {padding:6px 20px 6px 72px; line-height: 18px; color: #656565;}


.hairline {border-top: 1px solid #CCC; }
#marketlist {  margin:20px 0; min-height:300px; background:url(../images/pix.gif) repeat-y 326px; overflow:auto;}

.marketbox {
	float:left;
	text-align:left;
	width:345px;
	height:250px;
	overflow:hidden;
	position:relative;
}
.marketbox .boximg  {float:left; margin-right: 10px;  margin-top:4px;}
.marketbox .inbox  {width:310px; 	height:240px; border-bottom:1px solid #CCC;}
.boxtitle {color:#336799; font-size:16px; margin-bottom:2px;  }
.marketbox .more {position:absolute;top:210px; left:260px;}

.productbox {
	float:left;
	text-align:left;
	width:345px;
	height:240px;
	overflow:hidden;
	position:relative;
}
.productbox .boximg  { margin-top:4px;}
.productbox .inbox  {width:310px; 	height:230px; border-bottom:1px solid #CCC;}
/*.productbox .more {position:absolute;top:200px; left:260px;}xt-align:left;
	width:345px;
	height:240px;
	overflow:hidden;
	position:relative;
} */
.productbox .boximg  { margin-top:4px;}
.productbox .inbox  {width:310px; 	height:230px; border-bottom:1px solid #CCC;}
.productbox .more {position:absolute;top:200px; left:260px;}

.homecols_headline {color: #000; font-weight: bold; font-size: 12px; }

.testimonial {font-family: Georgia, "Times New Roman", Times, serif; font-style: italic; font-size: 13px; text-align: left; }

.testimonial_sig { font-size: 12px; text-align: left; padding: 10px 0;  }

.img_caption { color: #000; font-size: 11px; text-align:left; }

.overview {font-size: 15px; line-height: 18px; color: #656565;}
input.iptfld2 {border: 1px solid #E5E5E5; background:#F8F8F8; text-align:left; font-size:11px; font-style:italic; color:#999; padding:4px 4px; width:154px;}
.frmfldft {padding:4px 0;}

hr { background-color: #CCC; height: 1px; border: 0; }

#staff_left {float:left;width:258px;}
#staff_right {float:left; width:248px; margin-left:10px;}



#bannerhome {position: relative; }


/* slide home */
.slidenav {position:absolute;top:275px; left:632px; width:340px; height:90px;  z-index:99999; padding-top: 3px;}
.slideimg {}
.slideside {position:absolute;top:0px; left:630px; width:350px; height:340px; background:url(../images/slidetxtbg.jpg);  z-index:99999; }
.slidecontent { position:absolute;top:0px;left:0px; height:262px;overflow:hidden; font-size: 16px; color: #656565; }
.slidecontent > p {margin-top:0; }
.scpad { padding:0px 20px 0 30px;}
.liinactive {background:none;}
.liactive {background:url(../images/slisel.gif) repeat-x top;}
.indslide {width:980px;}
/* end slide home */

/* slide overlay */
#slideoverlay {position:absolute;top:136px; left:0px; width:220px; height:180px;  background:url(../images/slideoverbg.png); z-index:9; color:#FFF; font-size:12px;}
.padol {padding: 10px 20px 4px 24px;}
.frmfld {padding-bottom:5px; width: 215px;}
.sinf {margin-bottom:8px; font-weight:bold;font-size:13px; }
.sinftxt {margin: 4px 0 12px 0;  }
/* end slide overlay */

.blueColor { color:#0E60A9; }
#togglemenu {display:none;}
#mobilenav {display:none;}

#slidecontainermob {display:none;}

.nodesk {display:none;}
.nomob {display:block;}


@media screen and (max-width: 800px) {
.nodesk {display:block;}
.nomob {display:none;}

#togglemenu {display:block;position:absolute; top:16px; right:14px;}	

#header {background:url(../images/headbg.png) no-repeat center #FFF; height:70px;position:fixed; width:100%;z-index:99999999;}
#wrapper {width:100%;	position:relative;	margin: 0 auto;}	


#logo {position:absolute; top:14px; left:10px;}
#logo img {width:240px; height:auto;}
/*search*/
#searchbox {display:none;}
#txtnav {display:none;}

#social {position:absolute; top:10px; right:4px; width:180px; text-align:right; font-size:12px;display:none }
#social  img {vertical-align:middle;}


/*header_menu*/
#navholder {display:none;}
#logomob {padding:8px 0 0 8px;}
#close {color:#FFF; position:absolute; top:10px; right:10px; font-size:20px;}
#close:hover {text-decoration:none;}
#mobilenav {position:fixed; width: 260px;background:#336799; z-index:99999; display:none;overflow-y: auto;}
#socialmob {margin:10px 0; text-align:center;}
#socialmob a {margin:0 4px;}
#mobilenav ul {margin:0; padding:0; list-style:none; margin-top:10px; font-size:14px;}
#mobilenav ul li a {color:#FFF; display:block;padding: 5px 16px;}
#mobilenav ul li.current a.lvl1 {background:#6C9DCE;}

#mobilenav ul li ul {display:none;}
#mobilenav ul li.current ul {display:block;}

#mobilenav ul li.currentsub a.lvl2 {font-weight:bold;}
#mobilenav ul li ul {margin-top:0px;}
#mobilenav ul li ul li a {padding-left:28px; color:#EEE;}
#mobilenav ul.ssnav {margin-left:10px;}
#mobilenav ul.ssnav a {padding-top:2px;padding-bottom:2px;}

#main_container {padding-top:70px;padding-left:14px; padding-right:14px; background:#FFF;}	
#main_container_home {padding-top:70px;}	

#breadcrumbs {border-bottom:1px solid #CCC; height:auto; line-height:1.4; padding:6px 0; display:none;}
#breadcrumb_container {background:#FFF; height:auto; width:100%; margin:0 auto; border-bottom:1px solid #CCC;}
#breadcrumb_titlearea { margin-left:0px; font-size:22px; line-height:1; color: #000000; vertical-align: middle; padding-top: 6px; padding-bottom:6px;}

/* slide */
#slidecontainer {display:none;}
#slidecontainermob {display:block;}

.indslidemob  {}
.slideimgmob img {width:100%; height:auto; margin-bottom:-4px;}
.slidesidemob {padding:4px 14px;background:#F6F6F6;padding-bottom:34px;}
.slidesidemob img {max-width:100%; height:auto;}
/* end slide */

#homecols {overflow:auto; background:none; margin-bottom:20px; font-size: 13px; line-height: 16px;padding-left:14px; padding-right:14px;}
#homecols .homecol1  > p, #homecols .homecol2  > p, #homecols .homecol3 > p {margin-top:0px;}
.homecol1 {float:none; margin:0%; width:100%; margin-bottom:30px; padding:0 0px;  }
.homecol2  {float:none; margin:0%; width:100%; margin-bottom:30px; padding:0 0px;  }
.homecol3  {float:none; margin:0%; width:100%; margin-bottom:0px; padding:0 0px;  }


#homefooter img {width:100%; height:auto;}

#sidenav {display:none;}
#content {width:100%; float:none; margin-left:0px; margin-top: 20px; margin-bottom:20px;} 






.headbanner {margin-top:14px; margin-bottom:14px; overflow:auto;}
.bannerpic {float:left; width:35%; height:auto;}
.bannertxt {float:left; width:65%; height:auto; overflow:hidden; font-size:15px; background:url(../images/headerbg.jpg) repeat-y; color:  #656565;}
.bannertxtpad {padding:14px 20px 6px 20px; font-size: 15px; line-height: 18px; color: #656565;}


.headbannerprod {margin-top:14px;width:100%; background:url(../images/headbgprod.jpg) repeat-y; }
.bannerpic2 {margin:6px 0 6px 0px; max-width:90%; height:auto;}
.bannertxt2 { font-size:13px; margin-right:0px; }
.bannertxtpadprod {padding:6px; line-height: 18px; color: #656565;}

#contentwide {width:100%; float:none; margin-left:0px;margin-bottom:20px; }
#content_wrap {float:none; margin-left:0px; width:100%; overflow:auto; }/* changed margin-left from 40 to 20px */
#side {width:100%; float:none; margin-top:12px; margin-right:10px; }
#content img {max-width:100%; height:auto;}

/* products / market */

#marketlist {background:none;}

.marketbox {
	float:none;
	text-align:left;
	width:100%;
	height:auto;
	overflow:hidden;
	position:relative;
}
.marketbox .boximg  {float:left; margin-right: 10px;  margin-top:4px;}
.marketbox .inbox  {width:100%; border-bottom:1px solid #CCC; height:auto; min-height:140px; padding-bottom:26px;}
.boxtitle {color:#336799; font-size:16px; margin-bottom:2px;  }
.marketbox .more {position:relative;top:-20px; left:auto; right:0px; width:100%; text-align:right;} 

.productbox {
	float:none;
	text-align:left;
	width:100%;
	height:auto;
	overflow:hidden;
	position:relative;
}
.productbox .boximg  { margin-top:4px;}
.productbox .inbox  {width:100%; 	height:auto; border-bottom:1px solid #CCC;min-height:140px; padding-bottom:26px;}

.productbox .more  {position:relative;top:-20px; left:auto; right:0px; width:100%; text-align:right;} 

/* end products / market */

.staffbox {
	float:left;
	text-align:left;
	width:28%;
	height:auto;
	margin-bottom:20px;
	min-height:170px;
	padding:0 2%;
	text-align:center

}
.staffbox img {width:100%; height:auto;}

#staff_left {float:left;width:40%;}
#staff_left img {width:100%; height:auto;}
#staff_right {float:left;width:56%; margin-left:2%;}


/* #footer .col1 {display:none;} */
#footer .col2 {display:none;}
#footer .col5 {display:none;}
 

#footer .col3, #footer .col1 {float:none; width:90%; margin:0 auto; margin-bottom:30px; text-align:center;}
#footer .col4 {float:none;width:90%; margin:0 auto; margin-bottom:20px; text-align:center;}
#copyright {float:none; width:100%; text-align:center; margin-bottom:16px;}
#footsocial {float:none; width:100%; text-align:center; margin-bottom:6px;}
}

@media screen and (max-width: 520px) {
.bannerpic {float:none; width:100%; height:auto; margin-bottom:10px;}
.bannertxt {float:none; width:100%; height:auto; overflow:hidden; font-size:15px; background:url(../images/headerbg.jpg) repeat-y; color:  #656565;}
.bannertxtpad {padding:14px 20px 6px 20px; font-size: 15px; line-height: 18px; color: #656565;}

.staffbox {	width:46%;min-height:204px;	padding:0 2%;text-align:center}

}

@media screen and (max-width: 400px) {
	.marketbox .boximg  {float:none; margin-right:0px;  margin-top:4px; width:100%; height:auto;}
	.productbox .boximg  {float:none; margin-right:0px;  margin-top:4px; width:100%; height:auto;}
	.staffbox {	float:none;width:96%;min-height:auto;	padding:0 2%;text-align:center}
	#staff_left {float:none;width:100%;}
#staff_right {float:none;width:100%; margin-left:0%;}
}