/*
	Template CSS
	Developed by Alliance Software
	
	
	==========================================================
	
	TABLE OF CONTENTS
	
		1. Reset and colours
		2. General Setup
		3. Tiny MCE Default Styles
		4. Layout
		5. Nav
		6. Header
		7. Content
		8. Footer
		9. Forms
	
	=========================================================

*/
/* 	*********************************

		1. RESET AND COLOURS
		
	*********************************
*/
	@import url(reset.css);
	
	/*
		page colours go here for easy reference
	*/


/* 	*********************************

		2. GENERAL SETUP
		
	*********************************
*/
	body{
		font-family:"Helvetica Neue", Helvetica, "DejaVu Sans Condensed", "Liberation Sans", "Nimbus Sans L", Arial, Sans-serif;	
		font-size:75%;
		line-height:1.4;																		
		color:#535353;
		background:#c4bcab;
	}
	
	h3,h4,h5,h6 {
		margin:1em 0 0 0;
	}
	
	h1{}
	h2,h3,h4{line-height:1.0;margin:0em 0 0.6em;}

	h1{font-size:2.2em; line-height:1.0; margin-bottom:0.5em;}
	h2{font-size:1.4em; font-weight:bold;}
	h3{font-size:1.25em;}
	h4{font-size:1em;}
	
	p{margin:0em 0 1em;}
	em{font-style:italic;}
	strong{font-weight:bold;}
	.text-left{text-align:left;}
	.text-right{text-align:right;}
	.text-center{text-align:center;}
	
	ul, ol, dl{margin:1em 2em; list-style-position:outside;}																																											
	ol{list-style-type:decimal; list-style-position:outside;}
	ol li{margin-left:1.5em;}
	li{margin:0 0 0.2em;}													
	ul{list-style-type:disc;}
	.no-bullet li{list-style-type:none;}


	
	/* keep in LoVe HAte */
	a:link{color:#212120;}
	a:visited{color:#212120;}
	a:hover{color:#212120; text-decoration:none;}
	a:active{color:#212120;}
	
	#content a:link{color:#3475B2;}
	#content a:visited{color:#3475B2;}
	#content a:hover{color:#f2932f;}
	#content a:active{color:#3475B2;}
	
	blockquote{border:1px solid #ccc; padding:12px; width:90%; margin:12px auto;}
	blockquote h2{font-size:1.4em;}
	blockquote img{float:right; margin:3px 8px;}
	
	/* To force the blockquote to clear itself */
	blockquote:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}
	blockquote {display:inline-block;}/* Hide from IE Mac \*/
	blockquote {display:block;}/* End hide from IE Mac */
	
	/* generic float and clear classes */
	.left{float:left;}
	.right{float:right;}
	.clear{clear:both;}
	.clear-left{clear:left;}
	.clear-right{clear:right;}
	
	/* clearfix enables self clearing floats, add class="clearfix" to any floated element to clear itself */
	.clearfix:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}
	.clearfix {display:inline-block;}/* Hide from IE Mac \*/
	.clearfix {display:block;}/* End hide from IE Mac */
	
	




/* 	*********************************

		3. TINY MCE STYLES
		
	*********************************
*/
	.mceContentBody{
		background:#fff;															/* sets background to white when editing in CMS */
		color:#222;																	/* sets text colour at a good contrast on white background */
		text-align:left;															/* to make sure it does not take centre styles from body */
		height: 100%;
	}
	.mceContentBody ul, .mceContentBody ol, .mceContentBody dl{margin:1em 0;}									
	.mceContentBody ol li{list-style-type:decimal; margin-left:30px;}
	.mceContentBody li{margin:0 0 0.5em;}															
	.mceContentBody ul li{list-style-type:square; margin:0 0 0 30px;}




/*	*********************************

		4. NAVIGATION
		
	*********************************
*/

	/*
	=================================
	Important for accessibility, skip
	navigation link initially hidden
	but shown on focus using keyboard
	=================================
	*/
	#skip a, #skip a:hover, #skip a:visited {
		position:absolute;
		left:-9999em;		
		overflow:hidden;
	}
	#skip a:active, #skip a:focus{
		position:static;
	}
	
	/* Main navigation bar */
	#nav{
		width:849px;
		height:89px;
		float:right;
		margin:0;
		position:relative;
		background:#e0e0df url(../images/logo-johndeere.png) no-repeat 725px;
	}
	#nav ul {
		list-style-type:none;
		list-style-position:outside;
		position:absolute;
		bottom:0px;
		left:0px;
		margin:0px 0 0 5px;
		z-index:1000;
	}
	#nav li{
		float:left;
		margin:0 0px;
		position:relative;
		font-size:0.90em;
	}
	#nav li a{
		display:block;
		text-decoration:none;
		padding:8px 7px;

	}
	#nav li a:hover {background:#b0afb0;}
	#nav li ul {width:142px;color:white;background:#5f6060;position:absolute;top:30px;z-index:1000;margin-left:0px;border-top:1px white solid;left:-9999px;}
	#nav li:hover ul, #nav li.sfhover ul {left:auto;}
	#nav li ul li {float:left;width:142px;background:#5f6060;}
	#nav li ul li a{display:block;width:128px;height:21px;padding:5px 7px 0px;font-size:1.2em;color:#ffffff}
	#nav li ul li a.highlight {border-top:2px solid #b0afb0;}


/*	*********************************

		5. LAYOUT 
		
	*********************************
*/

	html{}
	#page{width:1000px;margin:0 auto;background:#ffffff;}
	#header{width:998px;height:89px;border:1px solid white;border-bottom:none;}
	#content{margin-top:10px;margin-right:40px;background:#ffffff;}
	#footer{width:960px;height:160px;padding:20px;background:#cfcfcf;;margin:0 auto 100px;} 
	#copyright{}
	
	
/* 	********************************* 

		6. HEADER 
		
	*********************************
*/
	
	#logo{width:149px;height:89px;display:block;float:left;background:url(../images/logo-emmetts.png) no-repeat;}

	
/*	********************************* 
		
		7. CONTENT 
		
	*********************************
*/
	.gutter{}
	#left-sidebar {width:190px;float:left;margin:10px 25px 0 20px;display:inline}
	#main-content {width:510px;float:left;margin:10px 25px 0 0px;display:inline}
	#right-sidebar {width:190px;float:left;margin:10px 0 0 0;display:inline}
	#sub-content{width:510px;float:left;display:block;clear:both;}
	#secondary-content{}
	#heroshot {display:block;width:770px;height:370px;margin-right:10px;float:left;background:url(../images/home.jpg) no-repeat;padding:10px 0px 0px 20px;}
	img.shot {display:block;width:140px;height:110px;margin-bottom:20px;float:left;background:#c0bfbf; border: 1px solid #6f6f6f;}
	#topwrapper {width:960px;height:380px;margin-bottom:10px;}
	#linkwrapper {width:840px;height:240px;border-bottom:1px solid #b0afb0;padding-left:120px;}
	#blurbwrapper {width:670px;height:280px;padding:0 170px 0 120px;padding-top:30px}
	#blurbwrapper h2 {color:#16713a;margin:0px 0px 24px;}
	#blurbwrapper p {margin-bottom:1.3em;}
	.linkbox {width:160px;margin-right:10px;float:left;}
	.linkbox img {display:block;width:140px;height:110px;margin-bottom:10px;background:#555; border: 1px solid #6f6f6f;}
	.linkbox p {padding-right:5px;font-size:0.95em;}
	#linkwrapper .linkbox a:link, #linkwrapper .linkbox a:visited, #linkwrapper .linkbox a { text-decoration: none; color: #535353; }
	.sidebarwrapper {width:188px;float:left;background:#fff;display:inline;border:1px solid #b0afb0;margin:0 0 20px 0;font-size:0.9em;}
	.sidebarheader {width:178px;height:16px;display:block;background:url(../images/bg-gradient.png) repeat-x #bbb;margin:0;padding:4px 0 1px 10px;font-weight:normal;color:#515050;}
	.sidebarwrapper h4 {margin:0px;font-weight:normal;color:#515050;}
	.sidebarcontent {width:130px;float:left;padding:11px 49px 11px 9px;}
	.sidebarcontentright {width:160px;float:left;padding:11px 14px;}
	.sidebarcontentright img, .result-column img {display:block;width:160px;height:120px;margin-bottom:10px;background:#c0bfbf;}
	.sidebarcontent p {margin:0px 0 5px;}
	.sidebarcontent p#machlink {border-top:1px solid #b0afb0;margin:6px 0 0px;padding-top:6px;width:130px;}
	.sidebarcontent input#mainsearchtext {width:126px;height:14px;border:1px solid #b9b9b5;margin-bottom:4px;}
	.sidebarcontent select {width:130px;margin:0px 0 6px;font-size:0.8em;height:16px;display:inline;}
	.sidebarwrapper ul {list-style-type:none; list-style-position:outside;margin:0;padding:0;}
	.sidebarwrapper ul li {font-weight:bold;margin-bottom:2px;}
	.sidebarwrapper ul li ul {margin:3px 0px 17px 10px;}
	.sidebarwrapper ul li ul li {font-weight:normal;}


/* 
	*********************************

		8. FOOTER
		
	*********************************	
*/


	#footer {font-size:0.95em;clear:both;}
	#footer div#quote {width:165px;height:160px;padding-right:45px;float:left;color:#5f6060}
	#footer div.links {width:155px;height:160px;float:left;color:#515050}
	#footer div.copyright {width:auto;height:160px;float:left;}
	#footer .links ul {margin:0em; list-style-type:none; list-style-position:outside;}
	#footer .links li {margin:0em;}
	#footer div.copyright p {margin-top:0px;color:#80807f;font-size:0.9em;}

/* 	*********************************
	
		9. FORMS

	*********************************
*/


/* 
	*********************************

		10. BLOG
		
	*********************************	
*/

/* 
	*********************************

		10. SEARCH RESULTS
		
	*********************************	
*/
.product-brief { width: 170px; float: left;min-height:250px;}
.product-brief img {
	background:#C0BFBF url(../images/place-holder.jpg) repeat scroll 0 0;
	display:block;
	height:106px;
	margin-bottom:10px;
	width:160px
}
#content .product-brief a:link, #content .product-brief a:visited { text-decoration: none; color: #535353 }

.result-first {width:510px;height:auto;margin-bottom:15px;}
.result-first img {display:block;height:340px;width:510px;background:#c0bfbf;margin-bottom:11px;}
.result-first img.product-image { background:#C0BFBF url(../images/place-holder-large.jpg) repeat scroll 0 0;}
.result-first img.product-thumbnail { background:#C0BFBF url(../images/place-holder-thumbnail.jpg) repeat scroll 0 0;}
.result-first h3 {margin:0 0 6px;}
.result-first p {margin-top:0px;}
.result-column {width:160px;float:left;margin:0 15px 8px 0;min-height:300px;}
.result-column.last {margin-right:0px;}
.result-secondary {font-size:0.9em; height: 160px;}
#content .result-secondary a:link,  #content .result-secondary a:visited { color:#535353; text-decoration: none;}
.result-column-left {width:170px;float:left;margin:0 15px 8px 0;min-height:300px;}
.result-column-left img {display:block;width:80px;height:60px;margin-bottom:10px;background:#c0bfbf;}
.result-column-right {width:325px;float:left;margin:0;min-height:300px;}
#sub-content.search {border-top:1px solid #555;padding-top:11px;}
.article h1{color:#235eac;font-weight:normal;}
.article h2{color:#16713a;}
.auction-header {width:510px;border-bottom:1px solid #b0afb0;}
.auction-header h2 {float:left;}
.auction-header select {float:right;font-size:0.9em;height:20px;margin-bottom:8px;}
.result-auction {width:510px;height:120px;border-bottom:1px solid #b0afb0;padding:10px 0px;display:block;clear:both;}
.result-auction img {width:160px;height:120px;display:block;float:left;margin-right:30px;background:#c0bfbf;}
.result-auction-description {width:160px;height:120px;float:left;margin-right:10px;}
.result-auction-price {width:60px;height:120px;float:left;margin-right:10px;}
.result-auction-time {width:60px;height:120px;float:left;}

.product-thumbnail:hover { cursor: pointer; }

/* Product Expression of Interest */

.expression-of-interest fieldset {
	border: none;
}
.expression-of-interest legend {
	display: none;
}
.expression-of-interest label {
	font-weight: bold;
	width: 8em;
	display: block;
	float: left;
	text-align: left; 	
}
.expression-of-interest div.edit-field {
	padding: 5px;
}
.expression-of-interest div.edit-field input {
	float: left;
	width: 15em;
}
.expression-of-interest div.edit-field textarea {
	width: 23em;
}
.expression-of-interest div.buttons {
	text-align: right;
	padding: 5px;
	margin-right: 10px;
}

/* Conctact Us Styles */
.contactform legend { display: none; }
.contactform label {
	font-weight: bold;
	width: 8em;
	display: block;
	float: left;
	text-align: left; 	
}
.contactform fieldset input,  .contactform fieldset textarea  { margin: 5px; }
.contactform div.buttons {
	padding: 5px;
	margin-left: 8em;
}