@charset "utf-8";

/* ---   PAGE HEADER AND FOOTER STYLES   --- */

/* ---   HEADER   --- */
/* ---   Since the html5 header element may occur several times within a document, we will specify
         the header for the page by assigning the 'page' class to specify our 'page' header.         --- */

header.page,
.header.page {
	color:#FFF;
	background:#007247 url(/images/lebturf-site-logo.png) no-repeat center 0;
	height:140px;
	text-align:center;
	position:relative; /* --> to enable nav positioning to work relative this container */
}

.header.page .nav,
header.page nav {
	font-size:1.14286em;
	width:100%;
	position:absolute;bottom:8px;left:0;
}

header.page a,
.header.page a {
	color:#FFF;
	font-family:Arial, Helvetica, sans-serif;
	text-decoration:none;
	display:inline-block;
	margin:0 3px;
}

.no-borderradius .header.page a, 
.no-borderradius header.page a,
.no-js .header.page a, 
.no-js header.page a {
	padding:4px 12px;
}

.no-borderradius .header .nav a:hover, 
.no-borderradius header nav a:hover, 
.no-borderradius .header .nav a.active, 
.no-borderradius header nav a.active,
.no-js .header .nav a:hover, 
.no-js header nav a:hover, 
.no-js .header .nav a.active, 
.no-js header nav a.active,
.no-js .header .nav a:focus, 
.no-js header nav a:focus {
	padding:4px 0 4px 12px;
	background:url(/images/menu-rnd-lft.png) no-repeat;
}

.no-borderradius .header.page a:hover span, 
.no-borderradius header.page a:hover span, 
.no-borderradius .header.page a.active span, 
.no-borderradius header.page a.active span,
.no-js .header.page a:hover span, 
.no-js header.page a:hover span, 
.no-js .header.page a.active span, 
.no-js header.page a.active span,
.no-js .header.page a:focus span, 
.no-js header.page a:focus span {
	padding:3px 12px 3px 0;
	background:#FFFFFF url(/images/menu-rnd-rgt.jpg) no-repeat right top;
}

.borderradius .header.page a,
.borderradius header.page a {
	padding:4px 10px;
	/* border radii */
	  -webkit-border-radius:.75em;
	  -moz-border-radius:.75em;
	border-radius:.75em;
	/* transitions */
	  -o-transition: all .25s ease-out;
	  -moz-transition: all .25s ease-out;
	transition: all .2s linear;
}

.header.page a:hover,
header.page a:hover,
.header.page a.active,
header.page a.active,
.header.page a:focus,
header.page a:focus {
	color:#000;
	background-color:#FFFFFF;
	text-decoration:none;
}

.js .header.page a:hover,
.js header.page a:hover, 
.js .header.page a:focus, 
.js header.page a:focus,
.js .header.page a.active, 
.js header.page a.active {
/*	color:#000;
	background-color:#FFF;
	text-decoration:none;*/
	/* shadows */
	  -moz-box-shadow: -1px -1px 1px #779977;
	  -webkit-box-shadow: -1px -1px 1px #779977;
	  -o-box-shadow: -1px -1px 1px #779977;
	box-shadow: -1px -1px 1px #779977;
}

/* ---   Skip navigation link (required for accessibility, hidden until user tabs to link)   --- */
#skip a{height:1px;left:0;overflow:hidden;position:absolute;top:-500px;width:1px;}
#skip a:focus{top:0px;height:auto;width:auto;position:static;overflow:visible;margin-right:.5em;font-weight:700;}

/* ---   Search module   --- */
.header .search-module,
header .search-module {
	/*display:none; /* --> TODO: Remove once the search implementation is complete */
	position:absolute;
	right:0;top:40px;
	width:250px;
	z-index:1;	
}

.header .search-module label,									
header .search-module label {
	display:none;
}

.header .search-module input[type="image"],
header .search-module input[type="image"] {
	display:inline-block;
	vertical-align:middle;
}

#nsearch{display:none;}

/* ---   About us and distributor login supplemental links   --- */
#supplinks{font-size:12px;position:absolute;right:43px;text-align:left;top:15px;width:200px;z-index:2;}
#supplinks a{
	padding:4px 8px;
	/* disabled properties */
	text-decoration:none;text-shadow:none;border:none;
}
#supplinks a:hover{
	color:#FFFFFF;
	background-color:#007247;
	text-decoration:underline;
}
.borderradius #supplinks a:hover{background-color:#006740;}

/* ---   Style for javascript-generated clickable area over site-logo implemented as a background   --- */
.pseudoHome{width:350px;height:90px;text-align:center;position:relative;top:0px;margin:0 auto;cursor:pointer;}



/* ---   FOOTER STYLES   --- */
/* ---   These have been written using an HTML5 element-to-class mapping to enable an easier transition to the use of HTML5.   --- */

.footer, footer{
	clear:both !important;margin:20px 0 10px 0;padding-top:9px;border-top:30px solid #007247;
	/* position:relative;  --> Needed for absolute position of contact module.
	Removed line above to line below because of issues with dropdowns going behind footer in IE7*/
	font-size:0.8571429em;
}

.footer .nav,
footer nav {
	margin:4px 0px 4px 20px;
	padding:0;
	width:70%;
	line-height:1.5em;
}

.footer a,
footer a {
	padding:3px 5px;
}

.footer .nav a,
footer nav a {
	white-space:nowrap;
	/* border-radii */
		-webkit-border-radius:.25em;
		-moz-border-radius:.25em;
	border-radius:.25em;
}

.footer a:hover,
footer a:hover,
.footer a:focus,
footer a:focus {
	color:#FFFFFF;background-color:#265882;
	text-shadow:none;
}

.footer a.nonapparent,
footer a.nonapparent {
	color:#000000;
	padding:0;
	text-decoration:none;
}

.footer a.nonapparent:hover,
footer a.nonapparent:hover {
	color:#0000CC;background-color:#FFFFFF;
	text-decoration:none;
/*	border-bottom:#0000CC 1px dotted;*/
}

.footer p,
footer p {
	padding:5px 0 0 125px;
	background:url(/images/small-lebturf-logo.png) no-repeat 20px 0;
	height:55px;
	width:60%;
	line-height:1.16667em;
}

/* ---   The 'Customer Service' module in the footer (div.contact)   --- */
.footer .contact,
footer .contact {
	font:1.5em/1.2em Georgia, "Times New Roman", Times, serif;
	text-shadow:0 1px 1px #bbb, -1px -1px 1px #EEEEEE;
	/*text-align:center;height:55px;width:25%;position:absolute;right:15px;top:15px;z-index:1;	
	changed line above to line below because of issues with dropdowns going behind footer in IE7*/
	text-align:center;width:25%;position:inherit ;right:15px;top:15px;z-index:1;/*height:55px;*/
	float:right;	
}

.footer .contact span,
footer .contact span {
	white-space:nowrap; /* --> Controls where the customer service text forces line breaks on smaller screens */
}

.footer .contact .tel,
footer .contact .tel {
	font-weight:700; /* bold */
}

.footer .contact a:hover,
footer .contact a:hover {
	text-decoration:none;
}

.footer sup,
footer sup {
	font-size:0.7692em;
}

#addsearch-results {
margin-left: 320px !important;
}