/* CSS Document */

#promos {
	position: relative;
	width: 600px;
	height: 300px;
	padding-right: 20px;
	margin-bottom: 0px;
	float: left;
	background: url(/img/bg_promos.png) no-repeat left top;
}

#featured{ 
	width:325px; 
	padding-right:275px; 
	padding-left: 0px;
	padding-bottom: 0px;	
	padding-top: 0px;		
	position:relative; 
	height:300px; 
}

#featured ul.ui-tabs-nav{ 
	position:absolute; 
	top:0; left:325px; 
	list-style:none; 
	padding:0px;
	margin:0px; 
	width:275px; 
}
#featured ul.ui-tabs-nav li{ 
	padding:0px;
	font-size:11px;
}
#featured ul.ui-tabs-nav li .date{
	color: #C4899F;
	font: bold 20px Arial, Helvetica, sans-serif;
	text-decoration: none;
	display: block;
}

#featured ul.ui-tabs-nav li span{
	font: 14px Arial, Helvetica, sans-serif;
	color: #FFF;
}
#featured li.ui-tabs-nav-item a{ 
	display:block; 
	height:56px; 
	color:#FFF;
	line-height:20px;
	background: url(/img/item.png) top left no-repeat;  	
	padding-left: 60px;
	padding-top: 10px;
	padding-right: 40px;	
	padding-bottom: 10px;	
	text-decoration: none;
	vertical-align:top;
}
#featured li.ui-tabs-nav-item a:hover{ 
	background: url(/img/item.png) top left no-repeat;  	
	text-decoration: none;	
}
#featured li.ui-tabs-selected{ 
	/*background: #FFFFFF;*/
}
#featured ul.ui-tabs-nav li.ui-tabs-selected a{ 
	background: /*#FFF*/ url(/img/selected-item.png) top left no-repeat;  
}
#featured .ui-tabs-panel{ 
	width:300px; height:290px; 
	padding: 0px 0px 10px;
	position:relative;
}

#featured .ui-tabs-panel img{ 
	margin-bottom: 7px;
}

#featured .ui-tabs-panel .info{
	background: url(/css/site/img/bg_left_featured.png) no-repeat left top;
	width:284px;	
	padding-left: 17px;
	padding-top: 12px;	
}

#featured .info a:visited, #featured .info a:link, #featured .info a:active{
	color:#81538A;
	padding:0px;
	overflow: hidden;
	font: bold 16px Arial, Helvetica, sans-serif;
	text-decoration:none;	
	background: #FFFFFF;
}

#featured .info a:hover {
	color:#81538A;
	text-decoration:underline;
	background: #FFFFFF;	
}

#featured .info .more:visited, #featured .info  .more:link, #featured .info  .more:active{
	color:#B689BC;
	padding:0px;
	overflow: hidden;
	font: bold 12px Arial, Helvetica, sans-serif;
	text-decoration:none;	
}

#featured .info .more:hover {
	color:#B689BC;
	text-decoration:underline;
}

#featured .info p{
	margin:5px 0px;
	color:#C4899F;	
	font: 11px Arial, Helvetica, sans-serif;
	/*text-align:left !important;*/
}

#featured .info p strong{
	color:#FFFFFF;	
	font: bold 12px Arial, Helvetica, sans-serif;
	margin-bottom: 5px;
	display:block;
}

#featured .ui-tabs-hide{ 
	display:none; 
}