body 	{margin:0px; font: normal 13px Ubuntu, sans-serif; margin-top:10px;}
.clear  {clear:both;}
.hide 	{display:none;}

.header 		{font-size:40px; color: #000 ; text-shadow: 1px 1px 1px #CCC; height:60px; width:95%; margin:0 auto; line-height:60px;position:relative;}
.header-content	{font-size:40px; color: #00861B ; position:absolute; right:10px;top:0px;}
.menu 			{z-index:99; position:relative;}


#outer_wrapper    { width: 95%; margin: 0 auto; }
#wrapper          { background-color:#FFFFFF; width: 95%; margin: 0 auto; border: 1px #000 solid; }

#content 		  { width:99%; margin: 0 auto; padding-top:10px;}
.footer 		  { clear:both; background: #CCC;  width: 100%; height: 40px; border: 1px solid #000; border-top:0;position: relative;}


.button			  { background: #72AF00; width:200px; height:30px; line-height:30px; color:#FFF;text-align:center;cursor:pointer;float:left; margin-left:20px;font-size:20px;font-weight:bold;
					border-bottom: 2px solid #536573; border-right: 2px solid #536573; }

.submit-button	  { background: #72AF00; width:200px; height:30px; line-height:30px; color:#FFF;text-align:center;cursor:pointer;float:left; margin-left:20px;font-size:14px;font-weight:bold;
					border-bottom: 2px solid #536573; border-right: 2px solid #536573; float:right;}

.small			  { font-size:12px; width:75px;background: #72AF00; height:20px; line-height:20px;}
.medium			  { font-size:12px; width:100px;background: #72AF00; height:30px; line-height:30px;}
.large			  { font-size:12px; width:150px;background: #72AF00; height:30px; line-height:30px;}

h1				  { font-size:30px; font-weight: 300;color: #00861B;}
h2				  { font-size:20px; font-weight: 500;color: #00861B; border-bottom:1px solid #00861B;margin:0;margin-bottom:5px;margin-top:5px;width:980px;margin-left:10px;position:relative;clear:both;cursor:pointer;}
h3				  { font-size:20px; font-weight: 500;color: #00861B;margin-left:10px; }
h4				  { font-size:14px; font-weight: 500;color: #00861B;display:inline; margin:0;}

.showhide		  { position:absolute; right:0px;top:5px;font-size:14px;cursor:pointer;color: #00861B;}


.top-icon		  { float:left; width:150px; text-align:center; padding-bottom:10px; padding-top:5px;}
.top-icon:hover	  { background:#00861B; color:#FFFFFF;-moz-border-radius: 15px;border-radius: 15px;}
.top-icon:hover a { color:#FFF;}
.top-icon a		  { text-decoration:none; color:#00861B;}


.button, .submit-button, .areas {
	color: #FFF;
	padding-top: 2px;
	padding-bottom: 2px;
	background-color: #72AF00;
	background: -webkit-gradient(linear, left top, left bottom, from(#72AF00), to(#B8E466));
	background: -moz-linear-gradient(top, #72AF00, #B8E466);
	border-radius: 6px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	-webkit-box-shadow: 1px 1px 4px #999;
	-moz-box-shadow: 1px 1px 4px #999;
	box-shadow: 1px 1px 4px #999;
	margin-right: 0px;
}

.button:hover, .submit-button:hover, .areas:hover, .top-icon:hover {
background-color: #72AF00;
background: -webkit-gradient(linear, left top, left bottom, from(#B8E466), to(#72AF00));
background: -moz-linear-gradient(top, #B8E466, #72AF00);
}


/*==========================
   TABLE CSS
==========================*/

.table-home								{font-size:14px;}
.table-home td							{padding-top:10px;padding-left:10px;font-size:14px;padding-bottom:10px;}

.table-home table 						{border-collapse:collapse;}
.table-home table, 
.table-home td							{border-bottom:1px solid #00861B;}
.table-home th							{border:none;}
.table-home th							{background-color:#00861B;color:white; padding:5px;}



/*==========================
   TABLE INSTALLER CSS
==========================*/

.table-installer							{font-size:14px;}
.table-installer td							{padding-top:10px;padding-left:10px;font-size:14px;padding-bottom:10px;}

.table-installer table						{border-collapse:collapse;}
.table-installer table, 
.table-installer td,
.table-installer th							{border-bottom:1px solid #333;}
.table-installer th							{background-color:#336699;color:white; padding:5px; font-weight:bold; text-align:left;font-size:16px; text-indent:10px;}









/*==========================
   LUSHTURF QUOTE CSS
==========================*/

.navigation_wrapper		{margin:0 auto; width:670px;}
.table-entry			{font-size:14px;}
.table-entry td			{padding-top:10px;padding-left:10px;font-size:14px;padding-bottom:10px;}

.table-entry table 						{border-collapse:collapse;}
.table-entry table, .table-entry td		{border-top:1px solid green; border-bottom:1px solid 00861B;}
.table-entry th							{border:none;}
.table-entry th							{background-color:#00861B;color:white; padding:5px;}

.area-content			{padding-top:20px;}
.area-active 			{background:#72AF00;color:#FFF; font-weight:bold;}

.area-top-buttons		{width:700px; float:left;}
.area-top				{width:300px;padding-top:10px;float:left;}
.area-name				{float:left; height:30px; line-height:30px;}
.area-total				{font-size:20px;}

input, textarea, select, .input-yes, .input-no {
    border: 2px solid #00861B;
    border-radius: 7px;
	line-height:30px; font-size:18px;padding-left:5px;height:30px;
}

input:focus, textarea:focus { 
    outline: none;
    border-color: #00861B;
    box-shadow: 0 0 10px #00861B;
}

.input-type		{width:300px;}
.input-price	{width:70px;}
.input-qty		{width:50px;}
.input-yes		{float:left; width:50px; text-align:Center; text-indent:0; height:30px; cursor:pointer;}
.input-no		{float:left; width:50px; text-align:Center; text-indent:0;height:30px; margin-left:20px;cursor:pointer;}
.input-active	{background: #72AF00; color:#FFF;}

.areas					{ float:left; margin-left:20px; margin-top:10px; padding:5px;text-align:center;border:1px solid #000; width:100px;cursor:pointer; height:25px;line-height:25px;}

.progress 				{ position: relative;width: 1000px;border: 1px solid #ddd;padding: 1px;border-radius: 3px; margin-top:10px;}
.bar 					{ background-color: #B4F5B4;width: 0%;height: 20px;border-radius: 3px;}
.percent 				{ position: absolute;display: inline-block;top: 3px;left: 48%;}
.message				{ width:1000px;}

.file-wrapper			{ width:150px;float:left; margin-left:10px;text-align:center; border:1px solid green;}
.file-wrapper-image		{ height:150px; width:150px;}
.ajax-loader 			{ position:absolute; top:0px; left:0px;border:1px solid #CCC; z-index:100; width:100%; height: 100%; opacity:0.5;background:url(/lushturf/ajax-loader.gif) no-repeat center center #00861B;display:none;}


#attachment-quote		{float:left; width:150px;text-align:center;}
#attachment-wrapper		{float:left; width:450px;}
.attach-image			{width:120px; float:left;text-align:center;}
.attach-image img		{width:50px;}

/* =======================
	ADDRESS TABLE
========================== */

.address-table							{ width:800px;}
.address-table td, .address-table th	{ vertical-align:text-top; font-size:14px;}
.address-table th						{ font-weight:normal;text-align:right;padding-right:20px;}


/* =======================
	EMAIL QUOTE TABLE
========================== */

.emailquote				{ width:1000px;}
.emailquote th			{ font-weight:normal;text-align:right;padding-right:20px;width:100px;padding-top:20px;}
.emailquote td			{ padding-top:10px;}
.show-email-buttons		{ width:250px;padding-top:10px;float:left;}



@media print
{    
.noprint {display: none !important;}
#wrapper	{width:1000px; !important}
#content	{width:1000px; !important}
.header		{width:1000px; !important}
}


.acResults {
	padding: 0px;
	border: 1px solid WindowFrame;
	background-color: Window;
	overflow: hidden;
}

.acResults ul {
	margin: 0px;
	padding: 0px;
	list-style-position: outside;
	list-style: none;	
}

.acResults ul li {
	margin: 0px;
	padding: 2px 5px;
	cursor: pointer;
	display: block;
	font: menu;
	font-size: 12px;
	overflow: hidden;
}

.acLoading {
	background : url('indicator.gif') right center no-repeat;
}

.acSelect {
	background-color: Highlight;
	color: HighlightText;
}