@import url(basic.css);
@import url(common.css);

#header #banner {
	background: url(../images/products_banner.jpg) 8px 0 no-repeat #fff;
	padding: 19px 0 0 376px;
	w\idth: 415px;
	he\ight: 152px;
}

#header #banner_swap {
	background-color:#fff;
	margin-left:35px;
	padding-left:8px;
	w\idth: 783px;
	he\ight: 171px;
}

/*=main content for product home pages
---------------------------------------*/
body#productHome #content #mainContent {
	padding: 16px 19px 0 41px;
	width: 558px;
	w\idth: 498px;	
}

/*=sub navigation for index page
---------------------------------*/
#indexSubNav ul { width: 468px; }

#indexSubNav li#indexBusiness a { width: 240px; w\idth: 239px; }
#indexSubNav li#indexPerformance a { width: 225px; border-right: none; }

/*=sub navigation for inside pages
----------------------------------*/
#header #insideSub {
	padding-top: 5px;
	margin-top: 0;
	height: 37px;
	he\ight: 32px;
	background: url(../images/prod_sub_bg.gif) left top no-repeat;
}
#insideSubNav ul { width: 473px; }

#insideSubNav li#insideFeatures a { width: 86px; w\idth: 85px; }
#insideSubNav li#insideTour a { width: 85px; w\idth: 84px; }
#insideSubNav li#insideCase a { width: 76px; w\idth: 75px; }
#insideSubNav li#insideDemo a { width: 115px; w\idth: 114px; }
#insideSubNav li#insideStarted a { width: 108px; border-right: none; }

/*=main content
---------------*/
#content #mainContent { background-position: 0 -37px; }
body#prodMain #content #mainContent { background-position: 0 0; }

/*=prod content 1
------------------*/
#mainContent #prodContent1 {
	width: 235px;
	float: left;
}
/*=prod content 2
------------------*/
#mainContent #prodContent2 {
	width: 238px;
	float: left;
	margin-left: 24px;
	display: inline;
}

#prodContent2 ul.contentLinks, #prodContent1 ul.contentLinks { padding-left: 0; margin-left: 0; }


/*=main content for inside pages
---------------------------------*/
body#productsInside #content #mainContent {
	padding: 16px 18px 0 50px;
	width: 558px;
	w\idth: 490px;
}

/*=key features page
---------------------*/
body#keyFeatures #mainContent #subContent {
	padding: 7px 20px 0 0;
	margin-left: 11px;
}
ul.keyFeatures {
	padding-left: 0;
	margin-top: 0;
	list-style: none;
	font-size: 10px;
}
.keyFeatures li {
	background: url(../images/feature_bullet.gif) 1px 3px no-repeat;
	padding-left: 14px;
	margin-bottom: 18px;
}

/*=product tour
----------------*/
body#productTour #mainContent #mainContentText { width: 242px; }

body#productTour #mainContent #subContent {
	padding: 7px 10px 0 0;
	float: left;
	margin-left: 30px;
}

/*=case study
--------------*/
body#caseStudy #mainContent #subContent {
	padding-top: 7px;
}