/* --------------------------------------------------*/
/* COLORS: 
dark grey - #545454, lighter grey - #CCCCC,
lightest grey - #E6E6E6, logo red - #E51837 */
/*---------------------------------------------------*/

/*---------------------------------------------------*/
/* BASIC STYLES */
/*---------------------------------------------------*/


body {
     text-align: center;
     /*min-width: 930px;*/
     padding: 0;
     margin: 0;
     font-family: Arial,Helvetica,sans;
     font-size: 0.9em;}
     
a {
	color: #E51837;}  
	
a img {
	border: 0;} 

h2 {
	margin: 4px;
	color: #fff;
	text-transform: uppercase;
	font-size: 1.1em;}
	
.right {
	text-align: right;
	float: right;
	margin-left: 20px;}
	
.left {
	float: left;
	margin-right: 20px;}

h2.right {
	margin-right: 40px;}
	
img.left, img.right {
	margin-bottom: 10px;}
	
.clear {
	clear: both;}

h3 {
	margin: 0 0 20px;
	color: #545454;
	font-size: 1.5em;}
	
.heading {
	margin: 48px 20px 20px;}
	.heading h3 { color: #545454;}
	.heading img { border: 2px solid white; margin-bottom: 10px;}
	
.center {
	text-align: center;}

th,td {
	font-size: 1em;
	padding: 8px 30px 8px 0;}


/*---------------------------------------------------*/
/* LAYOUT STYLES */
/*---------------------------------------------------*/


#wrapper {
     width: 930px;
     margin-left: auto;
     margin-right: auto;
     padding: 0;
     text-align: left;
     position: relative;
 }
 
#masthead {
	position: absolute;
    width: 1200px;
    height: 233px;
    z-index: -1;
    background: url(/images/ui/masthead.jpg) top center no-repeat;
    left: -135px;}

#logo, #logo a {
	display: block;
	width: 200px;
	height: 108px;}
	
#logo {
	position: absolute;
	top: 0;
	left: 20px;
	margin: 0;
	background: url(/images/ui/logo.gif) no-repeat;}
	#logo span {display: none;}

#content {
     padding: 116px 0 0;}

#content .inner {
     padding-top: 1px;
     margin: 0 20px 20px 20px;}

#content .title {
 	background: url(/images/ui/module-bg.jpg) no-repeat;
 	height: 80px;
 	padding: 5px 20px;
 	margin: 0 0 -40px;
 	text-align: left;
 	clear: both;}

#footer {
     margin-top: 60px;
     margin-left: -135px;
     width: 1200px;
     clear: both;
     min-height: 64px;
     background: url(/images/ui/footer-bg.jpg) repeat-x;}

#footer .inner {
     padding: 10px;
     color: #fff;
     text-align: center;}
     
#footer p {
	margin: 0 0 7px;}
 
#footer a {
	text-decoration: none;
	color: #fff;
	font-size: 0.9em;}
	#footer a:hover {text-decoration: underline;}
	
/*---------------------------------------------------*/
/* NAV STYLES */
/*---------------------------------------------------*/

#nav {
	list-style: none;
	margin: 0;
	padding: 0;
	display: block;
	width: 660px;
	height: 30px;
	position: absolute;
	top: 46px;
	left: 265px;
	}
	
#nav li {
	display: block;
	float: left;
	margin-right: 20px;}
	
/* Fallback font style - see sifr.css for main */	
#nav li a {
	text-decoration: none;
	color: #000;
	font-size: 1.4em;}
	#nav li a:hover, #nav li a.active {color: #E51837;}

/*---------------------------------------------------*/
/* HOME PAGE CATEGORY IMAGE STYLES */
/*---------------------------------------------------*/

.categories {
	list-style: none;
	margin: 48px 0 0 0;
	padding: 0;}
	
.categories li a {
	display: block;
	float: left;
	width: 200px;
	height: 145px;
	margin: 0 5px 25px 20px;
	border: 2px solid #ccc;}
	.categories li a span {display: none;}
	.categories li a:hover {background-position: 0 -147px !important;}
	
#Snow {background: url(/images/ui/thm-snow.jpg) top no-repeat;}
#Golf {background: url(/images/ui/thm-golf.jpg) top no-repeat;}
#Farm {background: url(/images/ui/thm-farm.jpg) top no-repeat;width: 430px;}
#Comm {background: url(/images/ui/thm-comm.jpg) top no-repeat;}
#Lawn {background: url(/images/ui/thm-lawn.jpg) top no-repeat;}
#Cons {background: url(/images/ui/thm-cons.jpg) top no-repeat;}
#Rec {background: url(/images/ui/thm-rec.jpg) no-repeat;}

/*---------------------------------------------------*/
/* PRODUCT LIST */
/*---------------------------------------------------*/

#categories {
	margin: 60px 30px;
	position: relative;}
	
.containerobj {
  border: 1px solid #ccc;
  height:240px;
  overflow-x:auto;
  overflow-y:hidden;
  white-space:nowrap;
  position:relative;
  background: #fff;}
  
.containerobj div {
  height:100%;
  overflow-y:auto;
  overflow-x:hidden;
  position:absolute;
  border-right: 15px solid #e6e6e6;}

.containerobj a {
  font-size: 1.1em;
  color: #E51837;
  display:block;
  clear:both;
  padding: 5px;
  /*white-space:nowrap;*/
  min-width:180px;
  text-decoration: none;}

.containerobj a canvas{
  padding-left:1em;}

.containerobj .feature {
  min-width:215px;}
  
.containerobj .feature a {
  white-space:normal;}
  
.containerobj .hasChildMenu {}
.containerobj .active {
  background-color:#545454;
  color:#fff;
  font-weight: bold;}
  
.containerobj .inpath {
  background-color:#ccc;
  font-weight: bold;}
  
.containerobj .hasChildMenu .widget{
  color:black;
  position:absolute;
  right:0;
  text-decoration:none;
  font-size:0.7em;}

#loading {
	text-align: center;
	width: 930px;
	display: none;}
	
#products {
	margin: 0px 30px;
	}
	
#products .item {
	width: 245px;
	border: 1px solid #ccc;
	padding: 10px;
	margin: 0 20px 20px 0;
	float: left;
	min-height: 94px;}
	#products .item:hover {background: #e6e6e6;}
	
#products .item p {
	margin-bottom: 0;}
	
#products .item h3 {
	font-size: 1.2em;
	color: #000;
	margin-bottom: 10px;}

#products .details, #products .zoom {
	padding-left: 24px;
	margin-right: 40px;}
	#products .details {background: url(/images/ui/icon-page-acrobat.png) no-repeat;}
	#products .zoom {background: url(/images/ui/icon-magnifier.png) no-repeat;}
	
#products .thumb {
	float:left;
	margin: 0 20px 10px 0;
	text-align: center;}
	#products .thumb span {color: #cc0000;font-weight: bold;display: block}
	#products a img {border: 0;}
	
#products .actions {
	}
	
#products .large-message h3 {
	text-align: center;
	font-size: 2em;
	color: #E51837;}
	
#products .large-message p {
	text-align: center;
	font-size: 1.4em;}
	
#categories #getting-started {
	font-size: 1.1em;
	width: 300px;
	position: absolute;
	top: 50px;
	left: 480px;}

/*---------------------------------------------------*/
/* FACEBOX */
/*---------------------------------------------------*/

#facebox th, #facebox td {
	padding: 0;}

#facebox .b {
  background:url(/includes/facefiles/b.png);
}

#facebox .tl {
  background:url(/includes/facefiles/tl.png);
}

#facebox .tr {
  background:url(/includes/facefiles/tr.png);
}

#facebox .bl {
  background:url(/includes/facefiles/bl.png);
}

#facebox .br {
  background:url(/includes/facefiles/br.png);
}

#facebox {
  position: absolute;
  width: 100%;
  top: 0;
  left: 0;
  z-index: 100;
  text-align: left;
}

#facebox .popup {
  position: relative;
}

#facebox table {
  margin: auto;
  border-collapse: collapse;
}

#facebox .body {
  padding: 10px;
  background: #fff;
  width: 370px;
}

#facebox .loading {
  text-align: center;
}

#facebox .image {
  text-align: center;
}

#facebox img {
  border: 0;
}

#facebox .header {
  border-bottom: 1px solid #DDDDDD;
  padding-bottom: 5px;
  margin-bottom: 10px;
  text-align: right;
}

#facebox .tl, #facebox .tr, #facebox .bl, #facebox .br {
  height: 10px;
  width: 10px;
  overflow: hidden;
  padding: 0;
}

#facebox h3 { margin-bottom: 0;}
#facebox .team-position { color: #545454; font-weight: bold; }

/*---------------------------------------------------*/
/* MISCELLANEOUS */
/*---------------------------------------------------*/

.heading .agdealer-logo { margin-bottom: -18px; border: 0; }

#AgDealer {
	width: 825px;
	height: 600px;
	border: 1px solid #ccc;
	margin: 0 50px;}
	
.team {
	width: 140px;
	float: left;
	margin: 0 35px 20px 0;}

.team a {text-decoration: none;}
.team a img { border: 3px solid #E6E6E6;}
.team a:hover img { border-color: #545454;}
	
.team a p {margin: 0;color: #545454;}
.team a .team-name {font-size: 1.3em; font-weight: bold;}
.team a .team-position {font-size: .9em;}

.quote {
	background: url(/images/ui/quotation.gif) no-repeat;
	padding: 1px 100px 20px 70px;}
	
.quote .text { font-size: 1.1em; }
.quote .source { font-size: 1.2em; color: #545454; font-weight: bold; text-align: right; }