/* headers */
h1 { font-size: 18px; color: #70A100; margin: 20px 0px 15px 0px; line-height: 20px; font-family:Arial, Helvetica, sans-serif;}
h2 { font-size: 14px; color: #454545; margin: 20px 0px 5px 0px; line-height: 16px; font-family:Arial, Helvetica, sans-serif;}
h3 { font-size: 11px; color: #454545; margin: 20px 0px 0px 0px; font-weight: bold; font-family:Arial, Helvetica, sans-serif;}
h4 { font-size: 11px; color: #454545; margin: 5px 0px 0px 0px; font-weight: bold; font-family:Arial, Helvetica, sans-serif;}
h1 span, h2 span, h3 span { font-size: 10px; color: #808080; float: right; font-weight: normal; }
h1 span a, h2 span a, h3 span a { color: #808080; }
h1.top, h2.top, h3.top { margin-top: 0 }
h1.bottom, h2.bottom { margin-bottom: 0 }
h1.breath, h2.breath, h3.breath { margin-bottom: 15px }
h2.rule { border-top: 1px solid #cccccc; padding-top: 10px }
* html h1 { line-height: 21px }
*:first-child+html h1 { line-height: 21px }
* html h2 { line-height: 17px }
*:first-child+html h2 { line-height: 17px }

/* IE 6 sucks 
* html ol { margin: 10px 0px 15px 12px }
* html ul { padding: 0px 0px 0px 18px; margin: 0px 0px 15px 0px }
* html li { padding-left: 6px }
* html ul li { padding-left: 5px }
* html ul.links { margin-left: 17px }
*/
/* IE 7 sucks */
/* *:first-child+html ol { margin: 10px 0px 15px 12px }
*:first-child+html ul { padding: 0px 0px 0px 18px }
*:first-child+html li { padding-left: 6px }
*:first-child+html ul li { padding-left: 5px }
*:first-child+html ul.links { margin-left: 17px }
*/
.dateLeft { margin-left: 0px; padding-left: 0px; list-style: none; list-style-image: none; }
.dateLeft li span { display: block; position: absolute; top: 0px; left: -55px; width: 55px }
*:first-child+html .dateLeft li span { left: 3px }
.dateLeft li > span { display: block; position: absolute; top: 0px; left: 0px; width: 55px }
.dateLeft li { position: relative; padding-left: 55px; margin: 0px 0px 10px 0px; list-style: none; list-style-image: none; }
*:first-child+html .dateLeft li { padding-left: 55px }






.ui-tabs-hide {display: none !important;}
.ui-tabs-nav {padding: 0 !important;}
.ui-tabs-nav li {list-style-image:none; padding: 0 !important;}
.ui-tabs-panel {display: block; border: 0; background: none; }

div#home-branding div.branding-content h1,h2,h3 {margin: 0; padding: 0;}

div.brandbox-tabs ul .ui-state-default a {background-position: 0 0;}
div.brandbox-tabs ul .ui-state-active a {background-position: 0 -25px;}
div.brandbox-tabs ul .ui-state-hover a {background-position: 0 -25px;}
div.brandbox-tabs ul .ui-state-default {background: none; outline: none; vertical-align: middle;}
div.brandbox-tabs ul .ui-state-active {border: none; outline: none;}
div.brandbox-tabs ul .ui-state-active a, div.brandbox-tabs .ui-state-default a, div.brandbox-tabs .ui-state-hover a {text-decoration: none; outline: none;}


/* Product Tab Interaction states
----------------------------------*/
ul.primary-tabs li.ui-state-default {background: #f5faf6; border: 1px solid #c8c8c8; color: #373737; font-weight: normal; outline: none;width: 200px; _width: 200px/*ie6*/;}
/* first tab*/
ul.primary-tabs li.ui-state-active, ul.primary-tabs li.ui-state-hover, ul.primary-tabs li.ui-state-focus {background-color: #E9F1CA; background:url(../stellar-images/bullet.gif); background-repeat:no-repeat; background-position:170px; border: 1px solid #c8c8c8; border-right: 0; color: #373737; font-weight: 700; outline: none; width: 200px; _width: 200px/*ie6*/;}
/* first tab*/
ul.primary-tabs li.ui-state-active a, ul.primary-tabs li.ui-state-default a, ul.primary-tabs li.ui-state-hover a {color: #1F69A7; text-decoration: none; outline: none;}

ul.secondary-tabs li.ui-state-default {background-color: #fff;  border: none; font-weight: normal; outline: none;}
ul.secondary-tabs li.ui-state-active, ul.secondary-tabs li.ui-state-hover, ul.secondary-tabs li.ui-state-focus {background: #F5FAF6; url(../stellar-images/home_tabviewer_secondarytab_background.gif) repeat-y; border: 1px solid #c8c8c8; border-right: 0; color: #373737; outline: none;}


/*Product Tab Icons
----------------------------------*/
li#aquisition-searchcenter.ui-state-default a {background: #F5FAF6; }
li#aquisition-searchcenter.ui-tabs-selected a {background: url(../stellar-images/icon.jpg) no-repeat 13px 6px; background-position:158px 12px; _background-position:158px 8px;}
/*-----------------------------*/
li#aquisition-search.ui-state-default a {background: #F5FAF6;}
li#aquisition-search.ui-tabs-selected a {background: url(../stellar-images/icon.jpg) no-repeat 13px 6px; background-position:158px 12px; _background-position:158px 8px;}
/*--------------------------------------*/
/*----------------------------------------------------------------------------------------------------------------------------*/
li#online-r.ui-state-default a {background:#F5FAF6;}
li#online-r.ui-tabs-selected a {background: url(../stellar-images/icon.jpg) no-repeat 13px 6px; background-position:158px 15px;}
/*--------------------------------------*/
li#online-genesis-r.ui-state-default a {background: #F5FAF6;}
li#online-genesis-r.ui-tabs-selected a {background: url(../stellar-images/icon.jpg) no-repeat 13px 6px; background-position:158px 15px;}
/*--------------------------------------*/
li#online-analytics-r.ui-state-default a {background: #F5FAF6;}
li#online-analytics-r.ui-tabs-selected a {background: url(../stellar-images/icon.jpg) no-repeat 13px 6px; background-position:158px 15px;}
/*--------------------------------------*/
/*-----------------------------------------------------------------------------------------------------------------------------*/
li#aquisition-photo-recovery.ui-state-default a {background: #F5FAF6;}
li#aquisition-photo-recovery.ui-tabs-selected a {background: url(../stellar-images/icon.jpg) no-repeat 13px 6px; background-position:158px 15px;}
/*--------------------------------------*/
li#conversion-merchandising.ui-state-default a {background: #F5FAF6;}
li#conversion-merchandising.ui-tabs-selected a {background: url(../stellar-images/icon.jpg) no-repeat 13px 6px; background-position:158px 15px;}
li#conversion-recommendations.ui-state-default a {background:#F5FAF6;}
li#conversion-recommendations.ui-tabs-selected a {background: url(../stellar-images/icon.jpg) no-repeat 13px 6px; background-position:158px 15px;}
li#conversion-sitesearch.ui-state-default a {background: #F5FAF6;}
li#conversion-sitesearch.ui-tabs-selected a {background: url(../stellar-images/icon.jpg) no-repeat 13px 6px; background-position:158px 15px;}


li#online-analytics-sitecatalyst.ui-state-default a {background: #F5FAF6;}
li#online-analytics-sitecatalyst.ui-tabs-selected a {background: url(../stellar-images/icon.jpg) no-repeat 13px 6px; background-position:158px 15px;}
li#online-analytics-genesis.ui-state-default a {background:#F5FAF6;}
li#online-analytics-genesis.ui-tabs-selected a {background: url(../stellar-images/icon.jpg) no-repeat 13px 6px; background-position:158px 15px;}

li#online-analytics-discover.ui-state-default a {background: #F5FAF6;}
li#online-analytics-discover.ui-tabs-selected a {background: url(../stellar-images/icon.jpg) no-repeat 13px 6px; background-position:158px 15px;}

li#channel-analytics-dop_a.ui-state-default a {background: #F5FAF6;}
li#channel-analytics-dop_a.ui-tabs-selected a {background: url(../stellar-images/icon.jpg) no-repeat 13px 6px; background-position:158px 15px;}

li#channel-analytics-dop_b.ui-state-default a {background:#F5FAF6;}
li#channel-analytics-dop_b.ui-tabs-selected a {background: url(../stellar-images/icon.jpg) no-repeat 13px 6px; background-position:158px 15px;}

li#channel-analytics-dop_c.ui-state-default a {background: #F5FAF6;}
li#channel-analytics-dop_c.ui-tabs-selected a {background: url(../stellar-images/icon.jpg) no-repeat 13px 6px; background-position:158px 15px;}



/* main box*/


div#product-tabs {background:#aaa7a7; height: 254px; padding: 8px 8px; width:938px; }
ul.primary-tabs li.ui-state-default a span {padding-right: 19px; }
ul.primary-tabs {float: left; margin-right: 1px; position: relative; z-index: 2;}

ul.primary-tabs li {height: 35px; _height: 25px/*ie6*/; margin: 0 0 1px 0; width: 210px; _width: 210px/*ie6*/;}
ul.primary-tabs li a {display: inline-block; height: 100%; line-height: 35px; padding: 0px 11px 0px 20px; text-decoration: none; width: 178px;}
/* secondry tab */
ul.secondary-tabs {float: left; position: relative; width: 176px; _width: 176px/*ie6*/; z-index: 4;}
/* secondry tab */

#product-tabs ul.secondary-tabs li {height: 35px; _height: 28px/*ie6*/; margin: 0; width: 100%;}
#product-tabs ul.secondary-tabs li a {color: #373737; display: block; height: 100%; padding: 12px 8px 0 10px; _padding: 4px 8px 0 10px; text-decoration: none;}
#product-tabs ul.secondary-tabs li a span {display: block; font: 10px/10px; width: 120px; _width: 118px;}
#product-tabs ul.secondary-tabs li a span h2 {font: 13px/13px bold; margin: 0; padding: 0;}
/*main  for box */
div.main-viewer {background-color: #F4FBF4; border: 1px solid #c8c8c8; float:left; height: 245px; left: -2px; padding: 4px; _padding-right: 1px/*ie6*/; position: relative; width: 725px; _width: 722px/*ie6*/; z-index: 1;}
/*main  for box */
div.main-viewer h1 {background: url(../stellar-images/001699_carat_right_green.gif) bottom left no-repeat; color: #70a100; font-family:Arial, Helvetica, sans-serif; font-size: 12px; font-weight: 690; height: 12px; line-height: 12px; margin: 5px 0 6px 9px; *margin-top: 9px/*ie*/; padding: 0; padding-left: 9px;}

div.main-viewer h2 {background: url(../stellar-images/001699_carat_right_green.gif) bottom left no-repeat; color: #70a100; font-family:Arial, Helvetica, sans-serif; font-size: 12px; font-weight: 690; height: 12px; line-height: 12px; margin: 5px 0 6px 9px; *margin-top: 9px/*ie*/; padding: 0; padding-left: 9px;}

div.main-viewer h4{
font-weight:bold;
color:#4EA215;
margin-top:0px;
}

/* third  tab box */
div.secondary-viewer {background:#F5FAF6 /*url(../stellar-images/001699_home_tabviewer_secondary_background.gif*) repeat-y;*/;float:right; border: 1px solid #c8c8c8; height: 213px; padding: 15px; position: absolute; left:180px; right: 4px; top: 4px; width: 510px; _width: 504px/*ie6*/; z-index: 3;}
/* third tab */


div.secondary-viewer img.product-tab-graphic {position: absolute; right: 15px; top: 15px; width:100px; height:100px;}
div.secondary-viewer h2 {font: bold 12px/12px Arial, Helvetica, sans-serif; margin: 0 0 0px 0; padding: 0;}
div.secondary-viewer p, div.secondary-viewer ul {margin: 0 0 8px 0; width: 207px;} 

div.secondary-viewer a.product-tab-link {background: url(../stellar-images/001699_carat_right_green.gif) 2px 2px no-repeat; display: block; padding-left: 12px;}
