@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;600;700;800&display=swap');

body {margin: 0; padding: 0;font: normal 10px Arial, Helvetica, sans-serif;background:#E4E4E4 url(../../webmedia/images/bodybg.jpg) repeat-x;}
*{outline: none;}
img {border: 0;}
.containerouter {width: 100%;padding: 0;margin: 0 auto; background:#FFF;}
.container {width: 950px;padding: 0;margin: 0 auto;/*background:#FFF;*/}
#header {background: url(../../webmedia/images/header1.jpg) repeat-x top left;width: 940px;height: 70px;float: left; padding-left:10px; padding-top:2px;}
ul#topnav {margin: 0; padding: 0;float:left;width: 100%;list-style: none;font-size: 1.1em;top:5px;}
ul#topnav li {float: left;margin: 0; padding: 0;position: relative;}
ul#topnav li a {float: left; text-indent: -9999px;height:70px;}
ul#topnav li:hover a, ul#topnav li a:hover {background-position: left bottom;}
ul#topnav a.home {background: url(../../webmedia/images/home-link.png) no-repeat;width:66px;}
ul#topnav li:hover a.home, ul#topnav li a.home:hover{background-position: left center;}
ul#topnav li a.homeselected{background: url(../../webmedia/images/home-link.png) no-repeat left center;width:66px;}
ul#topnav a.about {background: url(../../webmedia/images/aboutus-link.png) no-repeat;width:80px;}
ul#topnav a.products {background: url(../../webmedia/images/products-links.png) no-repeat;width:84px;}
ul#topnav a.solutions {background: url(../../webmedia/images/solutions-link.png) no-repeat;width:84px;}
ul#topnav a.services {background: url(../../webmedia/images/services-link.png) no-repeat;width:75px;}
ul#topnav a.careers {background: url(../../webmedia/images/careers-link.png) no-repeat;width:75px;}
ul#topnav a.partners {background: url(../../webmedia/images/partners-link.png) no-repeat;width:85px;}
ul#topnav a.resource {background: url(/webmedia/images/resource-link.png) no-repeat;width:85px;}
ul#topnav a.contact {background: url(../../webmedia/images/contact-link.png) no-repeat;width:85px;} 
ul#topnav li .sub {position: absolute;	top: 70px; left: 0;background: #FFFFFF url('../../webmedia/images/menu-bg.jpg') repeat-x bottom left;/* url(../../webmedia/images/sub_bg.png) repeat-x;*/padding:0px 0px 1px 1px;float: left;/*--Bottom right rounded corner--*/-moz-border-radius-bottomright: 5px;-khtml-border-radius-bottomright: 5px;-webkit-border-bottom-right-radius: 5px;/*--Bottom left rounded corner--*/-moz-border-radius-bottomleft: 5px;-khtml-border-radius-bottomleft: 5px;-webkit-border-bottom-left-radius: 5px;display: none; border:1px solid #CDCBCC; border-top:0px solid #fff; margin-left:-1px; z-index:9999;}
ul#topnav li .row {clear: both; float: left; width: 100%; margin-bottom:10px;background: url('../../webmedia/images/bottom-globe-bg.png') no-repeat bottom left; z-index:9999;}
ul#topnav li .sub ul{list-style: none;margin: 0; padding: 0;width: 150px;float: left; z-index:9999;}
ul#topnav .sub ul li {width: 100%; color:#666;}
ul#topnav .sub ul.subbullet {width: 200px; margin-top:14px;} 
ul#topnav .sub ul.subbullet li {width: 180px; color:#666;background: url(../../webmedia/images/menu-arrow.gif) no-repeat center left; padding-left:0px; padding-top:5px; font-size:11px; font-weight:bold; border-bottom:1px dotted #666; margin-left:5px; margin-right:5px; padding-bottom:5px;}
ul#topnav .sub ul.subbullet li a{padding-left:10px;}
ul#topnav .sub ul.subbulletmodule {width: 290px; margin-top:14px;}
ul#topnav .sub ul.subbulletmodule li {width: 270px; color:#666;background: url(../../webmedia/images/menu-arrow.gif) no-repeat center left; padding-left:0px; padding-top:5px; font-size:11px; font-weight:bold; border-bottom:1px dotted #666; margin-left:5px; margin-right:5px; padding-bottom:5px;}
ul#topnav .sub ul.subbulletmodule li a{padding-left:10px;}
ul#topnav .sub ul li a.mnusubbullet {background: url(../../webmedia/images/menu-arrow.gif) no-repeat center left; margin-left:10px;}
ul#topnav .sub ul li h2, ul#topnav .sub h2{padding: 0;  margin: 0;font-size: 1em;font-weight: bold; padding:5px; padding-left:10px;}
ul#topnav .sub ul li p {padding: 0;  margin: 0; text-align:justify; color:#666; margin-top:5px;}
ul#topnav .sub ul li h2 a , ul#topnav .sub h2 a{padding: 7px 0;background-image: none;color:#666;}
ul#topnav .sub ul li a {float: none; text-indent: 0; /*--Reset text indent--*/height: auto;/*background: url(../../webmedia/images/navlist_arrow.png) no-repeat 0px 5px;*/padding: 0px 5px 0px 15px;display: block;text-decoration: none;color:#5D5756; /*#447099;border-right:1px dotted #666;*/}
ul#topnav .sub ul li a:hover {color:#0f78c0; background-position: 5px 10px;}
#logoheader {/*background:#FFFFFF url(../../webmedia/images/omnex-systems-logo.jpg) no-repeat top left;*/padding:10px;margin:0;text-align:left;color:#3D6AAE;width:910px;height:60px;/*padding-left:250px;*/font-weight:bold;padding-left:0px; float:left; position:relative;}
#searchword{background: #fafafa; /* Fallback color for non-css3 browsers */

	/* Gradients */
	background: -webkit-gradient( linear, left bottom, left top, color-stop(0, rgb(250,250,250)), color-stop(1, rgb(230,230,230)));
	background: -moz-linear-gradient( center top, rgb(250,250,250) 0%, rgb(230,230,230) 100%);

	border: 0;
	border-bottom: 1px solid #fff;
	border-right: 1px solid rgba(255,255,255,.8);
	font-size: 12px;
	margin: 4px;
	padding: 4px;
	width: 200px;

	/* Rounded Corners */
	border-radius: 17px;
	-webkit-border-radius: 17px;
	-moz-border-radius: 17px;

	/* Shadows */
	box-shadow: -1px -1px 2px rgba(0,0,0,.3), 0 0 1px rgba(0,0,0,.2);
	-webkit-box-shadow: -1px -1px 2px rgba(0,0,0,.3), 0 0 1px rgba(0,0,0,.2);
	-moz-box-shadow: -1px -1px 2px rgba(0,0,0,.3), 0 0 1px rgba(0,0,0,.2);
	/*background-image: url(/webmedia/images/google_custom_search_watermark.gif);*/
background-color: rgb(255, 255, 255);
background-position: 0% 50%;
background-repeat: no-repeat no-repeat;}
	#searchword:focus
	{
		outline: none;
	background: #fff; /* Fallback color for non-css3 browsers */

	/* Gradients */
	background: -webkit-gradient( linear, left bottom, left top, color-stop(0, rgb(255,255,255)), color-stop(1, rgb(235,235,235)));
	background: -moz-linear-gradient( center top, rgb(255,255,255) 0%, rgb(235,235,235) 100%);
	}
#SearchButton {background: #44921f;/* Fallback color for non-css3 browsers */
	
	/* Gradients */
	background: -webkit-gradient( linear, left top, left bottom, color-stop(0, rgb(79,188,32)), color-stop(0.15, rgb(73,157,34)), color-stop(0.88, rgb(62,135,28)), color-stop(1, rgb(49,114,21)));
	background: -moz-linear-gradient( center top, rgb(79,188,32) 0%, rgb(73,157,34) 15%, rgb(62,135,28) 88%, rgb(49,114,21) 100%);
	
	border: 0;
	color: #eee;
	cursor: pointer;
	float: right;
	font: 12px Arial, Helvetica, sans-serif;
	font-weight: bold;
	height: 23px;
	margin: 4px 4px 0;
	text-shadow: 0 -1px 0 rgba(0,0,0,.3);
	width: 60px;
	outline: none;
	
	/* Rounded Corners */
	border-radius: 30px; 
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	
	/* Shadows */
	box-shadow: -1px -1px 1px rgba(255,255,255,.5), 1px 1px 0 rgba(0,0,0,.4);
	-moz-box-shadow: -1px -1px 1px rgba(255,255,255,.5), 1px 1px 0 rgba(0,0,0,.2);
	-webkit-box-shadow: -1px -1px 1px rgba(255,255,255,.5), 1px 1px 0 rgba(0,0,0,.4);}
	#SearchButton:hover
	{background: #4ea923; /* Fallback color for non-css3 browsers */
	
	/* Gradients */
	background: -webkit-gradient( linear, left top, left bottom, color-stop(0, rgb(89,222,27)), color-stop(0.15, rgb(83,179,38)), color-stop(0.8, rgb(66,143,27)), color-stop(1, rgb(54,120,22)));
	background: -moz-linear-gradient( center top, rgb(89,222,27) 0%, rgb(83,179,38) 15%, rgb(66,143,27) 80%, rgb(54,120,22) 100%);
	}
	#SearchButton:active
	{
		background: #4ea923; /* Fallback color for non-css3 browsers */
	
	/* Gradients */
	background: -webkit-gradient( linear, left bottom, left top, color-stop(0, rgb(89,222,27)), color-stop(0.15, rgb(83,179,38)), color-stop(0.8, rgb(66,143,27)), color-stop(1, rgb(54,120,22)));
	background: -moz-linear-gradient( center bottom, rgb(89,222,27) 0%, rgb(83,179,38) 15%, rgb(66,143,27) 80%, rgb(54,120,22) 100%);
	}/*ul#topnav input {/*border:1px solid #CBCBCB; border:0px solid #0E77BB;background: #F4F4F4 url('../../webmedia/images/search-bg.jpg') no-repeat center left; color:#666; float:left; position: relative; width:168px; height:28px;top:15px; margin-left:30px; padding-left:30px; padding-right:10px;}*/
	
	
	
ul#topnav input {/*border:1px solid #CBCBCB;*/ border:0px solid #0E77BB;background: #F4F4F4 url('../../webmedia/images/search-bg.jpg') no-repeat center left; color:#666; float:left; position: relative; width:169px; height:15px;top:15px; margin-left:30px; padding-left:30px; padding-right:10px; padding-top:7px; padding-bottom:7px;}
ul#topnav button {border:0px solid #0E77BB;background: url('../../webmedia/images/go.jpg') no-repeat bottom left; width:30px; height:30px; display:block; float:left; position:relative;top:15px; left:5px;}
ul#topnav .sub ul li.chad {background-image:url(../../webmedia/images/chad_kymal_sm.jpg);background-position:top left;background-repeat:no-repeat;border-bottom:1px solid #999;list-style: none;} 
ul#topnav .sub ul li.gruska {background-image:url(../../webmedia/images/greg_gruska_sm.jpg);background-position:left;background-repeat:no-repeat;border-bottom:1px solid #999;}
ul#topnav .sub ul li.watkins {background-image:url(../../webmedia/images/davewatkins_sm.jpg);background-position:left;background-repeat:no-repeat;border-bottom:1px solid #999;}
ul#topnav .sub ul li.arun {background-image:url(../../webmedia/images/arun_sm.jpg);background-position:left;background-repeat:no-repeat;padding-left:45px;padding-bottom:20px; padding-top:20px;padding-right:0px;border-bottom:1px solid #999;list-style-type:none;}
ul#topnav .sub ul li hr {background: url(../../webmedia/images/hrbg.gif) repeat-x top left;border:0px solid #333;border-bottom:1px dotted #333;}
#breadcrump {background:#EFF1F0;border-left:1px solid #CCCACB;border-right:1px solid #D6D4D5;width:910px; margin-left:15px; color:#3A6587; text-transform:uppercase; font-size:10px; font-weight:bold; padding:5px;}
#breadcrump a{color:#3A6587; text-transform:uppercase; font-size:10px; font-weight:bold; padding:10px; text-decoration:none;text-transform:uppercase; background:url("../../webmedia/images/sub-menu-arrow.jpg") no-repeat center right;}
#breadcrump a:hover{color:#8BB0CD;}
#wrapper1 {position:relative;text-align:left;width:950px;margin:0;background:#FCFCFC;} 
#wrapper2 {position:relative;text-align:left;width:950px;margin:0;}
#maincol {padding:10px; margin-top:0px; margin-bottom:0px; padding-right:0px; margin-left:10px; }
#leftcol {position:relative;top:-10px;left:-5px;float:left;width:220px;  /* for IE5/WIN */voice-family: "\"}\"";voice-family:inherit;width:200px; /* actual value */margin:0 0 0px 0;padding:20px;background:#FFFFFF url('../../webmedia/images/leftside-shadow.png') repeat-y top right; font-size:11px;text-align:justify;/*padding-top:15px;*//*z-index:99;*/color:#656565;border-left:1px solid #CCCACB;height:1275px; padding-left:5px; padding-top:0px;}
#rightcol {position:relative;top:-10px;/*right:-20px;*/float:right; width:200px;  /* for IE5/WIN */voice-family: "\"}\"";voice-family:inherit;width:180px; /* actual value */margin:0 0 0 0;padding:10px 20px;/*z-index:98;*/left:-13px;border-right:1px solid #CCCACB;height:793px;background:#FBFBFB url('../../webmedia/images/rightside-shadow.png') repeat-y top left;}
#centercol {float:left;	position:relative;padding-top:0px;margin:0px;top:-10px;min-height:800px;left:-10px;min-width:480px;font-size:11px; height:auto; max-height:100%;width:400px; background-color:#FCFCFC;}
#centercol table th img{text-align:center;padding:7px;}
/*	#centercol table td img{border-bottom:1px dotted #CACACA;padding-bottom:5px;}*/
#centercol table td{padding:20px;padding-left:10px;color:#666666;font-size:11px;width:50%;vertical-align:top;text-align:justify;padding-top:0px;}
#centercol table td.prdlogos{border-bottom:1px dotted #CACACA;padding-bottom:5px;}
#centercol table td strong{color:#267DC2; font-weight:bold; font-size:11px;}
#centercol button {background: #385E9C url('../../webmedia/images/read-more-rollover.jpg') no-repeat bottom right; width:66px; height:20px; display:block; float:right; position: relative;font-size:11px;white-space:nowrap; border:0px; color:#fff; vertical-align:top; margin:5px;}
#centercol button:hover {background: #90A558 url('../../webmedia/images/read-more-normal.jpg') no-repeat bottom right; width:66px; height:20px; display:block; float:right; position: relative;font-size:11px;white-space:nowrap; border:0px; color:#fff;vertical-align:top;}
#centercol a {color:#666;}
#centercol a:hover {border-bottom:1px solid;color:#9343B9;}
#centercol p{font:normal 12px Arial, Helvetica, sans-serif;color:#626262; text-align:justify;padding-left:20px;padding-right:20px; margin-top:-5px; line-height:17px;}
#centercol h1{font:bold 14px Arial, Helvetica, sans-serif;margin-left:20px;margin-right:20px;color:#0E76BC; font-weight:bold; text-transform:uppercase;background: url('../../webmedia/images/content-divider.jpg') no-repeat bottom left; padding-bottom:8px;}
/*#centercol h2{font:bold 14px Arial, Helvetica, sans-serif;margin-left:15px;margin-right:15px;color:#0E76BC; font-weight:bold; text-transform:uppercase;background: url('../../webmedia/images/content-divider.jpg') no-repeat bottom left; padding-bottom:10px;}*/
#centercol h2 {font:bold 12px Arial, Helvetica, sans-serif;margin-left:20px;margin-right:15px;color:#0E76BC;/*border-bottom:1px dotted #999;*/ padding-bottom:5px;}
#centercol h3 {font:bold 14px Arial, Helvetica, sans-serif;margin-left:20px;margin-right:20px;color:#0E76BC; font-weight:bold; text-transform:uppercase;background: url('../../webmedia/images/content-divider.jpg') no-repeat bottom left; padding-bottom:8px;}
#centercol ul {font:normal 12px Arial, Helvetica, sans-serif;color:#626262;}
#centercol ul li{font:normal 12px Arial, Helvetica, sans-serif;color:#626262;line-height:17px;background-image:url(../../webmedia/images/arrow-normal.gif); background-position: 0px 5px; background-repeat:no-repeat; list-style:none; padding:0px; padding-left:20px; padding-right:20px; text-align:justify; margin:0px; margin-bottom:5px;}
#centercol div.highlight {background:#D8E9F3 url('../../webmedia/images/content-divider.jpg') no-repeat center bottom;padding:10px; padding-top:0px; margin-left:15px; margin-right:15px;}
#centercol div.highlight h1{background:#D8E9F3 url('../../webmedia/images/content-divider-blue-bg.jpg') no-repeat center top;font:bold 14px Arial, Helvetica, sans-serif;margin-left:15px;margin-right:15px;color:#0E76BC; font-weight:bold; text-transform:uppercase; padding-top:10px;}
#footer {position:relative;top:-8px;background: #000 url('../../webmedia/images/omnexsystems-footer.jpg') repeat-x top right;width:922px;clear:both;margin:0;padding:1% 0;text-align:center;color:#FFF;height:160px;font-size:11px;margin-left:15px;}
#footer a {color:#FFFFFF;text-decoration:none;}
#footer a:hover {color:#D2DE9E;} 
/*#leftcol a{color:#666; text-transform:uppercase; background:url('../../webmediaimages/arrow-normal.gif') no-repeat center left; padding-left:20px; float:right; border-bottom:0px solid;}	
#leftcol a:hover{color:#A31515; text-transform:uppercase; background:url('../../webmediaimages/arrow-rollover.gif') no-repeat center left; padding-left:20px;float:right; border-bottom:0px solid;}*/
#leftcol ul{padding:0; margin:0; list-style:none;}
#leftcol li{padding:0; margin:0; list-style:none; padding:12px; padding-left:0px;} 
#leftcol li a{color:#636363; background:url('../../webmedia/images/arrow-normal.gif') no-repeat center right; float:left; text-transform:none; text-align:left; padding-right:20px; border-bottom:1px dotted #636363; text-decoration:none; width:230px;}
#leftcol li a:hover{color:#A31515;background:url('../../webmedia/images/arrow-rollover.gif') no-repeat center right; float:left;text-transform:none; border-bottom:1px dotted #851B2F; padding-right:20px; text-decoration:none;width:230px;}
#leftcol h2 {color:#626262;background:url('../../webmedia/images/leftmenu-heading-ng.jpg') repeat-x bottom left; float:left;text-transform:none;text-decoration:none;width:190px; font-size:12px; padding:7px;margin-left:0px;-moz-border-radius-bottomright: 5px;-khtml-border-radius-bottomright: 5px;-webkit-border-bottom-right-radius: 5px;/*--Bottom left rounded corner--*/-moz-border-radius-bottomleft: 5px;-khtml-border-radius-bottomleft: 5px;-webkit-border-bottom-left-radius: 5px; border:1px solid #ECECEC;}

ul#topnav .sub ul.Productlist {margin:0px; padding:0px;width: 190px; margin-top: 10px;}
ul#topnav .sub ul.Productlist li{padding-left: 5px;padding-top: 5px; height: auto;}
ul#topnav .sub ul.Productlist li a {border: 1px dotted #fff; padding:5px;}
ul#topnav .sub ul.Productlist li a:hover{background:#FFFFFF url('../../webmedia/images/leftmenu-rollover-bg1.jpg') repeat-x bottom left;border: 1px dotted #666; padding:5px;-moz-border-radius-bottomright: 5px;-khtml-border-radius-bottomright: 5px;-webkit-border-bottom-right-radius: 5px;/*--Bottom left rounded corner--*/-moz-border-radius-bottomleft: 5px;-khtml-border-radius-bottomleft: 5px;-webkit-border-bottom-left-radius: 5px; border:1px solid #ECECEC;}
.folio_block {	position: absolute;	left: 50%; top: 50%;	margin: -140px 0 0 -395px;}/*--Main Container--*/
.main_view {
	float: left;
	position: relative;
	z-index:-9999;
}
/*--Window/Masking Styles--*/
.window {
	height:258px;	width: 950px;
	overflow: hidden; /*--Hides anything outside of the set width/height--*/
	position: relative;
}
.image_reel {
	position: absolute;
	top: 0; left: 0;
}
.image_reel img {float: left;}

/*--Paging Styles--*/
.paging {
	position: absolute;
	bottom: 0px; right: -7px;
	width: 178px; height:47px;
	/*z-index: 100; /*--Assures the paging stays on the top layer--*/
	text-align: center;
	line-height: 40px;
	background: url(../../webmedia/images/paging_bg1.png) no-repeat;
	display: none; /*--Hidden by default, will be later shown with jQuery--*/
}
.paging a {
	padding: 5px;
	text-decoration: none;
	color: #fff;
}
.paging a.active {
	font-weight: bold;
	background: #920000;
	border: 1px solid #610000;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
}
.paging a:hover {font-weight: bold;}


#navstaff {margin:0;padding:0;width:200px;}
#navstaff h2 {color:#196CB8;background:url('../../webmedia/images/leftmenu-heading-ng.jpg') repeat-x bottom left; float:left;text-transform:none;text-decoration:none;width:190px; font-size:12px; padding:7px;margin-left:0px;-moz-border-radius-bottomright: 5px;-khtml-border-radius-bottomright: 5px;-webkit-border-bottom-right-radius: 5px;/*--Bottom left rounded corner--*/-moz-border-radius-bottomleft: 5px;-khtml-border-radius-bottomleft: 5px;-webkit-border-bottom-left-radius: 5px; border:1px solid #ECECEC;/*padding-top:0px; margin-top:0px;padding-bottom:0px;*/ margin-bottom:0px;}
#navstaff li {display:block;margin:0; padding:0px;/* padding-left:10px; padding-bottom:30px; padding-top:15px;*/ height:30px;}
#navstaff li a:link, #navstaff li a:visited {color: #949494;text-decoration:none;font:normal 11px Arial, Helvetica, sans-serif;margin:0px;background-image:url(../../webmedia/images/left-menu-arrow-normal.png);background-position: 5px 10px;background-repeat:no-repeat;padding-left:10px; float:left;text-align:left;width:168px; border-bottom:1px dotted #E0E0E0; padding:5px; padding-left:30px; margin-left:0px; border-right:1px solid #E0E0E0;border-left:1px solid #E0E0E0;}
#navstaff li a:hover {color:#333;background-image:url(../../webmedia/images/leftmenu-rollover-bg.jpg);background-position: 1px 0px;background-repeat:no-repeat;}
#navstaff li a:active, #navstaff li a.active {color:#0E76BC;background-image:url(../../webmedia/images/leftmenu-selection.jpg);background-position: -3px 0px;background-repeat:no-repeat;}
#navstaff li.ewims {height:50px; background:url('../../webmedia/images/leftmenu-rollover-bg1.jpg') repeat-x bottom left; padding:5px;border-top:1px solid #E0E0E0;width:205px; padding-right:0px; padding-left:0px;}
#navstaff li.ewims a:link, #navstaff li.ewims a:link, #navstaff li.ewims a:visited { background:none;border-top:1px solid #E0E0E0; background-image:url(../../webmedia/images/ewims.jpg);background-position: 5px 3px;background-repeat:no-repeat;padding-left:35px;padding-right:0px;}



/*#navstaff li:hover {color:#B9251A;background-color:#F3F3F3;background-image:url(../images/grey_7x7.gif);background-position:center right;background-repeat:no-repeat;}*/
/*#navstaff .chad {background-image:url(../../webmedia/images/chad_kymal_sm.jpg);background-position:left;background-repeat:no-repeat;padding-left:55px;padding-bottom:15px; padding-top:20px;border-bottom:1px dotted #999;border-top:1px dotted #999;}*/
/*#navstaff .gruska {background-image:url(../../webmedia/images/greg_gruska_sm.jpg);background-position:left;background-repeat:no-repeat;padding-left:55px;padding-bottom:20px; padding-top:20px;border-bottom:1px dotted #999;}
#navstaff .watkins {background-image:url(../../webmedia/images/davewatkins_sm.jpg);background-position:left;background-repeat:no-repeat;padding-left:55px;padding-bottom:20px; padding-top:20px;border-bottom:1px dotted #999;}
#navstaff .arun {background-image:url(../../webmedia/images/arun_sm.jpg);background-position:left;background-repeat:no-repeat;padding-left:55px;padding-bottom:20px; padding-top:10px;border-bottom:1px dotted #999;}
#navstaff .mark {background-image:url(../../webmedia/images/nophoto_sm.jpg);background-position:left;background-repeat:no-repeat;padding-left:55px;padding-bottom:20px; padding-top:20px;border-bottom:1px dotted #999;}
#navstaff .donald {background-image:url(../../webmedia/images/nophoto_sm.jpg);background-position:left;background-repeat:no-repeat;padding-left:55px;padding-bottom:20px; padding-top:20px;border-bottom:1px dotted #999;}*/
#contentleftstaff {margin:0;padding:0;position: relative; float:left;font:normal 11px Arial, Helvetica, sans-serif;color:#616462;text-align: left;margin-top:0px;}
#contentstaff {width:450px;float:right; margin-top:0px; padding-right:0px; position:absolute;}
#contentstaff p{font:normal 12px Arial, Helvetica, sans-serif;margin-bottom:10px;margin-top:0px;margin-left:10px;color:#616462; text-align:justify;}
#contentstaff img{padding:0px; margin:5px; margin-right:0px;} 

.staff {float:left; padding:0px; margin:0px;}
#contentstaff .staff h2{font:bold 12px Arial, Helvetica, sans-serif;margin-bottom:5px;margin-top:0px;margin-left:10px;color:#0375AB; padding-bottom:5px; text-align:right; border-bottom:0px solid #000;}
#id_dave, #id_gregory, #id_arun, #id_donald, #id_mark{display:none;white-space:normal;}
#id_chad {display:block;white-space:normal;}
#id_dave li, #id_gregory li, #id_arun li, #id_mark li, #id_donald li{color:#616462;font:normal 11px Arial, Helvetica, sans-serif;background-image:url(../../webmedia/images/icn_arrowBullet.gif); background-position: top left; background-repeat:no-repeat; list-style:none; padding:0px; padding-left:25px; padding-right:20px; text-align:justify;}
#id_chad h2, #id_dave h2, #id_gregory h2, #id_arun h2, #id_mark h2, #id_donald h2{border-bottom:0px dotted #999;}
#id_chad a:link, #id_chad a:active, #id_chad a:visited, #id_arun a:link, #id_arun a:active, #id_arun a:visited, #id_dave a:link, #id_dave a:active, #id_dave a:visited, #id_gregory a:link, #id_gregory a:active, #id_gregory a:visited{color:#0375AB;}

#id_art01, #id_art02{display:none;white-space:normal;}
#id_art01, #id_art02 li{color:#616462;font:normal 11px Arial, Helvetica, sans-serif;background-image:url(../../webmedia/images/icn_arrowBullet.gif); background-position: top left; background-repeat:no-repeat; list-style:none; padding:0px; padding-left:25px; padding-right:20px; text-align:justify;}

#contentstaff .topclass {height:180px;}
#contentstaff h1{color:#0E76BC;font:bold 14px Arial, Helvetica, sans-serif;margin-left:10px;margin-top:0px;margin-right:10px;font-weight:bold; text-transform:uppercase;background: url('../../webmedia/images/content-divider.jpg') no-repeat bottom left; padding-bottom:10px;}
#contentstaff .topclass h2{font:bold 12px Arial, Helvetica, sans-serif;margin-bottom:10px;margin-top:10px;margin-left:10px;color:#0375AB; text-align:right;padding-top:0px;padding-right:0px;}
#contentstaff .topclass h3{font:bold 12px Arial, Helvetica, sans-serif;margin-top:15px;color:#666;text-align:right;margin-bottom:20px;}
#contentstaff ul {font:normal 12px Arial, Helvetica, sans-serif;color:#626262;}
#contentstaff  ul li{font:normal 12px Arial, Helvetica, sans-serif;color:#626262;line-height:17px;background-image:url(../../webmedia/images/arrow-normal.gif); background-position: 0px 5px; background-repeat:no-repeat; list-style:none; padding:0px; padding-left:20px; padding-right:20px; text-align:justify; margin:0px; margin-bottom:5px;}

#centercol .topclass {height:auto; margin:10px; margin-bottom:20px;}
#centercol .topclass h1{color:#0E76BC;font:bold 14px Helvetica, sans-serif;margin-left:10px;margin-top:0px; margin-right:15px;font-weight:bold; text-transform:uppercase;background: url('../../webmedia/images/content-divider.jpg') no-repeat bottom left; padding-bottom:10px;}
#centercol .topclass h2{font:bold 14px Arial, Helvetica, sans-serif;margin-bottom:10px;margin-top:10px;margin-left:10px;color:#0375AB; padding:12px; text-align:right;padding-top:0px;padding-right:0px;background: url('../../webmedia/images/content-divider.jpg') no-repeat bottom left;text-transform:uppercase; border-bottom:0px solid #fff;}
#centercol .topclass h3{font:bold 12px Arial, Helvetica, sans-serif;margin-top:15px;color:#666;text-align:right;margin-bottom:20px; margin-right:15px;}
#centercol img.productlists {float:left; padding:10px; margin:0px;} 

/* DEPRECATED FILE */




/* this makes it possible to add next button beside scrollable */
.scrollable {
	float:left;	
}

/* prev, next, prevPage and nextPage buttons */
a.prev, a.next, a.prevPage, a.nextPage {
	display:block;
	width:18px;
	height:18px;
	background:url(../img/scrollable/arrow/left.png) no-repeat;
	float:left;
	margin:43px 10px;
	cursor:pointer;
	font-size:1px;
}

/* mouseover state */
a.prev:hover, a.next:hover, a.prevPage:hover, a.nextPage:hover {
	background-position:0px -18px;		
}

/* disabled navigational button */
a.disabled {
	visibility:hidden !important;		
}

/* next button uses another background image */
a.next, a.nextPage {
	background-image:url(../img/scrollable/arrow/right.png);
	clear:right;	
}



/*********** navigator ***********/


/* position and dimensions of the navigator */
.navi {
	margin-left:328px;
	width:200px;
	height:20px;
}


/* items inside navigator */
.navi a {
	width:8px;
	height:8px;
	float:left;
	margin:3px;
	background:url(../webmeida/images/navigator.png) 0 0 no-repeat;
	display:block;
	font-size:1px;
}

/* mouseover state */
.navi a:hover {
	background-position:0 -8px;      
}

/* active state (current page state) */
.navi a.active {
	background-position:0 -16px;     
} 	
#main {
		position:relative;
		overflow:hidden;
		height: 450px;
	}
	
	/* root element for pages */
	#pages {
		position:absolute;
		height:20000em;
	}
	
	/* single page */
	.page {
		padding:10px;
		height: auto;
		/*background:#DDD; url(http://static.flowplayer.org/img/global/gradient/h600.png) 0 0 repeat-x;*/
		width:520px;
	}
	
	/* root element for horizontal scrollables */
	.scrollable {
		position:relative;
		overflow:hidden;
		width: 510px;
		height: 450px;
	}
	
	/* root element for scrollable items */
	.scrollable .items {
		width:20000em;
		position:absolute;
		clear:both;
	}
	
	/* single scrollable item */
	.item {
		float:left;
		cursor:pointer;
		width:500px;
		height:450px;
		padding:10px;
	}
	
	/* main navigator */
	#main_navi {
		float:left;
		padding:0px !important;
		margin:0px !important;
	}
	
	#main_navi li {
		background-image:url(../../webmedia/images/arroworange.gif);background-position:right;background-repeat:no-repeat;
		border-top:1px dotted #666;
		clear:both;
		color:#999;
		font-size:11px;
		height:30px;
		list-style-type:none;
		/*padding:10px;*/
		width:180px;
		cursor:pointer;
		padding-left:3px;
	}
	
	#main_navi li:hover {
		background-color:#F3F3F3;
	}
	
	#main_navi li.active {
		border-top:1px dotted #666;
	}
	
	#main_navi img {
		float:left;
		margin-right:5px;
		margin-top:0px;
	}
	
	#main_navi strong {
		display:block;
	}
	
	#main div.navi {
		margin-left:250px;
		cursor:pointer;
	}
		
.locationsbanner{
border-color:#E6E6E6 #E6E6E6 #E6E6E6 #E6E6E6;
border-style:solid;
border-width:1px;
font-size:10px;
background-color:#DFE4E8;
background:#F5F8FA url(../../webmedia/images/tabs_0.gif) repeat-x top left;
width:450px; height:200px;
position:relative;
float:left;
color:#02265A;
text-transform: none;
margin-left:25px;
font:normal 13px Arial, Helvetica, sans-serif;
margin-bottom:5px;
-moz-border-radius:5px;-webkit-border-radius:5px;-opera-border-radius:5px;-khtml-border-radius:5px;border-radius:5px; position:relative;
margin-top:0px;
}
.locationsbanner h2{vertical-align: middle; padding-top: 0px; margin-top:0px; border-bottom:0 dotted #FFF;padding-bottom: 0px;}
.locationsbanner img{vertical-align: middle; padding-right: 10px;}




ul.columns {width: 800px;list-style: none;margin: 0 auto; padding: 0;}
ul.columns li {	width:264px;height:268px;float: left; display: inline;margin: 10px; padding: 0;position: relative;}
ul.columns li:hover {/*z-index: 99;*/}
ul.columns li img {position: relative;filter: alpha(opacity=30);opacity: 0.3;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";}
ul.columns li:hover img{/*z-index: 999;*/filter: alpha(opacity=100);opacity: 1;-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";}
ul.columns li .info {position: absolute;left: -10px; top: -10px;padding: 40px 35px 20px;width: 220px;display: none;background: #fff;font-size: 1.2em;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;}
ul.columns li:hover .info {display: block;}
ul.columns li h2 {font-size: 1.2em;font-weight: normal;text-transform: uppercase;margin: 0; padding: 10px 0;}
ul.columns li p {padding: 0; margin: 0; font-size: 0.9em;}


#side-a1 {
	float:left;
	width: 900px;
	/*border:1px solid #CCCCCC;*/
	padding:10px;
	/*background: url(../../webmedia/images/index-page-box-main-bg.jpg) no-repeat top left;*/
	margin-top:10px;
	height:330px;
	background: url(../../webmedia/images/indexpage-bottom-bg.jpg) repeat-x top left;
}


#newsa {
	width:220px;
	height:224px;
	float:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	/*background:url(../../webmedia/images/index-page-box1.jpg) no-repeat top left;*/
	color:#333;
	line-height:1.6em;
	text-align:justify;
	padding:22px;
	/*margin:10px;*/
}
#newsb {
	width:220px;
	height:224px;
	float:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	/*background:url(../../webmedia/images/index-page-box2.jpg) no-repeat top left;*/
	color:#333;
	line-height:1.6em;
	text-align:justify;
	padding:22px;
		/*margin:10px;*/
}
#newsa h2, #newsb h2{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#333;
	font-weight:bold;
	line-height: normal;
}
#newsb p{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#333;
	font-weight:normal;
    line-height:1.5em;
}
#newsc {
	width:224px;
	height:228px;
	float:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	/*background:url(../../webmedia/images/index-page-box3.jpg) no-repeat top left;*/
	color:#333;
	line-height:1.7em;
	text-align:justify;
	padding:22px;
		/*margin:10px;*/
}




#contentleft {margin:0;padding:0;width:250px; margin-left:20px; position: relative; float:left;border-right: 1px dotted #999;}
#contentleft li{display:block;margin:0;padding:2px;background-image:url(../../webmedia/images/icn_arrowBullet.gif); background-position:left; background-repeat:no-repeat;font:normal 11px Arial, Helvetica, sans-serif;color:#616462;text-align:justify; padding-left:20px;}
#contentright {margin:0;padding:0;width:250px; margin-left:20px; float:left; position: relative;}
#contentright li{display:block;margin:0;padding:2px;background-image:url(../../webmedia/images/icn_arrowBullet.gif); background-position:left; background-repeat:no-repeat;font:normal 11px Arial, Helvetica, sans-serif;color:#616462;text-align:justify; padding-left:20px;}







/*#rightcol h2{padding:0;margin:0;font-size:1.1em;font-weight: bold;text-align:left; color:#333;}
#rightcol h2 a{color:#666;}
#rightcol ul {list-style:none;margin:0;padding:0; color:#9A9A9A; font-size:1.1em; font-weight:bold;}
#rightcol ul li{list-style:none;margin:0;padding:0;}
#rightcol ul li img{ vertical-align:middle;margin:0;padding:0; margin-right:5px;}
#rightcol ul li a {color:#9A9A9A; font-size:1em; font-weight:bold; text-decoration:none;}*/



.ProductBrochure{width:159px; border:1px solid #EBEBEB;padding:5;margin:0;font-size:1.1em;font-weight: bold;text-align:left; color:#333; background:#FBFBFB url(../../webmedia/images/pdf-menu-bg.jpg) no-repeat 0px 0px; height:80px; display:block; padding-left:10px;padding-right:10px;padding-top:10px;margin-bottom:5px;clear:both;-moz-border-radius-bottomright: 5px;-khtml-border-radius-bottomright: 5px;-webkit-border-bottom-right-radius: 5px;/*--Bottom left rounded corner--*/-moz-border-radius-bottomleft: 5px;-khtml-border-radius-bottomleft: 5px;-webkit-border-bottom-left-radius: 5px;}
.ProductCall{width:159px; border:1px solid #EBEBEB;padding:5;margin:0;font-size:1.1em;font-weight: bold;text-align:left; color:#666; background:#FBFBFB url(../../webmedia/images/request-sales-bg.jpg) no-repeat 0px 0px; height:220px; display:block; padding-left:10px;padding-right:10px;padding-top:10px;margin-bottom:5px;clear:both;-moz-border-radius-bottomright: 5px;-khtml-border-radius-bottomright: 5px;-webkit-border-bottom-right-radius: 5px;/*--Bottom left rounded corner--*/-moz-border-radius-bottomleft: 5px;-khtml-border-radius-bottomleft: 5px;-webkit-border-bottom-left-radius: 5px;}
.ProductEmail{width:159px; border:1px solid #EBEBEB;padding:5;margin:0;font-size:1.1em;font-weight: bold;text-align:left; color:#666; background:#FBFBFB url(../../webmedia/images/request-email-bg.jpg) no-repeat 0px 0px; height:230px; display:block; padding-left:10px;padding-right:10px;padding-top:10px;margin-bottom:5px;clear:both;-moz-border-radius-bottomright: 5px;-khtml-border-radius-bottomright: 5px;-webkit-border-bottom-right-radius: 5px;/*--Bottom left rounded corner--*/-moz-border-radius-bottomleft: 5px;-khtml-border-radius-bottomleft: 5px;-webkit-border-bottom-left-radius: 5px;}
.ProductFax{width:159px; border:1px solid #EBEBEB;padding:5;margin:0;font-size:1.1em;font-weight: bold;text-align:left; color:#333; background:#FBFBFB url(../../webmedia/images/fax-icon.png) no-repeat 10px 10px; height:100px; display:block; padding-left:10px;padding-right:10px; padding-top:10px;padding-top:15px;margin-bottom:5px;clear:both;-moz-border-radius-bottomright: 5px;-khtml-border-radius-bottomright: 5px;-webkit-border-bottom-right-radius: 5px;/*--Bottom left rounded corner--*/-moz-border-radius-bottomleft: 5px;-khtml-border-radius-bottomleft: 5px;-webkit-border-bottom-left-radius: 5px;}
.ProductContact{width:159px; border:1px solid #EBEBEB;padding:0;margin:0;font-size:1.1em;font-weight: bold;text-align:left; color:#333; background:#FBFBFB url(../../webmedia/images/form-bg.jpg) no-repeat top left; height:300px; display:block;padding-right:10px; padding-left:10px; padding-top:10px;margin-bottom:5px;clear:both;-moz-border-radius-bottomright: 5px;-khtml-border-radius-bottomright: 5px;-webkit-border-bottom-right-radius: 5px;/*--Bottom left rounded corner--*/-moz-border-radius-bottomleft: 5px;-khtml-border-radius-bottomleft: 5px;-webkit-border-bottom-left-radius: 5px;}
.ProductBrochure h2, .ProductCall h2, .ProductEmail h2, .ProductFax h2, .ProductContact h2{padding:0;margin:0;padding-left:30px; padding-bottom:10px; font-size:11px;/* border-bottom:1px dotted #999;*/color:#626262;}
.ProductBrochure p, .ProductCall p, .ProductEmail p, .ProductFax p, .ProductContact p{ margin:0px;padding:5px; font-size:11px; font-weight:normal;color:#888;}
.ProductBrochure ul, .ProductCall ul, .ProductEmail ul, .ProductFax ul, .ProductContact ul{list-style:none;margin:0;padding:0; color:#959595; font-size:11px; font-weight:bold; float:left; position:relative; margin-top:10px; margin-left:5px;}
.ProductBrochure ul li, .ProductCall ul li, .ProductEmail ul li, .ProductFax ul li, .ProductContact ul li{list-style:none;margin:0;padding:0;margin-bottom:5px;}
.ProductBrochure ul li img, .ProductCall ul li img, .ProductEmail ul li img, .ProductFax ul li img, .ProductContact ul li img{vertical-align:middle;margin:0;padding:0; margin-right:5px;}
.ProductBrochure ul li a, .ProductCall ul li a, .ProductEmail ul li a, .ProductFax ul li a, .ProductContact ul li a {color:#888; font-size:1em; font-weight:bold; text-decoration:none;}
.ProductBrochure ul li a:hover, .ProductCall ul li a:hover, .ProductEmail ul li a:hover, .ProductFax ul li a:hover, .ProductContact ul li a :hover{color:#0E76BC; font-size:1em; font-weight:bold; text-decoration:none;}
.ProductBrochure p a {color:#888; font-size:1em; font-weight:normal; text-decoration:none;}
.ProductBrochure p a:hover{color:#0E76BC; font-size:1em; font-weight:normal; text-decoration:none;}
.ProductContact input, .ProductContact textarea, .ProductContact select{padding:2px;margin:2px;font-size:11px; border:1px solid #ECEAEB; background:#F8F6F7; color:#999; width:150px; font-weight:normal; font-family:Arial;float:left;}
.ProductContact select{width:150px; padding-left:0px;}
.ProductContact button {border:0px solid #7A9149;background: #7A9149 url('../../webmedia/images/submit-normal.jpg') no-repeat left; width:149px; height:23px; display:block; position:relative; font-size:11px; font-weight:bold; margin:2px; color:#fff; padding-top:0px;margin-top:5px; vertical-align:top; text-align:center; margin-left:5px;}
.ProductContact button:hover {border:0px solid #7A9149;background: #7A9149 url('../../webmedia/images/submit-rollover.jpg') no-repeat left; width:149px; height:23px; display:block; position:relative; font-size:11px; font-weight:bold; margin:2px; color:#fff; padding-top:0px;margin-top:5px; vertical-align:top; text-align:center; margin-left:5px;}
.ProductContact h2{padding:0px;}

 

.spacer {clear:both; height:1px;}
/* ----------- My Form ----------- */
.myform {margin:0 auto;width:680px;padding:10px;/*font-family:"Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif; */font-size:11px;margin-top:0px;margin-bottom:0px;-moz-border-radius: 5px;-khtml-border-radius:5px;-webkit-border-radius:5px; margin:10px;}
.myform p, .myform h1, .myform form, .myform button{border:0; margin:0; padding:0;}
/* ----------- stylized ----------- */
#stylized{border:solid 1px #b7ddf2;/*background:#ebf4fb;*/background:#ebf4fb;}
#stylized h1 {font-size:14px;font-weight:bold;margin-bottom:5px; background:none;}
#stylized div {background:none;}

#stylized p{font-size:12px;font-weight:bold;color:#3E434A;margin:0px;margin-bottom:15px;border-bottom:solid 1px #b7ddf2;padding-bottom:5px; text-align:left;}
#stylized label{font-size:12px;display:block;font-weight:bold;text-align:right;width:115px;float:left;color:#3E434A;vertical-align:middle;padding-top:8px;}
#stylized .small{color:#666666;display:block;font-size:11px;font-weight:normal;text-align:right;width:170px;}
#stylized input{float:left;font-size:12px;padding:5px;border:solid 1px #aacfe4;width:200px;margin:2px 0 10px 10px;-moz-border-radius: 5px;-khtml-border-radius:5px;-webkit-border-radius:5px;}
#stylized input:focus, #stylized select:focus, #stylized textarea:focus{border:solid 1px #E7C47E;background-color:#FEFDF2;}
#stylized select{float:left;font-size:12px;padding:5px;border:solid 1px #aacfe4;width:210px;margin:2px 0 10px 11px;-moz-border-radius: 5px;-khtml-border-radius:5px;-webkit-border-radius:5px; font-family:Arial; color:#333;}
#stylized select option {padding:2px;}
#stylized textarea{float:left;font-size:12px;padding:5px;border:solid 1px #aacfe4;width:530px;margin:2px 0 10px 10px;height:100px;-moz-border-radius: 5px;-khtml-border-radius:5px;-webkit-border-radius:5px;}
#stylized button{clear:both;margin-right:300px;width:125px;height:31px;background:#666666 url(../../webmedia/images/button.png) no-repeat;text-align:center;line-height:31px;color:#FFFFFF;font-size:11px;font-weight:bold;}
#stylized button:hover{clear:both;margin-right:300px;width:125px;height:31px;background:#666666 url(../../webmedia/images/button.png) no-repeat;text-align:center;line-height:31px;color:#B9251A;font-size:11px;font-weight:bold;}
#stylized input.ClsTxtImage {width:60px;}
#stylized .must{background-image:url(../images/starsm.gif);background-position:center left; background-repeat:no-repeat; padding-right:20px;}


.leftcoloum{ width:46%;float:left;height:210px; display:block;margin:10px;color:#888; margin-left:20px;}
.rightcoloum{width:46%;float:left; position:relative; height:210px; display:block;margin:10px;color:#888; white-space:nowrap; margin-left:20px;}
.leftcoloum a:link, .leftcoloum a:active, .leftcoloum a:visited, .rightcoloum a{color:#0E76BC; text-decoration:none;}
.leftcoloum img, .rightcoloum img {float:left; border:0px; padding-bottom:20px;}
.leftcoloum h2, .rightcoloum h2{padding:0;margin:0;font-size:14px;color:#000; font-weight:normal; text-transform:uppercase;}
.leftcoloum p,.rightcoloum p{padding:0;margin:0;font-size:12px;color:#888; font-weight:normal;}
.leftcoloum ul, .rightcoloum ul {padding:0;margin:0; list-style:none;}
.leftcoloum ul li, .rightcoloum ul li {padding:0;margin:0; list-style:none; height:25px; margin-top:5px; margin-left:10px; border-bottom:0px solid #fff;}
.leftcoloum ul li a:link, .leftcoloum ul li a:visited, .leftcoloum ul li a:active, .rightcoloum ul li a:link {padding:5px; background:#F3F3F3; text-decoration:none; color:#333; border-bottom:0px solid #fff; width:300px;}
.leftcoloum ul li a:hover, .rightcoloum ul li a:hover {padding:5px; background:#fff; text-decoration:none; color:#999; border-bottom:0px solid #fff;}


/* Nav */
.leftcoloum #navl, .rightcoloum #navr
{
    list-style: none;
	width: 350px;
	margin: 0px;
	padding: 0px;
	margin-top:5px;
}

.leftcoloum #navl li, .rightcoloum #navr li{
	font: 1.2em Arial, Helvetica, sans-serif;
	margin: 0px;
	margin-left:102px;
	padding: 0px;
	font-weight: normal;
	background:none;
}

.leftcoloum #navl a, .rightcoloum #navr a {
	display: block;
	padding: 5px;
	color: #282F1F;
	background:#FBFBFB;
	margin-top:5px;
	text-decoration:none;
	font: 11px Arial, Helvetica, sans-serif;
	border:1px solid #E7E7E7;
	padding-left:0px; height:15px;
	float:left;
}

.leftcoloum #navl a:hover, .rightcoloum #navr a:hover{
	background:#E1E9D2;
	color: #282F1F;
	text-decoration: none;
}

.leftcoloum img, .rightcoloum img{padding-bottom:70px;}

.leftcoloum #navl a img, .rightcoloum #navr a img{
	margin-left:5px;
	margin-right:10px;
}
 

ul#customerslist{margin:0;padding:0; list-style-type:none;}
ul#customerslist li{display:inline-block;list-style-type:none;margin:5;padding:0px;background:url(../../webmedia/images/clients-name-bg.jpg) no-repeat top left;font:bold 12px Arial, Helvetica, sans-serif;color:#616462;text-align:left; padding-left:90px; width:198px; height:55px; font-weight:bold; text-transform: uppercase; padding-top:30px; font-weight:bold; float:left; margin-left:15px;/* border-right:1px solid #EBEBEB;*/}
ul.gallery {
	width: 730px;
	list-style: none;
	margin: 0;
	padding: 0;
	border-left:1px solid #ccc;
	float:left; position:absolute;
	margin-left:15px;
	margin-top:-20px; 
	height:1297px;
}
ul.gallery li {
	float: left;
	margin: 13px; padding: 0;
	text-align: center;
	border: 1px solid #ccc;
	-moz-border-radius: 3px; /*--CSS3 Rounded Corners--*/
	-khtml-border-radius: 3px; /*--CSS3 Rounded Corners--*/
	-webkit-border-radius: 3px; /*--CSS3 Rounded Corners--*/
	display: inline; /*--Gimp Fix aka IE6 Fix--*/
	list-style-type:none;
}
ul.gallery li a.thumb {
	width: 204px;
	height: 182px;
	padding: 5px;
	border-bottom: 1px solid #ccc;
	cursor: pointer;
}
ul.gallery li span { /*--Used to crop image--*/
	width: 204px;
	height: 182px;
	overflow: hidden;
	display: block;
}
ul.gallery li a.thumb:hover {
	background: #666;
}
ul.gallery li h2 {
	font-size: 1em;
	font-weight: normal;
	text-transform: uppercase;
	margin: 0; padding: 10px;
	background: #f0f0f0;
	border-top: 1px solid #fff; /*--Subtle bevel effect--*/
}
ul.gallery li a {text-decoration: none; color: #777; display: block;color:#1D71AF; font-size:11px; font-weight:bold;}




.prdlogohead, #prdlogohead
{-moz-border-radius: 5px;
-khtml-border-radius: 5px;
-webkit-border-radius: 5px;
border:1px solid #EBEBEB;
padding:10px;
text-align:center;
text-transform:uppercase;
font-weight:bold;
font-size:14px;
color:#0E76BC;
background: #FFFFFF url('../../webmedia/images/menu-bg.jpg') repeat-x center left;
margin:10px;
}







	/* --------------------------------------------------
	Test Instruction Panel
	-------------------------------------------------- */
	
    .test-modal {margin: auto auto; padding: 10px; padding-left:0px; width: 270px; -moz-border-radius: 9px; -webkit-border-radius: 9px; border-radius: 9px; -webkit-background-clip: padding-box; -moz-box-shadow: 0 2px 5px rgba(0,0,0, 0.42); -webkit-box-shadow: 0 2px 5px rgba(0,0,0, 0.42); 	background: url(../../webmedia/images/container-bg.png) left top no-repeat #e5e5e5; background: url(../../webmedia/images/container-inner-shadow.png) left bottom no-repeat, url(../../webmedia/images/container-bg.png) left top no-repeat #e5e5e5; /*position: absolute; z-index: 1000;*/ margin:5px; border-top:1px solid #D0D0D0; margin-left:15px;}
	body.ff30 .test-modal, body.ie .test-modal { border: solid 1px #ccc; }
	.test-modal hr { margin: 0px; height: 2px; border: none; background: url(../../webmedia/images/container-hr.png) repeat-x; }
	.test-modal h1, .test-modal h2, .test-modal h3, .test-modal h4 { color: #434343; font-weight: lighter; margin-bottom: 5px; padding: 0;  margin-left:0px;}
	.test-modal h2 { font-size: 36px; margin-left:0px;}
	.test-modal h3 { font-size: 28px; line-height: 32px; margin-left:0px; }
	.test-modal p.introduction {width: 250px; margin:5px; margin-left:0px;}
	.test-modal p.introduction img{ vertical-align:top;}
	.test-modal a{ color:#0E76BC;}
	 
	.test-modal p small { font-size: 12px; color: #8f8f8f; }
	.test-modal a.pinned-right { position: absolute; bottom: -24px; right: 0px; color: #999; }
	.test-modal .button.bottom-right { position: absolute; right: 40px; bottom: 40px; }
/*  .test-modal .button.bottom-right:active { top: auto; bottom: 39px; }*/
	.test-modal div.preview-tab { width: 84px; height: 84px; position: absolute; top: 0px; right: 0px; background: url(/images/preview-tab.png) no-repeat;}
	
	
	
	
	
.info_tab_container_panel
{
	margin:		0;
	height:		118px;
	width:		920px;
	background: #F8F6F7;
	padding-left:15px;
	padding-right:15px;
	z-index:100;
}

.info_tab_container_panel .description_panel
{
	margin:		0;
	height:		84px;
	width:		920px;
	background:	#003;
	background:	#599BCA;/*#3b4455;*/
	overflow: 	hidden;
	float:		left;
}

.info_tab_container_panel .description_panel .slider_container
{
	margin:		0;
	height:		84px;
	width:		8062px;
	float:		left;
}

.info_tab_container_panel .description_panel .slider_container .panels
{
	margin:		0;
	height:		84px;
	width:		920px;
	float:		left;
}

.info_tab_container_panel .description_panel .slider_container .panels .cols
{
	margin:		0;
	padding:	20px 0 0 20px;
	height:		64px;
	width:		286px;
	float:		left;
	background: url(../../webmedia/images/tab_area.jpg) no-repeat top right;
	color:		#ffffff;
	font:		Arial;
	font-size:	11px;
}

.info_tab_container_panel .description_panel .slider_container .panels .cols a
{
	color:		#ffffff;
	font:		Arial;
	font-size:	11px;
	text-decoration:none;
}

.info_tab_container_panel .description_panel .slider_container .panels .cols a:hover
{
	text-decoration:underline;
}

.info_tab_container_panel .tab_panel
{
	margin:		0;
	height:		34px;
	width:		920px;
	background:	#0E76BC;/*#005D94#1d1c25;*/
	float:		left;

}

.info_tab_container_panel .tab_panel .tabs
{
	margin:		0;
	padding:	0 33px;
	height:		34px;
	line-height:34px;
	/*background: url(../../webmedia/images/tab_space.jpg) no-repeat top right;*/
	color:		#ffffff;
	font-family:Arial, Helvetica, sans-serif;
	font-size:	12px;
	float:		left;
	cursor:		pointer;
	border-right:1px solid #F8FAF7;
}
.info_tab_container_panel .tab_panel .tabs_hover
{
	margin:		0;
	padding:	0 33px;
	height:		34px;
	line-height:34px;
	background: url(../../webmedia/images/tab_right_devidr_bar.gif) no-repeat top right;
	color:		#000000;
	font-family:Arial, Helvetica, sans-serif;
	font-size:	12px;
	float:		left;
	background:	#E4E4E4;/*#EDED01#F8FAF7#bdbdbd;*/
	font-weight:normal;
	cursor:		pointer;
}

.info_tab_container_panel .tab_panel .tabs_sel
{
	margin:		0;
	padding:	0 33px;
	height:		34px;
	line-height:34px;
	background: url(../../webmedia/images/tab_right_devidr_bar.gif) no-repeat top right;
	color:		#ffffff;
	font-family:Arial, Helvetica, sans-serif;
	font-size:	12px;
	float:		left;
	background:	#599BCA;/*#3b4455;*/
	font-weight:bold;
	cursor:default;
}


.centerleft {height: auto; border-left:1px solid #CCCACB; margin-left:5px; width:720px;}


table.ClsTblSearchbg{margin-left:20px; width:650px;}
table.ClsTblSearchbg td{background: url(../../webmedia/images/search-bg-design.jpg) no-repeat top left; width:640px; height:104px; margin-left:5px;}


table.ClsTblSearchbg a:link, table.ClsTblSearchbg a:active, table.ClsTblSearchbg a:hover {text-decoration:none;}






ul.columns {
	width: 960px;
	list-style: none;
	margin: 0 auto; padding: 0;
}
ul.columns li {
	width: 220px;
	float: left; display: inline;
	margin: 10px; padding: 0;
	position: relative;
}
ul.columns li:hover {z-index: 99;}
 
ul.columns li img {
	position: relative;
	filter: alpha(opacity=30);
	opacity: 0.3;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
}
ul.columns li:hover img{
	z-index: 999;
	filter: alpha(opacity=100);
	opacity: 1;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
 
ul.columns li .info {
	position: absolute;
	left: -10px; top: -10px;
	padding: 210px 10px 20px;
	width: 220px;
	display: none;
	background: #fff;
	font-size: 1.2em;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}
ul.columns li:hover .info {display: block;}
 
ul.columns li h2 {
	font-size: 1.2em;
	font-weight: normal;
	text-transform: uppercase;
	margin: 0; padding: 10px 0;
}
ul.columns li p {padding: 0; margin: 0; font-size: 0.9em;}
.brochure{background-image:url(/webmedia/images/pdf_icon.png); padding-left:20px; font-size:13px;  background-repeat:no-repeat; list-style-type:none;  background-position:0px 3px; line-height:25px; }

#broch ul li a{ text-decoration:none;}
#broch ul li a:hover{ text-decoration:underline;}


ul .bullet {font:normal 12px Arial, Helvetica, sans-serif;color:#626262;}
ul .bullet li{font:normal 12px Arial, Helvetica, sans-serif;color:#626262;line-height:17px;background-image:url(../../webmedia/images/arrow-normal.gif); background-position: 0px 5px; background-repeat:no-repeat; list-style:none; padding:0px; padding-left:20px; padding-right:20px; text-align:justify; margin:0px; margin-bottom:5px;}

ul li ul
{
	margin-left:-40px;
	}

.resources h2 ul li
{
	margin-left:-webkit--35px;
	}
	
.article:hover
{
background-color:#F4F4F4;
}

#centercol .article
{
	border: 1px solid #E3E3E3; 
	padding:15px; margin: 5px;
    text-transform: none; 
    border-radius: 5px; 
    line-height: normal;
	}
	
#centercol .article h4
{
	padding: 0px;
margin:3px 3px 8px 0px;	
color: #0F75BC;
font-weight:normal;
font-size:14px;
}
 
#centercol .article p 
{
padding: 0px;
margin:0px;	
line-height:16px;
}
	
#centercol .article p .more
{
color: #0F75BC;

}

#centercol .article p a
{
	color: #0F75BC;
    text-decoration: none; 
    background-image: none; 
    border: none; 
    text-transform: none;
    font-size: 12px; 
    font-weight: normal; 
    margin-top: 0; 
    padding: 0px;
}

#centercol .clshead{
background-image: none;
color: #646466;
border-bottom: 1px solid #DDDDDD;
padding-bottom:5px;

}

.clshead2 p
{
	margin-top:1000px;
	padding:0;
		
	}
	
.resourcecenter
{
	width:300px;
	float:left;
	}

.footerbottom1
{
 float: left;
 text-align: justify; 
 margin-top: -35px;
 padding: 25px;
 margin-right: -30px;
 
	}
	.footerbottom2
	{
	float: left; 
	text-align: justify; 
	margin-top: 30px;
	}
	.footerbottom3
{
	float: left; 
	text-decoration: none; 
	text-align: justify; 
	margin-top: -12px;
    margin-right: 20px;
	}

    /*reegan*/
 
     .body{ width:700px; margin:0px auto; padding:14px 14px; height: 1300px; } 
 .first-sub{ width:50%; float:left; background:#fff; } 
 .first-div{ height:361px; } 
 .second-sub{ /* background:#2a4ea2; */ float:right; width:50%; height:350px; } 
 @media only screen and (min-width: 320px) and (max-width: 640px) {     .main, .first-sub, .second-sub, footer-left, .footer-right{         width:100%;     } .body{ height:95em; } img{ width:100%; } } 
 @media only screen and (min-width: 320px) and (max-width: 480px) { .main img{ width:50%; } .footer-left, .footer-right{ width:100% !important; } .body{ height:180em; } } 
 @media only screen and (min-width: 480px) and (max-width: 1200px) {.header-logo img{ width:30%; } .body{ height:102em; } .footer img{ width:100%; } } 
 .second-sub-content{ padding:0px 9px; } 
 ul {     list-style-image: url('arrow.jpg'); } 
 .clear {     clear: both; } 
 .footer-left{ width:65%; float:left; } 
 .footer-right{ width:35%; float:right; }