@charset "utf-8";

/* CSS Document */
/* * * * * * * * * * * * * * * * CSS ORGANIZATION * * * * * * * * * * * * * * * * /
/* See Organization Sheet in Notes folder of CSS folder */

/* COLORS

background/order 	yellow: #000000
text 				cream: 	#FFFFCC changed to #000000
background 			green:	#243c1a changed to #ffffff
hover 				green: 	#465e3c
border 				blue:	#C9CEDE
link				blue:	#8F99B8
error / important	red		#B70D1A

yellow:	screen background, button background, 
cream:	xx
green:	text in a button
blue:	hover background, link text, box border

*/
/* * * PRINT SPECIFC CSS * * */
.no_print{display:none;}
.break_after{page-break-after: always;}

/* * * * * * * * * * * * * ZERO VALUES FOR BROWSER COMPATIBILITY * * * * * */
body, h1, h2, h3, h4, h5, h6, p, ol, ul, form, blockquote{
	padding:0;
	margin:0;
}

h1, h2, h3, h4, h5, h6, pre, code {
	font-size:1em;
}

a {
	text-decoration:none;
}

a img {
	border:none;
}

.style_5{
	color:#ffffff;
	font-family: "Lucida Console", Monaco, monospace;
	font-size: 15px;
	font-size:1em;
	background-color:#000000;
	font-weight: bold;
	font-weight:normal;
}

/* * * * * * * * * * * * * PAGE LAYOUTS * * * * * * * * * * * * */

.sideQuote {
	/*	position:absolute; */
	text-align:left;
	font-size:.7em;
	left: 1em;
	/* border-top-width: thin;
	border-right-width: thin;
	border-bottom-width: thin;
	border-left-width: thin;
	border-top-style: solid;
	border-right-style: none;
	border-bottom-style: solid;
	border-left-style: none; */
	/*	bottom: -25em; */
	font-style: italic;
	margin-top: 3em;
}


/* * * * * * * * * * * * * ONE COLUMN LAYOUT * * * * * * * * * * * * */
#oneCol_container {
	margin:0 auto;
	text-align: left; /* this overrides the text-align: center on the body element. */
	background-color: #ffffff;
}
#oneCol_mainContent {
	margin:0;
	padding:1em;
}
#oneCol_container_with_border {
	width: 60em;
	margin:0 auto;
	text-align: left; /* this overrides the text-align: center on the body element. */
	background-color: #ffffff;
	border-bottom-width: thin;
	border-bottom-style: double;
	border-bottom-color: #000000;
}

#oneCol_detail_container {
	width:450px;
	text-align: left; /* this overrides the text-align: center on the body element. */
	background-color: #ffffff;
	border-top-width: thick;
	border-right-width: thick;
	border-bottom-width: thick;
	border-left-width: thick;
	border-top-style: double;
	border-right-style: double;
	border-bottom-style: double;
	border-left-style: double;
	border-top-color: #ffffff;
	border-right-color: #ffffff;
	border-bottom-color: #ffffff;
	border-left-color: #ffffff;
	height: auto;
	padding:1em;
}

.detailHead {
	color:#000000;
	font-weight:bold;
}

.detailTable td {
	padding:.2em;
}


/* * * * * * * * * * * * * TWO COLUMN LAYOUT * * * * * * * * * * * * */
#twoCol_container {
	width:60em;
	margin:0 auto;
	padding:0;
	text-align: left; /* this overrides the text-align: center on the body element. */
	background-color: #ffffff;
}

#twoCol_sidebar1 {
/*	position:relative; */
	display:block;
	float:left;
	width: 7.5em;
	margin:0;
	padding:1em;
	
	/*
  	border-right-width: .3em;
	border-right-style: double;
	border-right-color: #000000;
	*/
}

#twoCol_mainContent {
	display:block;
	width:auto;
	margin:0;
	margin-left:7.5em;
	padding:1em;
	padding-left:1.25em;
	overflow:hidden;
} 

/* * * * * * * * * * * * * THREE COLUMN LAYOUT * * * * * * * * * * * * */
#thrCol_container {
	width: 60em;
	margin:0 auto;
	padding:0;
	text-align: left; /* this overrides the text-align: center on the body element. */
	background-color: #ffffff;
} 

#thrCol_sidebar1 {
	float:left;
	width: 7.5em;
	margin:0;
	padding:1em;
}

#thrCol_sidebar2 {
	float: right;
	width: 12em;
	margin:0;
	padding:1em;
/*	font-size:90%; */
}

#thrCol_mainContent {
	margin-left:7.5em;
	padding:1em;
	overflow:hidden;
} 

/* * * * * * * * * * * * * TOOL TIPS AND HELP * * * * * * * * * * * * */

/* Used for items at headings*/
.help_icon_1 {
	position: relative;
	z-index: 100;
/*	color: #000000;
	vertical-align: text-top; */
	}
/* .help_icon_1:hover {
	cursor: default;
	} */

/*.help_icon_1 {
	width: 6px;
	margin-bottom:0.5em;
	color: #000000;
	background-color: #000000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: .8em;
	text-align: center;
	border: thin groove #999999;
	float: right;
	position: absolute;
	top: 10px;
	right: 80px;
	clear: both;
} */

/*  Use for items within tables*/
.help_icon_2 {
	position: relative;
	width: 20px;
	height: 20px;
	float:right;
	color: #000000;
}
/* Used for INACTIVE MENUS*/
.help_icon_3 {
	position: relative;
	z-index: 100;
	color: #000000;
}

.help_icon_3 a {
	cursor: not-allowed;
}

.help_ref_3 {
	position: relative;
}

/* Used for INACTIVE MENUS*/
.help_icon_4 {
	cursor: not-allowed;
	position: relative;
	z-index: 100;
	color: #000000;
}

.help_ref_4 {
	position: relative;
}

.help_button {
	width: 7em;
	margin-bottom:.5em;
	color: #000000;
	background-color: #000000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: .8em;
	text-align: center;
	border: thin groove #999999;
}
/* Used for page information, information with header icons*/
.help_info_style_1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	position: absolute;
	z-index: 500;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #C9CEDE;
	border-right-color: #C9CEDE;
	border-bottom-color: #C9CEDE;
	border-left-color: #C9CEDE;
	background-color: #000000;
	color: #ffffff;
	font-size: x-small;
	width: 40em;
	left: 6em;
	top: 0em;
	padding: 1em;
}

/* Used for individual item information, icons in tables*/
.help_info_style_2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	position:absolute;
	z-index: 500;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #C9CEDE;
	border-right-color: #C9CEDE;
	border-bottom-color: #C9CEDE;
	border-left-color: #C9CEDE;
	background-color: #000000;
	color: #ffffff;
	font-size: x-small;
	font-weight: normal;
	width: 30em;
	left: 2em;
	top: 3em;
	padding: 1em;
}
/* Used for admin and vendor menu help, has fixed location relative to menu boxes*/
.help_info_style_3 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	position:absolute;
	z-index: 500;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #C9CEDE;
	border-right-color: #C9CEDE;
	border-bottom-color: #C9CEDE;
	border-left-color: #C9CEDE;
	background-color: #000000;
	color: #ffffff;
	font-size: x-small;
	width: 500px;
	left: 400px;
	top: -80px;
	padding: 10px;
}

.help_info_style_4 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	padding: 10px;
	position:absolute;
	z-index: 500;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #C9CEDE;
	border-right-color: #C9CEDE;
	border-bottom-color: #C9CEDE;
	border-left-color: #C9CEDE;
	background-color: #000000;
	color: #ffffff;
	font-size: x-small;
	width: 600px;
	left: 175px;
	top: 5px;
}

.help_info_style_5 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	padding: 10px;
	position:absolute;
	z-index: 500;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #C9CEDE;
	border-right-color: #C9CEDE;
	border-bottom-color: #C9CEDE;
	border-left-color: #C9CEDE;
	background-color: #000000;
	color: #ffffff;
	font-size: x-small;
	width: 450px;
	left: 175px;
	top: 5px;
}

/* Used for location information*/
.help_info_style_6 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	position: absolute;
	z-index: 500;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #C9CEDE;
	border-right-color: #C9CEDE;
	border-bottom-color: #C9CEDE;
	border-left-color: #C9CEDE;
	background-color: #000000;
	color: #ffffff;
	font-size: x-small;
	width: 35em;
	left: 13em;
	top: -2em;
	padding: 1em;
}

/* Used for inactive menu*/
.help_info_style_7 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	position:absolute;
	z-index: 500;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #C9CEDE;
	border-right-color: #C9CEDE;
	border-bottom-color: #C9CEDE;
	border-left-color: #C9CEDE;
	background-color: #000000;
	color: #ffffff;
	font-size: x-small;
	font-weight: normal;
	width: 30em;
	left: 6em;
	top: 6em;
	padding: 1em;
}

/* * * * * * * * * * * * * MISC POSITION LAYOUTS / FORMATS * * * * * * * * * * * * */

.div_admin {
	position:relative;
}

.div_admin h1 {
	font-family: "Viner Hand ITC";
	font-size: 1.6em;
	color: #000000;
	text-align: left;
	padding-top: .4em;
	padding-bottom: 0em;
	margin:0em;
}

h1.admin {
}

.div_view_records{
	position: relative;
	margin-top:0em;
	margin-bottom:1em;
}

.div_add_record{
	position: relative;
	margin-top:0em;
	margin-bottom:1em;
}

.div_delete_record {
	position: relative;
	margin-top:0em;
	margin-bottom:1em;
}

.div_edit_record {
	position: relative;
	margin-top:0em;
	margin-bottom:1em;
}

/* to give a div (block of code) a relative postion*/
.div_relative {
	position: relative;
}

.disabled{
	color: #999;
}

.no_visibility{
	visibility: hidden;
}

.variable_units_container /* display/hide*/
 { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	/* 2009 06 06 commented float: center; */
	border: none;
	display: none;
}
/* to hide HTML 
.variable_units_container{

}*/

.div_hover {
	cursor: pointer;
}


.div_hide {
	display: none; 
/*	background-color: #900;*/
}


#div_left {
	float:none;
	margin-left:1.6em;
	margin-right:13em;
	padding:0.5em;
	overflow:hidden;
	clear: none;
	height: 200px;
	width: 200px;
}
.image_paypal /* PayPal Image */
 { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	/* 2009 06 06 commented float: center; */
	border: none;
	margin-top: 0em;
	margin-right: 250px;
	margin-bottom: 3px;
	margin-left: 5px;
}

.image_right /*  Float Right */
 { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right;
	border: thin solid #000000;
	margin-top: .5em;
	margin-right: 0em;
	margin-bottom: 1em;
	margin-left: 1em;
/*	2009 06 26 margin-top: 0em;
	margin-right: .5em;
	margin-bottom: 7px;
	margin-left: 7px; */
	/*
	clear:left;
	*/
}
.image_center/*  Float Center */
 {
	margin: 8px;
	border: thin solid #000000;
}
.image_left/*  Float Left */
 { /* this class can be used to float an element left in your page */
	float: left;
	border: thin solid #000000;
	margin-top: .5em;
	margin-right: 1em;
	margin-bottom: 1em;
	margin-left: 0em;
/* 2009 06 26 	margin: .5em; */
}
.image_none {
	float:none;
	border: thin solid #000000;
	margin:.5em;
}
/*  Clear Float */
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}

/* Misc Layout */

.location_selected_container {
	
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #C9CEDE;
	border-right-color: #C9CEDE;
	border-bottom-color: #C9CEDE;
	border-left-color: #C9CEDE;
	background-color: #000000;
	color: #ffffff;
	font-size: medium;
	width: 18em;
	margin-left:11.5em;
	margin-top:.5em;
	top: 0px;
	text-align:left;
	padding: 10px;
}

.order_note_container {
	position:absolute;
	z-index: 100;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #C9CEDE;
	border-right-color: #C9CEDE;
	border-bottom-color: #C9CEDE;
	border-left-color: #C9CEDE;
	background-color: #000000;
	color: #ffffff;
	font-size: small;
	width: 380px;
	left: 150px;
	top: 0px;
	text-align:left;
	padding: 10px;
}
.ecommerce_premium_container {
	position:absolute;
	z-index: 100;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #C9CEDE;
	border-right-color: #C9CEDE;
	border-bottom-color: #C9CEDE;
	border-left-color: #C9CEDE;
	background-color: #000000;
	color: #ffffff;
	font-size: small;
	width: 300px;
	left: 150px;
	top: 0px;
	text-align:left;
	padding: 10px;
}


#login_container {
	background-color: #ffffff;
	position:relative;
/* 2009 05 22 border: thin none #FFFFFF; */
	width:12em;
	margin:.5em;
	margin-top:0px;
	z-index:1;
}
#twoCol_mainContent #login_container {
	float:right;
}

#account_status_container {
	background-color: #ffffff;
/*	2009 05 22 border: thin none #FFFFFF; */
	width:35em;
	margin:0.5em;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	float: left;
}


#container_basket_buttons {
	background-color: #ffffff;
/*	2009 05 22 border: thin none #FFFFFF; */
	float: right;
	margin-top: 0px;
	margin-right: 10px;
	margin-bottom: 5px;
	margin-left: 5px;
	padding-top: 0px;
	padding-right: 3px;
	padding-bottom: 3px;
	padding-left: 3px;
}

#payment {
	background-color: #ffffff;
/* 2009 05 22 border: thin none #FFFFFF; */
	float: left;
	margin-top: 0px;
	margin-right: 10px;
	margin-bottom: 5px;
	margin-left: 5px;
	padding-top: 0px;
	padding-right: 3px;
	padding-bottom: 3px;
	padding-left: 3px;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
}

#pick_up_select {
	background-color: #ffffff;
/*	border: thin none #FFFFFF; */
	float: left;
	margin-top: 0px;
	margin-right: 10px;
	margin-bottom: 5px;
	margin-left: 5px;
	padding-top: 0px;
	padding-right: 3px;
	padding-bottom: 3px;
	padding-left: 3px;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
}



/* * * * * * * * * * * * * * * * HTML TAG FORMATS * * * * * * * * * * * * * * * * */

.sss {
	color: #C33;
}

.smallCaps {
	font-variant:small-caps;
}
hr {
	clear:both;
	border:solid #000000;
	border-width:0 0 thin;
}

/* Body Format */
body {
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	font-size:0.9em;
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #000000;
	background-color: #000000;
}
body.wide_page {
	background-color: #ffffff;
}
/* Paragraph <p> </p> */
/* Used For: */
p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:1em;
	margin:1.12em 0;
	/* text-align: left; /* doesn't seem to be needed */
}

h1 {
	font-family: "Viner Hand ITC";
	font-size: 1.9em;
	color: #000000;
	text-align: left;
	white-space: normal;
	line-height: normal;
	margin-top: 0em;
	margin-bottom: 0em;
}

h2 {
	font-family: sans-serif;
	font-size: 1.1em;
	color: #000000;
	font-weight: lighter;
	text-align: left;
	margin-top: 0em;
	margin-bottom: 0em;
	margin:1.12em 0 0;
}
/* Heading 2 <h2> </h2> */
/* Used For: */

/* Heading 3 <h3> </h3> */
/* Used For: */
h3 {
	color: #000000;
	font-style: normal;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.1em;
	font-weight: lighter;
	text-align: left;
	line-height: normal;
	margin-top:1.2em;
	margin-bottom:0em;
}
/* Heading 4 <h4> </h4> */
/* Used For: */
h4 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.4em;
	color: #000000;
	font-weight: normal;
	text-align: left;
	margin:.5em 0em 1em;
}

/* Heading 5 <h5> </h5> */
/* Used For: */
h5 {
	display:block;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: italic;
	color: #000000;
	letter-spacing: normal;
	text-align: left;
	margin-top: 1em;
	margin-bottom: 0px;
	font-weight: lighter;
}

/* Heading 6 <h6> </h6> */
/* Used For: */
h6 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: lighter;
	text-align: left;
	margin-bottom: 0px;
	margin-top: .6em;
}

/* Paragraph <h7> </h7> 
2009 05 02 This is for text_1 in editable web and vendor pages.  It is just like p tags except p tags sometimes do not work so I had to create this to make the te4xt look correct in the page - it is not needed inthe real page only in the editable page*/
/* Used For: */
.h7 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:1em;
	margin:1.12em 0;
}

.h8 {
	font-family: "Viner Hand ITC";
	font-size: 1.6em;
	font-weight:bold;
	color: #000000;
	text-align: left;
	margin-right:0.5em;
	margin-bottom:0em
	
}


/* * * * */
/* Links */
/* * * * */

/* 2009 05 22 
.hover_class {	
background-color:#F33;	
} */

a {
	text-decoration:none;
}
a:link {
	color: #8F99B8;
}

.link {
	color: #8F99B8;
	}

a:visited {
	color: #8F99B8;
/*	2009 05 22 changed to above 
color: #7e88a7; */
}

a:hover {
	/*color: #C0DEB1;*/
	color:#000000;
}

a:active {
	color: #000000;
}

input:focus{
	background-color:#000000;
}


/* USED FOR THE IMAGE MENU */
.imageMenu {
	float:left;
	width:70px;
	margin:.5em;
	border:thin solid #000000;
	background:#000000;
}
.imageMenu table {
	margin:0 auto;
}
.imageMenu tr {
	background:#000000;
	text-align:center;
}
.imageMenu p {
	text-align:center;
	font-size:10px;
	font-weight:700;
	color:#ffffff;
	margin:.1em;
}
.imageMenu a {
	text-decoration:none;
	margin:0;
	border:0;
}
.imageMenu a:visited {
	color:black;
}
.imageMenu img {
/*	width:107px; 
	height:160px; */
	width:70px;
	height:105px;
	border:0;
}

.imageMenuWrapper {
	clear:left;
	/* added following three lines 2009 06 21*/
	width:36em;
	margin-left:auto;
	margin-right:auto
}

#ie .imageMenuWrapper {
	clear:none;
}


/* * * * * * * * * * * * * * * * OTHER OBJECT FORMATS * * * * * * * * * * * * * * * * /

/* * * * * * * * * * * * * OBJECT / SYMBOLS * * * * * * * * * * * * */



/* * * * * * * * * * * * * TABLES * * * * * * * * * * * * */

/* used for labels*/
.column_style_1 {
	width: 14em;
}

/* used for help icons*/
.column_style_2 {
	width: 4em;
}

/* used for input fields*/
.column_style_3 {
	width: 17em;
}

/* used for input fields*/
.column_style_4 {
	width: 22em;
}

table {
	margin:.5em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color:#000000; /* color of text in table */
	border-spacing:0;
	background:#ffffff;
}

th {
	font-weight:normal;
	padding:.1em .5em;
	background:#ffffff;
}

th.add_record {
	font-weight:normal;
	padding:.1em .5em;
	background-color: #000000;
	overflow:hidden;
	border-top-width: thick;
	border-right-width: thick;
	border-bottom-width: thick;
	border-left-width: thick;
	border-top-style: none;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #ffffff;
	border-right-color: #ffffff;
	border-bottom-color: #ffffff;
	border-left-color: #ffffff;
}

table.invt {
	/* Used for typical view inventory table */
	clear:both;
	border: 3px solid #000000;
	font-size:.9em;
	padding: 0em;
	border-bottom-width: thin;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-collapse:collapse;
	margin-left:0;
}

#ie table.invt {
	float:right;
	clear:none;
}

/* 2009 05 22 What is this for */
/*.invt tr {
	background:#ffffff;
	color:black;
} */
.invt tr {
	background:#ffffff;
	color:#000000;
}
.invt th {
	color:#000000;
	border-top-style: none;
	border-bottom-style: none;
	border-right-style:none;
	border-left-style: none;
	border-bottom-color: #ffffff;
	border-bottom-width: thin;
	border-collapse:collapse;
	border-spacing: 0;
	margin:0em;
	padding-top:.2em;
	padding-bottom:.2em;
	padding-right:.3em;
	padding-left:.3em;
	vertical-align: top;
	/* added next line 2009 009 25*/
	text-align:left;
}

.invt td {
	vertical-align: top;
	/* added next line 2009 009 25*/
	text-align:left;
	border-top-style: none;
	border-bottom-style: none;
	border-right-style:none;
	border-left-style: none;
	border-bottom-color: #ffffff;
	border-bottom-width: thin;
	border-collapse:collapse;
	border-spacing: 0;
	margin:0em;
	padding-top:.2em;
	padding-bottom:.2em;
	padding-right:.3em;
	padding-left:.3em;
}

.invt .striped {
	/*background-color:#EEF;*/
	 background-color:#000000; 
	color:#ffffff;
}

/* Used on: market/checkout.php, market/vendor_account/vendor_account.php */
table.menu {
	display:none;
	border:thin solid #000000;
	padding:.5em;
	color:#000000;
}


/* opt is for the add/edit/delete tables*/
table.opt {
	padding:.5em;
	width:auto;
	border: thin solid #000000;
	margin-left: 0em;
	margin-top: 0em;
	clear:left;
	empty-cells:show;
	border-collapse: collapse;
}

.opt th {
	font-weight:bold;
	border-bottom:thin solid #000000;
	vertical-align:top;
	padding:.4em;
	empty-cells:show;
	border-collapse: collapse;
	/*added the following line 2009 09 03*/
	text-align:left;
}
.opt td {
	font-weight:normal;
	border-bottom:thin solid #000000;
	vertical-align:top;
	padding:.4em;
	empty-cells:show;
	border-collapse: collapse;
}

.opt td select {
	width:16.4em;
}

.opt td input[type="text"] {
	width:16em;
}

opt.first_row td{
	empty-cells:show;
}

.first_row {
	height: 2.6em;
}

.opt caption{
	margin-top: 1em;
}

/* USED TO REPLACE .opt_table_title h1 below*/
.opt caption h1{
	font-size: 1.1em;
	color: #000000;
	font-weight: lighter;
	padding-bottom: .4em;
	padding-top: 0em;
	float:left;
	margin-top:.5em;
	line-height:normal;
}

/* USED TO REPLACE .opt_table_title h2 below*/
.opt caption h2{
	font-size: 1.1em;
	color: #000000;
	font-weight: lighter;
	padding-bottom: .4em;
	padding-top: 0em;
	float:left;
	margin-top:.5em;
	line-height:normal;
}


/* CAN DELETE WHEN ALL CLASSES ARE REPLACED BY CAPTION CSS ABOVE
.opt_table_title h2{
	font-family: sans-serif;
	font-size: 1.1em;
	color: #000000;
	font-weight: lighter;
	margin-bottom: .5em;
	margin-top:.8em;
	float:right;
	line-height:normal;
}*/


input:focus{
	background-color:#000000;
}

.opt input[type="file"]{
	width:16.2em;
}

/* opt_2 is for the variable units table*/
table.opt_2 {
	padding:.5em;
	width:auto;
	border: thin solid #000000;
	margin-left:0em;
	clear:left;
}

.opt_2 th {
	font-weight:bold;
	border-bottom:thin solid #000000;
	vertical-align:top;
	padding:.4em;
}
.opt_2 td {
	padding:.4em;
	border-bottom:thin solid #000000;
	vertical-align:top;
	font-weight:bold;
}

.opt_2 td input {
	width:5em;
}

/* Used For: send_email.php, pick_up_information_module.php */
.table_pick_up {
	/* Used for typical view inventory table */
	font-weight: lighter;
	color: #000000;
	/* 2009 05 22 color: #FFFFFF;*/
	/* background-color: #ffffff; */
	text-align: left;
	padding: .3em;
/*	float: left; /* added this for show basket page 2008 09 26 */
	border: thin solid #C9CEDE;
	clear:none;
}

#market_table {
	background-color: #ffffff;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 7px;
	margin-left: 0px;
	padding:.5em;
	text-align: left;
	font-size: x-small;
	font-family:sans-serif;
	border: thin solid #000000;
	float: none;
} 
#market_table p {
	margin-top:0;
}

.editableSection {
	border:0;
	overflow: hidden;
	padding:0em;
	/* 2009 05 31 changed the above from hand */
}
.editableSection:hover {
	background:#465e3c;
	cursor: pointer;
	/* 2009 05 31 changed the above from hand */
}

/* * * * * * * * * * * * * IMAGE FORMATS * * * * * * * * * * * * */

.editable_alt_text {
	position: absolute;
	z-index: 100;
	background-color: #ffffff;
	color: #000000;
	font-size: x-small;
	width: 100px;
	left: 1px;
	bottom: 5px;
	text-align: center;
	border: thin solid #C9CEDE;
}

/* 2009 05 19 The following may not be used anywhere*/
.altTextEditable {
	display:none;
	position:absolute;
	padding:3px;
	background:yellow;
	color:black;
}
#ie .altTextEditable {
}

/* * * * * * * * * * * * * * * * FORM FORMATS * * * * * * * * * * * * * * * * /

/* Forms are categoried by general type and then given formats based on the type.  All form formats start 
with ".form" and end with "f_" for the particular format type. */

/* Form are displayed in tables and have the following formats
- an overall table format
- left hand column cell format (where the input is titled)
- right hand column cell format (where the input is entered) 
- bottom row where the button is located, and a 
- button format

/* FORMS OF TYPE f1 */
/* login Form, Subscribe Form */
 
/* Overall Table Format Used in Forms of Type f1*/


/* Left Column Cell Used in Forms of type f1 */
.form_cell_left_f1 {
}

/* Right Column Cell Used in Forms of type f1*/
.form_cell_right_f1 {
}

/* Form Table Row which Contains the Button in Forms of type f1*/
.form_button_table_row_f1 {
	text-align: left;
	background-position: left;
}

/* Button Used in Forms of type f1*/
.form_button_f1 {
	background-color: #000000;
	right: 50%;
	background-position: right;
}

.form_style_1 {
	margin-top:0em;
}

.form_f1 {
	color: #000000;
	background-color: #ffffff;
	border: thin solid #C9CEDE;
	font-size: 14px;
	font-weight: normal;
}
.text_area_style1 {
	background-position: left top;
}

/* * * * * * * * * * * * * * LIST FORMATS * * * * * * * * * * * **/

ul {
	display:block;
	list-style-type:disc;
	margin-left:40px;
}

ul li {
	display:list-item;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}

.list_f1 {
	list-style-type: circle;
	font-size: 12px;
	font-weight: bold;
}

ul.list_style_1 li {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	list-style-type: disc;
	font-size:1em;
	list-style-position: inside;
	text-indent:-1.1em;
}

ul.menu {
	display:none;
	font-variant:small-caps;
	padding:0;
	border:thin solid #C9CEDE;
	list-style-type: none;
	float:left;
	clear:left;
	margin-top: .5em;
	margin-right: .5em;
	margin-bottom: 0.5em;
	margin-left: 0em;
	font-size: 16px; /* 2009 06 03 added this line*/
}

ul.menu li {
	float:left;
	width:16em;
}
ul.menu a {
	
	display:block;
	color:white;
	text-decoration:none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	padding-top: 0.2em;
	padding-right: 0.2em;
	padding-bottom: 0.2em;
	padding-left: 0.2em;
}
ul.menu a:hover {
/*	background-color: #3A4463; */
	background-color: #465E3C;
}

/* * * * * * * * * * * * * MENUS AND MISC BUTTONS * * * * * * * * * * * * */
/*   Used for Login Module: login, logout, register */
.button_style_1 {
	width:10em;
	height:2.5em;
	vertical-align: middle;
	margin:.2em 0em;
	color: black;
	background-color: #C9CEDE;
	font-family: Arial, Helvetica, sans-serif;
	font-size:0.6em;
	text-align: center;
	border: medium double #999999;
}

.button_style_1:hover {
	background-color: #FFF;
	border: medium double #c9cede;
}

.button_style_2 {
	width: 10em;
	height: 2.5em;
	vertical-align: middle;
/*	2009 06 26 margin:.2em 0em; */
	color: black;
	background-color: #DBCCCC;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.6em;
	text-align: center;
	border: medium double #c9cede;
	margin-top:.2em;
	margin-bottom:.2em;
	margin-left:0em;
	margin-right:0em;
}

.button_style_2:hover {
	background-color: #FFF;
}

.button_style_3 {
	width: 7em;
	height: 2.1em;
	vertical-align: middle;
	margin-bottom: .1em;
	margin-top: .1em;
	color: black;
	background-color: #C9CEDE;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.6em;
	text-align: center;
	border: medium double #c9cede;
	line-height: .85em;
}
.button_style_3:hover {
	background-color: #FFF;
}

.button_style_4 {
	width:10em;
	height:2.5em;
	vertical-align: middle;
	color: black;
	background-color: #C9CEDE;
	font-family: Arial, Helvetica, sans-serif;
	font-size:0.6em;
	text-align: center;
	border: medium double #999999;
	margin-top: 1em;
	margin-right: 0em;
	margin-bottom: 1em;
	margin-left: 0em;
}

.button_style_4:hover {
	background-color: #FFF;
	border: medium double #c9cede;
}

.button_style_5 {
	width:11em;
	height:2.5em;
	vertical-align: middle;
	margin:.2em 0em;
	color: black;
	background-color: #C9CEDE;
	font-family: Arial, Helvetica, sans-serif;
	font-size:0.6em;
	text-align: center;
	border: medium double #999999;
}

.button_style_5:hover {
	background-color: #FFF;
	border: medium double #c9cede;
}
/* NOT NEEDED?
#menu1 {
	margin:0;
}
*/

/* Upload Button*/
/*.button_upload {
	height: 25px;
	width: 100px;
	font-weight: normal;
	color: #ffffff;
	float: left;
	background-repeat: no-repeat;
	background-color: #000000;
	margin: 3px;
	padding: 3px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-align: center;
	background-position: center;
	border: thin groove #C9CEDE;
}*/

/* Close Button
.button_close {
	height: 25px;
	width: 100px;
	font-weight: normal;
	color: #ffffff;
	float: left;
	background-repeat: no-repeat;
	background-color: #000000;
	margin: 3px;
	padding: 3px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-align: center;
	background-position: center;
	border: thin groove #C9CEDE;
}*/

/* Add To Basket Button*/
.basket_button {
	height: 25px;
	width: 100px;
	font-weight: normal;
	color: #ffffff;
	background-repeat: no-repeat;
	background-color: #000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-align: center;
	background-position: center;
	border: thin groove #C9CEDE;
	clear: none;
	float: left;
	margin-top: 3px;
	margin-right: 0px;
	margin-bottom: 3px;
	margin-left: 3px;
	padding-top: 3px;
	padding-right: 0px;
	padding-bottom: 3px;
	padding-left: 3px;
}
/* Basket Total Cell*/
.basket_total {
	font-weight: bold;
	color: #000000;
	background-repeat: no-repeat;
	background-position: center;
	background-color: #ffffff;
	margin: 5px;
	padding: 5px;
	font-size: 11px;
	text-align: right;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

/* * * * * * * * * * * * * HEADER LAYOUT * * * * * * * * * * * * */
#header {
	padding:0em;
	text-align:center;
	border-bottom: thin double #000000;
}

#header h1 {
	font-family: "Imprint MT Shadow";
	font-size:2em;
	font-weight:normal;
	color: #000000;
	margin: 0; /* zeroing the margin of the last element in the #header div will avoid margin collapse - an unexplainable space between divs. If the div has a border around it, this is not necessary as that also avoids the margin collapse */
	text-align:center;
}

#header table {
	margin:0;
}

/* Header Text Format 1 class="hf1" */
/* Used For: "Harvest to Market"*/
.hf1 {
	font-family: "Imprint MT Shadow";
	color: #000000;
	font-size:2.5em;
	text-align: center;
	margin:0;
}

/* Header Text Format 2 class="hf2" */
/* Used For: "Know your ..." */
.hf2 {
	font-family: "Imprint MT Shadow";
	color: #000000;
	font-size: 1.2em; 
	margin-top:0em;
	text-align: center;
}

/* Header Image Format */
/* Used for: Header Image */
.if_header {
	padding: .1em;
	margin:.1em;
	width:auto;
	/* for original header 
	width:8em;
	*/
	border: thin solid #000000;
	height:auto;
}
/* ORIGINAL 2009 09 19
.if_header {
	padding: .3em;
	width:8em;
	border: thin solid #000000;
	height:auto;
}
*/


/* * * * * * * * * * * * * FOOTER LAYOUT * * * * * * * * * * * * */
#footer {
	clear:both;
	font-size:.8em;
	text-align:center;
	border-top: thin double #000000;
}

/* I Think This Is A Footer Format */
.ff1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: lighter;
	color: #000000;
	text-align: center;
}

/* * * * * * * * * * * * * ERROR / IMPORTANT MESSAGE FORMATS * * * * * * * * * * * * */
.style1 {color: #B70D1A}

.style_1 {color: #B70D1A}


/* This is red and is for error / important text */  
.style_3 {
	clear:left;
	color: #B70D1A;
	font-weight: bold;
	font-size: 16px;
	float:left;
}

.style_4 {
	/* Used for dropdown menu headings */
	display: block;
	text-align:center;
	padding:0em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:0.7em;
/*	2009 010 10 font-size:0.55em; */
	color: #000000;
	margin:0em;
	margin-top:.5em;
	margin-bottom:-.2em;
	margin-left:.5em;
	line-height:2.3em;
	vertical-align:bottom;
	font-weight: bold;	/*
	font-size:.65em; margin-left:4em; line-height:2.3em; vertical-align:bottom;
	*/
}

label.error {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: lighter;
	color: #B70D1A;
	text-align: right;	
}

input.error, select.error {
	border: 1px red solid;
}
  
/* * * * * * * * * * * * * VENDOR PREVIEW LAYOUT * * * * * * * * * * * * */
#vendor_preview_container {
	width: 710px;
	margin: 0 auto;
	text-align: left; /* this overrides the text-align: center on the body element. */
	background-color: #ffffff;
	border: medium double #ffffff;
} 

#vendor_preview_mainContent {
	width: 500px;
	background-color: #ffffff;
	margin-top: 0em;
	margin-right: 185px;
	margin-bottom: 0;
	margin-left: 5px;
	padding-top: 0;
	padding-right: 10px;
	padding-bottom: 0;
	padding-left: 10px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
} 

#vendor_preview_sidebar2 {
	float: right; /* since this element is floated, a width must be given */
	width: 170px; /* padding keeps the content of the div away from the edges */
	background-color: #ffffff;
	padding: 5px;
	margin: 0px;
	border-top-width: thin;
	border-right-width: thin;
	border-bottom-width: thin;
	border-left-width: thin;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}

/* class center_box_1 */
/* Used For: */
.clearboth {
	clear: right;
}

/* 2009 05 22 DELETED ALL - POP STUFF */

.mceeditor
{
font-size: 20px;
}

/* textarea.tinymce
{
	height: 10px;
	width: 500px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}

 #edit_local_home_sidebar_1_quote
{
	height: 1px;
	width: 448px;
}*/

/*** ~~~~~~~~~ ***/
/*** SUPERFISH ***/
/*** ~~~~~~~~~ ***/

/** ESSENTIAL STYLES **/
/* Needed for Superfish to operate */

.sf-menu, .sf-menu * {
	display:none;
	margin:			0;
	padding:		0;
	list-style:		none;
}
.sf-menu {
	display:none;
	line-height:	1.0;
}
.sf-menu ul {
	display:none;
	position:		absolute;
	top:			-999em;
	width:			8em; /* left offset of submenus need to match (see below) */
}
.sf-menu ul li {
	display:none;
	width:			100%;
}
.sf-menu li:hover {
	display:none;
	visibility:		inherit; /* fixes IE7 'sticky bug' */
}
.sf-menu li {
	display:none;
	float:			left; /*added back 2009 10 03 messes up table display */
	position:		relative;
}
.sf-menu a {
	display:none;
	display:		block;
	position:		relative;
}
.sf-menu li:hover ul,
.sf-menu li.sfHover ul {
	left:			0;
	top:			2.5em; /* match top ul list item height */
	z-index:		99;
}
ul.sf-menu li:hover li ul,
ul.sf-menu li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li:hover ul,
ul.sf-menu li li.sfHover ul {
	left:			8em; /* match ul width */
	top:			0;
}
ul.sf-menu li li:hover li ul,
ul.sf-menu li li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li li:hover ul,
ul.sf-menu li li li.sfHover ul {
	left:			8em; /* match ul width */
	top:			0;
}

/*** SKIN ***/
.sf-menu {
		float:left; /* added back 2009 10 03 messes up table display */
	margin:0 0 .5em;
	border: 1px solid #C9CEDE;
}
#ie .sf-menu {
	margin:0;
}
.sf-menu ul {
	border: 1px solid #C9CEDE;
	background:#ffffff;
}
.sf-menu a {
	color:#000000;
	font:10px Verdana, Arial, Helvetica, sans-serif;
	/*border-left:	1px solid #fff;
	border-top:		1px solid #CFDEFF;*/
	padding:2px 3px;
	text-decoration:none;
}
.sf-menu a, .sf-menu a:visited  { /* visited pseudo selector so IE6 applies text colour*/
	font-weight:normal;
	color:#000000;
}
.sf-menu li {
	background:#ffffff;
}
.sf-menu li li {
	background:#ffffff;
}
.sf-menu li li li {
	background:#ffffff;
}
.sf-menu li:hover, .sf-menu li.sfHover,
.sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active {
	background-color: #465E3C;
	outline:		0;
}


/*** SUPERFISH VERTICAL ***/
/*** adding sf-vertical in addition to sf-menu creates a vertical menu ***/
.sf-vertical, .sf-vertical li {
	width:	8em;
}
/* this lacks ul at the start of the selector, so the styles from the main CSS file override it where needed */
.sf-vertical li:hover ul,
.sf-vertical li.sfHover ul {
	left:	8em; /* match ul width */
	top:	0;
}

/* TESTING */

table.admin_menu {
	font-variant:small-caps;
	padding: 5px;
	/* 2009 05 31 changes the above from 5 to 5px */
	border:thin solid #000000;
	list-style-type: none;
	margin:1em 1em .5em;
	float:left;
}
table.admin_menu li {
	float:left;
	width:13em;
}
table.admin_menu a {
	display:block;
	color:white;
	text-decoration:none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	padding: 0.5em 0.75em;
}
table.admin_menu a:hover {
	background-color: #465E3C;
}

.grayed li, .grayed ul {
	background:gray;
}
/** SF MENU HORIZONTAL -2 **/
/*** ESSENTIAL STYLES ***/
.sf-menu-2, .sf-menu-2 * {
	display:none;
	margin:			0;
	list-style:		none;
}
.sf-menu-2 {
	line-height:	1.0em;
	border: 1px solid #C9CEDE;
	padding-bottom:.4em;
	padding-top:0em;
}
.sf-menu-2 ul {
	position:		absolute;
	top:			-999em;
	width:			10em; /* left offset of submenus need to match (see below) */
}
.sf-menu-2 ul li {
	width:			100%;
}
.sf-menu-2 li:hover {
	visibility:		inherit; /* fixes IE7 'sticky bug' */
}
.sf-menu-2 li {
	float:			left;
	position:		relative;
}
.sf-menu-2 a {
	display:		block;
	position:		relative;
}
.sf-menu-2 li:hover ul,
.sf-menu-2 li.sfHover ul {
	left:			0;
	top:			1.8em; /* match top ul list item height */
	z-index:		99;
}
ul.sf-menu-2 li:hover li ul,
ul.sf-menu-2 li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu-2 li li:hover ul,
ul.sf-menu-2 li li.sfHover ul {
	left:			10em; /* match ul width */
	top:			0;
}
ul.sf-menu-2 li li:hover li ul,
ul.sf-menu-2 li li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu-2 li li li:hover ul,
ul.sf-menu-2 li li li.sfHover ul {
	left:			10em; /* match ul width */
	top:			0;
}

/*** DEMO SKIN ***/
.sf-menu-2 {
	float:			left;
	margin-bottom:	1em;
}
.sf-menu-2 a {
	padding-bottom: .8em;
	padding-top: .3em;
	padding-left:.2em;
	text-decoration:none;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-variant:small-caps;
	font-size:1.1em;
	height:.5em;
}
.sf-menu-2 a, .sf-menu-2 a:visited  { /* visited pseudo selector so IE6 applies text colour*/
	color:			white;
}
.sf-menu-2 li {
	background:		#ffffff;
	width:15em;
	padding-bottom: .15em;
	padding-top: .15em;
}
.sf-menu-2 li li {
	background:		#ffffff;
	width:20em;
}
.sf-menu-2 li li li {
	background:		#ffffff;
	width:15em;
}
.sf-menu-2 li:hover, .sf-menu-2 li.sfHover,
.sf-menu-2 a:focus, .sf-menu-2 a:hover, .sf-menu-2 a:active {
	background:		#465E3C;
	outline:		0;
}

/**  MENU STYLE 3  **/
/** ESSENTIAL STYLES **/
/* Needed for Superfish to operate */

.sf-menu-3, .sf-menu-3 * {
	margin:			0;
	padding:		0;
	list-style:		none;
}
.sf-menu-3 {
	line-height:	1.0;
}
.sf-menu-3 ul {
	position:		absolute;
	top:			-999em;
	width:			8em; /* left offset of submenus need to match (see below) */
}
.sf-menu-3 ul li {
	width:			100%;
}
.sf-menu-3 li:hover {
	visibility:		inherit; /* fixes IE7 'sticky bug' */
}
.sf-menu-3 li {
	float:			left; /*added back 2009 10 03 messes up table display */
	position:		relative;
}
.sf-menu-3 a {
	display:		block;
	position:		relative;
}
.sf-menu-3 li:hover ul,
.sf-menu-3 li.sfHover ul {
	left:			0;
	top:			2.5em; /* match top ul list item height */
	z-index:		99;
}
ul.sf-menu-3 li:hover li ul,
ul.sf-menu-3 li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu-3 li li:hover ul,
ul.sf-menu-3 li li.sfHover ul {
	left:			8em; /* match ul width */
	top:			0;
}
ul.sf-menu-3 li li:hover li ul,
ul.sf-menu-3 li li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu-3 li li li:hover ul,
ul.sf-menu-3 li li li.sfHover ul {
	left:			8em; /* match ul width */
	top:			0;
}

/*** SKIN ***/
.sf-menu-3 {
		float:left; /* added back 2009 10 03 messes up table display */
	margin:0 0 .5em;
	border: 1px solid #C9CEDE;
}
#ie .sf-menu-3 {
	margin:0;
}
.sf-menu-3 ul {
	border: 1px solid #C9CEDE;
	background:#ffffff;
}
.sf-menu-3 a {
	color:#000000;
	font:10px Verdana, Arial, Helvetica, sans-serif;
	/*border-left:	1px solid #fff;
	border-top:		1px solid #CFDEFF;*/
	padding:2px 3px;
	text-decoration:none;
}
.sf-menu-3 a, .sf-menu-3 a:visited  { /* visited pseudo selector so IE6 applies text colour*/
	font-weight:normal;
	color:#000; /*font color in all menus*/
}
.sf-menu-3 li {
	background:#FFF;/*background color of first level menu*/
}
.sf-menu-3 li li {
	background:#FFF;/*background color of second level menu*/
}
.sf-menu-3 li li li {
	background:#ffffff;/* ?? background color of third level menu*/
}
.sf-menu-3 li:hover, .sf-menu-3 li.sfHover,
.sf-menu-3 a:focus, .sf-menu-3 a:hover, .sf-menu-3 a:active {
	background-color: #000000;
	outline:		0;
}



/*** SUPERFISH VERTICAL ***/
/*** adding sf-vertical in addition to sf-menu creates a vertical menu ***/
.sf-vertical-3, .sf-vertical-3 li {
	width:	8em;
}
/* this lacks ul at the start of the selector, so the styles from the main CSS file override it where needed */
.sf-vertical-3 li:hover ul,
.sf-vertical-3 li.sfHover ul {
	left:	8em; /* match ul width */
	top:	0em;
}