@charset "utf-8";
body { background: #ddd; margin: 0; font-family: "Calibri", "Arial", sans-serif; font-size: 14px; line-height: 1.4; }
a { text-decoration: none; color: #606060; }
a.extlnk { color: #a40000; }
a:hover { color: #909090; }
a:visited { color: #a0a0a0; }
a img { border: 0 }
p { text-align: justify; margin-bottom: 18px; }
h1 { font-size: 26px; margin: 25px 0px 10px 0px; font-weight: normal; border-bottom: 2px solid #a40000; }
h2 { font-size: 24px; margin: 20px 0px 10px; padding: 2px; font-weight: normal; border-bottom: 2px dotted #a40000; width: 70%; }
h3 { font-size: 22px; margin: 10px 0px; padding: 0; font-weight: normal; }
h4 { font-size: 18px; background: #a0a0a0; margin: 15px 0 5px; padding: 1px 5px; font-weight:bold; color: #fff; }
h5 { font-size: 16px; margin: 10px 0 0; color: #3d3d3d; }
h6 { font-size: 14px; padding: 3px 4px 5px 20px; background: url('/img/navacu.png') top left no-repeat #ddd; border: 1px solid #a0a0a0; margin: 4px 0; height: 14px; }
h6:hover { background: url('/img/navacu.png') bottom left no-repeat #0059ac; cursor: pointer; color: #ddd; }
/*h6 { font-size: 16px; margin: 10px 0 5px; font-weight: normal; cursor: pointer;}
h6:hover { color: #606060; }*/
h6.ui-state-active { background: url('/img/navacd.png') top left no-repeat #ddd; }
h6.ui-state-active:hover { background: url('/img/navacd.png') bottom left no-repeat #0059ac; }
h7 { font-size: 24px; margin-bottom: 10px; padding:0; color: #303030; }
hr { width: 70%; height: 1px; }
blockquote { font-size: 18px; font-family: Georgia, "Times New Roman", Times, serif; font-style: italic; background: url("/img/wm.png") center right no-repeat #f0f0f0; border: 2px solid #ddd; padding: 20px; }
.float { float: left; }
.clear { clear: both; visibility: visible; }

#header { height: 80px; background: url('/img/hdrgrad.png') repeat-x; }
#navbar { height: 42px; border: 1px solid #fff; background: url("/img/navgrd.png") repeat-x; margin: 0 20px;  position: relative; z-index: 3; margin-top: -36px; }
#bdywrap { width: 1050px; margin: auto; background: url("/img/bdyshadow.png") top left repeat-y transparent; position: relative; z-index: 1; }
#bdywraptop { width: 1050px; height: 36px; background: url("/img/bdyshadowtop.png") top left no-repeat; position: relative; z-index: 2; top: 0; }
#main { width: 980px; margin: 0px auto; background: #fff; padding: 0px 15px 58px; }
#ftwrap { background: #fff; margin: 0 20px; }
#footer { height: 14px; margin: 0px auto; padding: 6px; border: 1px solid #fff; background: #0059ac; text-align: right; color: #fff; font-size: 14px; vertical-align:middle; }

#topbar { width: 980px;  height: 20px; margin: 4px auto 0; }
#tblogin { width: 115px; height: 20px; float: right; margin-right: -36px; background: url('/img/login.png') top right no-repeat; display:block; cursor: pointer; }
#tblogintt { width: 115px; height: 30px; background: url('/img/login.png') bottom right no-repeat; display:none; cursor: pointer; }
#tbph { width: 115px; height: 20px; float: right; margin-right: -36px; display: block; }
#tbcnt1,#tbcnt2 { width: 77px; height: 20px; float: right; margin: 0 10px; display: block; cursor: pointer;}
#tbcnt1 { background: url("/img/tbcnt1.png") top left no-repeat; }
#tbcnt2 { background: url("/img/tbcnt2.png") top left no-repeat; }
#tbcnt3 { background: url("/img/tbcnt3.png") top left no-repeat; width: 110px; height: 20px; float: right; margin-left: 10px; }
#tblang { width: 77px; height: 20px; float: right; margin-left: 20px; }
#tblang:hover { background-position: bottom center; cursor: pointer; }
.tblang { background: url("/img/tblang.png") top center no-repeat; background-color: transparent; }
.tblangs { background: url("/img/tblangs.png") top center no-repeat; background-color: #606060; }
#tblangdd { background-color: #e0e0e0; border: 1px solid #606060; padding: 4px; width: 104px; clear:both; }
#tblangdd div { width: 100px; padding: 2px; color: #606060; font: bold 10px Tahoma,Calibri,sans-serif; cursor: default; }
#tblangdd div.tblangopt:hover { background-color: #606060; color: #ddd; cursor: pointer; }

#logowrap { width: 980px; height: 60px; margin: 0 auto; }
#lgo1 { background: url('/img/lgo1.png') no-repeat; width: 104px; height: 60px; float:left; margin: 0; display:block; }
#navmain { width: 980px; margin: 0px auto; }
#lgo2 { background: url('/img/lgo2.png') no-repeat; width: 250px; height: 42px; float: left; display:block; }
#nav { width: 730px; height: 39px; float: right; color: #fff; font-size: 18px; vertical-align: bottom; text-align: right; }
#nav ul { list-style-type: none; vertical-align: middle; padding:4px; margin: 4px 0; }
#nav li { display: inline; padding: 5px 10px; }
#nav li.selected { background-color: #606060; border: 1px solid #fff; }
#nav a { color: #fff; }
#nav a:hover { color: #ddd; }

#cspkwrap {width: 720px; height: 21px; position:relative; float: left; margin: 39px 0 0 130px; }
.cspeek { width: 720px; height: 21px; }
#cspknew{ font-weight: bold; font-size: 12px; color:#a40000; }
#cstab { width: 150px; height:15px;; background: #f0f0f0; border: 1px solid #606060; border-bottom: 0; text-align: center; padding: 3px; font-weight: bold; font-size: 14px; color: #606060; cursor: pointer; margin-bottom: -1px; position:relative; z-index: 5; }
#cstab:hover { background: #ddd; }
#csmain { height: 118px; border: 1px solid #606060; background: #f0f0f0; padding-left: 10px; display: none; position: relative; z-index: 4; }
#csmain p { margin: 8px 0; }
#csmain img { margin: 0 10px 0 0; opacity: .75; }
#csmain img:hover { opacity: 1; }

.cols { float: left; width: 220px; }
.colm { float: left; width: 500px; margin: 12px 20px 0px; }
.colmain {float:left; width: 720px; margin: 0px 20px; }
.colmain ul { margin: 15px; padding: 0; list-style-image:url("img/libullet.png"); font-size: 16px; }
.colmain ul li { margin: 10px 0 10px 25px; }
span.rdmr { font-size: 16px; text-align: right; font-weight: bold; display: block; cursor: pointer; }

#qaleft { width: 220px; float:left; margin-bottom: 250px; }
#qaaccordion { height: 100px; }
.cla { background: #f0f0f0; padding: 0 10px 5px; border: 1px solid #ddd; }
#clafullwrap { width: 650px; visibility: visible; float:left; }
.clafull { width: 650px; display:none; margin: 20px 0 0 20px; padding: 10px 20px 20px; border:2px solid #ddd; -moz-border-radius: 12px; border-radius: 12px; background: #f0f0f0; }

.product { margin: 10px 0; padding:5px 20px 5px 5px; border:2px solid #ddd; -moz-border-radius: 6px; border-radius: 6px; background: url("/img/gengrad.png") top left repeat-x #f0f0f0; line-height: 1.1; }
.product:hover { background: #f0f0f0; cursor: pointer; }
.product a { width: 100%; height: 100%; display: block; }
.product a:hover { color: #606060; }
.product p { font-size: 16px; }
.product div { width: 480px; margin: 0 0 0 10px; }
.product img { float:left; width: 200px; height: 118px; }

.mdl { background: #ddd; padding: 5px; display: inline-block; }
.mdllnk { display: block; font:italic 12px Georgia, "Times New Roman", Times, serif; cursor: pointer; }

#sidenav { width: 100%; margin: 0px; overflow: hidden; }
#sidenav a { display: inline-block; color: #606060; width: 186px; }
#sidenav a:hover { color: #0059ac; }
#sidenav ul { list-style: none; margin: 2px 0px; font-size: 16px; padding: 0px; height: 100%; }
#sidenav ul li { border: 1px solid #ddd; padding: 4px; margin: 3px 0px; cursor: pointer; }
.sidenavtop, .sidenavtops { height: 22px; border: 1px solid #a0a0a0; background-color: #ddd; padding: 4px 4px 0; font-size: 14px; font-weight:bold; }
.sidenavtops { background-color: #606060; color: #fff; }
#sidenav .sidenavtops a { color: #fff; }
#sidenav .sidenavtops a:hover { color: #ddd; }
.sidenavtopdd { display: inline-block; width: 20px; height: 22px; background: url('/img/navacd.png') top left no-repeat; float:right; cursor: pointer; border-left: 1px solid #a0a0a0; }
.sidenavtopdd:hover {background-position: bottom left; }
.sidenavtopddd { width: 20px; height: 22px; background: url('/img/navacu.png') top left no-repeat; float:right; cursor: pointer; border-left: 1px solid #a0a0a0; }
.sidenavtopddd:hover { background-position: bottom left; }
.sidenavsub:hover {background: #b2cde6; border-color: #606060; }
.sidenavsubs{ background: #0059ac; color: #fff; }

#chat { visibility:visible; width: 138px; height: 50px; background: url('img/cht.png') top left no-repeat; margin-left: 840px; cursor: pointer; }
#chat:hover { background-position: bottom left; }
.chat { width: 130px; margin: 10px auto; }
.ext1 { display: inline-block; width: 65px; }
.ext2 { display: inline-block; }

#tblFeatures { border: 2px solid #a0a0a0; background: #ddd; text-align:left; empty-cells: show; width: 100%; }
td { padding: 3px 5px; }
th { font-weight: normal; background: #ddd; padding: 0 3px; }
tfoot { font: italic smaller Georgia, "Times New Roman", Times, serif; }
/*tbody tr:hover { background: url("/img/gengrad.png") top left repeat-x #a0a0a0; cursor:default; }*/
.odd { background: #fff; }
.even { background: #f0f0f0; }
.included { background: url("/img/chkfinc.png") center no-repeat; }
.optional { text-align: center; }

.tt { font-weight: bold; border-bottom: 1px dashed #606060; color: #606060; cursor: default; }
.tooltip { width: 300px; display:none; background: url("/img/gengrad.png") top left repeat-x #f0f0f0; border: 2px solid #606060; font-size:14px; padding:10px; color:#000; text-align: justify; -moz-border-radius: 6px; border-radius: 6px; position: relative; z-index:6; }

#pgbnr { width: 1008px; height: 300px; background: #e0e0e0; margin: 0 0 20px -14px; }
#pgbnrbtns { width: 320px; float: left; }
.bnrbtn { width: 320px; height: 51px; opacity: .75; }
.bnrbtn:hover { opacity: 1; }
#csbnrlogo { background-image: url("/img/csbnrlogo.png"); width: 320px; height: 95px; }
#csbnrbtn1 { height: 52px; background-image: url("/img/csbnrbtn1.png"); }
#csbnrbtn2 { background-image: url("/img/csbnrbtn2.png"); }
#csbnrbtn3 { background-image: url("/img/csbnrbtn3.png"); }
#csbnrbtn4 { background-image: url("/img/csbnrbtn4.png"); }

#hibnrlogo { background-image: url("/img/hibnrlogo.png"); width: 320px; height: 95px; }
#hibnrbtn1 { height: 52px; background-image: url("/img/hibnrbtn1.png"); }
#hibnrbtn2 { background-image: url("/img/hibnrbtn2.png"); }
#hibnrbtn3 { background-image: url("/img/hibnrbtn3.png"); }
#hibnrbtn4 { background-image: url("/img/hibnrbtn4.png"); }

.sbright { float: right; margin: 25px 0 25px 15px; }
.sbleft { float: left; margin: 25px 15px 25px 0; }
.flleft { float: left; }
.flright { float: right; }
