/* ######### Style for Tab Interface itself ######### */

.shadetabs   { margin-bottom: 1em; margin-left: 65px; z-index: 99 }

.shadetabs ul { font: bold 10px Verdana; text-align: left; list-style-type: none; margin-top: 1px; margin-bottom: 0; margin-left: 0; padding: 3px 0 }

.shadetabs li{
display: inline;
margin: 0;
}

.shadetabs li a{
text-decoration: none;
padding: 3px 7px;
margin-right: 3px;
border: 1px solid #778;
color: #2d2b2b;
background: white url(shade.gif) top left repeat-x; /*THEME CHANGE HERE*/
}

.shadetabs li a:visited{
color: #2d2b2b;
}

.shadetabs li a:hover{
text-decoration: underline;
color: #2d2b2b;
}

.shadetabs li.selected{
}

.shadetabs li.selected a{ /*selected main tab style */
background-image: url(shadeactive.gif); /*THEME CHANGE HERE*/
border-bottom-color: white;
}

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

/* ######### Style for Drop Down Menu ######### */

.dropmenudiv { font: 12px/18px Verdana; background-color: #336; visibility: hidden; position: absolute; z-index: 99; top: 0; width: 200px; border-style: solid; border-width: 0 1px; border-color: #918d8d }


.dropmenudiv a  { color: white; font-size: 10px; font-weight: bold; text-decoration: none; text-indent: 3px; display: block; padding: 2px 0; width: auto; border-bottom: 1px solid #918d8d }

* html .dropmenudiv a{ /*IE only hack*/
width: 100%;
}

.dropmenudiv a:hover  { background-color: #669 }

/* ######### Style for Popup Tooltips ######### */

#dhtmltooltip{
position: absolute;
left: -300px;
width: 150px;
border: 1px solid black;
padding: 2px;
background-color: lightyellow;
visibility: hidden;
z-index: 100;
/*Remove below line to remove shadow. Below line should always appear last within this CSS*/
filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135);
}

#dhtmlpointer{
position:absolute;
left: -300px;
z-index: 101;
visibility: hidden;
}

/* ######### Style for Rest Of Site ######### */
.brownlarge { color: #300; font-size: 32px; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif }
.brownsmall { color: #300; font-size: 20px; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif }
.browntext { color: #300; font-size: 14px; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif }
.blacktext { color: black; font-size: 14px; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif }
.blacktextBold  { color: black; font-size: 14px; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; font-weight: bold }
.blacktextBoldItalic { color: black; font-size: 14px; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; font-style: italic; font-weight: bold }
.blackHeadline { color: black; font-size: 22px; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; font-weight: bold }
.blacktextItalic { color: black; font-size: 14px; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; font-style: italic }
.brownlargeBold { color: #300; font-size: 32px; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; font-weight: bold }
.brownsmallBold { color: #300; font-size: 20px; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; font-weight: bold }
.brownFAQbold { color: #600; font-size: 16px; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; font-weight: bold }
.graysmallBold  { color: #666; font-size: 12px; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; font-weight: bold }
.graysmallBold a  { color: #666; font-size: 12px; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; font-weight: bold }
a { color: #339; text-decoration: underline }
.bluehead { color: navy; font-size: 26px; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; font-weight: bold; text-transform: capitalize }
.productcategoryhead  { color: navy; font-size: 20px; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; font-variant: small-caps; font-weight: bold; text-transform: capitalize }
.productcategoryhead a  { color: navy; font-size: 20px; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; font-variant: small-caps; font-weight: bold; text-decoration: none; text-transform: capitalize }
.productcategoryhead a:visited  { color: navy; font-size: 20px; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; font-variant: small-caps; font-weight: bold; text-decoration: none; text-transform: capitalize }
.productcategoryhead a:hover  { color: navy; font-size: 20px; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; font-variant: small-caps; font-weight: bold; text-decoration: underline; text-transform: capitalize }