#leaderboard #features {
	float: left;
	overflow: hidden;
	width: 620px;
	height: 306px;
	margin-right: 18px;
	background: #F5F5F5;
}
#features ul.ui-tabs-nav { 
	position: relative;
	z-index: 50;
	left: 0px;
	top: -14px;
}
* html div#features ul.ui-tabs-nav {
	position: absolute;
	top: 248px;
}
#features ul.ui-tabs-nav li { 
   float: left;
   background: url('/common/images/feature_tab.gif') no-repeat 0 0;
   line-height: 125%;
}
div#features li.ui-tabs-nav-item a {
	display: block;
	width: 145px;
	height: 39px;
	font: normal 14px/1.05em 'Helvetica Neue', Arial, Helvetica, sans-serif;
	color: #FFF;
	text-decoration: none;
	padding: 17px 5px 0 5px;
}
* html div#features li.ui-tabs-nav-item a {
	width: 155px;	
	height: 59px;
}
#features ul.ui-tabs-nav li.ui-tabs-selected { 
   background: url('/common/images/feature_current_tab.gif') no-repeat 0 0;
}
#features .ui-tabs-hide { 
   display: none; 
}
div#features .tabContents div.tab {
	display: none;
}
div#features .tabContents div.current {
	display: block;
}
#features .ui-tabs-panel a p {
   position: absolute;
   float: left;
   text-align: left;
   font-size: 13px;
   color: #2D4C5A;
}
#features .ui-tabs-panel a:hover {
   cursor: pointer;
   color: #2D4C5A;
   text-decoration: none;
}
#features .ui-tabs-panel a:hover p {
   text-decoration: underline;
}
#features .ui-tabs-panel a:hover p.watch {
   text-decoration: none;   
}
/* =================== promos ==========================*/
/*
#features #fragment-2 a p {
   width: 215px;
   padding: 10px;
   margin: 135px 0 0 17px;
   line-height: 125%;
   color: #FFF;
   text-shadow: 1px 1px 1px #000;
}*/

#features #fragment-1 a p {
   /*color: #FFF;
   text-shadow: 1px 1px 1px #000;*/  
   width: 250px;
   padding: 10px;
   margin: 115px 0 0 375px;
   line-height: 125%;
}
#features #fragment-2 a p {
   width: 280px;
   padding: 10px;
   margin: 135px 0 0 12px;
   line-height: 125%;
}
#features #fragment-3 a p {
   width: 245px;
   padding: 10px;
/*   color: #FFF;*/
/*   text-shadow: 1px 1px 1px #000;*/
/*   margin: 120px 0 0 348px;*/
	line-height: 125%;
   margin: 175px 0 0 5px;
}
#features #fragment-4 a p {
   width: 220px;
   padding: 10px;
   /*color: #FFF;
   text-shadow: 1px 1px 1px #000;
   */
   margin: 90px 0 0 5px;
   line-height: 125%;
   
   /* quarterlies
   width: 250px;
   padding: 10px;
   margin: 130px 0 0 20px;*/
}

/*#features #fragment-3 a p.watch {
   width: 200px;
   font: bold 11px/22px 'Helvetica Neue', Helvetica, Arial, sans-serif;
   text-transform: uppercase;
   text-shadow: 1px 1px 1px #000;
   -webkit-border-radius: 3px;
   -moz-border-radius: 3px;
   border-radius: 3px;
   border: 1px solid #737246;
   background: url('/common/images/promos/101014b-press.gif') top repeat-x;
   padding: 0;
   margin: 190px 0 0 382px;
}
#features #fragment-3 a p.watch span {
   background: url('/common/images/icon_audio.png') 5px no-repeat;
   padding-left: 30px;
}
* html #features #fragment-3 a p.watch span {
   background: none;
   padding-left: 20px;
}*/
#features a.button {
   position: absolute;
   z-index: 100;
   float: left;
   clear: both;
   display: block;
   width: 154px;
   height: 45px;
   background: url('/common/images/blank.gif') repeat;
   margin-top: 260px;
}
#features .ui-tabs-hide a.button {display:none;}
#features #fragment-2 a.button {margin-left:154px;}
#features #fragment-3 a.button {margin-left:309px;}
#features #fragment-4 a.button {margin-left:464px;}

/* CALLOUTS ------------------------*/
#leaderboard #callouts {
	float: left;
}
#callouts .callout {
   width: 298px;
   height: 143px;
}
#callouts .callout a {
   display: block;
   color: #000;
   width: 298px;
   height: 143px;
}
#callouts .callout a:hover {
   text-decoration: none;
   background-position: 0 -143px;
}
#callouts .cac {
   background: url('/common/images/cac_app_link.jpg') 0 -286px no-repeat;
   margin-bottom: 20px;
}
#callouts .cac a {
   background: url('/common/images/cac_app_link.jpg') top no-repeat;
}
#callouts .bbip {
   background: url('/common/images/callout_contractorlookup.jpg') 0 -286px no-repeat;
}
#callouts .bbip a {
   background: url('/common/images/callout_contractorlookup.jpg') top no-repeat;
}
#callouts .callout div.minialert {
   padding-top: 92px;
}
#callouts .callout div.minialert p.handle {
   display: block;
   height: 16px;
   background: #f1f2da url('../images/callouts/sitealert/handle_bg.gif') top repeat-x;
   padding: 0;
}
#callouts .callout div.minialert p.handle strong {
   display: block;
   width: 298px;
   height: 16px;
   background: url('../images/callouts/sitealert/title.gif') center no-repeat;
}
#callouts .callout div.minialert p {
   font-size: 11px;
   background: #f1f2da url('../images/callouts/sitealert/bg.gif') top repeat-x;
   padding: 10px;
}
#calloutRow {
	clear: both;
	padding: 10px 0;
}
ul#agencyCallouts {
	float: left;
	width: 230px;
	padding: 10px 0;
}
ul#agencyCallouts li, ul#personasCallouts li {
	float: left;
}
ul#agencyCallouts li a {
	display: block;
	width: 111px;
	height: 62px;
}
ul#agencyCallouts li a#vote {
	background: url('../images/callout_vote.jpg') no-repeat 0 0;
	padding-right: 5px;
}
ul#agencyCallouts li a#recovery {
	background: url('../images/callout_recovery.jpg') no-repeat 0 0;
}
ul#agencyCallouts li a#vote:hover, ul#agencyCallouts li a#recovery:hover {
	background-position: 0 -62px;
}
/* audience link headings */
ul#personasCallouts {
	float: left;
}
ul#personasCallouts li a {
	display: block;
	width: 236px;
	height: 82px;
}

/*ul#personasCallouts li a#business {
	background: url('../images/callout_business.jpg') no-repeat 15px 0;
}
ul#personasCallouts li a#workers {
	background: url('../images/callout_workers.jpg') no-repeat 15px 0;
}
ul#personasCallouts li a#providers {
	background: url('../images/callout_providers.jpg') no-repeat 15px 0;
}
ul#personasCallouts li a#business:hover, ul#personasCallouts li a#workers:hover, ul#personasCallouts li a#providers:hover {
	background-position: 15px -82px;
}*/

#audiences {
   clear: both;
}
#audiences p {
   float: left;
   text-align: left;
   width: 205px;
   font-size: 13px;
   line-height: 14px;   
   background: url('../images/icon-question.gif') left no-repeat;
   padding: 10px 0 8px 25px;
   margin: 0;
}
#audiences p a {
   text-decoration: none;
}
#audiences p a:hover {
   color: #D78913;
}
#audiences ul {
   float: left;
   position: relative;
   top: 29px;
   margin-top: -18px;
   white-space: nowrap;
}
#audiences ul li {
   float: left;
   width: 230px;
   height: 75px;
   padding: 0 0 0 5px;
}
/* ie7 width differences */
*:first-child+html #audiences ul li {
	width: 232px;
	padding: 0 0 0 1px;
}
#audiences ul li.business {
   background: url('../images/note-business.jpg') top no-repeat;
}
#audiences ul li.businessESP {
   width: 275px;
   background: url('/common/images/note-businessESP.jpg') top no-repeat;
   margin-left: 25px;
   margin-left: 20px !not important;
}
#audiences ul li.workers {
   background: url('../images/note-workers.jpg') top no-repeat;
}
#audiences ul li.workersESP {
   width: 275px;
   background: url('/common/images/note-workersESP.jpg') top no-repeat;
}
#audiences ul li.providers {
   background: url('/common/images/note-providers.jpg') top no-repeat;
}
#audiences ul li:hover {
   background-position: 50% -75px;
}
#audiences ul li.businessESP:hover, #audiences ul li.workersESP:hover {
   background-position: 50% 0;
}
#audiences ul li a {
   display: block;
   width: 230px;
   height: 75px;
}
#tabBusiness, #tabWorker, #tabProvider {
   display: none;
}

/* home page personas */
#footer div.personas ul {
   padding-top: 18px;
}

/* --------------CAROUSEL------------- */
.jcarousel-container {
    position: relative;
}
.jcarousel-clip {
    z-index: 2;
    padding: 0;
    margin: 0;
    overflow: hidden;
    position: relative;
}
.jcarousel-list {
    z-index: 1;
    overflow: hidden;
    position: relative;
    top: 0;
    left: 0;
    margin: 0;
    padding: 0;
}
.jcarousel-list li,
.jcarousel-item {
    float: left;
    list-style: none;
    /* We set the width/height explicitly. No width/height causes infinite loops. */
    width: 75px;
    height: 75px;
}
.jcarousel-next {
    z-index: 3;
    display: none;
}
.jcarousel-prev {
    z-index: 3;
    display: none;
}
.jcarousel-skin-tango .jcarousel-container-horizontal {
    width: 940px;
    padding: 20px 0;

}
.jcarousel-skin-tango .jcarousel-clip-horizontal {
    width: 900px;
    height: 62px;	
}
.jcarousel-skin-tango .jcarousel-item {
    width: 215px;
    height: 62px;
    padding: 0 2px;
    margin: 0 3px;
}
.jcarousel-skin-tango .jcarousel-item-horizontal {
   float: left;
}
.jcarousel-skin-tango .jcarousel-item-placeholder {
    background: #fff;
    color: #000;
}
.jcarousel-skin-tango .jcarousel-next-horizontal {
	float: right;
	width: 20px;
	height: 63px;
	cursor: pointer;
	background: transparent url('../images/carousel_right.gif') no-repeat 0 0;
}
.jcarousel-skin-tango .jcarousel-next-horizontal:active {
    background-position: 0 -63px;
}
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal,
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:hover,
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:active {
    cursor: default;
    background-position: 0 -126px;
}
.jcarousel-skin-tango .jcarousel-prev-horizontal {
   float: left;
    width: 20px;
    height: 63px;
    cursor: pointer;
    background: transparent url('../images/carousel_left.gif') no-repeat 0 0;
}
.jcarousel-skin-tango .jcarousel-prev-horizontal:active {
    background-position: 0 -63px;
}
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal,
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:hover,
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:active {
    cursor: default;
    background-position: 0 -126px;
}