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

body{
font:12px  Verdana, Arial, Helvetica,  sans-serif;
color:#5a5a5a;
margin:0;
padding:0;
min-width:820px;
}
a:link
{
font:11px Helvetica, Arial, Verdana, sans-serif;
color:#ae3838;
text-decoration:none;
}
a:hover
{
font:11px Helvetica, Arial, Verdana, sans-serif;
color:#ae3838;
text-decoration:underline;
}
a:visited, a:active
{
font:11px Helvetica, Arial, Verdana, sans-serif;
color:#ae3838;
text-decoration:underline;
}
#clear
{
clear:both;
}

/*=========================TOP BAR===============*/
#topbanner{
width:820px;
height:85px;
background-color:#ffffff;
background:url(../images/nav_bg.jpg) no-repeat right;
border-bottom:1px dotted #adadad;
}
#topbar{
height:3px;
width:820px;
background-color:#6b6b6b;
}
#topbanner h1
{
background:url(../images/logo.gif) no-repeat;
height:82px;
width:102px;
padding:0px;
position:absolute;
margin:0px;
}
#topbanner h1 a
{
background:url(../images/logo.gif) no-repeat;
height:82px;
width:102px;
padding:0px;
position:absolute;
margin:0px;
}
.nav-bar {
	float:right;
	position: relative;
}
.nav-bar ul{
list-style-type: none;
padding:0;
margin:0;
height:82px;
width: 100%;
}
.nav-bar li{
display: inline;
height:82px;
}
.nav-bar li a{
display: inline-block;
font:11px Arial, Helvetica, sans-serif;
letter-spacing:0.1px;
color:#aeaeae;
font-weight:bold;
width:71px;
text-decoration:none;
text-align:center;
padding:55px 0px 13px 0px;
}

.nav-bar li a:hover{
display: inline-block;
color:#FFFFFF;
width:71px;
text-align:center;
text-decoration:none;
background:url(../images/nav_hover.jpg) no-repeat bottom;
padding:55px 0px 13px 0px;
}
.nav-bar li a.selected{
display: inline-block;
color:#FFFFFF;
width:71px;
text-align:center;
text-decoration:none;
background:url(../images/nav_hover.jpg) no-repeat bottom;
padding:55px 0px 13px 0px;
}
/*=========================BANNER===============*/
#banner-bar
{
height:330px;
width:100%;
background:url(../images/banner_bg.jpg) no-repeat right;
background-color:#f0f0f0;
}
#banner{
width:820px;
height:300px;
background-color:#ececec;
}
#section{
font:bold 14px Helvetica, Arial, Verdana, sans-serif;
color:#2c2c2c;
width:797px;
height:17px;
background:url(../images/bottombar_bg.jpg) no-repeat;
background-color:#a8a8a8;
border-bottom:1px dotted #ececec;
padding:6px 0px 6px 23px;
}
/*=========================BODY===============*/
#bodycontent
{
font:bold 12px Arial, Verdana, sans-serif;
color:#717171;
width:790px;
background:url(../images/content_bg.jpg) no-repeat bottom;
background-color:#ffffff;
padding:10px 15px 30px 15px;
border-bottom:1px dotted #adadad;
}
#bodycontent a
{
font:12px Arial, Verdana, sans-serif;
color:#ae3838;
text-decoration:none;
}
#bodycontent a:hover
{
font:12px Arial, Verdana, sans-serif;
color:#ae3838;
text-decoration:underline;
}

#bodycontent .breadcrumb
{
font:normal 11px Arial, Verdana, sans-serif;
color:#979797;
width:600px;
float:left;
padding-bottom:28px;
}
#bodycontent .breadcrumb a
{
font:normal 11px Arial, Verdana, sans-serif;
color:#979797;
text-decoration:none;
}
#bodycontent .breadcrumb a:hover
{
color:#ae3838;
text-decoration:none;
}
#bodycontent .print
{
font:normal 11px Arial, Verdana, sans-serif;
color:#979797;
background:url(../images/printer_icon.gif) no-repeat;
width:40px;
height:25px;
float:right;
}
#bodycontent .print a
{
color:#979797;
font:normal 11px Arial, Verdana, sans-serif;
padding:0px 0px 5px 0px; 
text-decoration:none;
background:url(../images/printer_icon.gif) no-repeat;
}
#bodycontent .print a:hover
{
color:#ae3838;
padding:0px 0px 5px 0px; 
text-decoration:none;
background:url(../images/printer_icon_over.gif) no-repeat;
}
#subnav .empty{
border-top:1px dotted #b1b1b1;
width: 190px;
color:#5a5a5a;
padding-left:5px;
line-height:19px;
}
#subnav {
font:normal 12px Arial, Verdana, sans-serif;
float:left;
padding-right:20px;

}
#subnav ul{
list-style-type: none;
padding:0;
margin:0;
width: 200px;
border-top:1px dotted #b1b1b1;
}
#subnav li{
display: block;

}
#subnav li  a.selected{
display:block;
font:normal 12px Arial, sans-serif;
color:#333333;
background-color:#f0f0f0;
text-decoration:none;
padding:5px;
border-bottom:1px dotted #b1b1b1;
} 
#subnav li a{
display:block;
font:normal 12px Arial, sans-serif;
color:#666666;
background-color:#FFFFFF;
text-decoration:none;
padding:5px;
border-bottom:1px dotted #b1b1b1;
}

#subnav li a:hover{
display: block;
color:#000000;
text-decoration:none;
background-color:#f5f5f5;
border-bottom:1px dotted #b1b1b1;
}
#subnav li a:active{
display: block;
color:#000000;
text-decoration:none;
background-color:#f5f5f5;
border-bottom:1px dotted #b1b1b1;
}
/*#page-wrap .button
{
display:block;
font:normal 11px Helvetica, Arial, sans-serif;
color:#666666;
width:190px;
background-color:#ffffff;
text-decoration:none;
border-top:1px dotted #b1b1b1;
}
#page-wrap .button a
{
display:block;
color:#666666;
background-color:#FFFFFF;
text-decoration:none;
padding:8px 5px;
}
#page-wrap .button a:hover
{
display:block;
color:#333333;
background-color:#f0f0f0;
text-decoration:none;
padding:8px 5px;
}
#page-wrap .button a:visited
{
display:block;
color:#666666;
background-color:#FFFFFF;
text-decoration:none;
padding:8px 5px;
}
#page-wrap .button a:active
{
display:block;
color:#333333;
background-color:#f0f0f0;
text-decoration:none;
padding:8px 5px;
}
#page-wrap .line
{
display:block;
width:190px;
border-top:1px dotted #b1b1b1;
}*/
#content{
font:normal 12px Arial, Helvetica, sans-serif;
margin:0;
color:#5a5a5a;
float:left;
width:570px;
line-height:17px;
}
#content h2{
font:bold 20px Helvetica, Arial, sans-serif;
color:#333333;
margin:0;
padding:0px 0px 15px 0px;
letter-spacing:0.1px;
}
/*=========================FOOTER===============*/
#footer
{
width:820px;
clear:both;
}
#footer .links
{
font: 11px Arial, Helvetica, Verdana, sans-serif;
color:#979797;
padding:10px 10px 0px 15px;
float:left;
}
#footer .links a
{
color:#ae3838;
text-decoration:none;
}
#footer .links a:hover
{
color:#ae3838;
text-decoration:underline;
}
#footer .copy
{
font:11px Arial, Helvetica, Verdana, sans-serif;
color:#a1a0a0;
background:url(../images/countries.jpg) no-repeat top right;
width:350px;
float:right;
padding:0px 10px 10px 0px;
text-align:right;
}
/*=========================MAIN PAGE===============*/
#mainbanner{
background:url(../images/navigatorsys.jpg) no-repeat;
width:820px;
height:326px;
}
#products
{
float:left;
margin-top:10px;
width:236px;
height:170px;
padding-right:18px;
border-right:1px dotted #adadad;
font:normal 12px Arial, Helvetica, sans-serif;
}
#products .header
{
padding:14px 8px;
color:#454545;
background:url(../images/banner_arrow.gif) no-repeat right;
background-color:#f0f0f0;
border-top:1px dotted #adadad;
border-bottom:1px dotted #adadad;
font:bold 14px Helvetica, Arial, sans-serif;
}
#products .list
{
padding-top:10px;;
}
#products .list ul
{
list-style-type: none;
margin:0;
padding:0;
}
#products .list li
{
display:block;
background-color:#ffffff;
border-bottom:1px dotted #adadad;
}
#products .list li a
{
color:#5a5a5a;
text-decoration:none;
display:block;
padding:6px;
letter-spacing:0.1px;
}
#products .list li a:hover
{
color:#ae3838;
text-decoration:none;
display:block;
padding:6px;
letter-spacing:0.1px;
}

#oembusiness
{
float:left;
margin-top:10px;
height:170px;
width:236px;
padding:0px 20px 0px 20px;
border-right:1px dotted #adadad;
font:normal 12px Arial, Helvetica, sans-serif;
}
#oembusiness .header
{
padding:14px 8px;
color:#454545;
background:url(../images/banner_arrow.gif) no-repeat right;
background-color:#f0f0f0;
border-top:1px dotted #adadad;
border-bottom:1px dotted #adadad;
font:bold 14px Helvetica, Arial, sans-serif;
}
#oembusiness .content
{
padding:14px 8px;
line-height:17px;
color:#5a5a5a;
}
#contactus
{
float:left;
margin-top:10px;
height:170px;
width:236px;
padding-left:20px;
font:normal 12px Arial, Helvetica, sans-serif;
}
#contactus .header
{
padding:14px 8px;
color:#454545;
background:url(../images/banner_arrow.gif) no-repeat right;
background-color:#f0f0f0;
border-top:1px dotted #adadad;
border-bottom:1px dotted #adadad;
font:bold 14px Helvetica, Arial, sans-serif;
}
#contactus .content
{
padding:14px 8px;
color:#5a5a5a;
line-height:16px;
}

/*===========warranty btn======*/
#warranty {
background:url(../products/images/warranty_btn.gif) no-repeat;
width:220px;
height:30px;
position:absolute;
top:458px;
left:585px;
margin:10px 0px;
display:block;
padding:0;
}
#warranty a
{
background:url(../products/images/warranty_btn.gif) no-repeat;
width:220px;
height:30px;
display:block;
}
#warranty a:hover
{
background:url(../products/images/warranty_btnover.gif) no-repeat ;
width:220px;
display:block;
height:30px;
}
#downloadManual {
background:url(../products/images/download_btn.gif) no-repeat;
width:90px;
height:30px;
display:block;
margin:5px 0px;
padding:0;
}
#downloadManual a
{
background:url(../products/images/download_btn.gif) no-repeat;
width:90px;
height:30px;
display:block;
}
#downloadManual a:hover
{
background:url(../products/images/download_btnover.gif) no-repeat ;
width:90px;
display:block;
height:30px;
}