.nav-main li.li-learning , .nav-main li.li-about , .nav-main li.li-resellers { float: right; }

/* CSS for Navigation */
.nav-main {font-size: 12px; font-weight: normal; line-height: 1em; height: 48px;}
/*#left.nav-main {float: left; background: url(../images/bg_nav_bdr.png) no-repeat right center; padding: 0 2px 0 0;}*/
/*#right.nav-main {float: right;}*/
.nav-main ul {position: absolute; top: -999em; width: 190px; /* left offset of submenus need to match (see below) */}
.nav-main li:hover {visibility: inherit; /* fixes IE7 'sticky bug' */}
.nav-main li:hover ul, .nav-main li.sfHover ul {left:	2px; z-index: 999; top: 47px; /* match top ul list item height */}
.nav-main li:hover li ul, .nav-main li.sfHover li ul {top: -999em;}
.nav-main li li:hover ul, .nav-main li li.sfHover ul {top: 0; left: 190px; /* match ul width */}
.nav-main li li:hover li ul, .nav-main li li.sfHover li ul {top: -999em;}
.nav-main li li li:hover ul, .nav-main li li li.sfHover ul {top: 0; left: 190px; /* match ul width */}
.nav-main li {display: block; float: left; padding: 0 0 0 2px; background: url(../images/bg_nav_bdr.png) no-repeat 0 center; position: relative; z-index: 999;}
.nav-main ul li {width:	100%; background: none;}
.nav-main li a, .nav-main li a:visited {color: #fff;}
.sf-sub-indicator {color: #bbb;}
.nav-main li a {display: block; float: left; padding: 17px 12px;}
/*
.nav-main li a:hover, .nav-main li.active a, .nav-main li#buy a:hover {color: #000; background: #8C8C8C url(../images/bg_nav_li_on.png) no-repeat -2px center;}
*/
.nav-main li.sfHover {padding-bottom: 1px;}
.nav-main li.sfHover a {color: #fff; background: #555;}
.nav-main li.sfHover a .sf-sub-indicator {color: #fff;}
.nav-main li ul {position: absolute; visibility: hidden; z-index: 1000; padding: 0; background: #555;}
.nav-main li ul li {padding: 0; margin: 0;}
.nav-main li ul li a {float: none; border: none; background: none; color: #4a4b4b; padding: 12px 5px 12px 18px; margin: 0;}
.nav-main li.sfHover ul li a{color: #fff; background: none;}
.nav-main li ul li a:hover {background: url(../images/bg_nav_sub_a_on.png) no-repeat center 100%; color: #fff;}
.nav-main li ul li.sfHover a .sf-sub-indicator {color: #fff;}
.nav-main li ul li.sfHover {background: none;}
.nav-main li ul li.sfHover ul {margin-left: -2px; background: #555; border-top: 1px solid #ccc;}
.nav-main li#home {background: none;}
.nav-main li#home a {padding: 14px 17px 15px 17px; height: 17px;}
.nav-main li#buy a {color: #8af582;}

.nav-main li.li-index a {padding: 0; width: 38px; height: 49px; background: url(../images/icon_home_off.png) no-repeat center center;}
.nav-main li.li-index a:hover, #index .li-index a {background: url(../images/bg_nav_li_index_on.png) no-repeat center center;}

/* Active Items */
#products .li-products a, #support .li-support a, #buy .li-buy a, #learning .li-learning a, #about .li-about a, #demo .li-demo a, #resellers .li-resellers a {color: #000; background: #4e4e4e url(../images/bg_nav_on.png) repeat-x 0 center;}

#live-chat {float: right; padding: 21px 0 0;}

.nav-icons li {display: inline;}
.nav-icons li a.more {float: right; display: inline; font-size: 11px; font-weight: bold; padding: 0px 0 0 10px; margin-top: -29px}

#nav-features {background: url(../images/bg_features.png) no-repeat 0 0; height: 48px; padding: 10px 0 0; font-size: 11px; font-weight: bold; clear: both;}
#nav-features ul {float: right; text-align: center; line-height: 1em;}
#nav-features li {display: block; float: left; text-align: center;}
#nav-features li a{display: block; float: left; background: url(../images/bg_nav_features_bdr.png) no-repeat 0 center; text-align: center; padding: 0 4px 0 6px; min-width: 58px;}
#nav-features li a img {display: inline; margin: 0;}
#nav-features li span {display: block; text-align: center;}

#nav-products {position: absolute; top: -5px; right: 13px; padding-left: 1px; background: url(../images/bg_nav_products_bdr.png) no-repeat 0 0; font-size: 12px;}
#nav-products li {float: left; display: block; padding-right: 1px; background: url(../images/bg_nav_products_bdr.png) no-repeat 100% 0;}
#nav-products li a {float: left; display: block; padding: 12px 12px; color: #005c9d;}
#nav-products li a:hover {color: #000;}
#nav-products li.active a {color: #0491ca; background: url(../images/bg_nav_products_on.png) repeat-x 0 0;}

.nav-tabs{background: #e3e3e3; padding: 4px 10px 0 10px; height: 25px; border-bottom: 1px solid #b2b2b2;}
.nav-tabs li {display: block; float: left; position: relative; margin:0 2px 0 0;}
.nav-tabs li a, .nav-tabs li a span {display: block; padding:0 15px; font-size: 12px; background: url(../images/selector_tab.png) no-repeat; line-height: 26px; font-weight: bold; margin-bottom: -1px;}
.nav-tabs li a {position: relative; z-index: 2;padding-left: 0; color: #555; text-align: center; text-decoration: none; white-space: nowrap; /* required in IE 6 */}
.nav-tabs li a:hover {text-decoration:none; color: #0b87bd;}
.nav-tabs li a {background-position: 100% -100px;}
.nav-tabs li a span {width: 64px; /* IE 6 treats width as min-width */ min-width: 64px; height: 26px; /* IE 6 treats height as min-height */ min-height: 26px; padding-top: 0; padding-right: 0;}
*>.nav-tabs li a span {/* hide from IE 6 */ width: auto; height: auto;}
.nav-tabs li a:hover {color: #0b87bd; background-position: 100% -250px;}
.nav-tabs li a:hover span {background-position: 0 -200px;}
.nav-tabs li a span {background-position: 0 0;}
.nav-tabs li.selected a {color: #0b87bd;}

#nav-uses {background: url(../images/bg_nav_uses.png) no-repeat center 0; height: 63px; padding: 9px 40px 0 40px; font: bold 10px Arial, sans-serif; margin: -6px 0 0;}
#nav-uses ul.tabs {width: 100%; overflow: hidden; margin: 0 0 1px 0; padding: 0 0 2px 0;}
#nav-uses ul.tabs li {display: inline;}
#nav-uses ul.tabs li a {display: block; float: left; margin-right: 1px; padding: 10px 15px; line-height: 18px; color: #fff; background: url(../images/bg_nav_uses_tab.png) repeat-x 0 0;}
#nav-uses ul.tabs li a:hover {text-decoration: none; color: #fff; background-position: 0 -38px;}
#nav-uses ul.tabs li.active a {background-position: 0 -76px; color: #000; margin-bottom: -2px;}

#nav-uses ul.sub {padding: 5px;}
#nav-uses ul.sub li {display: inline;}
#nav-uses ul.sub li a {display: block; float: left; padding: 0 8px; line-height: 1em; border-right: 1px solid #bfbfbf; color: #0d60a3;}
#nav-uses ul.sub li a:hover {text-decoration: underline; color: #0d60a3;}
#nav-uses ul.sub li.active a  {color: #000;}
#nav-uses ul.sub li.last a {border: none;}

#nav-products-sub {margin: 0 13px; padding: 7px 0; height: 26px;}
#nav-products-sub li {display: block; float: left; font-size: 11px; margin-right: 3px;}
#nav-products-sub li a, #nav-products-sub li a:visited {color: #777777; text-decoration: none;}

#nav-products-sub li a, #nav-products-sub li a span {display: block; background: url(../images/prod_btn.png) no-repeat; padding:0 15px; line-height: 26px; height: 26px;}
#nav-products-sub li a {position: relative; z-index: 2; padding-left: 0; color: #777; text-align: center; text-decoration: none; white-space: nowrap; /* required in IE 6 */}
#nav-products-sub li a {background-position: 100% -80px; font-weight: bold;}
#nav-products-sub li a span {background-position: 0 0; padding-right: 0;}

#nav-products-sub li a:hover {color: #fff; background-position: 100% -134px;}
#nav-products-sub li a:hover span {background-position: 0 -53px;}

#nav-products-sub li.active a {background-position: 100% -107px; color: #fff; text-decoration: none;}
#nav-products-sub li.active a span {background-position: 0 -27px; padding-right: 0;}

#nav-media {position: absolute; bottom: 10px; left: 40px;}
#nav-media li {display: inline; margin-right: 10px;}

#nav-buy {background: #dfdede url(../images/bg_nav_buy.gif) no-repeat right center; margin: 10px 0; padding: 0; height: 64px;}
#nav-buy li {display: inline; float: left; height: 64px;}



.nav-footer {float: left; width: 212px; margin: 0 20px 12px 0; font-size: 12px;}
.nav-footer li a {color: #51ace0; display: block; padding: 0 15px;}
.nav-footer li a:hover {color: #fff;}

#tags {width: 240px; float: left;}
#tags li {display: inline;}
#tags li a {float: left; margin: 0 3px 3px 0;}
#tags li a, #tags li a span {display: block; background: url(../images/bg_tags.png) no-repeat; line-height: 26px; height: 26px;}
#tags li a {background-position: 0 -26px; padding: 0 0 0 5px; color: #ccc; text-decoration: none; white-space: nowrap; /* required in IE 6 */}
#tags li a span {background-position: 100% 0; padding: 0 15px 0 10px;}
#tags li a:hover {color: #242424; background-position: 0 -78px;}
#tags li a:hover span {background-position: 100% -52px;}