/*Datahost stylesheet*/


body {font-family: verdana, arial, helvetica, sans-serif; font-size: 11px; line-height: 1.5em; color: #333333;}

/*Here are some very useful options you may want to add to your styles and the choices for each option:

font-style: normal, italic, oblique

font-weight: instead of just putting "bold", you can assign a value from 100 to 900 (in jumps of 100). 400 is the normal weight. Doesn't work on all fonts

font-variant: small-caps

text-transform: uppercase, lowercase, capitalize (makes an initial cap), none

text-indent: 10px (would indent the first line 10 px)

line-height: 1.5em (this adds space between lines of text. You can specify in ems or percentages. I am going to add this to td style: if you don't want a style to use it, add a line-height of 1 em)

list-style-type: disc, square, circle, decimal, lower-roman, upper-roman, lower-alpha, upper-alpha, none. (I'm adding this to list style)

list-style-position: inside, outside (with outside text won't wrap under bullet--woo hoo! I'm adding this to list style)

list-style-image: if you want to use an image for a style just put the link to the image

*/


/*The non-span styles.*/

/* Note: All styles will use td b and links info unless specified differently in a particular style*/

a:link {color: #993399; text-decoration: underline;}
a:visited {color: #993399; text-decoration: underline;}
a:active {color: #993399; text-decoration: none;}
a:hover {color: #669900; text-decoration: none;}

td {font-family: verdana, arial, helvetica, sans-serif; font-size: 11px; line-height: 1.5em; color: #333333;}


p {font-family: verdana, arial, helvetica, sans-serif; font-size: 11px; line-height: 1.5em; color: #333333;} 

th {  font-family: verdana, arial, helvetica, sans-serif; font-size: 11px; line-height: 1.2em; color: #669900}


h1 {  margin-bottom: 12px; font-family: verdana, Arial, Helvetica, sans-serif; font-weight: 400; font-size: 24px; line-height: 1em; color: #669900}


h2 {  margin-bottom: 6px; font-weight: 400; font-size: 17px; line-height: 1 em; color: #669900}


h3 {  margin-bottom: 2px; font-weight: 400; font-size: 14px; line-height: 1.5 em; color: #669900}


h4 {  margin-bottom: 8px; margin-top: 0px; font-weight: 600; font-size: 13px; line-height: 1.5 em; color: #669900}


ul {margin-top: 4;}

li {  font-size: 11px; line-height: 1.5em; list-style-type: square; list-style-position: outside; color: #333333}

blockquote {font-size: 11px; line-height: 1.5em;}

form {margin-bottom: 0; margin-top: 0;}

input {margin-bottom: 2; margin-top: 2;}



/*Span text styles*/


.small {  font-size: 10px; line-height: 1.5em; color: #333333; text-decoration: none;}

.small A    {color: #993399;text-decoration: underline;}

.small A:hover  {color: #669900;text-decoration: underline;}


.intro {  font-size: 11px; line-height: 2em; color: #333333; text-decoration: none;}

.intro A    {color: #993399;text-decoration: none;}

.intro A:hover  {color: #669900;text-decoration: underline;}


.testimonials {  font-size: 11px; font-style: italic; line-height: 1.5em; color: #333333; text-decoration: none;}

.testimonials A    {color: #993399;text-decoration: none;}

.testimonials A:hover  {color: #669900;text-decoration: underline;}



.highlight {font-size:15px; font-weight: bold; color: #669900; text-decoration: none;}

.highlight A    {color: #ff6600;text-decoration: underline;}

.highlight A:hover  {color: #0033cc;text-decoration: underline;}


.catblurb {  font-family: verdana,Arial, Helvetica, sans-serif; font-size: 12px; color: #c183440; text-decoration: none;}

.catblurb A    {color: #c18344;text-decoration: underline;}

.catblurb A:hover  {color: #c18344;text-decoration: underline;}



.blurb1 {  font-family:verdana,Arial, Helvetica, sans-serif; font-size: 12px; color: #c18344; font-weight:normal; text-decoration: none;}

.blurb1 A    {color: #000000;text-decoration: underline;}

.blurb1 A:hover  {color: #c18344;text-decoration: underline;}



.blurb2 {  font-family:verdana,Arial, Helvetica, sans-serif; font-size: 12px; color: #c18344; font-weight:normal; text-decoration: none;}

.blurb2 A    {color: #c18344;text-decoration: underline;}

.blurb2 A:hover  {color: #c18344;text-decoration: underline;}



.instructions {  font-family: verdana,Arial, Helvetica, sans-serif; font-size: 11px; line-height: 1.5em; color: #ff0000; text-decoration: none; font-weight:bold;}

.instructions A    {color: #ff6600;text-decoration: underline;}

.instructions A:hover  {color: #0033cc;text-decoration: underline;}


.message {  font-family:verdana,Arial, Helvetica, sans-serif; font-size: 14px; color: #c18344; font-weight:normal; text-decoration: none;}

.messageA    {color: #c18344;text-decoration: underline;}

.message A:hover  {color: #000000;text-decoration: underline;}




/*Links and linked lists*/


.navlinks1 {  font-size: 11px; line-height: 1em; color: #993399; text-decoration: none;}

.navlinks1 A    {color: #993399;text-decoration: none;}

.navlinks1 A:visited {color: #993399; text-decoration: none;}

.navlinks1 A:hover  {  color: #ffffff;text-decoration: none;}



.navlinks2 {  color: #993399; font-weight:bold; font-size: 12px; line-height: 3em; text-decoration: none;}

.navlinks2 A    {  color: #993399;text-decoration: none;}

.navlinks2 A:visited {text-decoration: none;}

.navlinks2 A:hover  {  color: #669900;text-decoration: none;}



.footerlinks {  color: #c18344; font-weight:bold; font-family: verdana, Arial,Geneva,sans-serif;font-size: 12px;text-decoration: none;}

.footerlinks A    {  color: #c18344;text-decoration: none;}

.footerlinks A:hover  {  color: #000000;text-decoration: none;}


.insertlist1 {  font-family: verdana,Arial, Helvetica, sans-serif; font-size: 11px; line-height: 1.3em; color: #ff0000; text-decoration: none;}

.insertlist1 A    {text-decoration: underline;}

.insertlist1 A:hover  {text-decoration: underline;}



.insertlist2 {  font-family: verdana,Arial, Helvetica, sans-serif; font-size: 12px; color: #000000; text-decoration: none;}

.insertlist2 A    {color: #000000;text-decoration: underline;}

.insertlist2 A:hover  {color: #c18344;text-decoration: underline;}


.youarehere {  color: #c18344; font-weight:bold; font-family: verdana, Arial,Geneva,sans-serif;font-size: 12px;text-decoration: none;}

.youarehere A    {  color: #c18344;text-decoration: underline;}

.youarehere A:hover  {  color: #000000;text-decoration: underline;}


.datahost {  color: #660033; font-weight:normal; font-family: verdana, Arial,Geneva,sans-serif;font-size: 12px;text-decoration: none;}

.datahost A    {  color: #660033;text-decoration: underline;}

.datahost A:hover  {  color: #000000;text-decoration: underline;}



#site_navigation {
 width: 125px;
}
 
#site_navigation ul {
 margin: 0;
 padding: 0;
 text-align: left;
}
 
#site_navigation li {
 list-style: none;
 color: #993399;
 font-size: 12px;
 line-height: 1.2em;
 margin-bottom: 6px;
}
 
#site_navigation li a:link, #site_navigation li a:visited {
 display: block;
 color: #993399;
 text-decoration: none;
 padding: 5px 5px;
}
 
#site_navigation li a:hover {
 color: #669900;
 text-decoration: none;
}



/*Category and product names*/


.catname1 {  font-family: verdana, Arial, Helvetica, sans-serif; font-size: 20px; color: #3399ff; text-decoration: none; font-weight:bold;}

.catname1 A    {color: #ff6600;text-decoration: underline;}

.catname1 A:hover  {color: #0033cc;text-decoration: underline;}



.catname2 {  font-family: verdana, Arial, Helvetica, sans-serif; font-size: 20px; color: #990000; text-decoration: none; font-weight:bold;}

.catname2 A    {color: #990000;text-decoration: underline;}

.catname2 A:hover  {color: #990000;text-decoration: underline;}



.subcatname1 {  font-family: verdana,Arial, Helvetica, sans-serif; font-size: 24px; color: #0033cc; font-weight: bold; text-decoration: none;}

.subcatname1 A    {color: #000000;text-decoration: underline;}

.subcatname1 A:hover  {color: #c18344;text-decoration: underline;}



.productname1 {  font-family: verdana,Arial, Helvetica, sans-serif; font-size: 13px; line-height: 1em; color: #000000; text-decoration: none; font-weight:bold;}

.productname1 A    {color: #ff6600;text-decoration: none;}

.productname1 A:hover  {color: #0033cc;text-decoration: none;}



.productname2 {  font-family: verdana,Arial, Helvetica, sans-serif; font-size: 14px; line-height: 1em; color: #669900; text-decoration: none; font-weight:bold;}

.productname2 A    {color: #fff5c2;text-decoration: underline;}

.productname2 A:hover  {color: #fff5c2;text-decoration: underline;}




/*Footer name and text*/


.footername {  color: #ffcc66; font-weight:bold; font-size: 11px;line-height: 1.5em; text-decoration: none;}

.footername A    {  color: #ff0000;text-decoration: none;}

.footername A:hover  {  color: #0033cc;text-decoration: none;}



.footertext {  color: #ffffff; font-size: 11px;line-height: 1.5em; text-decoration: none;}

.footertext A    {  color: #ffccff;text-decoration: underline;}

.footertext A:hover  {  color: #ffffff;text-decoration: underline;}

.footertext A:visited {color: #ffccff; text-decoration: underline;}


.footertext2 {  color: #cc99cc; font-size: 9px;line-height: 1.2em; text-decoration: none;}

.footertext2 A    {  color: #cc99cc;text-decoration: underline;}

.footertext2 A:hover  {  color: #cc99cc;text-decoration: none;}

.footertext2 A:visited {color: #cc99cc; text-decoration: underline;}


/*Other*/


.fancybutton {background: #adbd80; color: rgb(255,255,255);font-style: normal; font-variant: normal; font-family: verdana, verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color:#ffffff;}



.fancybutton2 {background: #adbd80; color: rgb(255,255,255);font-style: normal; font-variant: normal; font-family: verdana, verdana, Arial, Helvetica, sans-serif; font-size: 10px; font-weight: bold; color:#FFFFFF;}