.shadetabs{
padding: 3px 0 0 0;
margin: 0px 10px 0 5px;
font: 12px Helvetica, Arial, Verdana, sans-serif;
color: #C01D2E;
list-style-type: none;
text-align: left; /*set to left, center, or right to align the menu as desired*/

}

.shadetabs li{
position: relative;
top: 3px !important; top: 3px !important;
/*display: inline;*/
display: block;
float: left;
line-height: 15px;
margin: 0;
background: url('shade.gif') repeat-x top left;

}

.shadetabs li a{
text-decoration: none;
margin: 0px;
color: #C01D2E;
display: block;
float: left;
line-height: 15px;
vertical-align: middle;
background: url('shade-left.gif') no-repeat top left;
cursor: pointer;
}
.shadetabs li a span{
/* minimum left and right padding is 15px due to bg size*/
margin: 0px;
background: url('shade-right.gif') no-repeat top right;
display: block;
float: left;
line-height: 15px;
vertical-align: middle; padding-left:20px; padding-right:20px; padding-top:5px; padding-bottom:5px
}
.shadetabs li a:visited{
/*color: #fff;*/
}

.shadetabs li a:hover{
text-decoration: underline;
cursor: pointer;
/*color: #fff;*/
}

.shadetabs li.selected{
/*position: relative;
top: 3px;*/
background: url('shadeactive.gif') repeat-x top left;
}

.shadetabs li.selected a{ /*selected main tab style */
color: #2D2D2F;
background: url('shadeactive-left.gif') no-repeat top left;
cursor: pointer;
}
.shadetabs li.selected a span{
background: url('shadeactive-right.gif') no-repeat top right;
}

.shadetabs li.selected a:hover{ /*selected main tab style */
text-decoration: none;
}

.tabcontentstyle{ /*style of tab content oontainer*/
clear:left;
border: 1px solid black;
width: 590px;
margin: 0 5px 1em;
padding: 10px 20px !important;
/*padding: 10px 0px;*/
}

.tabcontent{
display:none;
clear: left;
padding-top: 10px;
padding: 10px;
color: #666;
}

.tabcontentimg {
    float: right;
    margin: 10px;
}
@media print {
.tabcontent {
display:block!important;
}
}