/* ######### CSS for Indented CSS Tabs. Remove if not using ######### */


.indentmenu{
width: 196px; /*leave this value as is in most cases*/
display:inline-block;
float:left;
margin:10px 0 0;
padding:0;
overflow:hidden;
}

.indentmenu ul{
margin: 0 !important;
padding: 0;
float: left;
display:inline;
width: 196px;
}

.indentmenu ul li{
display: inline;
width:90px;
height:60px;
margin: 0;
padding: 0;
}

.indentmenu ul li a {
float: left;
display:block; 
width:90px;
height:60px;
text-decoration: none;
margin: 0 3px 3px 0;
padding: 0;
overflow:hidden;
border:2px solid #fff;
}
.indentmenu ul li a:hover {
text-decoration: none;
border:2px solid #8db059;
}
.indentmenu ul li a:selected { border:2px solid #8db059; }
.indentmenu ul li a.selected { border:2px solid #964b1e; }



.tabcontentstyle{ /*style of tab content oontainer*/
	width: 604px;
}

.tabcontentWrap {
	width:604px;
	display:inline-block;
	float:right;
	margin:10px 0 0;
}

.tabcontentWrap img {
	border:2px solid #fff;
}

.tabcontentWrap h2 {
	font-size:16px;
	line-height:20px;
	margin:10px 0 5px;
	padding:0;
}
.tabcontentWrap h2 span {
	color:#bc906b;
}
.tabcontentWrap p {
	font-size:13px;
	line-height:15px;
	margin:0;
	padding:0 0 10px 0;
}

.tabcontent { display:none; }

@media print {
.tabcontent {
display:block !important;
}
}