a:link, a:visited {
	color: #666666;
	text-decoration: none;
}

a:hover, a:active {
	color: #E5A731;
	text-decoration: none;
}

body  {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	background-position: center;
	text-align: center;
	background-image: url(images/bkg.gif);
	background-repeat: repeat-y;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;	
}

#layout {
	width: 720px;
	height: auto;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	font-weight: normal;
	border: none;
	margin-right: auto;
	margin-left: auto;
	position: relative;
	text-align: left;
	background-position: center;
	padding: 0px;
}

#topArea
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	border: none;
	background-image: url(/images/nav_01.gif);
	height: 21px;
	width: 722px;
	border-top-style: none;
	border-right-style: none;
	border-left-style: none;
	color: #FFFFFF;
	text-align: right;
	padding: 0em;
	font-size: 10px;
	line-height: 12px;
	margin-right: auto;
	margin-left: auto;
}

#topArea a:link, #topArea a:visited {
	color: #FFFFFF;
	text-decoration: none;
}
#topArea a:hover, #topArea a:active {
	color: #F6E9B2;
	text-decoration: none;
}

#header {
	width: 720px;
	height: 102px;
	border: none;
	margin-right: auto;
	margin-left: auto;
	position: relative;
	text-align: left;
	padding: 0px;
}

#contentArea {
	width: 720px;
	height: 25px;
	border: none;
	margin-right: auto;
	margin-left: auto;
	position: relative;
	padding: 0px;
	float: left;
	background-color: #FFFFFF;	
}

.whitefiller {
	width: 250px;
	height: auto;
	border: none;
	float:left;
	clear:both;
	background-color: #FFFFFF;
}
.greenfiller {
	width: 150px;
	height: auto;
	border: none;
	float:left;
	clear:both;
	background-color: #F3F5DF;
}



#homeLeft {
	width: 158px;
	height: auto;
	border: none;
	margin-right: auto;
	margin-left: auto;
	text-align: left;
	padding: 0px;
	float: left;
	background-color: #F3F5DF;
}

#homeCenter {
	width: 377px;
	height: auto;
	border: none;
	margin-right: auto;
	margin-left: auto;
	text-align: left;
	padding: 0px;
	float: left;
	background-color: #FFFFFF;
 
}

#homeCenterWide {
	width: 550px;
	height: auto;
	border: none;
	margin-right: auto;
	margin-left: auto;
	text-align: left;
	padding: 0px;
	float: left;
	background-color: #FFFFFF;	
}
/* Make paragraph short so it doesn't go over background line/image.*/
#homeVerbiageWide P
{
	width: 530px;
}

#homeRight{
	width: 185px;
	height: auto;
	border: none;
	margin-right: auto;
	margin-left: auto;
	text-align: left;
	padding: 0px;
	float: left;
	background-color: #F3F5DF;
}

#welcomeImage
{
	position: relative;
	width: 158px;
	border: none;
	height: 153px;
	float: left;
}

#homeVerbiage {
	width: 31.5em;
	height: auto;
	border: none;
	position: relative;
	text-align: left;
	padding: 0px;
	margin-left: 16px;
	margin-right: 12px;
	
}
.TabbedItem1{	
	 
	padding: 0px;
	margin: 0px;	
}


#AfternoonTeaImg 
{	 
	position: relative;
	width: 200px;
	border: none;
	height: 299px;
	float: left;	
 
}


#homeVerbiageWide {
	width: 44.5em;
	height: auto;
	border: none;
	position: relative;
	text-align: left;
	padding: 0px;
	margin-left: 16px;
	margin-right: 12px;
}

#homePromoItem {
	width: 10.2em;
	height: auto;
	position: relative;
	padding: 0px;
	margin: 0px;
	float: left;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 12px;
	color: #7AA543;
	background-color: #FFFFFF;
	
}

#leftPanel {
	width: 12.5em;
	height: auto;
	position: relative;
	text-align: left;
	padding: 0px;
	color: #666666;
	margin-top: 0.3em;
	margin-bottom: 0.7em;
	margin-left: 1.2em;
	font-weight: normal;
	line-height: 1.3em;
}

#shoppingCartPanel{
	width: 15em;
	height: auto;
	position: relative;
	text-align: left;
	padding: 0px;
	color: #8F952F;
	margin: 0.3em .3em 0.3em 0.3em;	
	border: solid 0px #d3d3d3;
}
#shoppingCartPanel a:link, #shoppingCartPanel a:visited, #eventsPanel a:link, #eventsPanel a:visited {
	color: #5E210D;
	text-decoration: none;
}
#shoppingCartPanel a:hover, #shoppingCartPanel a:active, #eventsPanel a:hover, #eventsPanel a:active {
	color: #E5A731;
	text-decoration: none;
}
#miniCart_MyCartList{
	width: 18em;
	height: auto;
	position: relative;
	text-align: left;
	padding: 0px 0px 0px 0px;	
	margin: 0.3em .3em 0.3em 1em;
	color: #8F952F;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
}


/* Below are classes used by Menudetail page.*/
.MenuSection {
	border: none;	
	text-align: left;
	padding: 0 0 0 0;
	margin-left: 0px;
	margin-right: 10px;
	
}
/* MI: MenuItem */
.MI {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight:normal;	
	padding: 5 0 5 0;
}
/* MIX: MenuItemExtra*/
.MIX {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;	
	padding: 15px;
	font-weight:normal;	
}
.MII {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;	
	padding:0;
	font-style: italic;
	font-weight:normal;
}

TABLE.MedCartDataGrid
{
	width: 48em;
	height: auto;
	position: relative;
	text-align: left;
	padding: 0px;	
	color: #8F952F;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	border-style:solid;
	border-width: 1px;
	/* removed border color. border-color: #8F952F; */	
}
 
#grdTransactions
{
	width: 30.5em;
	height: auto;
	border: none;
	position: relative;
	text-align: left;
	padding: 0px;	
	color: #8F952F;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
}

.regularGrid
{
	width: 30.5em;
	height: auto;
	border: none;
	position: relative;
	text-align: left;
	padding: 0px;	
	/*color: #8F952F;*/
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
}

.dataGridBlack
{
	width: 30.5em;
	height: auto;
	position: relative;
	text-align: left;
	padding: 0px;	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	border:0;
}



.DataGrid_Header
{
	color: #8F952F;
	border-color:#8F952F;
	border-width: thin;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight:bold;
}
.DataGrid_Footer
{
	color: #8F952F;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight:bold;
}

.DataGridWide, wideCartArea
{
	width: 680;
	height: auto;
	border: 1px;
	border-style:solid;
	border-width: 1px;
	border-color: #8F952F;
	position: relative;
	text-align: left;
	padding: 0 0 0 0;
	clear:left;	 
	float:left;
	margin-left:5px;
	margin-right:5px;
	color: #8F952F;	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;		
}

/* TABLE.DataGridWide handles width issues for firefox since regular .DataGridWide doesn't seem to work. */
TABLE.DataGridWide 
{
	width: 520;
	height: auto;
	border: 1px;
	border-style:solid;
	border-width: 1px;
	border-color: #8F952F;
	position: relative;
	text-align: left;
	padding: 0 0 0 0;
	clear:left;	 
	float:left;
	margin-left:5px;
	margin-right:5px;
	color: #8F952F;	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;		
}

#PopularItems {
	width: 15em;
	height: auto;
	position: relative;
	text-align: left;
	padding: 0px;
	color: #8F952F;
	margin: 0.3em .7em 0.7em 1em;	
}
#AlsoBought{
	width: 15em;
	height: auto;
	position: relative;
	text-align: left;
	padding: 0px;
	color: #8F952F;
	margin: 0.3em .7em 0.7em 1em;	
}

#eventsPanel {
	width: 15em;
	height: auto;
	position: relative;
	text-align: left;
	padding: 0px;
	color: #8F952F;
	margin: 0.3em 0.7em 0.7em 1em;
}

#eventsPanelAdmin {
	width: 15em;
	height: auto;
	position: relative;
	text-align: left;
	padding: 0px;
	color: #8F952F;
	margin: 0.3em 0.7em 0.7em 1em;
	clear:left;	 
	float:right;
}
	
h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-style: normal;
	font-weight: bold;
	color: #E5A731;
	line-height: 13px;
	margin: 0px 0px 15px;
	padding: 0px;
	clear:both;
}

h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: bold;
	color: #587034;
	line-height: 12px;
	margin: 5px 0px 10px;
	padding: 0px;
}

.h2-small {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-style: normal;
	font-weight: bold;
	color: #587034;
	line-height: 9px;
	margin: 5px 0px 10px;
	padding: 0px;
}

.MenuDetail {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: normal;
	font-weight: bold;
	color: #587034;
	line-height: 14px;
	margin: 5px 0px 10px;
	padding: 0px;
}


#footer {
	padding: 0px;
	width: 719px; /*03/13/2011 - made footer 1px less than the whole layout to fix green line (to extend all the way down) in firefox */
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #999999;
	text-align: center;
	height: auto;
	clear: both;
	float: left;		
	margin: auto;
	z-index: auto;	
	background-color: #FFFFFF;
}

.hlfield
{
	border-right: #d3d3d3 1px solid;
	border-top: #d3d3d3 1px solid;
	font-weight: normal;
	font-size: 11px;
	border-left: #d3d3d3 1px solid;
	color: black;
	line-height: 130%;
	border-bottom: #d3d3d3 1px solid;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-color: #CCD9AF;
}
.hlfield2 {
		FONT-SIZE: 11px;
	    COLOR: Black;
	    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
		FONT-WEIGHT: normal;		
		background-color:#F3F5DF;
		LINE-HEIGHT: 130%;
		border: solid 1px #d3d3d3;
		border-color:black;
}
.missingfield {
		FONT-SIZE: 11px;
	    COLOR: Black;
	    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
		FONT-WEIGHT: normal;		
		background-color: #ffff66;
		LINE-HEIGHT: 130%;
		border: solid 1px #d3d3d3;
}
	
.regfield {
		FONT-SIZE: 11px;
	    COLOR: Black;
	    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
		FONT-WEIGHT: normal;		
		background-color: white;
		LINE-HEIGHT: 130%;
		border: solid 1px #d3d3d5;
}	
.miniCartInputField {
		FONT-SIZE: 9px;
	    COLOR: Black;
	    FONT-FAMILY: Verdana, Tahoma, Trebuchet MS;
		FONT-WEIGHT: normal;		
		background-color: white;
		LINE-HEIGHT: 130%;
		border: solid 1px #d3d3d3;
		width: 25px;		
}	
		
.fields   { 
	color: #ff4500; 
	font-size: 11px; 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	background-color: #fff; 
	border: solid 1px #d3d3d3 
}

#tabOn {
	height: 19px;
	width: 100px;
	background-image: url(images/tab_on.gif);
	float: left;
	text-align: center;
	margin-right: 3px;
}

#tabOff {
	height: 19px;
	width: 100px;
	background-image: url(images/tab_off.gif);
	float: left;
	text-align: center;
	border-bottom-width: 1px;
	margin-right: 3px;

}
#tabBar a:link, #tabBar a:visited {
	text-decoration: none;
	color: #666666;
}
#tabBar a:hover {
	color: #5DABE0;
	text-decoration: none;
	cursor: hand;
}
#tabBar{
	height: 19px;
	width: auto;
	background-image: url(images/tabBkg.gif);
	background-repeat: repeat;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666666;
	line-height: 19px;
	margin: 0px;
	padding-left: 5px;
}

#tabbedBox {
	width: auto;
	height: auto;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #999999;
	font-weight: normal;
	border-top: none;
	border-right: 1px solid #999999;
	border-bottom: 1px solid #999999;
	border-left: 1px solid #999999;
	position: relative;
	text-align: left;
	background-color: #F8F8F8;
	padding: 15px;
}

.indent { 
margin-left: 10px
}

ul {
	list-style-type: none;
	padding: 0;
	margin: 0;
}

li {
	padding-left: 1em;
}

li.selected {
	background-image: url(images/arrow2.gif);
	background-repeat: no-repeat;
	background-position: 0em .4em;
	padding-left: 1em;
	font-weight: bold;
	color: #587034;
}

.CouponLabel{ 
	color: Maroon; 
}

/* ----------- CSS Tables - effectively floats content left and right like a table --------- */
#table_container {
	width: 30.5em;
	height: auto;
	margin: 0px;
	position: relative;
	padding: 0px;
	text-align: left;
	float: left;
	clear: both;
}

#login_table_container {
	width: 48em;
	height: auto;
	margin: 0px;
	position: relative;
	padding: 0px;
	text-align: left;
	float: left;
	clear: both;
	border: dashed 0 #999999;
}

/*Used for placing any content in the center area of the page.   */
.main_Content_table_container {
	width: 48em;
	height: auto;
	margin: 0px;
	position: relative;
	padding: 0px;
	text-align: left;
	float: left;
	clear: both;
	border: dashed 0 #999999;
}
 
#table_left {
	width: 320px;
	height: auto;
	position: relative;
	margin: 0px;
	padding: 0px;
	float: left;
	clear: both;
}
	
#table_right {
	width: auto;
	height: auto;
	margin: 0px;
	position: relative;
	padding: 0px;
	text-align: right;
	float: right;
	vertical-align:text-top;
	padding-right:10px;
}
#table_add_to_cart_sizes {
	width: 30px;
	height: auto;
	margin: 0px;
	position: relative;
	padding: 0px;
	text-align: right;
	float: top;
}
#sizesBox {
	width: auto;
	height: auto;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #999999;
	font-weight: normal;
	border-top: 0.1em solid Maroon;
	border-right: 0.1em solid Maroon;
	border-bottom: 0.1em solid Maroon;
	border-left: 0.1em solid Maroon;
	position: relative;
	text-align: right;
	background-color: FFFFFF;
	padding: 0px;
	float: right;
}
#sizesTable {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #999999;
	font-weight: normal;
	background-color: FFFFFF;
	padding: 0px;
}
#DeptName {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: bold;
	color: #587034;
	line-height: 8px;
	margin: 5px 0px 5px;
	padding: 0px;
}

a.selectedProduct {
	background-image: url(images/arrow.gif);
	background-repeat: no-repeat;
	background-position: 0 0.5em;
	padding-left: .8em;
	font-weight: bold;
	color: #587034;
}
a.nonSelectedProduct {
	padding-left: .8em;	
}
#deptNameLabel {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: bold;
	color: #587034;
	padding: 0px;
	background-color: #FFFFFF;
	width: 158px;
	height: auto;
}

#regularBodyText
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
}
.regularBodyText
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
}	

.inputFormTable
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	border-color: #E7F1D7;
	border-style:dashed;
	border-width:1px;	
	padding-left: 0px 0px 0px 10px;	
	height:auto;
	line-height:20px;	
}	
.regularTable
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	border-color: #E7F1D7;
	border-style:dashed;
	border-width:1px;	
	padding-left: 10px;
	padding-top: 2px;	
	height:auto;	
	position: relative;
	line-height:auto;
}	
.borderlessTable
{
	font-size: 11px;
	border-width:0px;	
	padding-left: auto;
	padding-top: auto;	
	height:auto;	
	clear:both;
}	
.error
{
	font-size: 10px;
	color: Red;
	font-weight:bold;
}
.warning
{
	font-size: 10px;
	color: Maroon;
	font-weight:bold;
}
.success
{
	font-size: 10px;
	color: #587034;
	font-weight:bold;
}
/*divError is used to set the background of display messages (errors)*/
.divError
{
	background-color: #ffffff; 
	border-style:dashed;
	border-width:1px; 
	border-color:red; 
	padding: 10 10 10 10;
}
/*divError is used to set the background of display messages (errors)*/
.divSuccess
{
	background-color: #ffffff; 
	border-style:dashed;
	border-width:1px; 
	border-color:#587034; 
	padding: 10 10 10 10;
}



.smallRedPrint
{
	font-size: 10px;
	color: Red;
}
.smallPrint
{
	font-size: 10px;
}
.message
{
	font-family: Arial, Helvetica, sans-serif;
	font-style: normal;
	font-weight: bold;
	color: #587034;
	font-size: 10px;	
}

/* The .highlight styles help highlight an image by putting a border around it*/

.highlightit img{
border: 1px solid #ccc;
}

.highlightit:hover img{
border: 1px solid green;
}

.highlightit:hover{
color: #333333; /* Dummy definition to overcome IE bug */
border: 0px ;
}

.selectedLink{
	background-image: url(images/arrow2.gif);
	background-repeat: no-repeat;
	background-position: 0em .4em;
	padding-left: 1em;
	font-weight: bold;	
}

/* .SurveyInput class is used to style input/survey question sections followed by input boxes */


#EmploymentForm
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	border-color: #E7F1D7;
	border-style:dashed;
	border-width:1px;	
	padding: 5 0 0 0;	
	height:auto;	
	position: relative;
	line-height:auto;
}
#EmploymentForm td
{	
	padding: 5 0 5 0;	
	
}

 
.ProdCategoryThumbnail
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	width:75px;
	border-width:0;
	border-style:none;
	text-align:center;
}	



@media print {
.noprint { display: none; }
}