/*

#center____________________
|#nav______________________|
|#left   |#middle |#right  |
|.box    |.box    |.box    |
|        |        |        |
|        |        |        |
|________|________|________|
|#spacer___________________|
|#footer___________________|

*/

/*---------------------
  Generics
---------------------*/
* {
	padding:0;
	margin:0;
}

body {
	font-family: Arial, sans-serif;
	font-size: 12px;
	color: #666;
	/*background: #FF0000; */
}

.breaker
{
     display: block; 
     clear: left; 
     visibility: hidden;
}

a {
	text-decoration: none;
	color: #F99D1E;
}

a:hover {
	/*text-decoration: underline;*/
}

.clear { clear:both; }

h1 {
	font-size:28px !important;
	font-family:Arial, sans-serif;
	color: #008CA7;
}


h2 {
	font-size: 22px;
	color: #008CA7;
}

h3 {
	font-size: 16px;
	color: #008CA7;
}

.productsPager td { padding-left:5px; }

.more { font-size:10px; }


/*** NON GENERICS ***/

#ctl00_bottom_container
{
    float: left;
    clear: both;
}

#center {
	width: 850px;
	margin-left: auto;
	margin-right: auto;
	margin-top:20px;
}

#center #top {
	height: 96px;
	float: left;
	width: 100%;
}

#center #containerWhite
{
    display: none;
    float: left;
    clear: both;
    width: 100%;
}

#center #ctl00_containerMain
{
    background: url(/web-images/main_joined_bg.jpg) repeat-y top left;
    margin-top: 20px; 
    float: left;
    clear: both;
    width: 100%;
}

.containerMainWide
{
    background: url(/web-images/main_joined_bg2.jpg) repeat-y top left !important;
}

#center #ctl00_containerMainSpecial
{
    background: url(/web-images/main_joined_bgspecial.jpg) repeat-y top left !important;
    margin-top: 20px; 
    float: left;
    clear: both;
    width: 100%;
}

#center #ctl00_containerMainPartners
{
    background: url(/web-images/main_joined_bgpartners.jpg) repeat-y top left !important;
    margin-top: 20px; 
    float: left;
    clear: both;
    width: 100%;
}

#center #ctl00_containerMainNews
{
    background: url(/web-images/main_joined_bg3.jpg) repeat-y top left !important;
    margin-top: 20px; 
    float: left;
    clear: both;
    width: 100%;
}

#direct_button 
{
    font-weight: bold;
    float: right;
    padding-right: 40px;
    margin-top: 78px;
}

#center #top .left {
    border: 0;
	float:left;
}

#center #top .right {
    border: 0;
	float:right;
}

/* Different page backgrounds in #top */
.home {
	background-image: url(../web-images/header/home.jpg);
	background-position: top right;
}

.pos_retail {
	background-image: url(../web-images/header/pos_retail.jpg);
	background-position: top right;
}

.electronic_ticketing_and_accident_reporting {
	background-image: url(../web-images/header/electronic_ticketing_and_accident_reporting.jpg);
	background-position: top right;
}

.tracs {
	background-image: url(../web-images/header/tracs.jpg);
	background-position: top right;
}

.vehicle_emissions {
	background-image: url(../web-images/header/vehicle_emissions_inspection_maintenance_system_components.jpg);
	background-position: top right;
}

.truck_safety {
	background-image: url(../web-images/header/truck_safety_inspection_system_devices.jpg);
	background-position: top right;
}

.disaster_management {
	background-image: url(../web-images/header/disaster_management_systems.jpg);
	background-position: top right;
}

.health_care {
	background-image: url(../web-images/header/health_care.jpg);
	background-position: top right;
}

.automation {
	background-image: url(../web-images/header/automation.jpg);
	background-position: top right;
}

.measurement {
	background-image: url(../web-images/header/measurement.jpg);
	background-position: top right;
}

.monitoring_control {
	background-image: url(../web-images/header/monitoring_control.jpg);
	background-position: top right;
}

.explosion_protection {
	background-image: url(../web-images/header/explosion_protection.jpg);
	background-position: top right;
}

.industrial_computing {
	background-image: url(../web-images/header/industrial_computing.jpg);
	background-position: top right;
}

.energy_monitoring_and_management {
	background-image: url(../web-images/header/energy_monitoring_and_management.jpg);
	background-position: top right;
}

.supply_chain {
	background-image: url(../web-images/header/supply_chain.jpg);
	background-position: top right;
}

.automation {
	background-image: url(../web-images/header/automation.jpg);
	background-position: top right;
}

.news_archive 
{
	background-image: url(../web-images/header/home.jpg);
	background-position: top right;
}

#center #spacer {
	clear:both;
	height: 20px;
	float: left;
	width: 100%;
}

/*---------------------
  Global Navigation
---------------------*/
#center #nav {
	background: #008CA7;
	height: 25px;
	padding-left: 10px;
	float: left;
	clear: both;
	width: 840px;
}

#center #nav #leftlist a{
	color: orange;
}

#center #nav #rightlist {
	float:right;
	width: 260px;
	margin-top: 7px;
}

#center #nav #rightlist a:hover { color:#000; }

#center #nav #leftlist #chromemenu a {
color: #fff;
}

#center #nav #leftlist #chromemenu a:hover {
color: #000;
}

.dropmenudiv{
position:absolute;
top: 0;
font-weight:normal;
font-size: 12px;
font-style: Arial, sans-serif;
z-index:100;
width: 200px;
visibility: hidden;
background: url(../web-images/dropdown-bottomMOZ.gif) no-repeat bottom center; 
padding-bottom: 12px;
filter: progid:DXImageTransform.Microsoft.Shadow(color=#CACACA,direction=135,strength=4); /*Add Shadow in IE. Remove if desired*/
}

.dropmenudiv a{
width: auto;
display: block;
background-color: #153544;
border: 1px solid #BBB; /*THEME CHANGE HERE*/
border-bottom: none;
padding: 4px;
text-decoration: none;
color: black;
}

.dropmenudiv a:hover{ /*THEME CHANGE HERE*/
background-color: #042433;
}

.chromestyle{
width: 99%;
font-weight: bold;
}


.chromestyle:after{ /*Add margin between menu and rest of content in Firefox*/
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}

.chromestyle ul{
/*border: 1px solid #BBB;*/
width: 100%;
background: url(chromebg.gif) center center repeat-x; /*THEME CHANGE HERE*/
padding: 7px 0 4px 0;
margin: 0;
text-align: left; /*set value to "left", "center", or "right"*/
}

.chromestyle ul li
{
    display: inline;
}

.chromestyle ul li a{
color: #494949;
padding: 4px 10px;
margin: 0;
text-decoration: none;
}

.chromestyle ul li a:hover{
/*background: url(chromebg-over.gif) center center repeat-x;*/ /*THEME CHANGE HERE*/
color: #000 !important;
}

.chromestyle ul li a[rel]:after{ /*HTML to indicate drop down link*/
/*content: " v";*/
/*content: " " url(downimage.gif); /*uncomment this line to use an image instead*/
}

/*
#center #nav #leftlist {
	width: 550px;
	list-style: none;
	color: #fff;
	font-size: 11px;
	font-weight: bold;
	padding-top:1px;
}

#center #nav #leftlist li {
	float: left;
	width: 110px;
	margin-top: 7px;
}

#center #nav #leftlist li ul {
  display: none;
  margin-top:-3px;
  position: absolute;
  top: 0px;
  left: 0;
  width: 200px;
  _width: 188px;
  z-index: 100;
  border: 0px;
  */
  /* account for background image height */
  /*
  padding-bottom: 12px;
  margin-left: -10px;
  background-image: url(../web-images/dropdown-bottom.gif);
  background-position: bottom;
  background-repeat: no-repeat;
}
#center #nav #leftlist li a:hover { color:#000; }

#center #nav #leftlist li ul li {
	border: 0px;
	display: block;
	float: left;
	background: #153544;
	width: 200px;
	_width: 188px;
	margin: 0;
	padding: 0;
	z-index:100;
}

#center #nav #leftlist li ul li a {
	display: block;
	padding: 6px;
	width: 100%;
	height: 100%;
}

#center #nav #leftlist li ul li a:hover {
	text-decoration: underline;
	color:#fff;
}
*/

/*only in moz/opera... done in JS for ie with node.style.marginTop */
/*
#center #nav #leftlist li ul li:first-child {
	margin-top: 6px;
}
*/

/* Opera Fix */
/*
#center #nav #leftlist li > ul {
	top: auto;
	left: auto;
}
*/


#center #nav #leftlist li:hover ul, #center #nav #leftlist li.over ul {
	display: block;
	clear: both;
}
#center #nav a {
	color: #fff;
}

#center #nav ul.navbar {
	list-style-type: none;
	font-weight:bold;
	font-size:11px;
	color: #fff;
}

#center #nav ul.navbar li {
	display: inline;
	padding-left: 15px;
}
	

/*---------------------
  Global Content
---------------------*/
#center #left {
	width: 247px;
	float:left;
	position: relative;
	z-index: 50;
}

#center #left.admin
{
    width: 700px !important;
}

#center #left h1#ctl00_header { position:absolute; left:330px; top:30px; font-size:18px !important; width:300px; padding: 0px; }
#center #left h2#ctl00_subheader { position:absolute; left:330px; top:30px; font-size:12px !important; width:300px; padding: 0px;}


#center #middle h1 { font-size:28px; }

#center #ctl00_rightContent_middle {
	float:left;
	width: 355px;
}

#center #middle.wide 
{
	width: 600px !important;
}

#center #right {
	width: 248px;
	float:right;
}

	/*---------------------
	  Right Rounded Boxes
	---------------------*/

#right .box {
	background-color: #CCE8ED;
	width: 215px;
	background-image: url(../web-images/rightbox-top.gif);
	background-position: top left;
	background-repeat: no-repeat;
	margin-left: auto;
	margin-right: auto;
	padding-top: 10px;
	margin-top: 20px;
}

#right .firstbox 
{
	margin-top: 0px !important;
}


#right .box h3 {
	font-family: Arial narrow, sans-serif;
	font-weight: normal;
	font-size: 16px;
	margin-left: 20px;
	margin-right: 20px;
	padding-top: 5px;
}

#right .box h2 {
	font-weight: normal;
	margin-left: 20px;
	font-size: 18px;
}

#right .box ul {
	margin: 20px 20px 0 20px;
	padding-bottom: 20px;
	list-style-position: inside;
}

#right .box #p {
	padding: 5px 15px 15px 20px;
}

#right img.box_bottom {
	margin-left: auto;
	margin-right: auto;
	display: block;
}

	/*---------------------
	  Middle Rounded Boxes
	---------------------*/

#middle h2 {
	margin-bottom: 20px;
}

.bigBox { width:600px !important; }
.bigBox .bottom { width:600px !important; }
.bigBox .middle { width:600px !important; }

#ctl00_rightContent_box {
	margin-left:auto;
	margin-right:auto;
	width: 348px;
}

#ctl00_rightContent_boxTop {
	width: 348px;
	height: 11px;
	background-image: url(../web-images/middlebox-top.jpg);
	background-repeat: no-repeat;
}

.wideBoxTop 
{
	width:600px !important; background:url(../web-images/middlebox-top-large.gif) no-repeat !important;
}

#middle .box .adjustIE {
	margin-left: 0px !important;
}

#middle .box .middle {
	/*background-image: url(../web-images/middlebox-middle.gif);*/
}

#ctl00_rightContent_middle_content li { margin-left:45px; }

#ctl00_rightContent_middle_content p {
	line-height:18px;
}

#ctl00_rightContent_middle_content p {
	padding: 5px 15px 15px 15px;
}

#ctl00_rightContent_middle_content h3 {
	font-family: Arial narrow, sans-serif;
	font-weight: normal;
	font-size: 20px;
	margin-left: 15px;
	padding-top: 5px;
}

#ctl00_rightContent_middle_content h1  {
	
	font-size:20px !important;
	font-family:arial, Verdana, helvetica;
	margin-left: 15px; 
}


#ctl00_rightContent_middle_content h2 {
	font-family: Arial narrow, sans-serif;
	font-size: 18px;
	margin-left: 15px; 
	font-weight: normal;
}

#ctl00_rightContent_middle_content h4 {
	margin-left: 15px;
}

#middle h2 {
	margin-bottom: 20px;
}

#middle .partnerbox {
	margin-left:auto;
	margin-right:auto;
	margin-top: 20px;
	width: 570px;
}

#middle .partnerbox .top {
	width: 570px;
	height: 14px;
	background-image: url(../web-images/partnerbox_top.gif);
	background-repeat: no-repeat;
}

#middle .partnerbox .middle {
	background-image: url(../web-images/partnerbox_middle.gif);
	
}

#middle .partnerbox .bottom {
	width: 570px;
	height: 14px;
	background-image: url(../web-images/partnerbox_bottom.gif);
	background-repeat: no-repeat;
}


#middle .partnerbox p {
	padding: 5px 15px 15px 15px;
}

#middle .partnerbox h3 {
	font-family: Arial narrow, sans-serif;
	font-weight: normal;
	font-size: 20px;
	margin-left: 15px;
	padding-top: 5px;
}


#middle .partnerbox h1 {
	margin-left: 15px; 
	margin-bottom: -20px;
}

#middle .partnerbox h2 {
	font-family: Arial narrow, sans-serif;
	font-size: 22px;
	margin-left: 15px; 
	font-weight: normal;
}

#middle .partnerbox h4 {
	margin-left: 15px;
}

	/*---------------------
	  Left Positioned Boxes
	---------------------*/
#left h2 {
	font-family: Arial, sans-serif;
	color: #008CA7;
	font-size: 20px;
	position:relative;
	top:10px;
}

#left .bluebox {
	/*background-color: #CCE8ED;*/
	width: 215px;
	background-image: url(../web-images/rightbox-top.gif);
	background-position: top left;
	background-repeat: no-repeat;
	margin-left: auto;
	margin-right: auto;
	padding-top: 10px;
}


#left .bluebox h3 {
	font-family: Arial, sans-serif;
	font-weight: normal;
	font-size: 16px;
	margin-left: 20px;
	margin-right: 20px;
	padding-top: 5px;
}

#left .bluebox ul {
	padding: 5px 15px 15px 20px;
	list-style-position: inside;
}

#left .bluebox p {
	padding: 5px 15px 15px 20px;
}

#left .newsitem {
	background: #CCE8ED;
	width: 215px;
	margin-top: 20px;
	padding: 5px 0 5px 20px;
}

#left .newsitem p { font:11px arial, helvetica, sans-serif; }

#left .box {
	margin-left:auto;
	margin-right:auto;
	margin-top: 20px;
	width: 215px;
}

#left .box .top {
	width: 348px;
	height: 11px;
	background-image: url(../web-images/middlebox-top.gif);
	background-repeat: no-repeat;
}

#left .box .middle {
	background-image: url(../web-images/middlebox-middle.gif);
}

#left .box .bottom {
	width: 348px;
	height: 11px;
	background-image: url(../web-images/middlebox-bottom.gif);
	background-repeat: no-repeat;
}

#left .box p {
	padding: 5px 15px 15px 15px;
}

#left .box h3 {
	font-family: Arial narrow, sans-serif;
	font-weight: normal;
	font-size: 20px;
	margin-left: 15px;
	padding-top: 5px;
}

#left .box h1 {
	margin-left: 15px; 
}

#left .box h2 {
	font-family: Arial narrow, sans-serif;
	font-size: 22px;
	margin-left: 15px; 
	font-weight: normal;
}

/* Product Box, Products in the product box */
#left #products {
	margin-left:auto;
	margin-right:auto;
	width: 215px;
	text-align: center;
	/*background:#fff url(../web-images/long_blue_module.gif) no-repeat bottom left;*/
	/*background: #fff url(../web-images/left_box_bg.jpg) repeat-y top left;*/
}

#left #products #products_middle {  width: 212px;}

#left #prodBottom 
{
    background: transparent url(../web-images/left_box_bottom.jpg) no-repeat top left;
    margin: 0;
    padding: 0;
    height: 12px;
    width: 215px; 
    margin-left: 16px;
}

#left #products h2 {
	width: 215px;
	height: 24px;
	background-image: url(../web-images/leftbox-top.gif);
	background-repeat: no-repeat;
	text-align: center;
	color: #fff;
	font-size: 18px;
	margin: 0;
	top: 0px;
	z-index: 50;
}

/* Product Items */
#left .product {
	padding:15px 0;
	margin:0 10px;
	min-height: 100px;
	border-top:1px solid #86C2CE;
}



#left #firstProduct { border:0; }

#left .product h3 { font-weight: normal; }

#left .product img {
	float: left;
	width: 70px;
	height: 70px;
	margin-right: 10px;
}

#left .product .description {
	text-align: left;
	font-family:verdana !important;
	font-size:11px;
	line-height:18px;
}

/* 'Prestige Partners' ul */

#left ul.partners {
	margin-top: 20px;
	list-style-position: inside;
	color: #F99D1E;
}


	/*---------------------
	  Footer
	---------------------*/
#center #footer {
	font-family: Arial, sans-serif;
	text-align:right;
	background: #008CA7;
	height: 24px;
	float: left;
	clear: both;
	width: 100%;
}

#center #footer #button {
	text-align: center;
	float:left;
	background: #F99D1E;
	height: 24px;
	width:262px;
}

#center #footer #sig {
	color: #fff;
	float:right;
	margin-top:4px;
	margin-right:8px;
}

#center #footer #sig a {
	color: #fff;
}

#center #footer #button a {
	display:block;
	margin-top:4px;
	color: #fff;
	font-weight: bold;
	font-size: 14px;
}

/* Content Management */
.content_manager_list {
    list-style-position: inside;
}

ul.content_manager_list li {
    margin-left: 10px;
}

.green 
{
    color: #0f0;
}

.red
{
    color: #f00;
}

/* Products */

#concealer {
            position:absolute;
            top:20px; 
            left:25px;
            background:#fff;
            width:530px; 
            height:10px; 
}

#ctl00_rightContent_partnerProducts { position:relative; }

.product_item {
        padding:10px 0;
        margin-left:30px;
        margin-top:10px;
        width:520px;
        border-top: 2px solid #CCE8ED;
     }
     
     .product_img {
        margin: 10px;
        float:left;
      }
      
      .product_h3 {
        color:#F99D1E;
       }

/* Contact Form */
.contactAdjust { margin-left: 1px; }
#contact_form_div h1 { margin-left:-15px; }
#contact_form_div { padding-left:40px; }
#contact_form_div label.field { float:left; width:80px; text-align:right; margin-right:10px; margin-left:100px; }
#contact_form_div input.field, textarea.field { margin-top:5px; width:250px; }
#contact_form_div #contact_right { width:250px; float:left; }
#contact_form_div #contact_right h3 { margin:10px 0 0 0; }
#contact_form_div #contact_right p { padding: 0; margin: 0; width:250px; }
#contact_form_div .contact_required { margin-top: 30px; float: left; }
#contact_form_div .contact_clear_both { clear: both; }
#contact_form_div .contact_clear_left { clear: left; }
#contact_form_div .contact_submit { clear:both; margin:19px 0 20px 75px; }
#contact_form_div .contact_hidden { visibility: hidden; }
#contact_form_div label { font-size:11px; }
.graybg { background:#fff url(../web-images/gray_slant_bg.gif) no-repeat top left; width:197px; height:438px; padding:20px; }
.graybg p { margin:10px 0; width:177px; font-size:11px; line-height:16px; } 
.graybg ul { margin:10px 0; width:157px; margin-left:20px; font-size:11px; line-height:16px; list-style:disc inside; }
/* hides the objects from IE */
object.hiddenObjectForIE {display: inline;.display:none;}