/* Caution! Ensure accessibility in print and other media types... */
@media projection, screen { /* Use class for showing/hiding tab content, so that visibility can be better controlled in different media types... */
.tabs-hide {
	display: none;
}
}

/* Hide useless elements in print layouts... */
@media print {
.tabs-nav {
	display: none;
}
}
.tabs-nav {
	position:relative;
	top:0;
	left:0;
	width:100%;
	height:32px;
	overflow:hidden;
	border-bottom:3px solid #e5001e;
}
.tabs-nav li {
	float:left;
	width:285px;
	height:32px;
	background:url(../../images/tab_o.png) top left no-repeat;
}
.tabs-nav li a:hover{
	background:url(../../images/tab_o.png) 0px -32px no-repeat;
	}
#tab-1, #tab-2, #tab-3 {
	position:absolute;
	top:0px;
}

#tab-1 {
	left:0px;
	z-index:92;
}
#tab-2 {
	left:270px;
	z-index:91;
}
#tab-3 {
	left:540px;
	z-index:90;
}
.tabs-nav li.tabs-selected {
	background:url(../../images/tab_o.png) bottom left no-repeat;
}
#tab-1.tabs-selected {
	z-index:93;
	background:url(../../images/tab_o.png) bottom left no-repeat;
}
#tab-2.tabs-selected {
	z-index:93;
	background:url(../../images/tab_o.png) bottom left no-repeat;
}
#tab-3.tabs-selected {
	z-index:93;
	background:url(../../images/tab_o.png) bottom left no-repeat;
}
.tabs-nav li a {
	padding:13px 0 0 0;
	display:block;
	width:100%;
	height:100%;
	font-size:14px;
	color:#FFF;
	text-align:center;
	text-decoration:none;
	text-transform:uppercase;
}
.tabs-container {
	padding:20px 0;
}