/* ######### CSS for top level tabs ######### */

.tabsmenuclass ul{width: 227px; margin:0px 0 0 0px; padding:0px; list-style-type: none; float:left;}
.tabsmenuclass li{float: left; padding:6px 0;}
.tabsmenuclass a{display: block; padding: 15px 0 15px 15px; background:url(../images/tab-blank.jpg) no-repeat; color: black; width:227px;text-decoration: none; font: bold 14px Arial;}
.tabsmenuclass a:hover, .tabsmenuclass a.selected{background:url(../images/hover-tab1.jpg) no-repeat; color:#000; font: bold 14px Arial; text-decoration:none; }

/* ######### CSS for sub menu container below ######### */

.tabsmenucontentclass{float:left; background:none; width:440px; height:145px; padding-left:10px;}
.tabsmenucontentclass ul{margin:0; padding:0; float:left;}
.tabsmenucontentclass li{line-height:31px; margin:0 30px 0 0px; padding:0px;/*color:#FFFFFF;*/ list-style:none;}
.tabsmenucontentclass li a{line-height:31px; color:#FFFFFF; text-decoration:none; list-style:none; background:url(../images/yellow_bullet.jpg) no-repeat left 15px; display:block;	 width:auto; height:auto; padding-left:15px;}
.tabsmenucontentclass li a:hover{color:#757575; text-decoration:none;}
.more-btn {width:69px; height:18px; background:url(../images/tab_more_btn.jpg) no-repeat top; line-height:18px; float:right; margin:0 0px 10px 0; color:#000000; padding-left:7px;}
.more-btn a {line-height:18px; color:#000000; text-decoration:none;}
.more-btn a:hover {line-height:18px; color:#fff; text-decoration:none;}
.line_vertical_devider {width:1px; height:140px; background:#434343; float:left; margin-right:20px; margin-top:10px;}