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

#featurewrapper {
	width:598px;
	min-height: 420px;
	position:relative;
}

#featuretop {
	width:598px;
	height:15px;
	font-size:1px;
	background:url(../images/feature_top.gif);
	position:absolute;
	width:598px;
	top:30px;
	left:0;
	z-index:50;
}

#tabspacer {
	/* THIS DIV SITS BEHIND THE TABS AND PUSHES THE CONTENT DOWN */
	height:45px;
}

#featurecontent {
	width:598px;
	background:url(../images/feature_content_background.gif) repeat-y;
}

#featurebottom {
	width:598px;
	height:5px;
	font-size:1px;
	background:url(../images/feature_bottom.gif);
}

.featurelink {
	padding-left:1px;
	clear:right;
}

.featurelinkimage {
	border:none !important;
	margin:0 !important;
	padding:0 !important;
}

.pausebutton {
	float:right !important;
	border:none !important;
	margin:0 !important;
}


.indentmenu{
	position:absolute;
	height:31px;
	width:598px;
	top:0;
	left:0;
	z-index:100;
	overflow:hidden;
/* width: 100%; leave this value as is in most cases*/
}

.indentmenu ul{
	margin: 0 !important;
	padding: 0 !important;
}

.indentmenu ul li{
	list-style:none !important;
	margin:0 2px 0 0 !important;
	float: left;
}

.indentmenu ul li a{
	float: left;
	padding:3px 0 3px 0;
	text-decoration: none;
	display:block;
	width:111px; 
	height:50px;
	text-align:center;
	background:url(../images/featuretab_off.gif) no-repeat;
	color:white;
	font-weight: bold;
	font-size:10px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}

.indentmenu ul li a:hover{
	text-decoration:underline;
}

.indentmenu ul li a:visited{
	color: white;
}

.indentmenu ul li a.selected{
	background:url(../images/featuretab_on.gif) no-repeat;
	color:#003366 !important;
}


.tabcontentstyle{ 
/* style of tab content oontainer
border: 1px solid gray;
width: 450px;
margin-bottom: 1em;
padding: 10px; */
	width:598px;
}

.tabcontent p {
	margin: 0 1em 1em 1em !important;
}

.tabcontent h1 {
	margin: 0 1em 1em 0 !important;
	padding:1em 0 0 0;
	font-size:16px;
	color:#003962;
}


#featurecontent ul {margin:0 0 1em 2em !important; 	padding:0 0 0 1em !important;}
#featurecontent li {list-style:url(../images/bullet_arrow.gif);	margin:0 0 .5em 0;}


.featureimage {
	float:left;
	clear:left;
	border:1px solid #003366 !important;
	margin:0 1em .3em 2em !important;
}

.tabcontent{
	display:none;
}

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