/* ######### CSS for highlighted ajax tabs ######### */

.tabcontentiframe {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-color:#000000;
	font-size:10px;
	height:400px;
	color: #666666;
	}
	
	
.tabcontentiframe td{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#666666;
	}

#us-table {
	margin-top: 20px;


}

#us-table td {
	height:22px;
	vertical-align:top;
}

#retail-stores{
	height:475px;
	}
	
#retail-stores p, #retail-stores td{
	font-size:10px;
	text-transform:capitalize;
	}

#retail-stores a {text-transform:lowercase;}

.shadetabs{
	text-align: left; /*set to left, center, or right to align the menu as desired*/
}

.shadetabs td, p{
font: 11px Verdana;
}


.shadetabs a{
color: #444444;
text-decoration: none;
}

.shadetabs a:visited{
color: #444444;
text-decoration: none;
}

.shadetabs a:hover{
text-decoration: underline;
color: #1B3355;
}

.shadetabs a.selected{ /*selected main tab style */
text-decoration:underline;
color: #1B3355;
}

.shadetabs a.selected:hover{ /*selected main tab style */
text-decoration: none;
color: #1B3355;
}

/* ######### CSS for layer swap columna ######### */


.column-a {
	float:right;
	width:150px;
	margin-right:20px;
}
#retail-container	{ 
	position:relative; 
	width:470px; 
	height:475px; 
	z-index:100;
	vertical-align:middle; 
	margin-left:40px;
}
.column-b {

}
.column-c {

}
.column-d {
	float:right;
	width:340px;
	
}