/* CSS Document */
html,body{margin:0; padding:0; width:100%; background:url(../img/bg.gif) repeat-x; font:normal normal 100% Arial, Helvetica, sans-serif}
/*. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . */
.r{float:right}
.l{float:left}

.rPic{margin:0 0 0 10px; padding:0; float:right}
.lPic{margin:0 10px 0 0; padding:0; float:left}

.note{color:#777}

.clear{clear:both}

span.free{font-weight:bold; color:#A90C0E; font-size:0.9em}

div.butt_chat{margin:5px 0 0 14px; padding:10px 0 0 0; background:url(../img/butt_chat.gif) no-repeat; width:164px; height:26px}
div.butt_chat span{margin:0 0 0 79px; padding:0; font-size:0.7em; width:63px; height:11px; }

/*. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . */
#wrapAll{margin:0; padding:0; width:100%; background:url(../img/header.jpg) no-repeat center top}
#wrapPage{margin:0 auto; padding:0; width:770px;}
/*. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . */
/*. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . */
/*. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . */
#header{margin:0; padding:0; height:175px}
#header #logo{margin:0 0 0 20px; width:110px; padding:0; float:left}
#header img.tag{margin:36px 10px 0 0; padding:0; float:right}
/*. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . */
#header #menu_utility{margin:0; padding:0; float:right}
#header #menu_utility ul{margin:10px 0 0 0; padding:3px 0 0 50px; float:right; height:20px; font-size:0.75em; color:#fff; list-style:none; background:url(../img/logo_bss_sm.gif) no-repeat left}
#header #menu_utility ul li{margin:0; padding:0 30px 0 0; float:left}
#header #menu_utility ul li.last{padding-right:10px}
#header #menu_utility ul li.on{font-weight:bold}
#header #menu_utility ul li a{color:#fff; text-decoration:none; background:#0C1117}
#header #menu_utility ul li a:hover{color:#fff; text-decoration:underline}
/*. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . */
/*. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . */
/*. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . */
#header #menu_tabs{margin:32px 0 0 0; float:right; line-height:normal; width:532px; }
#header #menu_tabs ul{margin:0; padding:0;  list-style:none; height:51px;  background:url(../img/menu_bg.gif) bottom repeat-x}
#header #menu_tabs ul li{margin:0 1px 0 0; padding:0 31px 0 0; height:51px; float:left; background:url(../img/menuR.gif) no-repeat right top; color:#666; font-weight:bold; font-size:0.9em}

#header #menu_tabs a{margin:0; padding:15px 15px 15px 46px; display:block; text-decoration:none; background:url(../img/menuL.gif) no-repeat left top;}
#header #menu_tabs a:hover{color:#215A8B}

#header #menu_tabs  ul li#current {margin:0 1px 0 0; background-image:url(../img/menuRon.gif); height:51px; font-size:1em}
#header #menu_tabs  ul li#current a{background-image:url(../img/menuLon.gif);}
/*. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . */
/*. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . */
/*. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . */
#content #rhs{margin:-8px 2px 20px 10px; padding:0 0 5px 0; text-align:center; float:right; width:176px; background:url(../img/rhs_bottom.gif) bottom no-repeat}
#content #rhs .box{margin:0; padding:5px 0 5px 0; width:176px; position:relative; z-index:1; background:url(../img/LHS_bg2.gif) no-repeat }
#content #rhs h3{margin:0; padding:5px 10px 5px 10px; text-align:left; color:#fff; font-size:1.1em; font-weight:normal}
#content #rhs h4{margin:5px 10px 5px 10px; text-align:left; padding:5px 0 0 0; color:#333; font-size:0.9em; border-top:1px dotted #ccc}
#content #rhs h4.top{border:0}
#content #rhs p{margin:0; padding:3px 10px; text-align:left; color:#333; font-size:0.75em;}
#content #rhs p.topdots{margin:0 10px 0 10px; padding:5px 0 0 0; border-top:1px dotted #ccc; text-align:center}
/*. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . */
/*. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . */
/*. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . */
#lhs{margin:0; padding:0 0 30px 0; float:left; width:193px; height:400px}
#lhs img.pic{margin-bottom:-30px}
#lhs.home{width:236px; margin-bottom:30px;}
#lhs .box{margin:0 0 0 5px; padding:5px 0 0 0; width:229px; position:relative; z-index:1; background:url(../img/LHS_bg.gif) no-repeat }
#lhs h3{margin:0; padding:5px 10px 5px 10px; color:#fff; font-size:1.1em; font-weight:normal}
#lhs h4{margin:0; padding:5px 0 0 10px; color:#333; font-size:0.9em}
#lhs p{margin:0; padding:5px 10px; color:#333; font-size:0.8em;}

#lhs div.butt_chat{margin-left:10px}
/*. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . */
#lhs .submenu{margin:0 0 0 8px; padding:5px 0 0 0; width:176px; position:relative; z-index:1; background:url(../img/LHS_bg2.gif) no-repeat }
#lhs ul{margin:5px 0 0 30px; padding:0; font-size:0.8em}
#lhs ul li{margin:5px 0 5px 0; padding:0; list-style:url(../img/bullet_redarrow.gif)}
#lhs ul li.on a{text-decoration:none; color:#051B67; font-weight:bold}

/*. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . */
/*. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . */
/*. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . */
#prodArea{margin:-3px 0 0 0; padding:10px 0 0 0; width:530px; float:left; background:url(../img/prodArea_bg.gif) repeat-y }
#prodArea.home{padding:0; background:url(../img/prodArea_bg.gif) repeat-y }

#prodArea img.butt_back{margin:-7px 3px 0 0; padding:0; float:right;}
body div>#prodArea img.butt_back{margin:-10px 3px 0 0}
#prodArea h2{margin:0 2px 0 2px; padding:15px 10px 15px 10px; background:#fff; text-align:center; font:bold normal 1.6em "Arial Narrow" Arial; color:#051B67;}
#prodArea h2 span{color:#666}
#prodArea p{margin:0; padding:5px 10px 5px 10px; text-align:center; font-size:0.8em; color:#555}
#prodArea p.sm{font-size:0.7em}
#prodArea img.logo{margin:5px; padding:0; float:left}

#prodArea dl{margin:20px 8px 2px 8px; padding:0; font-size:0.8em;}
#prodArea dl dt{margin:0; padding:8px 0 8px 30px; z-index:1;/* position:relative;*/ background:url(../img/bullet_grey.gif) center left no-repeat; font-weight:bold; border-top:2px dotted #ccc}
#prodArea dl dt.on{background:url(../img/bullet_red.gif) #ddd center left no-repeat; color:#244CA7}
#prodArea dl dd{margin:0px 0 0 0; padding:2px 0 10px 30px; background:url(../img/grad_grey.gif) repeat-x}

#prodArea .coll{margin:0; padding:5px; width:150px; float:left; text-align:center; color:#666; border-right:1px dotted #ccc}
#prodArea .col2{margin:0; padding:5px; width:155px; float:left; text-align:center; color:#666; border-right:1px dotted #ccc}
#prodArea .col3{margin:0; padding:5px; width:185px; float:left; text-align:center; color:#666}
#prodArea p.butt{margin:0 0 5px 0; padding:2px 0 2px 30px; text-align:left;  background:url(../img/bullet_red2.gif) center left no-repeat;}
#prodArea p.butt a{color:#244CA7; text-decoration:none}

#prodArea #prodfooter{margin:0; padding:0; height:30px; clear:both; background:url(../img/prodArea_footer.gif) no-repeat}
#wrapper {float:left;display:block;}
#prodBS, #prodAS, #prodEM {position:relative;}
/*. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . */
/*. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . */
/*. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . */

#boxbottom{clear:right; padding:10px 0 5px 0; margin-left:240px; background: url(../img/lhs_bottom_2.gif) bottom left no-repeat;}
#boxbottom h3{color:black; font-size: 0.95em;font-weight: normal;}
#boxbottom ul li{font-size:0.75em; list-style:url(../img/bullet_redarrow.gif)} 


#intro{margin:0; padding:5px 0 10px 20px; float:left; width:500px; background:#474646}
#intro h1{margin:10px 0 5px 0; padding:0; font-size:0.8em; color:#fff; font:normal normal 1.6em "Arial Narrow" Arial;}
#intro p{margin:5px 0 5px 0; padding:0; font-size:0.8em; color:#fff}
#intro a{color:#fff}

#content{margin:0; padding:10px 0 0 18px; float:left;  text-align:left;  width:550px; background:url(../img/content_bg.gif) no-repeat top left}
#content h2{margin:10px 0 5px 0; padding:0;  font:normal normal 1.3em "Arial Narrow" Arial; color:#051B67;}
#content h3{margin:5px 0 0 0; padding:0; font-size:0.8em; color:#555;}

#content p{margin:5px 0 15px 0; padding:0; font-size:0.8em}
/*. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . */
#content ul{margin:5px 0 10px 30px; padding:0; font-size:0.8em}
#content ul li{margin:5px 0 5px 0; padding:0; list-style:url(../img/bullet_redarrow.gif)}
/*. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . */
#content ul.download{margin:0 5px 5px 8px; padding:5px 0 1px 0; font-size:0.75em; text-align:left; font-weight:normal; border:0; list-style:none;}
#content ul.download li{margin:0 0 10px 0; padding:0 0 5px 40px; height:30px; background:url(../img/icon_pdf.gif) no-repeat; list-style:none; font-weight:normal;}
#content ul.download li.ppt{background:url(../img/icon_ppt.gif) no-repeat; }
#content ul.download li.exe{background:url(../img/icon_exe.gif) no-repeat; }
#content ul.download li a{font-weight:normal; background:#fff }
#content ul.download span{font-size:0.8em; color:#999;}

#content .pic_th{margin:10px 10px 0 0; width:120px; height:100px; padding:0; float:left}
#content .pic_th img{border:1px solid #ccc}

#content blockquote{margin:25px 0 0px 10px; padding:10px 5px 0px 0; width:330px; text-indent:23px; color:#222; font-size:0.8em; background:url(../img/quote_begin.gif) no-repeat top left}
#content cite{margin:5px 0 0 10px; padding:5px 0 3px 0; width:330px; color:#666; border-bottom:1px dashed #ccc; text-indent:0; font-size:0.75em; display:block; background:url(../img/quote_end.gif) no-repeat top right}

#content form{margin:0; padding:0; width:350px; float:left}
#content .error{margin:0; padding:0; background:#FFCC00; color:#000}
#content form ol{margin:0; padding:0; list-style:none;}
#content form ol li{margin:0; padding:0; float:left; font-size:0.9em; clear:both}
#content form ol li.butt{margin:0; padding:0 0 0 70px; clear:both}
#content form label{margin:3px 0 3px 0; padding:0; float:left; width:70px; font-size:0.9em;}
#content form input{margin:3px 0 3px 0; padding:0; float:left; width:150px; border:1px solid #989898; font-size:0.9em; display:block}
#content form select{margin:3px 0 3px 0; padding:0; float:left; width:190px; font-size:0.9em; display:block}
#content form input.butt{margin:5px 0 0 3px; padding:0; width:auto; color:#fff; font-weight:bold; background:#D2282E; border:1px solid #730B15}
/*. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . */
/*. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . */
/*. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . */
#footer{margin:20px 0 0 0; padding:5px 0 0 0; border-top:1px dotted #ccc}
#footer .col{margin:0 0 0 15px; padding:0; width:350px; float:left}
#footer p{font-size:0.75em; color:#414040}
/*. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . */
/*. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . */
/*. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . */