.ddcolortabs{
padding: 0;
width: 100%;
background: url(/specs/c6/images/content-nav.off.gif) bottom left repeat-x;
margin: 0 0 10px 0px;
height: 30px;
}
div.nav {
		background: url(/specs/c6/images/content-nav.off.gif) bottom left repeat-x;
		border-bottom: 1px solid #bcc6d2;
		
		height: 30px;
		position: relative;
		margin: 0 0 10px 0px;
	}
.ddcolortabs ul{
margin:0;
padding:0;
list-style:none;
}

.ddcolortabs li{
float: left;
height: 30px;
}
.ddcolortabs li.on {
			margin-top: 1px;
			background: #fff url(/specs/c6/images/content-nav.on.li.gif) top left no-repeat;
		}
		
.ddcolortabs a{
 float: left;
		background: url(/specs/c6/images/content-nav.divider.right.gif) right no-repeat;
		color: #013861 !important;
		text-decoration: none;
		font-weight: bold;
		padding: 8px;
}

.ddcolortabs li.on a {
  color: #438cca !important;
}

.ddcolortabs a:hover{
background: #fff url(/specs/c6/images/content-nav.on.a.gif) top left no-repeat;
			position: relative;
			bottom: -1px;
}
.ddcolortabs li.on a:hover{
background: #fff url(/specs/c6/images/content-nav.on.a.gif) top left no-repeat;
			position: relative;
			bottom: 0px;
}

.ddcolortabs a:hover span{
padding: 5px 10px 4px 11px; /* needs to be different because parent is being tweeked */
			background: url(/specs/c6/images/content-nav.on.span.gif) top right no-repeat;
}

.ddcolortabs .selected a, #ddcolortabs .selected a span{ /*currently selected tab*/
background-color: #591f20;
}

.ddcolortabsline{
clear: both;
padding: 0;
width: 100%;
height: 8px;
line-height: 8px;
background: black;
border-top: 1px solid #fff; /*Remove this to remove border between bar and tabs*/
}