/* Style Sheet for Spinel DWT */
body     {background:  #FFFFFF; color: #333333; font-size: 8px; font-family: Verdana, Arial, sans-serif; }
h1       { color: #644729; font-family: Verdana, Arial, sans-serif; font-size: 13px; font-variant: small-caps; }
h2       { color: #666666; font-family: Verdana, Arial, sans-serif; font-size: 12px; font-variant: none; font-weight: bold; }
h3       { color: #012370; font-family: Verdana, Arial, sans-serif; font-size: 12px }
h4       { color: #333333; font-family: Verdana, Arial, sans-serif; font-size: 12px }
dl       { color: #000000; font-family: Verdana, Arial, sans-serif; font-size: 12px }
ol, ol ol, ol ol ol       { color: #644729; font-family: Verdana, Arial, sans-serif; font-size: 9pt }
ul, ul ul, ul ul ul       { color: #644729; font-family: Verdana, Arial, sans-serif; font-size: 9pt }
input 		{ color: #644729; font-family: Verdana, Arial, sans-serif; font-size: 90%; font-variant: small-caps; font-weight: normal; width: 150px}
input.btn 	{ color: #644729; font-family: Verdana, Arial, sans-serif; font-size: 85%; font-variant: small-caps; font-weight: normal; width: 150px;
			background-color:#FFFFFF; filter:progid:DXImageTransform.Microsoft.Gradient (GradientType=1,StartColorStr='#FFFFFF',EndColorStr='#E8E8E8');}

.left a:link    { color: #021746; text-decoration: none }
.left a:active  { color: #CCCCCC; text-decoration: none; }  
.left a:visited { color: #021746; text-decoration: none; }  
.left a:hover   { color: #644729;  text-decoration: none; border-bottom: 1px dashed #644729; } 

.leftside a:link    { color: #021746; text-decoration: none }
.leftside a:active  { color: #CCCCCC; text-decoration: none; }  
.leftside a:visited { color: #021746; text-decoration: none; }  
.leftside a:hover   { color: #644729;  text-decoration: none; border-bottom: 1px dashed #644729; } 

.top a:link    { color: #FFFFFF; text-decoration: none; }
.top a:active  { color: #CCCCCC; text-decoration: none; }  
.top a:visited { color: #FFFFFF; text-decoration: none; }  
.top a:hover   { color: #1C6381; text-decoration: none; } 

.topmenu a:link    { color: #644729; text-decoration: none; }
.topmenu a:active  { color: #CCCCCC; text-decoration: none; }  
.topmenu a:visited { color: #644729; text-decoration: none; }  
.topmenu a:hover   { color: #012370; text-decoration: none; border-bottom: 1px solid #012370; } 

.topmenu2 a:link    { color: #644729; text-decoration: none; }
.topmenu2 a:active  { color: #CCCCCC; text-decoration: none; }  
.topmenu2 a:visited { color: #644729; text-decoration: none; }  
.topmenu2 a:hover   { color: #012370; text-decoration: none; border-bottom: 1px solid #012370; } 

a:link    { color: #333333; text-decoration: none; }  
a:active  { color: #CCCCCC; text-decoration: none; }  
a:visited { color: #333333; text-decoration: none; }  
a:hover   { color: #644729; text-decoration: none; } 

HR { height: 1px; align: center; width: 75%; color: #644729; }

.left { background: #FFFFFF; color: #666666; font-size: 8pt; font-family: Verdana, Arial, Helvetica; line-height: 12px; }
.titlebar { background: #1C6381; color: #012370; font-size: 14px; font-weight: bold; text-decoration: none; font-family: Verdana, Arial, Helvetica; height: 22px;  }
.top { background: #000000; color: #FFFFFF; font-size: 10px; font-family: Verdana, Arial, Helvetica; height: 35px;}
.topright { background: #FFFFFF; color: #666666; font-size: 8pt; font-family: Verdana, Arial, Helvetica; line-height: 18px; padding-right: 8px; }
.bannertext { color: #644729; font-family: Verdana, Arial, sans-serif; font-size: 13px; font-variant: small-caps; font-weight: bold;}
.leftside { color: #000000; font-size: 11px; font-family: Verdana, Arial, Helvetica; line-height: 18px;  border-right: 1px solid #E8E8E8; }
.middle { background: #FFFFFF; color: #666666; font-size: 9pt; font-family: Verdana, Arial, Helvetica; border-right: 2px outset #644729; border-left: 1px inset #316412; border-top: 1px inset #316412; border-bottom: 2px outset #644729; }
.body { background: #FFFFFF; color: #666666; font-size: 8pt; font-family: Verdana, Arial, Helvetica; line-height: 12px; }
.rightside { background: #FFFFFF; color: #666; font-size: 11px; font-family: Verdana, Arial, Helvetica; line-height: 16px; border-left: 1px solid #E8E8E8; }
.rightsidecontent { background: #FFFFFF; color: #666666; font-size: 11px; font-family: Verdana, Arial, Helvetica; line-height: 16px; }
.products { background: #FFFFFF; color: #666666; font-size: 12px; font-family: Verdana, Arial, Helvetica;}
.productbox { background: #EFEFEF; color: #000000; font-size: 11px; text-decoration: none; font-family: Verdana, Arial, Helvetica; border: 1px solid #E8E8E8;  line-height: 14px; }
.productboxtop { background: #EFEFEF; color: #000; font-size: 11px; font-weight: normal; font-family: Verdana, Arial, sans-serif; border: 1px solid #EFEFEF; }
.textbox { background: #E8E8E8; color: #333333; font-size: 11px; text-decoration: none; font-family: Verdana, Arial, Helvetica; border: 1px solid #6A848D;  line-height: 15px; }
.textboxtop { background: #1C6381; color: #FFFFFF; font-size: 11px; font-weight: bold; text-decoration: none; font-family: Verdana, Arial, Helvetica; border: 1px solid #6A848D;  }
.topmenu { background: #E8E8E8; color: #1C6381; font-size: 10px; font-family: Verdana, Arial, Helvetica; height: 20px; border-top: 2px solid #1C6381; }
.topmenu2 { background: #FFF; color: #1C6381; font-size: 10px; font-family: Verdana, Arial, Helvetica; height: 20px; }
.bottom { background: #E8E8E8; color: #1C6381; font-size: 10px; font-family: Verdana, Arial, Helvetica; height: 26px; border-bottom: 2px solid #1C6381; padding-top: 5px; }