/* CSS Document */
body { margin: 0 0 0 0; padding: 0 0 0 0; font-family: Arial, Helvetica, sans-serif; color: #172767; background: url('images/bg.jpg') repeat-x #7A8AAE; } 
img { border: 0;}

div.wrapper { width: 800px; margin: 0px auto; border-left: 1px solid black; border-right: 1px solid black;}

#header { height: 61px; background: url('images/header_bg.jpg'); } 
#header form { float: right; margin: 20px;}

#menu { height: 21px; padding-top: 3px; padding-bottom: 3px; background: url('images/menu_bg.jpg'); }

#lg_img { }

#con { padding-top: 5px; background: #FFF;}


#con p { padding: 0px; margin: 0px;}

#con table { width: 780px; margin: 15px; font-size: 12px;}
#con table td { vertical-align: top;}

#con table td.index_left_col { padding-top: 10px;}
#con table td.index_left_col div { float: left; width: 260px; /*margin-top: -193px;*/ margin-right: 15px;}
#con table td.index_left_col p { font-size: small; margin: 0 0 10px 0; padding: 0;}
#con table td.index_left_col p.heading { font-size: medium; }

#con table td.index_right_col { width: 255px; }
#con table td.index_right_col div { float: left; height: 345px; padding-top: 12px; }
#con table td.index_right_col div.news_left {width: 20px; background: url('images/index_news_left.jpg');}
#con table td.index_right_col div.news_right { width: 20px; background: url('images/index_news_right.jpg')}
#con table td.index_right_col div.news_bg { width: 200px; background: url('images/index_news_bg.jpg'); font-size: 16px; text-align: center;}
#con table td.index_right_col div.news_bg b { font-size: 14px;}
#con table td.index_right_col div.news_bg p {  width: 200px; text-align: left; padding-top: 15px; padding-bottom: 5px; padding-left: 0px; font-size: 12px;}
#con table td.index_right_col img.index_contact {margin: 0 0 0 2px; padding: 0;}

#con table td.index_feat div {width: 236px; float: left; }
#con table td.index_feat div.feat_top { height: 13px; padding-top: 7px; background: url('images/index_feat_top.jpg'); text-align: center;}
#con table td.index_feat div.feat_top span { font-size: 14px; }
#con table td.index_feat div.feat_bg { height: 216px; background: #d8ddf4;}
#con table td.index_feat div.feat_bottom { height: 19px; background: url('images/index_feat_bottom.jpg')}

#con table td.index_icons { }

#divider { padding-bottom: 20px; border-bottom: 1px solid #DADDEA;}

#con hr { }

#tabs { width: 800px;}
#tabs ul { margin: 0px 0px 0px 16px; padding: 0px; height: 30px;}
#tabs ul li {display: inline; list-style: none; float: left; margin: 0px; padding: 0px;}
#tabs ul li a {display: block; height: 30px; width: 148px; cursor: pointer;}
#tabs div.tab_top { height: 20px; background: url('images/tab_top.jpg'); }
#tabs div.tab_mid { background: url('images/tab_fill.jpg'); font-size: 12px; }
#tabs div.tab_mid p.tab_head { font-weight: bold; }
#tabs div.tab_mid p { width: 725px; margin: 0px 0px 5px 40px; }
#tabs div.tab_mid table { width: 725px; margin-left: 40px; border-collapse: collapse; }
#tabs div.tab_mid td { vertical-align:top;}
#tabs div.tab_mid div {width: 750px; margin: 0px 25px 0px 25px;}
#tabs div.tab_bottom {height: 24px; background: url('images/tab_bottom.jpg'); }
#tabs h4 { margin: 0px 0px 3px 0px;}

#rseries { background: url('images/rseries_dark.jpg'); }
#kseries { background: url('images/kseries_dark.jpg'); }
#lseries { background: url('images/lseries_dark.jpg'); }
#mseries { background: url('images/mseries_dark.jpg'); }
#sseries { background: url('images/sseries_dark.jpg'); }

#420ma { background: url('images/420ma_dark.jpg'); }
#oc_pushbutton { background: url('images/oc_pushbutton_dark.jpg'); }
#oc_selectswitch { background: url('images/oc_selectswitch_dark.jpg'); }
#remote { background: url('images/remote_dark.jpg'); }

#as4 { background: url('images/as4_dark.jpg'); }
#as6 { background: url('images/as6_dark.jpg'); }
#as10 { background: url('images/as10_dark.jpg'); }
#es2 { background: url('images/es2_dark.jpg'); }


#search_head { width: 708px; height: 42px; margin: 0px auto; background: url('images/search_head.jpg'); text-align: right;}
#search_head p {color: #FFFFFF; padding-top: 10px; padding-right: 10px;}
#search_body { width: 686px; padding: 10px; margin: 0px auto 0px auto; border: 1px solid #3C4C90;}
#search_body div { border-bottom: 1px solid #CCC; margin-bottom: 15px; padding-bottom: 5px;}
#search_body div p.res_head {}
#search_body div p.res_head a { color: #3C4C90; text-decoration: none; font-weight: bold;}
#search_body div p.res_body { width: 570px; text-align:left; margin-left: 20px; } 
#search_body div p.res_body a { color: #666; text-decoration: none; font-size: small;}
#search_body div p.res_body b { color: #3C4C90;}

#team {border-collapse: collapse;}

div.team_member { padding: 30px; width: 271px; height: 308px; background: url('images/card.jpg') no-repeat; }
div.team_member img {float: left;}
div.team_member div { float: left; padding-left: 20px;}

#footer { height: 34px; padding-top: 5px; background: #3C4C90; color: #FFF; font-size: 9pt; text-align: center; border-bottom: 1px solid black;}
#footer a { color: #FFF; text-decoration: none;}



/* -------------- MENU -------------------------*/

.menu {
	
}
#menu_home{
	background-color: #B8C5FF;
	border-top: 1px solid black;
	border-bottom: 1px solid black;
	width: 42px;
}

#menu_home a {
	margin-left: 7px;
	width: 42px;
}

#menu_home_after { 
	margin-left: -1px;
	margin-top: 1px;
	height: 19px;
	background: url('images/menu_home_after.jpg') no-repeat;
	width: 100px;
}


.menu ul li.menu_button { 
	margin-top: 1px;
	height: 19px;
	background: url('images/menu_button.jpg') no-repeat;
	/*width: 107px;*/
	width: 107px; 
}
.menu ul li a, .menu ul li a:visited {
	display:block; 
	text-decoration:none; 
	color:#FFF;
	text-align: center;
	width: auto;
	margin-left: 13px;

	height:19px; 
	line-height:20px; 
	font-size: 8pt;
	overflow:hidden;
}

.menu ul {
	padding:0; 
	margin:0;
	list-style-type: none; 
}
.menu ul li {
	float:left; 
	margin-right:1px; 
	position:relative;
}

.menu ul li ul {
	display: none;
}

/* specific to non IE browsers */
.menu ul li:hover a {
	/*color:#369;*/

	
}
.menu ul li:hover ul {
	display:block; 
	position:absolute; 
	/*top:21px;*/ 
	left: -2px; 
	width:125px; /*105*/
	border-left:1px solid #999; 
	border-bottom:1px solid #999;
	filter: alpha (opacity=80);
	moz-opacity: 0.8;
	opacity: 0.8;
}

.menu ul li:hover ul li a.hide {
	background:#48589C; 
	color:#fff;
}
.menu ul li:hover ul li:hover a.hide {
	background:#48589C; 
	color:#000;
}
.menu ul li:hover ul li ul {
	display: none;
}
.menu ul li:hover ul li a {
	display:block; 
	background:#ddd; 
	color:#000;
	text-align: left;
	padding-left: 5px;
	margin-left: 0px;
	width: 120px;
}
.menu ul li:hover ul li a:hover {
	background:#48589C; 
	color:#FFF;
}
.menu ul li:hover ul li:hover ul {
	display:block; 
	position:absolute; 
	left:125px; 
	top:0;
	filter: alpha (opacity=100);
	moz-opacity: 1.0;
	opacity: 1.0;
}
.menu ul li:hover ul li:hover ul.left {
	left:-125px;
}/* CSS Document */
.menu ul li.has_child {
	width: 120px;
	border-right: 5px solid #172767; 
}