﻿.DarkGreen
{
	color: #78A22F;
}
.LightGreen
{
	color: #8DC63F;
}
.LightGrey
{
 color: #585858;
}
/****************************************/
/*        Local Menu                    */
/****************************************/
.LocalMenu
{
	
	position: absolute; 
	z-index: 10; 
	background: white; 
	text-align: left;
	list-style-type: none; 
	padding: 0px;
	margin: 0px; 
	border: solid 1px black;
	width: 300px;
}
.LocalMenuTable a
{
	display: block;
	padding: 3px 10px;
	
	
}

.LocalMenuTable a:hover 
{
	color: white;
	background: #cccfd9;
	
}


/****************************************/
/*               Buttons                  */
/****************************************/
.btn-blue
{	
	color: White;
	background: url(../Images/btn-green.png) repeat-x ;
	cursor: pointer;
}
.button, .btnSubmit
{	
	color: White;
	background: url(../Images/btn-green.png) repeat-x ;
	cursor: pointer;
	font-weight: bold;
}
.btnCancel, .btnDelete
{	
	color: White;
	background: url(../Images/btn-grey.png) repeat-x ;
	cursor: pointer;
	font-weight: bold;
	
}

.btn-grey
{	
	color: White;
	background: url(../Images/btn-grey.png) repeat-x ;
	cursor: pointer;
}
.WhiteLink
{
	color: White;	
}
.WhiteLink:hover
{
	color: black;	
}
/****************************************/
/*               Fonts                  */
/****************************************/
.Answer
{
	margin: 10px;
	margin-top: 2px;
}
.Question
{
	font-weight: bold;
}
.BigGreenCaps
{
	color: #78A22F;
	font-size: 24pt;
	text-transform: uppercase;
	margin: 0px;
	padding: 0px;
	font-weight: bold;
}
.SmallGreen
{
	color: #78A22F;
	font-size: 8pt;	
	margin: 0px;
	padding: 0px;
	font-weight: bold;
}
.GreenText
{
	font-weight: bold;
	color: #8DC63F;
}
.MediumGray
{
	font-weight:normal;
	color: #BBBCBE;
	font-size: 12pt;
	margin: 0px;
	padding: 0px;
}
.TopPhone
{
	color: #8DC63F;
	margin: 0px;
	padding: 0px;
	position: absolute;
	margin-left: 410px;
	margin-top: -35px;
	font-size: 18pt;
}

.LargeLinks
{

	font-size: 10pt;	
	display: block;	
	
}

.CategoryTitle
{
	margin: 0px;
	padding: 0px;
	text-transform: uppercase;
	font-size: 18pt;
}
.ItemTitle
{
	margin: 0px;
	padding: 0px;	
	font-size: 20pt;
}
.BulkPricingTable
{
	text-align: center; 
	border-collapse: collapse;
	font-size: 9pt;	
}
.ItemMiniTitle
{
	margin: 0px;
	padding: 0px;	
	font-size: 14pt;
	text-align: center;
}
.NoMargins
{
	margin: 0px;
	padding: 0px;
}
.GreenMenu
{
	color: White;
	background: url(../Images/header-green.png) repeat-x ;
	font-size: 18pt;
	padding: 10px 15px;
	margin: 10px 25px;	
	
}
.LightGreenMenu
{
	color: White;
	background: url(../Images/btn-green.png)  repeat-x ;
	font-size: 18pt;
	padding: 10px 15px;
	margin: 10px 25px;
}
.ContactContent
{
	font-size: 12pt;
	margin: 0px 20px 40px 40px;
}
.BreadCrumbs
{
	font-size: 12pt;
	margin-bottom: 20px;
}
.FooterMenu
{
	font-size: 12pt;
	color: #333333;
	font-weight: bold;
}


/*******************************************************/
/*                    sub-items menu					   */
/*******************************************************/

.sub-items{
	text-align: center;
}
.sub-items ul
{
	margin: 0px;
	padding: 0px;
}
.sub-items ul li
{
	list-style-type: none;
	font-size: 10pt;
	
}
.sub-items  li a
{
	color: #585858;
	font-weight: normal;
	text-decoration: none;		
	font-size: 8pt;
}
.sub-items  li a:hover
{
	color:#8DC63F;
		
}

.BlueText
{
	color: #78A22F;
	font-weight: bold;
}
/****************************************/
/*            Category Menu             */
/****************************************/

.category-menu {
  /* Set it so we could calculate the offsetLeft */
  
  text-align: center;
  float: right;
  height: 24px;  
  width: 500px;
  margin-right: -2px;
  margin-bottom: 5px;
  vertical-align: middle;
  background: url(../Images/DkGreenBar.png) repeat-x;
  overflow: hidden;
}
.category-menu ul
{
	float: left;
	width: 500px;
	margin: 0px;
	padding: 0px;
	overflow: hidden;
}
.category-menu li 
{
  float: left;
  margin: 0px;
  padding: 0px;
  line-height: 24px;
  width: 130px;
  overflow: hidden;
  text-align: left;
  color: White;
  font-weight: bold;
  list-style-type: none;
  
}
.link:hover
{
	color: #585858;
	cursor: pointer;
}
.menu-link:hover
{
	color: #585858;
	cursor: pointer;
}
.menu-link
{
	color: white;
	cursor: pointer;
}
.products
{
	height: auto;
	padding: 0px;
	background: white;
	width: 190px;
	position: absolute;
	border: 1px solid black;
	border-top: 0px;
	z-index: 100;
	display: none;
	-moz-box-shadow: 0 0 10px #555555;
	-webkit-box-shadow: 0 0 10px #555555;
	box-shadow: 0 0 10px #555555;
}

.products ul
{
	margin: 0;
	padding: 0;
}

.products li
{
	width: 100%;
	height: 24px;
	padding: 0px 4px 0px 4px;
	display: block;
	text-align: left;
}
.products a
{
	width: 100%;
	display: block;
	height: 24px;
	line-height: 20px;
}

/****************************************/
/*            Profile Menu             */
/****************************************/

div.profile-menu {
  /* Set it so we could calculate the offsetLeft */
  position: relative;  
  width: 950px; 
  margin-left: 27px;
  /* Add scroll-bars */
  overflow: hidden;
}
ul.profile-menu {
  display: block;
  
  /* Max width here, for users without Javascript */
  width: 100000px;  
  /* Remove default margin */
  margin: 0;
  
  padding: 0;
  
  list-style: none;
}
.profile-menu li {
  
  float: left;

  
  padding: 0;    
  text-align: center;  
}



.EmployeeProfile
{
	
	margin: 0px;
	text-align: left;  
	width: 230px;
	padding: 5px 15px;
	background: #BBBCC0 url('../Images/AboutUsBackground.png') repeat-x;
	height: 206px;
	font-size: 8pt;
	overflow: hidden;
}
.ProfileQuestion
{
	font-style: italic;
	color: #78A22F;
	
}
/****************************************/
/*            Sub Menu                  */
/****************************************/

.sub-menu 
{
	margin-top: 6px;
  float: right;
  margin-right: -2px;
  width: 500px;
  height: 24px;
  background: url(../Images/GreyBar.png) repeat-x ;
}
.sub-menu ul
{
  margin: 0;
  padding: 0;
  list-style: none;
}
.sub-menu li {
  float: left;  
  width: 125px;
  height: 24px;
  text-align: center;

}
.sub-menu a 
{
	display: block;
	text-decoration: none;
	color: white;
	font-weight: bold;
	height: 24px;
	line-height: 24px;
}

.sub-menu a:hover
{
		height: 24px;
	line-height: 24px;
	display:block;
	background: url(../Images/DkGreenBar.png) repeat-x ;
}

/****************************************/
/*            Brand Menu                  */
/****************************************/


	.brand-menu {
  display: block;    
  margin: 0;  
  margin-left: 25px;
  
  padding: 0;
  
  list-style: none;
  
}
.brand-menu li {
  display: block;
  float: left;  
  padding: 0 5px;
  width: 170px;
  line-height: 49px;
  background: url(../Images/btn-green.png) repeat-x ;
  height: 49px;
}
.brand-menu li:hover { 
  background: url(../Images/btn-gray.png) repeat-x ;
 
}
.brand-menu a {
  
  display: block;
  text-decoration: none;
  color: white;
  font-weight: bold;
  padding: 0px 21px;
 
}
.brand-menu li {
  border: 1px #FFFFFF solid;
  -webkit-border-radius: 6px;
  -moz-border-radius: 5px;
}


/****************************************/
/*            Picture Menu             */
/****************************************/

div.picture-menu {
  /* Set it so we could calculate the offsetLeft */
  position: relative;
  height: 210px;  
  width: 950px;
	
  margin-left: 28px;
  /* Add scroll-bars */
  overflow: hidden;
}
ul.picture-menu {
  display: block;
  
  /* Max width here, for users without Javascript */
  width: 10000px;  
  /* Remove default margin */
  margin: 0;  
  
  padding: 0;
  
  list-style: none;
}
.picture-menu li {
  display: block;
  float: left;  
 

}
.picture-menu a {
  
  display: block;
  text-decoration: none;
  color: white;
  font-weight: bold;
  padding: 0px;
  padding-left: 6px;
  
}
.picture-menu span {
  /* We want a caption to display on the next line */
  display: block;
  margin-top: 3px;
  text-align: center;
  
  color: #fff;
}

.picture-menu span {
  display: none;
  margin-top: 3px;
  text-align: center;
  
  color: #fff;
}
.picture-menu a:hover span {
  display: block;
}

.ItemList
{
	list-style: none;	
	font-size: 10pt;
}
.ItemList a
{
	font-weight: normal;
	font-style: italic;
}
.CategoryList
{
	list-style: none;
	font-size: 12pt;
}
.CategoryList a
{

}
.divItemBox
{
	border: solid 1px black;
	width: 694px;	
	height: 500px;
	overflow: auto;
	padding: 5px;
}
.divBulkOption
{
	padding: 5px;
	position:absolute;
	background: white;
	border: solid 1px black;
	margin-top: -20px;
	z-index: 10;
	
}
.AddressItem
{
	background: #e7e7e7;
	margin-bottom: 10px;
	border: solid 1px black;
	padding: 5px;
	width: 250px;
	text-align:left;
	
}
.DivEditAddress
{
	background: #e7e7e7;
	border: solid 1px black;
	margin: 10px 0px 10px 0px;
	padding: 10px 0px 10px 0px;
	width: 800px;
}

.QuestionFAQ
{
	font-weight: bold;
}
.AnswerFAQ
{
	margin: -10px 0px 15px 0px;
}

/**  Item Pop-ups **/
.WhatsThis
{
	text-align: left;
	background: beige;
	padding: 5px;	
	margin-top: 25px;
	position: absolute;
	font-size: 10pt;
	z-index: 11;
	width: 350px;
	font-weight: normal;
	border: solid 1px black;
	
}

.ImageHover
{
	position: absolute;
	background: white;
	left: 0px;
	top: 0px;
	z-index: 100;
	width: 724px;
	height: 520px;
}

.thumbHover
{
	cursor: pointer;
}

.ajax__tab_header
{
	background: red;
}

.floater
{
	background: white;
	width: 1004px;
	padding: 10px;
	margin-bottom: 10px;
}
.green-bar
{
	font-weight: bold;
	font-size: 12pt;
	background: url(../Images/btn-green.png) repeat-x ;
	padding: 5px 15px;
		
}

.LearnMoreItem table
{
	border: 0;
	padding: 0;
	border-spacing: 0;
	border-collapse: collapse;
	width: 100%;
}

.LearnMoreItem td
{
	border: 1px solid black;
	padding: 4px;
}

.LearnMoreItem th
{
	border: 1px solid black;
	padding: 4px;	
}

.LearnMoreItem th
{
	color: #78A22F;
}

.LearnMoreItem strong
{
	color: #78A22F;
}

.LearnMoreItem a
{
	text-decoration: underline;
}

/******************************************************/
/*Racin For Greyson
/******************************************************/

.smallTitle {color: #78A22F;}
.LargeTitle {color: #8DC63F; font-size: 18pt;}
.btnRegister{background: url(../Images/btn-light-blue.jpg) repeat-x; height: 40px; width: 220px; color: White; border: 0; font-size: 14pt; font-weight: bold; line-height: 40px; cursor: pointer;}

#divGreysonWrapper {position: relative; padding: 5px; padding-top: 0px; color: Black; font-size: 12pt; font-weight: bold; margin: 0;}
#divGreysonWrapper a:link {color: #8DC63F;}
#divGreysonWrapper a:visited {color: #8DC63F;}
#divGreysonWrapper a:hover {color: #8DC63F;}
#divGreysonTop {padding: 0px; margin: 0px; position: relative;}
#divGreysonTop ul{list-style-type: none; margin: 0; margin-bottom: 10px; padding: 0;}
#divGreysonTop li{display: inline; padding: 8px;}
#divGreysonTop a:link {color: #BBBCBE; font-weight: bold; font-size: larger;}
#divGreysonTop a:visited {color: #BBBCBE; font-weight: bold; font-size: larger;}
#divGreysonTop a:active {color: #BBBCBE; font-weight: bold; font-size: larger;}
#divGreysonTop a:hover {color: #BBBCBE; font-weight: bold; font-size: larger;}

#divLeft{width: 310px; float: left;}
#divLeft img {padding-bottom: 10px;}
#divRight{width: 680px; float: right;}

#divLeft2{width: 630px; float: left;}
#divRight2{width: 350px; float: right;}

#divRegistration{background: #BBBCBE; text-align: center;}
