#content {
font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 12px;
	font-style: normal;
	line-height: normal;
	color: #000000;
}
.333 { color:#333333
}
.330 { color:#330000
}
.marginless{
margin:0 auto
}
.normal{
font-weight:normal;
font-size:12px;
}
.text {
	text-align:left;
	margin-left:8px;
	margin-right:8px;
	}
body {
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 12px;
	font-style: normal;
	line-height: normal;
	color: #666666;
	background-color:#D4D0C8;
	margin:0;
	padding:0;
	} 
.body-normal{
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 12px;
	font-style: normal;
	line-height: normal;
	color: #000000;
	background-color:#FFFFFF;
	margin:0;
	padding:0;
}
/* The following styles buttons without using a class on each button.  There's a js function that controls this - it's in footer.php   THIS BECOMES USELESS when the entire site is template-driven (thie entry 12/26/08) */
.button{
background-color:#D4D0C8; 
color:#792739;
font-size:11px;
font-variant:small-caps;
font-weight:bold;
border-right: 1px #792739 outset;
border-bottom: 1px #792739 outset;
height:20px;
}	
.button_white{
background-color:#FFFFFF;
color:#792739;
border:1px #792739 outset;
height:20px;
}
.page_highlight{ 
color:#0000FF;
font-weight:bold;
}
.LBold { /* OBSOLETE use page_highlight, above */
color:#0000FF;
font-weight:bold; 
}

.backorder{ 
color:#0000FF;
font-weight:bold;
}
table{
	background-color:#FFFFFF;
	color:#666666;
	}
a:link {
	color:#792739;
	text-decoration: none;
	font-weight: bold;
	text-transform: none;
	}
a:visited {
	color:#792739;
	text-decoration: none;
	font-weight: bold;
	text-transform: none;
	}
a:hover, active, focus {
	color: #000000;
	text-decoration: underline;
	font-style: normal;
	font-weight:bold;
	}
a:active {
	color: #000000;
	text-decoration: underline;
	font-style: normal;
	font-weight:bold;
	}
a:focus {
	color: #000000;
	text-decoration: underline;
	font-style: normal;
	font-weight:bold;
	}

h1{
font-family:Arial, Helvetica, Verdana, sans-serif;
font-size:16px;
margin-top:0px;
margin-bottom:4px;
color:#666666;
}
h6 {
	font-weight: bold;
	color: #9900FF;
	font-family:Arial, Helvetica, Verdana, sans-serif;
	font-size:12px;
	}
td {
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 12px;
}
p {
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 12px;
}

.mainTable {
	border:4px outset #792739;
	border-collapse:collapse;
	border-color:#792739;
	}
.BO{ color:#999999}
.cartTable { border-color: #792739;	}
.contentsTable{
	border-collapse:collapse;
	border: #792739 solid 1px;
	width: 150px;
	border-bottom:white 0px none;
}
.sides{ padding-left:8px;
		padding-right:5px
	}
.spyglass {margin-left:-10px;}

.pricelist {color:#792739;text-align:right;} 
.select-normal{color:#000000;text-align:left;}


 /*watch the spelling below - this is correct - it's for maroon cells */
td#tdMarnue{ 
	background: url(/phase/menu-images/mmmenu1_209x66_up.gif) no-repeat; 
	color:#FFFFFF;
	border: solid #DDDDDD 1px;
	border-collapse:collapse;
	background-color:#792739;
	font-size:12px;
	text-align:center;
}
td#tdMarnue a:link{color:white;text-decoration:none;font-weight:bold}
td#tdMarnue a:visited{color:white;text-decoration:none;font-weight:bold}
td#tdMarnue a:active{color:white;text-decoration:none;font-weight:bold}
td#tdMarnue a:hover, focus{color:#FFFFBB; text-decoration:underline;} 
/* ************ */
/* following, td79 is used in header.php */
td#td79{ 
	background: url(/phase/menu-images/mmmenu1_209x66_up.gif) no-repeat;
	color:#FFFFFF;
	border: solid #DDDDDD 1px;
	border-collapse:collapse;
	background-color:#792739;
	font-size:12px;
	text-align:center;
	padding:0px;
}
td#td79 a:link {color:white;
text-decoration:none;
font-weight:normal;} 

td#td79 a:visited{color:white;text-decoration:none} 
td#td79 a:hover{
display: block;
color:#792739;
line-height:28px;
width:auto;
text-decoration:none;
background:#FFFFFF url(/phase/menu-images/mmmenu1_209x66_over.gif);
} 
td#td79 a:focus{color:#FFFFBB; font-wieght:bold;text-decoration:underline;} 
td#td79 a:active{color:#FFFFBB; text-decoration:underline;} 
/* end of td79 */
/* end of td79 */
/* end of td79 */

td#ivory{
background-color:#FFFFDD;
text-align:center;
border-bottom-color:#666666 solid 1px;
text-align:center;
}

.ivory{
background-color:#FFFFDD;
text-align:center;
border-bottom-color:#666666 solid 1px;
text-align:center;
}

#usps{
width:146px;
height:55px;
float:right;
background: transparent url(/graphics/usps.gif) top right no-repeat;
}
#usps p{
font-size:11px;
text-align:right;
margin-top:25px;
}
/* this redundant idiocy is here because it's necessary for the <p> to ALWAYS work */
p#usps{
font-size:11px;
text-align:right;
margin-top:25px;
}

td#usps{
vertical-align:bottom;
	width:146px;
	background: transparent url(/graphics/usps.gif) top right no-repeat;
	font: 75% Arial, Helvetica, Verdana, sans-serif;
	text-align: right;
	} 
td#toplogo{
	vertical-align:top;
	padding-left:3px;
	padding-top:3px;
	width:200px;
	height:37px;
	background: url(/images/pinkL200.jpg) left top no-repeat;
	background-color:#FFFFFF;
	}
td#title{
	vertical-align:bottom;
	text-align:center;
	font: bold 125% Arial, Helvetica, Verdana, sans-serif;
	padding-bottom:5px;
	background-color:#FFFFFF;
}
td#gift{
border-left-color:#999999 1px solid;
border-bottom:none;
border-right:none;
border-top:none;
}
td#topline{ border-top:#666666 solid 1px;}
td#bottomline{ border-bottom:#666666 solid 1px; }
td#leftline{ border-left:#666666 solid 1px; }
td#rightline{ border-right:#666666 solid 1px; }
td#tdWhite{
padding-left:2px;
border-collapse:collapse;
color:#000000;
border-top:#792739 solid 1px;
border-bottom:#792739 solid 1px;
font-family:Arial, Helvetica, Verdana sans-serif;
font-size:12px;
text-align:left;
}

.clearall {
	clear:both;
}

.hideme {
	display:none;
}

/* .addtocart {
background:url(../images/addtocart.jpg)
} */
.addtocart {
	background-color:#660000;
	border-bottom:4px groove #999999;
	border-right:4px groove #999999;
	color:#FFFFFF;
	font-weight:bold;
}