#featured{
	width:1200px;
	height:340px;
	background:none;
	margin-left:auto;
	margin-right:auto;
	-webkit-border-radius: 12px;
    border-radius: 12px;
	position:relative;
	top:0px;
	z-index:10;
	margin-bottom:30px;
	
}

#featured ul.ui-tabs-nav{ 
	position:absolute; 
	top:40px; 
	left:895px; 
	list-style:none; 
	padding:0; margin:0; 
	width:350px; 
	height:300px;
	color:#002857;
}

#featured ul.ui-tabs-nav ul{ 
	list-style:none;
	display:list-item;
	width:300px;
}

#featured ul.ui-tabs-nav li{ 
	padding:5px 0;
	margin:0px 0px;
	font-size:12px; 
	color:#000; 
	/*background:#f0efe1;
	-webkit-border-radius: 12px;
	-moz-border-radius: 12px;
    border-radius: 12px;
	width:350px;*/
	list-style:none;
	display:list-item;
	text-wrap:normal;
}
#featured ul.ui-tabs-nav li img{ 
	float:left; margin:0px !important; 
	-webkit-border-radius: 12px;
	-moz-border-radius: 12px;
    border-radius: 12px;
	
}
#featured ul.ui-tabs-nav li span{ 
	font:500 13px 'Roboto', sans-serif; 
	line-height:18px;
	width:100px;
	display:block; 
}

#featured li.ui-tabs-nav-item {text-wrap:normal;
	width:200px !important;}

#featured li.ui-tabs-nav-item a{ 
	width: 250px;/*this centers the item*/
	text-decoration:none;
	color:#000;  
	background:none; 
    white-space: normal;
	-webkit-border-radius: 12px;
	-moz-border-radius: 12px;
    border-radius: 12px;
	background:#f0efe1;
	padding:10px 10px;
}
#featured li.ui-tabs-nav-item:hover a{ 
	background:#e1e1c9; 
	
	-webkit-border-radius: 12px;
	-moz-border-radius: 12px;
    border-radius: 12px;
}
#featured li.ui-tabs-selected, #featured li.ui-tabs-active{ 
	background:url('images/selected-item.gif') top left no-repeat;  
}
#featured ul.ui-tabs-nav li.ui-tabs-selected, #featured ul.ui-tabs-nav li.ui-tabs-active{ 
	/*background:url(../images/interior-bucket-grad.png) repeat-x; 
	-webkit-border-radius: 12px;
	-moz-border-radius: 12px;
    border-radius: 12px;*/
}
#featured ul.ui-tabs-nav li.ui-tabs-selected a, #featured ul.ui-tabs-nav li.ui-tabs-active a{ 
	background:url(../images/interior-bucket-grad.png) repeat-x; 
	-webkit-border-radius: 12px;
	-moz-border-radius: 12px;
    border-radius: 12px;
}
/*these are split up so that the above encompasses the whole element and that the below can still change link color*/
#featured ul.ui-tabs-nav li.ui-tabs-selected a, #featured ul.ui-tabs-nav li.ui-tabs-active a{
	color: #fff;
}
#featured .ui-tabs-panel{ 
	position:relative;
}

#featured .ui-tabs-panel img{ 
	
	background:none;
	left:0;
	top:0;
	padding:0;
	border:none;
	-webkit-border-radius: 12px;
	-moz-border-radius: 12px;
    border-radius: 12px;
	position:absolute;
}

#featured .ui-tabs-panel .info{ 
	position:absolute; 
	top:100px; left:360px; 
	height:70px; 
	background:url(../images/transparent.png) repeat !important;
	color:#999 !important;
	width:470px;
	height:140px;
	float:right;
	text-align:left;
	-webkit-border-top-left-radius: 12px;
-webkit-border-bottom-left-radius: 12px;
-moz-border-radius-topleft: 12px;
-moz-border-radius-bottomleft: 12px;
border-top-left-radius: 12px;
border-bottom-left-radius: 12px;
padding:20px;
}
#featured .ui-tabs-panel .info a.hideshow{
	position:absolute; font:400 14px 'Roboto', sans-serif;  color:#999; line-height:20px; margin:0; outline:none; background:#333;
}
#featured .info h2{ 
	color:#003978; 
	padding:5px; margin:0; 
	font:700 24px 'Roboto', sans-serif; 
	line-height:28px;
}

#featured .info h2 a{ 
	color:#003978; 
	
}

#featured .info p{ 
	margin:5px 5px; 
	font:400 14px 'Roboto', sans-serif;
	line-height:18px; color:#555;
}
#featured .info a{ 
	text-decoration:none; 
	color:#620040; 
	font-weight:700;
}
#featured .info a:hover{ 
	text-decoration:underline; 
}
#featured .ui-tabs-hide{ 
	display:none; 
}

/*--------- MEDIA QUERIES --------------*/
/*--------- MEDIA QUERIES --------------*/
/*--------- MEDIA QUERIES --------------*/
@media screen and (max-width: 1180px) {
	#featured li.ui-tabs-nav-item a{ 
	width: 102%;/*this centers the item*/
}
}
@media screen and (max-width: 1080px) {
	#featured{ 
	width:100% !important;
	height:420px;
	overflow:hidden;
	-webkit-border-radius: 12px;
	-moz-border-radius: 12px;
    border-radius: 12px;
	margin-top:-30px;
	text-align:center !important;
	margin-left:20px;
		margin-right:auto;
}

#featured ul.ui-tabs-nav{ 
	position:absolute; 
	top:390px; 
	left:0px; 
	width:350px; 
	height:300px;
	color:#002857;
}

#featured li.ui-tabs-nav-item {
	width:40px !important;
	margin-right:5px !important;
	}

#featured li.ui-tabs-nav-item a{ 
	width: 1px;/*this centers the item*/
	height: 1px;
	overflow:hidden;
	padding:8px;
	font-size:1px;
	margin-top:5px;
}
#featured li.ui-tabs-nav-item:hover{ 
	-webkit-border-radius: 12px;
	-moz-border-radius: 12px;
    border-radius: 12px;
}

#featured li.ui-tabs-nav-item:hover{ 
	-webkit-border-radius: 12px;
	-moz-border-radius: 12px;
    border-radius: 12px;
}

/*these are split up so that the above encompasses the whole element and that the below can still change link color*/


#featured .ui-tabs-panel img{ 
	margin-left:auto !important;
	margin-right:auto !important;
	text-align:center;
	width:95%;
	float:none;
}

#featured .ui-tabs-panel .info{  
	top: 50px; right: 100px;
	height:70px; 
	background:url(../images/transparent.png) repeat !important;
	color:#999 !important;
	width:350px;
	height:140px;
	float:left;
	margin-left:20px;
	text-align:left;
	-webkit-border-radius: 12px;
	-moz-border-radius: 12px;
    border-radius: 12px;
padding:20px;
}
}

@media screen and (max-width: 980px) {
	#featured{ 
	width:100% !important;
	height:400px;
	overflow:hidden;
	-webkit-border-radius: 12px;
	-moz-border-radius: 12px;
    border-radius: 12px;
	margin-top:-30px;
	text-align:center !important;
	margin-left:20px;
		margin-right:auto;
}

#featured ul.ui-tabs-nav{ 
	position:absolute; 
	top:370px; 
	left:0px; 
	width:350px; 
	height:300px;
	color:#002857;
}



#featured .ui-tabs-panel .info{  
	/*top:130px;*/ left:300px; 
	height:70px; 
	background:url(../images/transparent.png) repeat !important;
	color:#999 !important;
	width:470px;
	height:140px;
	float:left;
	margin-left:20px;
	text-align:left;
	-webkit-border-radius: 12px;
	-moz-border-radius: 12px;
    border-radius: 12px;
padding:20px;
}
}


@media screen and (max-width: 850px) {
	
#featured{ 
	width:100% !important;
	height:350px;
}

#featured ul.ui-tabs-nav{ 
	position:absolute; 
	top:320px; 
}

#featured .ui-tabs-panel .info{  
	top:50px; left:150px; right:0;
	background:url(../images/transparent.png) repeat !important;
	
	width:500px;
	height:140px;
	float:left;
	margin-left:20px;
	padding:20px;
}
	}
	

@media screen and (max-width: 760px) {
	
#featured{ 
	width:100% !important;
	height:330px;
}

#featured ul.ui-tabs-nav{ 
	position:absolute; 
	top:290px; 
}

#featured .ui-tabs-panel .info{  
	/*top:80px; left:0px; */
	background:url(../images/transparent.png) repeat !important;
	width:500px;
	height:140px;
	float:left;
	margin-left:20px;
	padding:20px;
}
	}
	
@media screen and (max-width: 760px) {
#featured ul.ui-tabs-nav{ 
	position:absolute; 
	top:260px; 
}

#featured{ 
	width:100% !important;
	height:290px;
}

#featured .ui-tabs-panel .info{  
	top:50px; left:0px; 
	background:url(../images/transparent.png) repeat !important;
	width:500px;
	height:140px;
	float:left;
	margin-left:20px;
	padding:20px;
}

}

@media screen and (max-width: 605px) {
#featured{ 
	width:100% !important;
	height:250px;
}

#featured ul.ui-tabs-nav{ 
	position:absolute; 
	top:220px; 
}	

#featured .ui-tabs-panel .info{  
	/*top:50px; left:0px; 
	background:url(../images/transparent.png) repeat !important;
	width:70%;
	height:100px;
	float:left;
	margin-left:20px;
	padding:20px;
}

#featured .info p{ 
	display:none;
}

#featured .info h2{ 
	font:700 18px 'Roboto', sans-serif; 
	line-height:22px;
}
}

@media screen and (max-width: 480px) {

#featured{ 
	width:400px;
	height:250px;
	overflow:hidden;
	-webkit-border-radius: 12px;
	-moz-border-radius: 12px;
    border-radius: 12px;
}

#featured ul.ui-tabs-nav{ 
	position:absolute; 
	top:200px; 
	left:0px; 
	list-style:none; 
	padding:0; margin:0; 
	color:#002857;
	text-align:center;
}


#featured li.ui-tabs-nav-item {
	text-wrap:normal;
	width:40px !important;
	margin-right:5px !important;
	}

#featured li.ui-tabs-nav-item a{ 
	width: 1px;/*this centers the item*/
	height: 1px;
	overflow:hidden;
	padding:5px;
	font-size:1px;
}
#featured li.ui-tabs-nav-item:hover{ 
	background:#e1e1c9; 
	
	-webkit-border-radius: 12px;
	-moz-border-radius: 12px;
    border-radius: 12px;
}

#featured .ui-tabs-panel img{ 
	max-width:480px;
	-webkit-border-radius: 12px;
	-moz-border-radius: 12px;
    border-radius: 12px;
}

#featured .ui-tabs-panel .info{ 
	top:50px; left:0px; 
	height:70px; 
	max-width:430px;
	height:100px;
	text-align:left;
	-webkit-border-top-left-radius: 0px;
-webkit-border-bottom-left-radius: 0px;
-moz-border-radius-topleft: 0px;
-moz-border-radius-bottomleft: 0px;
border-top-left-radius: 0px;
border-bottom-left-radius: 0px;

}
#featured .ui-tabs-panel .info a.hideshow{
	position:absolute; font:400 14px 'Roboto', sans-serif;  color:#999; line-height:20px; margin:0; outline:none; background:#333;
}
#featured .info h2{ 
	font:700 18px 'Roboto', sans-serif; 
	line-height:22px;
}

#featured .info h2 a{ 
	color:#003978; 
	
}

#featured .info p{ 
	display:none;
}
#featured .info a{ 
	text-decoration:none; 
	color:#620040; 
	font-weight:700;
}
#featured .info a:hover{ 
	text-decoration:underline; 
}
#featured .ui-tabs-hide{ 
	display:none; 
}
	
}

@media screen and (max-width: 450px) {
#featured {display:none;}	
}