/*Datahost stylesheet*/

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

a:link {color: #000099; text-decoration: none;}
a:visited {color: #333399; text-decoration: none;}
a:active {color: #333399; text-decoration: underline;}
a:hover {color: #330066; text-decoration: none;}

/*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 (useful when you want your headers to be not bold). 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 body info unless specified differently in a particular style*/



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


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

th {  font-family: verdana, arial, helvetica, sans-serif; font-size: 12px; font-weight: bold; line-height: 1em; color: #000000}


h1 {  margin-bottom: 8px; font-size: 24px; font-weight: bold; line-height: 1.1em; color: #006699}


h2 {  margin-bottom: 8px; margin-top: 0px; font-size: 22px; font-weight: bold; line-height: 1.1 em; color: #006699}


h3 {  margin-bottom: 2px; margin-top: 0px; font-size: 14px; font-weight: 600; line-height: 1.5 em; color: #006699}


h4 {  margin-bottom: 8px; font-size: 20px; font-weight: 400; line-height: 1.2 em; color: #cc0000}


li {  font-family: verdana, arial, helvetica, sans-serif; font-size: 11px; line-height: 1.5em; list-style-type: square; list-style-position: outside; color: #000000}

input {margin-top: 0px; margin-bottom: 0px; margin-left: 0px;}

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


/*Span text styles*/

.featuredtitle {
	color: #006699;
	font-size: 13px;
	line-height: 1.2em;
	font-weight: bold;
}

.featuredtext {
	font-size: 11px;
	line-height: 1.2em;
}

.vacation {
	font-size: 16px;
	font-weight: bold;
	text-align: center;
	color: #f93400;
}

.vacationsmall {
	font-size: 11px;
	font-weight: bold;
	color: #f93400;
	text-align: center;
}

#navigation {
	width: 174px;
	margin: 0 auto;
}

#navigation ul {
	margin: 0px;
	padding: 0px;
	background: #fff url(images/menu_bg.gif) top left repeat-y;
	text-align: center;
}

#navigation li {
	list-style: none;
	margin: 0;
	font-size: 12px; 
	line-height: 1.8em; 
	font-weight: bold; 
	color: #006699;
}

#navigation li a:link, #navigation a:visited {
	color: #006699;
	text-decoration: none;
}

#navigation li a:hover {
	color: #5e2894;
	text-decoration: none;
}

.multiheader {
	font-size: 14px;
	font-weight: bold;
	margin-top: 10px;
	color: #006699;
}
	

.small {  font-size: 10px; line-height: 1em; color: #000000;}

.small A    {text-decoration: underline;}

.small A:visited {text-decoration: underline;}

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


.intro {  font-size: 13px; line-height: 1.5em; color: #000000;}

.intro A    {text-decoration: underline;}

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



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

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

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


.catblurb {  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-size: 11px; color: #000000; font-weight:normal; text-decoration: none;}

.blurb1 A    {text-decoration: underline;}

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



.blurb2 {  font-size: 12px; color: #000000; font-weight:normal; text-decoration: none;}

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

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


.viewcart {  font-size: 12px; color: #000000; font-weight:bold; text-decoration: none;}

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

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



.instructions {font-size: 11px; color: #000000; text-decoration: none; font-weight:bold;}

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

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


.message {font-size: 14px; color: #c18344; font-weight:normal; text-decoration: none;}

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

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


.wholesale {font-size: 12px; color: #ff0000; font-weight:normal; text-decoration: none;}

.wholesale A    {color: #ff0000;text-decoration: underline;}

.wholesale A:hover  {color: #ff0000;text-decoration: underline;}



/*Links and linked lists*/

.navmenu {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; line-height: 1.8em; font-weight: bold; color: #006699;}

.navmenu A {color:#330066; text-decoration: none}

.navmenu A:visited {color: #006699; text-decoration: none;}

.navmenu A:hover {color: #330066; text-decoration: underline;}



.navlinks1 {font-size: 12px; color: #006699; line-height: 1.75em; font-weight: bold; text-decoration: none;}

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

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

.navlinks1 A:hover  {color: #330066;text-decoration: underline;}



.navlinks2 {  color: #000099; font-size: 12px;text-decoration: underline;}

.navlinks2 A    {  color: #000099;text-decoration: underline;}

.navlinks2 A:hover  {  color: #cc0000;text-decoration: underline;}



.footerlinks {color: #000000; font-size: 10px;text-decoration: none;}

.footerlinks A {text-decoration: underline;}

.footerlinks A:visited {text-decoration: underline;}

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



.insertlist1 { font-size: 11px; color: #339900; text-decoration: none;}

.insertlist1 A    {color: #333399;text-decoration: underline;}

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



.insertlist2 { 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-size: 12px;text-decoration: none;}

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

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


.errormessage {color: #FF0000; font-weight:bold; font-size: 12px;text-decoration: none;}


/*Category and product names*/


.catname1 {font-size: 26px; color: #cc0000; text-decoration: none; }

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

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



.catname2 { 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-size: 12px; color: #000000; text-decoration: none;}

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

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



.productname1 {font-size: 14px; color: #330066; font-weight: bold; text-decoration: none; }

.productname1 A    {text-decoration: underline;}

.productname1 A:hover  {color:#330033;text-decoration: underline;}



.productname2 {font-size: 12px; color: #330066; text-decoration: none; font-weight:bold;}

.productname2 A    {text-decoration: underline;}

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


.productname3 {font-size: 12px; color: #000000; text-decoration: none; }
.productname3 A    {text-decoration: underline;}

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




/*Footer name and text*/


.footername {  color: #ff0033; font-weight:bold; font-family: verdana, Arial,Geneva,sans-serif;font-size: 11px;text-decoration: none;}

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

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



.footertext {color: #000000; font-family: verdana, Arial, Geneva, sans-serif; font-size: 11px;}

.footertext A {text-decoration: underline;}

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

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




/*Other*/


/*Cart pages and shipping*/

.steps {
	display: inline;
	width: 100px;
	color: #666;
	margin-right: 8px;
	padding-right: 0px;
	text-align: left;
}

.stepson {
	display: inline;
	width: 100px;
	color: #333;
	margin-right: 8px;
	padding-left: 15px;
	background: #fff url(images-mm/cart_arrow.gif) left center no-repeat;
	font-weight: bold;
	text-align: left;
}



table.price_table th {
	background-color: #ff7fba;
	color: #000000;
	list-style-type: disc;
	list-style-position: inside;
	border: outset,#ff7fba,1px;
	font-weight: bold;
	font-size: 10;
}

table.price_table td {
	background-color: #ffffff;
	border-style: outset #D1D1CD 1px;
}


table.pmt_table th {
	background-color: #b6b6dd;
	color: #000000;
	list-style-type: disc;
	list-style-position: inside;
	border: outset,#b6b6dd,1px;
	font-weight: bold;
	font-size: 10;
}

table.pmt_table td {
	background-color: #ffffff;
	border-style: outset #D1D1CD 1px;
}

.label {  font-size: 11px; line-height: 1.2em; font-weight: bold; color: #333333;}

.attribute {  font-size: 11px; line-height: 1.2em; color: #333333;}


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



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

/*gift certificate styles*/
 
.certificate { 
	width: 500px;
	margin: 20px auto;
	padding: 10px; 
	border: 1px solid #9b0075; 
	background-color: #fff; 
}
 
.certificate h2 {
	margin-top: 0px;
}
 
.certificate td { padding: 5px; }
 
table.gc_cell {
	width: 150px;
	height: 120px;
	background: #9b0075;
	text-align: center;
	margin-bottom: 5px;
}
 
table.gc_cell td {
	vertical-align: middle;
	padding: 5px;
	height: 50%;
	color: #fff;
	font-size: 16px;
	font-weight: bold;
}
 
table.gc_cell h2 {
	font-family: Georgia, serif;
	font-weight: bold;
	color: #fff;
}
 
table.gc_cell h2.big {
	font-size: 40px;
}
 
table.gc_cell h2.small {
	font-size: 18px;
}