/* related */
#tabbox {border: solid 1px #ba0000; display:block; clear:both; margin:1px 0 0 0;}


#related { margin:0; display:block; height:300px; overflow:auto; width:100%; clear:both;}
#tabs { background:url(../images/background/bg-tab.jpg) top left repeat-x; display:block; height:31px; border-bottom: solid 1px #971b1b;}

#tabs li { display:block; float:left; text-align:center; height:31px; margin:0; } 
#tabs li a{ text-decoration: none; color:#000; display:block; padding:8px 24px; font-size:100%;}
#tabs a.selected, #tabs a:hover { background:#971b1b;color:#fff; }




.current {background:url(../images/background/bg-related-current.jpg) top left no-repeat; display:block; height:32px;}


#related li, #related li a {color:#000; text-decoration:none;}
#related li {background: url(../images/background/dots-horizontal.gif) bottom left repeat-x; padding:6px 10px;}
#related li li {background: none; padding:6px 10px;}
#related li span, #related li span a {color:#acacac; text-decoration:none: font-size:80%;}



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

.tabcontent{display:none;}

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




#feature {display:block; height:305px;border-bottom:2px solid #fff; width:100%;}
#feature #tabs {display:block;float:right; width:250px; background:#000; height:305px; border:none;}
#feature #tabs li { display:block; text-align:left; margin:0; padding:0; height:76px; width:250px;} 
#feature #tabs a{ text-decoration: none; color:#fff; height:56px; margin:0; padding: 10px 20px; font-size:120%;border-bottom:solid 1px #ccc; }

#feature #tabs a.selected, #feature #tabs a:hover { text-decoration: none; color:#fff; display:block; font-size:120%; background:#cc0000; margin:0;  }


#feature .tabcontent {display:block; float:left; width:716px; display:none; height:305px; overflow:hidden;}