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

.shadetabs{
width:710px;
overflow:hidden;
float:left;
margin-left:5px;
font-family:Arial, Helvetica, sans-serif;
margin-top:15px;	
}
.shadetabs ul{ 
	margin:0px !important;
	padding:0px !important;
	}

.shadetabs li{
float:left;
padding:0px;
overflow:hidden;
height:26px;
margin-left:1px;
list-style:none;
}
.shadetabs li a{
background:url(../images/tab-right.gif) right top no-repeat;
height:26px !important;
line-height:26px;
padding:0px 17px 5px 0px;
color:#fff;
font-weight:bold;
font-size:12px;
float:left;
text-decoration:none;}

.shadetabs li a span{
	background:url(../images/tab-left.gif) left top no-repeat;
	padding:0px 0px 5px 16px;
	color:#fff;
	font-size:12px;
	float:left;
	height:26px !important;

	text-decoration:none;}
.shadetabs li a:hover{ background:url(../images/tab-right-hov.gif) right top no-repeat;
	color: black;
}
.shadetabs li a:hover span{
	background:url(../images/tab-left-hov.gif) left top no-repeat;
	color: black;}


.shadetabs1 li a.selected, .shadetabs li a.selected{ /*selected main tab style */
position: relative;
top: 1px;
}

.shadetabs1 li a.selected, .shadetabs li a.selected{ /*selected main tab style */

background:url(../images/tab-right-hov.gif) right top no-repeat;

}
.shadetabs1 li a.selected span, .shadetabs li a.selected span{ /*selected main tab style */
background:url(../images/tab-left-hov.gif) left top no-repeat;
color: black;
}

.tabcontent{
display:none;
padding:20px 40px;
border: none;
}

.tabcontent p{ padding: 0; !important}

.tabcontent h2{ background: none; color:#ff5800; padding: 0 0 4px 0; border-bottom: solid 1px #ff5800; !important}
.tabcontent h3{ color: #ff5800;}

.tab-line{border:1px solid #CCCCCC;
clear:both; overflow:hidden;
margin-top:-1px;
float:left;
width:468px;
}

.tab-line-index{
border:1px solid #CCCCCC;
clear:both; 
overflow:hidden;
margin-top:-1px;
float:left;
width:695px;
}



.tab-main{
	width:470px;
	overflow:hidden;
	margin:0px 0px 0px 0px;
	}
.tab-main-index{
	width:700px;
	overflow:hidden;
	margin:0px 0px 0px 0px;
	}


/*****************************************************/



.shadetabs1{
width:700px;
overflow:hidden;
float:left;
margin-left:5px;
font-family:Arial, Helvetica, sans-serif;	
}
.shadetabs1 ul{ 
	margin:0px !important;
	padding:0px !important;
	}

.shadetabs1 li{
float:left;
padding:0px;
overflow:hidden;
height:26px;
margin-left:1px;
list-style:none;
}
.shadetabs1 li a{
background:url(../images/tab-right.gif) right top no-repeat;
height:26px !important;
line-height:26px;
padding:0px 15px 5px 0px;
color:#fff;
font-weight:bold;
font-size:12px;
float:left;
text-decoration:none;}

.shadetabs1 li a span{
	background:url(../images/tab-left.gif) left top no-repeat;
	padding:0px 0px 5px 15px;
	color:#fff;
	font-size:12px;
	float:left;
	height:26px !important;

	text-decoration:none;}
.shadetabs1 li a:hover{ background:url(../images/tab-right-hov.gif) right top no-repeat; color: black;
}
.shadetabs1 li a:hover span{
	background:url(../images/tab-left-hov.gif) left top no-repeat; color: black;}

/* ######### CSS for Inverted Modern Bricks II Tabs. Remove if not using ######### */