﻿/* global */
*{padding:0;margin:0;border:0;}
body{font-family:Arial,Sans-Serif;font-size:12px;background-color: #ecf2f6}
a{text-decoration:none;}
a.disabled { cursor: default; }
/* containers */
#bd{position:relative;margin: 10px auto;width:965px;height:642px;background:transparent url(../images/bg.gif) no-repeat 0 0}
#bd h1#page_title{position:absolute;left:150px;top:47px;font-size:20px;font-weight:bold;color:#fff;}
#tab-bx{overflow:hidden;position:absolute;left:20px;top:115px;width:925px;height:462px;}
#tab-top-bx{height:58px;}
#main-content{height:371px;width:100%;position:relative;color:#3a6f8f;overflow:hidden;}
#main-content-footer{height:33px;width:100%;overflow:hidden;}
/* primary navigation */
#nav1{list-style:none;height:58px;overflow:hidden;}
#nav1 li{float:left;text-align:center;background:transparent url(../images/tab-divider.gif) no-repeat 0 0;}
#nav1 li.first{background-image: none;}
#nav1 li a{display:block;height:15px;padding:22px 0;font-size:12px;font-weight:bold;color:#5f5f5f;}
#nav1 li a:hover, #nav1 li a.active{color:#fff;background:transparent url(../images/tab-active.gif) repeat-x 0 0;}
#nav1 li a#bt-intro{background:transparent;width:142px}
#nav1 li a#bt-intro:hover,#nav1 li a#bt-intro.active{color:#ff7a00;}
#nav1 li a#bt-intro.active{background:transparent url(../images/bt-intro.gif) no-repeat 0 0;}
#nav1 li a#bt-basics{width:164px;}
#nav1 li a#bt-new-features{width:156px;}
/* secondary navigation */
#nav2-cont{width:925px;height:44px;overflow:hidden;position:absolute;top:0;left:0;}
ul.nav2{padding-left:32px;padding-right:32px;list-style:none;width:861px;overflow:hidden;background-color:#fd880e}
ul#nav2-new-features li .mid,ul#nav2-new-features li .lft,ul#nav2-new-features li .rgt{padding: 5px 0;line-height:0.9em}
ul#nav2-new-features li{padding-left:0px;margin-right:0px;}
ul.nav2 a{font-size:11px;font-weight:bold;color:#fff;}
ul.nav2 li{float:left;display:none;padding-left:8px;margin-right:8px;}
ul.nav2 div.lft,ul.nav2 div.rgt{width:9px;height:21px;}
ul.nav2 div.lnk,ul.nav2 div.lft,ul.nav2 div.rgt,ul.nav2 div.mid{float:left;overflow:hidden;}
ul.nav2 div.mid{padding:3px 0;height:21px;}
ul.nav2 li.active div.lft{background:transparent url(../images/bt-subnav-l.gif) no-repeat 0 0;}
ul.nav2 li.active div.rgt{background:transparent url(../images/bt-subnav-r.gif) no-repeat 0 0;}
ul.nav2 li.active div.mid{background:transparent url(../images/bt-subnav-m.gif) repeat-x 0 0;}
ul#nav2-new-features li.active div.lft{background:transparent url(../images/bt-subnav2-l.gif) no-repeat 0 0;}
ul#nav2-new-features li.active div.rgt{background:transparent url(../images/bt-subnav2-r.gif) no-repeat 0 0;}
ul#nav2-new-features li.active div.mid{background:transparent url(../images/bt-subnav2-m.gif) repeat-x 0 0;}
/* footer */
#footer{font-size:10px;font-weight:bold;color:#fff;position:absolute;display:block;top:593px;left:20px;height:16px;width:925px;}
#footer a,#phone-number{color:#c8e7fe;}
#more-info{float:right;}
/* previous/next buttons */
#main-content-footer a{float:right;display:block;height:33px;background-color:Transparent;background-image:url(../images/bt-prev-next.gif);background-repeat:no-repeat;}
#main-content-footer a span{position:absolute;left:-9999px;}
#bt-prev{width:111px;background-position:0 0;}
#bt-next{width:86px;background-position:-111px 0;}
/* top buttons */
#top-buttons{position:absolute;right:20px;top:45px;width:233px;height:24px;overflow:hidden;}
#top-buttons a{float:left;display:block;height:24px;background-color:transparent;background-image:url(../images/bt-controls.gif);background-repeat:no-repeat;}
#bt-faq{width:60px;background-position:0 0;}
#bt-contact{width:83px;background-position:-60px 0;}
#bt-close{width:90px;background-position:-143px 0;}
#bt-faq:hover{width:60px;background-position:0 -24px;}
#bt-contact:hover{width:83px;background-position:-60px -24px;}
#bt-close:hover{width:90px;background-position:-143px -24px;}
/* introduction */
#intro h1{font-size:21px;font-weight:bold;position:absolute;top:2px;left:48px;}
#intro-content{position:absolute;bottom:1px;left:65px;width:794px;height:348px;}
/* basics */
#basics{display:none;}
#basics .preamble{width:227px;height:186px;position:absolute;left:32px;top:122px;line-height:16px;}
#basics .preamble h1{font-size:21px;font-weight:bold;margin-bottom:10px;}
#basics .preamble h2{font-size:12px;font-weight:bold;line-height:16px}
#basics .preamble div{color:#454545;margin:5px 0;}
#basics #basics-buttons{position:absolute;left:278px;top:114px;width:618px;height:190px;}
/* new features */
#new-features{display:none;}
#new-features .preamble{width:190px;height:186px;position:absolute;left:32px;top:129px;line-height:16px;}
#new-features .preamble h1{font-size:21px;font-weight:bold;margin-bottom:10px;}
#new-features .preamble div{color:#454545;margin:5px 0;}
#new-features #new-features-buttons{position:absolute;left:236px;top:100px;}
/* movie container */
#movie-cont{bottom:0;overflow:hidden;position:absolute;width:100%;}
#movie{display:none;width:698px;height:321px;margin:3px auto;text-align:center}
#movie h1{ margin-top: 100px;}
/* sidebar */
ul.side-nav { padding-right: 0px; padding-left: 0px; width: 0px; list-style: none; position: absolute; top: 52px; left: 0; overflow: hidden; }
ul.side-nav a { margin: 3px 0; padding:9px 28px 9px 14px; width:155px; height: 28px; color: #000; font-family: Arial, Sans-Serif; font-weight: bold; font-size: 12px; display: block; background-image: url(../images/bt-nav.gif); background-repeat: no-repeat; }
ul.side-nav a:hover, ul.side-nav a.active{ background-position: -197px 0; }
ul.side-nav a.bt-sm { display: block; height: 13px; background-position: 0 -46px; }
ul.side-nav a.bt-sm:hover, ul.side-nav li.active a.bt-sm { display: block; background-position: -197px -46px; }



