#theNav {
	position: absolute;
	top: 4px;
	left: 136px;
	z-index: 100;

}

.utilnav {
	font-family: garamond;
	font-size: 10pt;
	line-height: 20pt;
	color: #F9F6F0;
	text-decoration: none;
	text-transform: lowercase;
}
.utilnav:HOVER {
	font-family: garamond;
	font-size: 10pt;
	line-height: 20pt;
	color: #F9F6F0;
	text-decoration: underline;
	text-transform: lowercase;
}


.store_title {
	font-family: verdana;
	font-size: 12px;
	font-weight: bold;
	line-height: 21px;
	color: #000000;
	text-decoration: none;
}

.store_header {
	font-family: verdana;
	font-size: 12px;
	color: #804109;
	text-decoration: none;

}

.text10 {
	font-family: verdana;
	font-size: 12px;
	line-height: 21px;
	color: #000000;
	text-decoration: none;
}

.text10:hover {
	font-family: verdana;
	font-size: 12px;
	line-height: 21px;
	color: #000000;
	text-decoration: none;
}

.text10brown {
	font-family: verdana;
	font-size: 12px;
	color: #804109;
	text-decoration: none;

}
.text10grey {
	font-family: verdana;
	font-size: 12px;
	color: #CCCCCC;
	text-decoration: none;

}
.text10bold {
	font-family: verdana;
	font-size: 12px;
	font-weight: bold;
	line-height: 21px;
	color: #000000;
}
.text10under {
	font-family: verdana;
	font-size: 12px;
	line-height: 21px;
	color: #000000;
	text-decoration: underline;
}
.text10boldshort {
	font-family: verdana;
	font-size: 12px;
	font-weight: bold;
	line-height: 14px;
	color: #000000;
}
.text10italic {
	font-family: verdana;
	font-size: 12px;
	font-style: italic;
	line-height: 21px;
	color: #000000;
}
.text10brownbold {
	font-family: verdana;
	font-size: 12px;
	font-weight: bold;
	line-height: 21px;
	color: #804109;
	text-decoration: none;

}
.text10purplebold {
	font-family: verdana;
	font-size: 12px;
	font-weight: bold;
	color: #533A61;
	text-decoration: none;

}
.text12 {
	font-family: verdana;
	font-size: 14px;
	line-height: 22px;
	color: #000000;
}
.text12bold {
	font-family: verdana;
	font-size: 14px;
	line-height: 22px;
	font-weight: bold;
	color: #000000;
}
.link10 {
	font-family: verdana;
	font-size: 12px;
	line-height: 14px;
	color: #000000;
	text-decoration: none;

}
.link10:HOVER {
	font-family: verdana;
	font-size: 12px;
	line-height: 14px;
	font-weight: bold;
	color: #000000;
	text-decoration: none;

}
.link10brownunder {
	font-family: verdana;
	font-size: 12px;
	color: #804109;
	text-decoration: underline;

}
.jumpU {
	font-family: verdana;
	font-size: 12px;
	color: #804109;
	text-decoration: underline;

}
.link10brownunderbold {
	font-family: verdana;
	font-size: 12px;
	font-weight: bold;
	color: #804109;
	text-decoration: underline;

}
.link10brownunderboldshort {
	font-family: verdana;
	font-size: 12px;
	font-weight: bold;
	line-height: 14px;
	color: #804109;
	text-decoration: underline;

}


.textBox {
	font-family: arial;
	font-size: 12px;
	color: #4A403E;
	text-decoration: none;
}

.textBox:HOVER {
	font-family: arial;
	font-size: 12px;
	color: #4A403E;
	text-decoration: none;
}

.nav {
	font-family: times;
	font-size: 8px;
	color: #000000;
	line-height: 9px;
	letter-spacing: 1px;
	text-decoration: none;

}
.nav:HOVER {
	font-family: times;
	font-size: 8px;
	color: #804109;
	line-height: 9px;
	letter-spacing: 1px;
	text-decoration: none;

}

.textBlock {
	font-family: verdana;
	font-size: 12px;
	color: #000000;
	line-height: 21px;
}

.bigAnchor {
	font-family: verdana;
	font-size: 18px;
	color: #804109;
	text-decoration: none;

}
.bigAnchor:HOVER {
	font-family: verdana;
	font-size: 18px;
	color: #CCCCCC;
	text-decoration: none;

}

.credit {
	font-family: verdana;
	font-size: 12px;
	color: #CCCCCC;
	text-decoration: none;
}
.credit:HOVER {
	font-family: verdana;
	font-size: 12px;
	color: #804109;
	text-decoration: none;
}

#brownArrow {
	font-family: arial;
	font-size: 12px;
	color: #804109;
	text-decoration: none;


}

#theBottle {
	position: absolute;
	top: 86px;
	left: 624px;

}
#theBottle2 {
	position: absolute;
	top: 65px;
	left: 138px;

}
#textBox1 {
	position: absolute;
	top: 213px;
	left: 400px;

}
#textBox2 {
	position: absolute;
	top: 283px;
	left: 400px;

}
#textBox3 {
	position: absolute;
	top: 352px;
	left: 400px;
}

.bodytext { font-size: 10pt; font-family: Arial, Helvetica, sans-serif; color: #000000; line-height: 125%; left: 0px; clip:     rect(   ); text-indent: 0pt; padding-right: 40px; list-style-position: outside; list-style-type: none; list-style-image: url(assets/motif_bullet.gif); font-weight: normal; padding-left: 10px}

.header {  font-family: Arial, Helvetica, sans-serif; font-size: 16px; font-weight: bold; line-height: 150%; color: #000000; font-style: normal}

.menu {  font-family: Helvetica, sans-serif; font-size: 10pt; line-height: 110%; font-weight: normal; color: #000000}

.story {  font-family: "Times New Roman", Times, serif; font-size: 10pt; font-style: normal; line-height: 95%; color: #000000}

.store_menu { font-family: "Times New Roman", Times, serif; font-size: 11px; line-height: 110%; font-weight: normal; color: #000000 }

.store_bodytext { font-size: 10pt; font-family: Arial, Helvetica, sans-serif; color: #000000; font-style: normal; line-height: normal}

.store_title { font-style: ; font-size: 10pt; font-family: Arial, Helvetica, sans-serif; font-weight: bold ; color: #3366CC}

.footertext {  font-family: Arial, Helvetica, sans-serif; color: #000000; font-size: 10pt; font-style: normal; line-height: normal}

.form_info {  font-family: Arial, Helvetica, sans-serif; color: #000000; font-size: 9pt; font-style: normal; line-height: normal; font-weight: normal;}

.header {

	FONT-SIZE: 14pt; COLOR: #000000; FONT-FAMILY: arial, helvetica

}

.td {

	FONT-WEIGHT: bold; FONT-SIZE: 10px; COLOR: #191970; FONT-FAMILY: verdana, arial, geneva

}

A {
	font-family: verdana;
	font-size: 12px;
	line-height: 14px;
	color: #804109;
	text-decoration: none;

}

A:HOVER {
	font-family: verdana;
	font-size: 12px;
	line-height: 14px;
	color: #804109;
	text-decoration: underline;

}

.title {  font-family: Arial, Helvetica, sans-serif; font-size: 16px; font-style: normal; line-height: 150%; font-weight: bold; text-transform: none; color: #314257; padding-left: 10px}
.caption { font-size: 9pt; font-family: Arial, Helvetica, sans-serif; color: #000000; line-height: normal; left: 0px; clip: rect( ); text-indent: 0pt; padding-right: 40px; list-style-position: outside; list-style-type: none; list-style-image: url(assets/motif_bullet.gif); font-weight: normal; padding-left: 10px }
.store_header { font-family: Arial, Helvetica, sans-serif; font-size: 16px; font-style: normal; line-height: 150%; font-weight: bold; text-transform: none; color: #314257; padding-left: 10px }
.quote { font-size: 14px; font-family: "Times New Roman", Times, serif; color: #cc9900; line-height: normal; left: 0px; clip: rect( ); text-indent: 0pt; padding-right: 40px; list-style-position: outside; list-style-type: none; list-style-image: url(assets/motif_bullet.gif); font-weight: normal; padding-left: 10px ; font-style: normal}




/* copied here from /storenew/css/base.css */

/* common stuff
------------------------------------------------- */
em, strong { font-weight:bold }

.ml_clear { clear:both }
.ml_right { text-align:right !important }
.ml_left { text-align:left !important }
.ml_center { text-align:center !important }
.ml_top { vertical-align:top !important}
.ml_odd { background-color: #eaeaea }
.ml_even { background-color: white }
/* .ml_highlighted { background-color:#ffffcc }
.ml_nowrap { white-space:nowrap }
.ml_alert { color:red; font-weight:bold }
.ml_hidden { display:none }

.ml_button { border:1px solid silver; background-color:#eaeaea }

#ml_cartWrapper { width:550px }

.ml_widget { border:2px solid silver; width:100%; margin-bottom: 10px; }*/
.ml_widget { border-left:0px solid silver; border-right:0px solid silver }
.ml_widget .ml_wrapper { padding:10px }
.ml_widget h1 { background-color:silver; font-size:1.2em; font-weight:bold; line-height:1.5em; padding-left:4px; color:black }
.ml_widget h2 { font-size:1.1em; font-weight:bold; padding-bottom:12px }
.ml_widget label { padding-right:10px }

.ml_subWidget h2 { font-size:1.1em; font-weight:bold; padding-bottom:12px }
.ml_subWidget label { padding-right:10px }

table.ml_cartItems th,
table.ml_cartItems td { padding:4px; }
table.ml_cartItems th { font-weight:bold }

#ml_cartItems #ml_itemView #ml_nav { border:1px solid silver; padding:5px; text-align:center; margin-top:20px; background-color:#eaeaea }

 #ml_checkout { margin:auto; text-align:left; border-bottom:1px solid silver } /*height:280px; width:400px  }*/
 #ml_checkout .tab { background-color: #eee; text-align:left; font-weight:bold; padding:4px; border:1px solid silver; border-bottom:none }
 #ml_checkout .panel { height: 325px; overflow:auto; }
 #ml_checkout a.link,
 #ml_checkout a.link:link,
 #ml_checkout a.link:visited,
 #ml_checkout a.link:hover,
 #ml_checkout a.link:active { font-weight:bold; display:block; text-decoration:none }
 #ml_checkout .selected a:link, 
 #ml_checkout .selected a:visited, 
 #ml_checkout .selected a:hover, 
 #ml_checkout .selected a:active { color:green; }
/*#ml_checkout .selected a:active { background: #ddd; color: #222; display: block }*/

/* TODO 2: consolidate this and ml_checkout: they're copies, just need this one for the Order Received panel */
 #ml_checkout2 { margin:auto; text-align:left; border-bottom:1px solid silver } /*height:280px; width:400px  }*/
 #ml_checkout2 .tab { background-color: #eee; text-align:left; font-weight:bold; padding:4px; border:1px solid silver; border-bottom:none }
 #ml_checkout2 .panel { height: 325px; overflow:auto; }
 #ml_checkout2 a.link,
 #ml_checkout2 a.link:link,
 #ml_checkout2 a.link:visited,
 #ml_checkout2 a.link:hover,
 #ml_checkout2 a.link:active { font-weight:bold; display:block; text-decoration:none }
 #ml_checkout2 .selected a:link, 
 #ml_checkout2 .selected a:visited, 
 #ml_checkout2 .selected a:hover, 
 #ml_checkout2 .selected a:active { color:green; }


/* for product pages (copied from /storenew/css/product.css)
---------------------------------------------------------------------------------*/
 #ml_miniCart { border:0px solid silver; padding:10px; display:inline }
 .transferer1 { border: 1px solid silver; }