/**********************************************************
**
**  Filename: products.css
**  Desc: All styles relating to Ramius product pages
**          - Sixent, Sixent.com, CZ
**  Version: 1.0
**  Last Updated: September 22, 2008
**
**********************************************************/

.cz-products h1, .cz-products h2 { color:#0E78B0; }
.pricing h2 { width:480px; }

#page-body { top:-7px; _top:-37px !important; }
.top-banner { _top:-30px !important; }

/*=Products Sub Navigation
--------------------*/
#products-menu { margin:5px !important; }

ul#productNav { list-style: none;	margin: 0; padding: 0; width:900px !important; height: 13px; }
#productNav li {	position: absolute;	height: 9px;	_height:4px;cursor: pointer; 0 0 6px;  }
#productNav li a {	display: block;	text-decoration: none;	height: 25px; _height:4px; color:#CC0000; text-decoration:underline; font-size:13px; }

#productNav li#navSixentEnt { left: 20px; border-right:1px solid #DBDBDB; padding-right:18px; width:105px; }
#productNav li#navSixentEnt a:hover, #productNav li:hover#navSixentEnt a, #productNav li.hover#navSixentEnt a { text-decoration:none; width:105px; }

#productNav li#navSixentCom { left: 170px; border-right:1px solid #DBDBDB; padding-right:18px;  width:74px; }
#productNav li#navSixentCom a:hover, #productNav li:hover#navSixentCom a, #productNav li.hover#navSixentCom a { text-decoration:none; width:74px; }

#productNav li#navComZero { left: 280px; width:100px; }
#productNav li#navComZero a:hover, #productNav li:hover#navComZero a, #productNav li.hover#navComZero a { text-decoration:none; width:100px; }

#productNav li#navSixentEnt a.current, #productNav li#navSixentCom a.current, #productNav li#navComZero a.current { text-decoration:none; color:#393939; }

/*=Sixent Sub Navigation
--------------------*/
ul#sixentNav { list-style: none;	width: 900px !important; height: 33px; }
#sixentNav li {	position: absolute;	height: 33px;	cursor: pointer; top:133px;}
#sixentNav li a {	display: block;	text-decoration: none;	height: 33px;	text-indent: -9999px;}

#sixentNav li#navOverview { width: 101px; left: 30px; }
#sixentNav li#navOverview a { width: 101px; background: url(../_images/_banners/sixent-overview-tab.png) 0 0 no-repeat; }
#sixentNav li#navOverview a:hover, #sixentNav li:hover#navOverview a, #sixentNav li.hover#navOverview a { background-position: 0 -33px; }
#sixentNav li#navOverview a.current { background-position: 0 -66px; }

#sixentNav li#navWhy { width: 90px; left: 141px; }
#sixentNav li#navWhy a { width: 90px; background: url(../_images/_banners/sixent-why-tab.png) 0 0 no-repeat; }
#sixentNav li#navWhy a:hover, #sixentNav li:hover#navWhy a, #sixentNav li.hover#navWhy a { background-position: 0 -33px; }
#sixentNav li#navWhy a.current { background-position: 0 -66px; }

#sixentNav li#navHow { width: 90px; left: 241px; }
#sixentNav li#navHow a { width: 90px; background: url(../_images/_banners/sixent-how-tab.png) 0 0 no-repeat; }
#sixentNav li#navHow a:hover, #sixentNav li:hover#navHow a, #sixentNav li.hover#navHow a { background-position: 0 -33px; }
#sixentNav li#navHow a.current { background-position: 0 -66px; }

#sixentNav li#navTry { width: 90px; left: 341px; }
#sixentNav li#navTry a { width: 90px; background: url(../_images/_banners/sixent-try-tab.png) 0 0 no-repeat; }
#sixentNav li#navTry a:hover, #sixentNav li:hover#navTry a, #sixentNav li.hover#navTry a { background-position: 0 -33px; }
#sixentNav li#navTry a.current { background-position: 0 -66px; }

#sixentNav li#navBeta { width: 124px; left: 341px; }
#sixentNav li#navBeta a { width: 124px; background: url(../_images/_banners/sixent-beta-program-tab.png) 0 0 no-repeat; }
#sixentNav li#navBeta a:hover, #sixentNav li:hover#navBeta a, #sixentNav li.hover#navBeta a { background-position: 0 -33px; }
#sixentNav li#navBeta a.current { background-position: 0 -66px; }

#sixentNav li#navPrices { width: 124px; left: 475px; }
#sixentNav li#navPrices a { width: 124px; background: url(../_images/_banners/sixent-prices-tab.png) 0 0 no-repeat; }
#sixentNav li#navPrices a:hover, #sixentNav li:hover#navPrices a, #sixentNav li.hover#navPrices a { background-position: 0 -33px; }
#sixentNav li#navPrices a.current { background-position: 0 -66px; }

#sixentNav li#navFeatures { width: 92px; left: 141px; }
#sixentNav li#navFeatures a { width: 92px; background: url(../_images/_banners/sixent-features-tab.png) 0 0 no-repeat; }
#sixentNav li#navFeatures a:hover, #sixentNav li:hover#navFeatures a, #sixentNav li.hover#navFeatures a { background-position: 0 -33px; }
#sixentNav li#navFeatures a.current { background-position: 0 -66px; }

#sixentNav li#navTechnology { width: 120px; left: 243px; }
#sixentNav li#navTechnology a { width: 120px; background: url(../_images/_banners/sixent-technology-tab.png) 0 0 no-repeat; }
#sixentNav li#navTechnology a:hover, #sixentNav li:hover#navTechnology a, #sixentNav li.hover#navTechnology a { background-position: 0 -33px; }
#sixentNav li#navTechnology a.current { background-position: 0 -66px; }

#sixentNav li#navBenefits { width: 90px; left: 243px; }
#sixentNav li#navBenefits a { width: 90px; background: url(../_images/_banners/sixent-benefits-tab.png) 0 0 no-repeat; }
#sixentNav li#navBenefits a:hover, #sixentNav li:hover#navBenefits a, #sixentNav li.hover#navBenefits a { background-position: 0 -33px; }
#sixentNav li#navBenefits a.current { background-position: 0 -66px; }

#sixentNav li#navServices { width: 92px; left: 343px; }
#sixentNav li#navServices a { width: 92px; background: url(../_images/_banners/sixent-services-tab.png) 0 0 no-repeat; }
#sixentNav li#navServices a:hover, #sixentNav li:hover#navServices a, #sixentNav li.hover#navServices a { background-position: 0 -33px; }
#sixentNav li#navServices a.current { background-position: 0 -66px; }

#sixentNav li#navPricing { width: 99px; left: 579px; }
#sixentNav li#navPricing a { width: 99px; background: url(../_images/_banners/sixent-packages-tab.png) 0 0 no-repeat; }
#sixentNav li#navPricing a:hover, #sixentNav li:hover#navPricing a, #sixentNav li.hover#navPricing a { background-position: 0 -33px; }
#sixentNav li#navPricing a.current { background-position: 0 -66px; }

/*=Sixent.com Sub Navigation
--------------------*/
ul#sixentcomNav { list-style: none;	width: 900px !important; height: 33px; }
#sixentcomNav li {	position: absolute;	height: 33px;	cursor: pointer; top:133px;}
#sixentcomNav li a {	display: block;	text-decoration: none;	height: 33px;	text-indent: -9999px;}

#sixentcomNav li#navOverview { width: 101px; left: 30px; }
#sixentcomNav li#navOverview a { width: 101px; background: url(../_images/_banners/sixent-overview-tab.png) 0 0 no-repeat; }
#sixentcomNav li#navOverview a:hover, #sixentcomNav li:hover#navOverview a, #sixentcomNav li.hover#navOverview a, #sixentcomNav li#navOverview a.current { background-position: 0 -33px; }
#sixentcomNav li#navOverview a.current { background-position: 0 -66px; }

#sixentcomNav li#navFeatures { width: 92px; left: 141px; }
#sixentcomNav li#navFeatures a { width: 92px; background: url(../_images/_banners/sixent-features-tab.png) 0 0 no-repeat; }
#sixentcomNav li#navFeatures a:hover, #sixentcomNav li:hover#navFeatures a, #sixentcomNav li.hover#navFeatures a, #sixentcomNav li#navFeatures a.current { background-position: 0 -33px; }
#sixentcomNav li#navFeatures a.current { background-position: 0 -66px; }

#sixentcomNav li#navBenefits { width: 90px; left: 243px; }
#sixentcomNav li#navBenefits a { width: 90px; background: url(../_images/_banners/sixent-benefits-tab.png) 0 0 no-repeat; }
#sixentcomNav li#navBenefits a:hover, #sixentcomNav li:hover#navBenefits a, #sixentcomNav li.hover#navBenefits a, #sixentcomNav li#navBenefits a.current { background-position: 0 -33px; }
#sixentcomNav li#navBenefits a.current { background-position: 0 -66px; }

#sixentcomNav li#navServices { width: 92px; left: 343px; }
#sixentcomNav li#navServices a { width: 92px; background: url(../_images/_banners/sixent-services-tab.png) 0 0 no-repeat; }
#sixentcomNav li#navServices a:hover, #sixentcomNav li:hover#navServices a, #sixentcomNav li.hover#navServices a, #sixentcomNav li#navServices a.current { background-position: 0 -33px; }
#sixentcomNav li#navServices a.current { background-position: 0 -66px; }

#sixentcomNav li#navPricing { width: 83px; left: 445px; }
#sixentcomNav li#navPricing a { width: 83px; background: url(../_images/_banners/sixent-pricing-tab.png) 0 0 no-repeat; }
#sixentcomNav li#navPricing a:hover, #sixentcomNav li:hover#navPricing a, #sixentcomNav li.hover#navPricing a, #sixentcomNav li#navPricing a.current { background-position: 0 -33px; }
#sixentcomNav li#navPricing a.current { background-position: 0 -66px; }

/*=CZ Sub Navigation
--------------------*/
ul#czNav { list-style: none;	width: 900px !important; height: 33px; }
#czNav li {	position: absolute;	height: 33px;	cursor: pointer; top:133px; #top:134px; }
#czNav li a {	display: block;	text-decoration: none;	height: 33px;	text-indent: -9999px; }

#czNav li#navOverview { width: 101px; left: 30px; }
#czNav li#navOverview a { width: 101px; background: url(../_images/_banners/cz-overview-tab.png) 0 0 no-repeat; }
#czNav li#navOverview a:hover, #czNav li:hover#navOverview a, #czNav li.hover#navOverview a, #czNav li#navOverview a.current { background-position: 0 -33px; }
#czNav li#navOverview a.current { background-position: 0 -66px; }

#czNav li#navFeatures { width: 92px; left: 141px; }
#czNav li#navFeatures a { width: 92px; background: url(../_images/_banners/cz-features-tab.png) 0 0 no-repeat; }
#czNav li#navFeatures a:hover, #czNav li:hover#navFeatures a, #czNav li.hover#navFeatures a, #czNav li#navFeatures a.current { background-position: 0 -33px; }
#czNav li#navFeatures a.current { background-position: 0 -66px; }

#czNav li#navBenefits { width: 90px; left: 243px; }
#czNav li#navBenefits a { width: 90px; background: url(../_images/_banners/cz-benefits-tab.png) 0 0 no-repeat; }
#czNav li#navBenefits a:hover, #czNav li:hover#navBenefits a, #czNav li.hover#navBenefits a, #czNav li#navBenefits a.current { background-position: 0 -33px; }
#czNav li#navBenefits a.current { background-position: 0 -66px; }

#czNav li#navServices { width: 92px; left: 343px; }
#czNav li#navServices a { width: 92px; background: url(../_images/_banners/cz-services-tab.png) 0 0 no-repeat; }
#czNav li#navServices a:hover, #czNav li:hover#navServices a, #czNav li.hover#navServices a, #czNav li#navServices a.current { background-position: 0 -33px; }
#czNav li#navServices a.current { background-position: 0 -66px; }

#czNav li#navPricing { width: 83px; left: 445px; }
#czNav li#navPricing a { width: 83px; background: url(../_images/_banners/cz-pricing-tab.png) 0 0 no-repeat; }
#czNav li#navPricing a:hover, #czNav li:hover#navPricing a, #czNav li.hover#navPricing a, #czNav li#navPricing a.current { background-position: 0 -33px; }
#czNav li#navPricing a.current { background-position: 0 -66px; }

/*=View Sixent Demo
--------------------*/
ul#sixentdemo { list-style: none; width: 120px; height: 33px; }
#sixentdemo li { position: absolute;	height: 33px;	right:40px; top:133px; }
#sixentdemo li a {	display: block;	text-decoration: none;	height: 33px;	text-indent: -9999px; cursor: pointer; }
#sixentdemo a { width:120px; background:url(../_images/_banners/sixent-view-tour-tab.png) 0 0 no-repeat; }
#sixentdemo a:hover { background-position: 0 -33px; }
#sixentdemo a.current { background-position: 0 -66px; }

/*=Try Sixent Now
--------------------*/
ul#trysixent { list-style: none;width: 120px; height: 33px; }
#trysixent li { position: absolute;	height: 33px;	right:40px; top:133px; }
#trysixent li a {	display: block;	text-decoration: none;	height: 33px;	text-indent: -9999px; cursor: pointer; }
#trysixent a { width:120px; background:url(../_images/_banners/tryitnow_small.png) 0 0 no-repeat; _background:url(../_images/_banners/tryitnow_small.gif) 0 0 no-repeat; }
#trysixent a:hover { background-position: 0 -33px; }
#trysixent a.current { background-position: 0 -66px; }

.trysixent { width:215px; }
.trysixent p { width:215px; text-align:center; margin-top:8px; }

#sixent-benefits .learn-more { right:45px !important; }
@media screen and (-webkit-min-device-pixel-ratio:0) {
    #sixent-benefits { margin-top:100px }
}

.right-tab { cursor: auto !important; }

.tabbed-product-banner-text h1 { font-size:30px; color:#ffffff; position:relative; top:10px; #top:12px !important; _top:-35px !important; left:41px; line-height:32px; }
.tabbed-product-banner-text p { font-weight:bold; font-size:16px; color:#BFFF7F; position:relative; left:41px; #top:5px; _top:-45px; width:600px; }
.tabbed-product-banner-text p.cz { color:#B0E6F2; }

.box h1 { padding:12px 15px; }
.box li a { color:#333; }
.box li a:hover { color:#418E09; }

.more-link { _left:-95px !important; }