/* -------Slick Tabbed content area
/* http://nettuts.com/html-css-techniques/how-to-create-a-slick-tabbed-content-area/   */


#tabbed_box_1 {
	margin: 0px auto 0px auto;
	width:650px;
	margin-top:20px;
}
 

.tabbed_box h4 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:23px;
	color:#ffffff;
	letter-spacing:-1px;
	margin-bottom:10px;
}
.tabbed_box h4 small {
	color:#e3e9ec;
	font-weight:normal;
	font-size:9px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	position:relative;
	top:-4px;
	left:6px;
	letter-spacing:0px;
}


ul.tabs {
	height: 64px;
	background-image: url(/CSS/images/TabArea/TabsForProductpage1_contentTop.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 15px;
}  


ul.tabs li {
	list-style:none;
	display:block;
	float: left;
	text-align: center;
	background-image: none;
	padding: 0px;	
}

div.demo3 {
    width: 140px;
    border: 5px blue solid;
    padding: 15px;
    voice-family: "\"}\"";
    voice-family: inherit;
    width: 100px;
}
html>body div.demo3 {
    width: 100px;
}


	
ul.tabs li a:link, ul.tabs li a:visited {
	color:#FFFFFF;
	/*padding:8px 14px 8px 14px;*/
	text-decoration:none;
	font-size:14px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight:bold;
	text-transform:uppercase;
	display:block;
	width: 125px;
	background-image: url(/CSS/images/TabArea/TabsForProductpage1_SubTab.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	outline:0;
	padding-top: 20px;
	height: 55px; /*-- should be a total of 55px --*/
	/*fix for IE6 --*/
	voice-family: "\"}\"";
    voice-family: inherit;
    height: 35px;
		
}
/*fix for Opera 5 --*/
html>body ul.tabs li a:link, ul.tabs li a:visited {
    height: 35px;
}


ul.tabs li a:hover {
	color:#f89728;
}

ul.tabs li a.active {
	color:#f89728;
	background-image: url(/CSS/images/TabArea/TabsForProductpage1_mainTab.jpg);
	width: 125px;
	voice-family: "\"}\"";
    voice-family: inherit;
    height: 35px; /*-- should be a total of 55px --*/
	padding-top: 20px;
		
}

html>body ul.tabs li a.active {
    height: 35px;
}

.tabcontent {
	background-color:#ffffff;
	padding:0px;
	background-image: url(/CSS/images/TabArea/TabsForProductpage1_contentMid.jpg);
	background-repeat: repeat-y;
	background-position: left top;
}


#content_2, #content_3, #content_4, #content_5 {
	display:none;
	
}
.tabcontentTop {
	background-image:url(/CSS/images/TabArea/TabsForProductpage1_contentTop.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	height: 10px;
	margin: 0px;
	padding: 0px;
}
.tabcontentBot {
	background-image:url(/CSS/images/TabArea/TabsForProductpage1_1ContentBot.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
	height: 30px;
}
.tabcontent ul {   
    margin:0px;   
    padding:0px 20px 0px 20px;   
}   
.tabcontent ul li {   
    list-style:none;   
    border-bottom:1px solid #d6dde0;   
    padding-top:10px;   
    padding-bottom:10px;   
      
}   
.tabcontent ul li a {   
    text-decoration:none;   
    color:#3e4346;   
}   
.tabcontent ul li a small {   
    color:#8b959c;   
    font-size:9px;   
    text-transform:uppercase;   
    font-family:Verdana, Arial, Helvetica, sans-serif;   
    position:relative;   
    left:4px;   
    top:0px;   
}  
.tabContentPadding {
	padding: 10px;
}

.FloatrighImg{
clear:right; 
float:right; 
margin:5px;
}

#tabbed_box_1  h3 {
	padding-top: 20px;
	padding-bottom:0px;
	margin-bottom: 0px;

}
#tabbed_box_1  h4 {
	color: #999999;
	padding-top: 20px;
	padding-left: 20px;
	font-size: 12pt;
	padding-bottom: 0px;
	margin-bottom:0px;
}

#content_5 ul li {    
    padding-top:15px;   
    padding-bottom:15px;   
      
}