﻿@charset "utf-8";

#container{position:relative;}
#container div.mask{position:absolute;z-index:999;background-color:#527797;top:0;left:0; background-position:50% 0; background-repeat:no-repeat;zoom:1;filter:alpha(opacity=80);opacity:0.8;}

div.bms{background:url(../images/bg_bms.jpg) 50% 0 no-repeat;}
div.backlighting{background:url(../images/bg_backlighting.jpg) 50% 0 no-repeat;}
div.lighting{background:url(../images/bg_lighting.jpg) 50% 0 no-repeat;}
div.power{background:url(../images/bg_power.jpg) 50% 0 no-repeat;}

div.sub-generic{background-color: #527797;}
div.sub-bms{background:url(../images/bkg_products_battery.jpg) 50% 0 no-repeat; background-color: #527797;}
div.sub-backlighting{background:url(../images/bkg_products_backlighting.jpg) 50% 0 no-repeat; background-color: #527797;}
div.sub-lighting{background:url(../images/bkg_products_lighting.jpg) 50% 0 no-repeat; background-color: #527797;}
div.sub-power{background:url(../images/bkg_products_powermgmnt.jpg) 50% 0 no-repeat; background-color: #527797;}

#header div.header{margin:0 auto;padding:0;width:1100px;height:75px;}
#header div.header a.site-logo{float:left;display:block;margin-left:15px;margin-top:15px;}
#header div.header a.site-logo img{border:none;}
#header div.header div.l{float:left;height:75px;}
#header div.header div.r{float:right;height:75px; width:790px;}

#header div.header div.utility-menu{height:28px;line-height:28px;z-index:99999}
#header div.header div.utility-menu ul.menu{float:right;vertical-align: baseline;z-index:99999} 
#header div.header div.utility-menu a{color:#fff;font-size:11px;text-decoration:none;vertical-align:baseline;z-index:99999}  /*  was vertical-align: baseline;  */
#header div.header div.utility-menu a:hover{color:#ff5500;font-size:11px;text-decoration:none;z-index:99999}
#header div.header div.site-menu{margin-top:17px;padding-left:1em;padding-right:.05em;height:30px;background-color:#000;}
#header div.header 
div.lang-menu{margin-top:7px;padding-left:1em;padding-right:6px;height:30px;z-index:99999} /* orig was padding-right: 1em;margin-top: 17px; used color:green; to see block  */
#header div.header div.search {margin-top:-17px;height:28px;line-height:28px;float: right;display:inline;padding:0 6px 0 0;width:230px;}

#content div.content{margin:20px auto;padding:0;width:980px;}
#content div.content div.product-titles{margin:0 auto;padding:0;width:980px;height:300px;}
#content div.content div.product-titles div.l{float:left;height:300px;width:450px;margin-left:1em;}
#content div.content div.product-titles div.r{float:right;height:300px;width:450px;margin-right:1em;}

#content div.content div.product-titles img{display:block;margin:10px auto;}
#content div.content div.product-titles div.description{margin:10px 20px;padding:1em;width:auto;}
#content div.content div.product-titles div.description p{line-height:1.6em;color:#000;font-size:12px;text-align:left;}

#content div.content div.slidebar{margin:0 auto;padding:0;height:58px;width:968px;clear:both;background:url(../images/bg_slidebar.png) 50% 50% no-repeat;}
#content div.content div.slidebar ul.slider{height:58px;list-style:none;}
#content div.content div.slidebar ul.slider li{display:block;float:left;height:44px;padding:0 1em;margin-top:7px;}
#content div.content div.slidebar ul.slider li a{display:block;height:44px;width:70px;}
#content div.content div.slidebar ul.slider li a.lighting{background:url(../images/bg_slider_lighting.png) 0 0 no-repeat;}
#content div.content div.slidebar ul.slider li a.backlighting{background:url(../images/bg_slider_backlighting.png) 0 0 no-repeat;}
#content div.content div.slidebar ul.slider li a.bms{background:url(../images/bg_slider_bms.png) 0 0 no-repeat;}
#content div.content div.slidebar ul.slider li a.power{background:url(../images/bg_slider_power.png) 0 0 no-repeat;}
#content div.content div.slidebar ul.slider li a.current{border:3px solid }

#content div.content div.products{margin:10px auto;padding:0;width:auto; z-index:99}
#content div.content div.products div.product-panel {float:left;height:340px;width:237px;background:url(../images/bg_product_panel.png) 50% 50% no-repeat;margin-left:5px;}
#content div.content div.products div.first {margin-left:9px;}
#content div.content div.products div.product-panel div.panel-header {padding:0;height:50px;margin-top:15px;margin-left:10px;}
	#content div.content div.products div.product-panel div.panel-header span.product-icon {float:left;display:block;height:50px;}
		#content div.content div.products div.product-panel div.panel-header span.product-icon img {margin:auto 2px;}
	#content div.content div.products div.product-panel div.panel-header h3 {font-size:14px;font-weight:bold;display:block;float:left;margin-left:2px;margin-top:20px;width:174px;text-align:left;}
	#content div.content div.products div.product-panel div.panel-content {margin:0 auto;padding:1em;width:auto;}
		#content div.content div.products div.product-panel div.panel-content p {font-size:12px; color:#000; text-align:left; text-indent:1em;}


#content div.content div.sub-nav {float: left; background:url(../images/bkg_subpg_subnav.png) 0 0 repeat-y; 
	border-radius: 5px; width: 188px; margin: 100px 15px 10px 0px; height: 100%;}
#content div.content div.sub-body  {float: left; background-color:#fff; width: 703px; color: #000; margin: 100px 0 0 0; border: 1px solid #999; padding: 20px 30px 45px 30px; text-align: left; min-height:475px;}
#content div.content div.sub-body-partner  {background: #ffffff url(../../images/o2m_subpg_partner_bkg.jpg); float: left; background-color:#fff; width: 703px; color: #000; margin: 100px 0 0 0; border: 1px solid #999; padding: 20px 30px 45px 30px; text-align: left; min-height:475px;}
#content div.content div.sub-body-partner1  {float: left; background-color:#fff; width: 764px; color: #000; margin: 100px 0 0 0; border: 1px solid #999; padding: 20px 0px 45px 0px; text-align: left; min-height:675px;}

#footer div.footer{margin:0 auto;padding:0;width:968px;height:62px;background-color:#000;}
#footer div.footer p{text-align:right;padding:1em;color:#fff;font-size:12px;padding-top:3em;}
#footer div.footer p a{margin:0 3px;color:#F60;text-decoration:underline;}