/* TOP UTILITY LINKS
------------------------------------------------- */

.utility {
	float: left;
	width: 130px;
	clear: both;
}
.utility ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}
.utility li {
	display: inline;
	}
.utility li a {
	font-size: 80%;
	color: #444;
	font-weight: bold;
	text-decoration: none;
	padding: 0 8px 0 8px ;
	background: #fff url(../Images/backwards.jpg) no-repeat right 3px;
	margin:0;
}
.utility li a:hover {
	text-decoration: underline;
	}
.hide {
	background: #fff;
	position: relative;
	width: 10px;
	height: 10px;
	display: inline;
	margin-left: -7px;
	margin-top: -11px;
	z-index: 50;
	float: right;
}
.homelink {
	background: transparent url(../Images/homeicon.gif) no-repeat top left;
	padding: 2px 0 5px 24px;
	float: left;
	clear: both;
	margin: 0 0 1px 0;
	width: 104px;
	font-size: 85%;
	font-weight: bold;
}
.supportlink {
	background: transparent url(../Images/handshakeicon.jpg) no-repeat top left;
	padding: 2px 0 5px 24px;
	float: left;
	clear: both;
	margin: 0 0 1px 0;
	width: 104px;
	font-size: 85%;
	font-weight: bold;
}
.librarylink {
	background: transparent url(../Images/newsicon.gif) no-repeat top left;
	padding: 2px 0 5px 24px;
	float: left;
	clear: both;
	margin: 0 0 1px 0;
	width: 104px;
	font-size: 85%;
	font-weight: bold;
}
.careerslink {
	background: transparent url(../Images/careersicon.gif) no-repeat top left;
	padding: 2px 0 5px 24px;
	float: left;
	clear: both;
	margin: 0 0 1px 0;
	width: 104px;
	font-size: 85%;
	font-weight: bold;
}
.contactlink {
	background: transparent url(../Images/contacticon.gif) no-repeat top left;
	padding: 2px 0 5px 24px;
	float: left;
	clear: both;
	margin: 0 0 1px 0;
	width: 104px;
	font-size: 85%;
	font-weight: bold;
	}



/* SITE SEARCH
---------------------------------------------------- */
 
.search {
	float: left;
	width: 130px;
	clear: both;
	margin: 20px 0 10px 0;
	}
.search .textinput { width:130px; border: solid 1px #999;margin: 0 0 5px 0;}
.search .submitbutton {margin: 0;float: right;
clear: both;}


/* PRODUCT SEARCH
---------------------------------------------------- */
.searchbar
{
	float: right;

}
.progress
{
	float: right;
}
.toppager {
	width: 300px;
	float: left;
	margin-bottom: 15px;
	float: left;
	clear: both;
	}
.catselect {
	float: left;
	}
/* LEFT NAVIGATION
---------------------------------------------------- */

#nav, #subnav{
	clear: both;
	float: left;
	margin: 0;
	padding: 0;
	list-style-type: none;
	position: relative;
}
#nav li {
	float: left;
}

#nav li a {
	float: left;
	width: 119px;
	padding: 3px 10px 3px 15px;
	font-size: 85%;
	text-transform: uppercase;
	font-weight: bold;
	text-decoration: none;
	color: #838486;
	background: #fff url(../Images/navline.gif) no-repeat bottom left;
}
#nav li a:hover,  #nav li.selected a{
	background: #838486  url(../Images/navline.gif) no-repeat bottom left;
	color: #fff;
}

/* CLASSES
-------------------------------- */	
.logo {
	margin: 5px 0 39px 0;
	float: left;
	clear: both;
}	
	
.clear { 
	clear: both;
	}

h1 {
	color: #666;
	font-size: 125%;
	margin: 0;
}
h2 {
	color: #666;
	font-size: 125%;
	margin: 0 0 7px 0;
}
h3 {
	color: #576067;
	font-size: 145%;
	margin: 0;
}
p {
	line-height: 16px;
	color: #666;
	margin-right: 4px;
}
ul li {
	color: #666;
	}
a {
	color: #666;
	text-decoration: none;
}
a:link {color: #666;}
a:visited {color: #666;}
a:active {color: #666;}
a:hover {color: #666;}


a img {
	text-decoration: none;
}
.salescontact {
	float: left;
	clear: both;
	position: relative;
	width: 376px;
	}
.contact {
	background: #fff url(../Images/profileback.jpg) no-repeat top left;
	float :left;
	width: 376px;
	height: 135px;
	margin-bottom: 5px;
}
.contact .thumbnail { 	float :left;margin: 7px;}
.contact h3 {font-size: 1.2em;font-weight: bold;	margin: 12px 0 8px 0;color: #fff;}
.contact p {	color: #fff;font-weight: bold;	margin-top: 7px;}
.contact a {	color: #fff;font-weight: bold;}
.location {	float: right;width: 250px;
}

.right ul li {
	color: #666;
	}

/* ARTICLE LIST 
------------------------------------ */

.articlelist {
	width: 100%;
	float: left;
	clear: both;
}
.articlelist .article {
	width: 100%;
	float: left;
	clear: both;
	padding: 0 0 10px 0;
}
.articlelist .article h2.title {
	font-size: 100%;
	color: #666;
	padding: 0;
	margin: 4px 0 7px 0;
}

.articlelist .article .summary {padding: 0;
	margin: 0;color: #666;}
	.productlist .article .summary {padding: 0;
	margin: 0;color: #666;}
.articlelist .article .readmore {
	text-transform: uppercase;
	padding: 0;
	margin: 4px 0 0 0;
	font-size: 90%;
	text-decoration: none;
	color: #0c6839;
	float: right;
}
.panel .articlelist .article .readmore a{
	color: #0c6839;
	float: right;
	text-transform: none;
	font-weight:bold;
	font-size: 90%;
}
.panel h2 {
	text-transform: uppercase;
	}
.panel .articlelist .article .summary {
	padding: 0;
	margin: 0;
	color: #666;
	font-size: 85%;
	line-height: 18px;
}
.panel .articlelist .article h2.title {
	padding: 3px 0;
	text-transform: none;
	border-top: dotted 1px #ccc;
	border-bottom: dotted 1px #ccc;
	font-size: 85%;
}
.careers .articlelist .article {
	border-bottom: dashed 1px #ccc;
	padding-top: 8px;
	margin-top: 8px;
}
.careers .articlelist .article h2.title {
	color: #666;

}
.accordian {
	float: right;
	width: 298px;
	margin: 0 0 10px 0;
	border: solid 1px #ccc;
	padding: 0;
	overflow: hidden;
	height:400px;
}

.accordionContent {
	overflow: hidden;
}
	
.accordian .articlelist, .accordian .productlist {
	margin: 0;
	padding: 0;
	overflow: hidden;
	width: 298px;
}
.accordian .productlist .product {
	width: 298px;
	overflow: hidden;
	}
.accordian .articlelist h2.title {
	font-size: 100%;
	color: #666;
	padding: 2px 4px 2px 0px;
	margin: 4px 0 2px 4px;
	background: #fff;
}

.accordian .productlist .product h2.title {
	font-size: 100%;
	color: #666;
	padding: 2px 4px 2px 0;
	margin: 4px 0 2px 4px;
	background: #fff;
}
.heading {
	padding: 3px ;
	background: #ebebeb;
	color: #444;
	font-size: 125%;
	font-weight: bold;
	width: 292px;
	margin: 0;
	border-bottom: solid 1px #ccc;
}
.accordian .articlelist .article .summary, 
.accordian .productlist .product .summary, 
.accordian .articlelist .article .readmore,
.accordian .productlist .product .readmore {
	font-size: 11px;
	padding: 2px 4px;
	margin: 0;
}
.accordian .productlist .product .guideprice {
	
	font-size: 12px;

	padding: 2px 4px;
}

.footer .articlelist 
{
    float: left;
  
    border: none;
    width: 100%;
    clear: both;
}
.usedlink {
	margin: 4px;
	text-transform: uppercase;
	font-size: 12px;
}
.footer .articlelist .article 
{
    float: left;
    margin: 0 10px 0 0;
    border: none;
    clear: none;
    
    width: 70px;
}
.footer .articlelist .article .thumbnail 
{
    float :left;
}
.footer  {
	padding-top: 10px;
	border-top: solid 1px #ccc;
	margin-top: 7px;
	float: left;
	clear: both;
	width: 100%;
	color: #666;
	font-size: 80%;
}
h1.catheading {
	padding: 2px;
	width: 624px;
	float: left;
	clear: both;
	color: #fff;
	background: #666;
	margin: 0 0 4px 0;
}

/* PRODUCT LIST 
------------------------------------ */
.used .productlist, .used .productlist .product {
	width: 628px;
	}
.used .productlist .product p {
	margin: 0;
	padding: 0;
}
.used .productlist .product .guideprice {
	font-weight: bold;
	color: #666;
	font-size: 125%;
}
.productlist {
	
	float: left;
	clear: both;
}
.productlist .product {

	float: left;
	clear: both;
	border-bottom: dashed 1px #ccc;
	padding: 10px 0 10px 0;
}
.productlist .product h2.title {
	font-size: 120%;
	color: #666;
	margin: 0;
}
.productlist .product .summary {margin: 0; padding: 0;}
.productlist .product .readmore {}
.productlist .product .thumbnail {
	float: right;
	margin: 0 0 5px 5px;
	width: 88px;
}
.fullwidth .division {float: left; width: 100%; clear: both;}
.fullwidth .division .productlist {float: left; width: 100%; clear: both;}
.division .productlist .product { border: none;float: left; clear: none; width: 150px;padding: 0;margin: 0 3px 3px 0;}
.division .productlist .product .thumbnail { border: none;float: left; width: 150px; height: 150px;}
.division p { margin-left: 7px; font-weight: bold;}

/* CATEGORY 
-------------------------------- */
.categorylist {
	float: left;
	width: 635px;
	padding: 2px 5px;
	margin: 3px 0;
	
}
.categorylist ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
	width: 100%;
}
.categorylist li {	
	float: left;
	list-style-type: none;
}
.categorylist li a {
	float: left;
	text-transform: uppercase;
	color: #fff;
	font-size: 70%;
	padding: 1px 10px 0 0;
	
	text-decoration: none;
}

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

.paging {
	float: left;
	clear: both;
	width: 628px;
}
.numbers {
	float :right;
	}
a.pages {
	width: 25px;
	display: inline;
	float: left;
	padding-top: 5px;
	text-decoration: none;
	background: #fff url(../Images/backwards.jpg) no-repeat 15px 9px;
}
a.currentpage {
	width: 25px;
	font-weight: bold;
	display: inline;
	float: left;
	padding-top: 5px;
	text-decoration: none;
	background: #fff url(../Images/backwards.jpg) no-repeat 15px 9px;
}
.previous {
	float :left;
	background: #fff url(../Images/leftgreenarrow.jpg) no-repeat 2px 1px;
	padding: 0 0 0 25px;
	margin-top: 5px;
}
.next {
	float :right;
	background: #fff url(../Images/rightgreenarrow.jpg) no-repeat 30px 2px;
	padding: 0 25px 0 0;
	margin-top: 5px;
}
.newslink {
	float: right;
	margin: 3px 0;
	font-weight: bold;
	}
/* FORMS
-------------------- */

.right .textinput 
{
    width: 235px;
    margin: 3px;
    border: solid 1px #444;
}
.right .textbox 
{
    width: 235px;
    margin: 3px;
    height: 150px;
    border: solid 1px #444;
}
.right label {
    float: left;
    width: 100px;
    font-weight: bold;
    font-size: 1em;
    padding-top: 5px;
}

.right .submitbutton 
{
   clear: both;
   background: #444;
   color: #fff;
   font-weight: bold;
   margin-right: 50px;
   padding: 4px 4px 5px 4px;
   text-decoration: none;
   float: right;
}

/* TURFLEET PAGES
------------------------------------ */

ul.tf {
	width: 100%;
	float: left;
	list-style-type: none;
	margin: 0;
	padding: 0;
}
ul.tf li {
	display: inline;
	text-align: center;
}
ul.tf li a {
	float: left;
	margin: 2px 5px 0 0;
	background: transparent url(../Images/tfgreen.jpg) no-repeat top left;
	width: 122px;
	text-align: center;
	padding-top: 2px;
	color: #fff;
	font-weight: bold;
	height: 20px;
	
}
.tfproductlist .product {
float: left;
width: 100%;
}
.tfproductlist .product h2.title {
display: block;
text-transform: uppercase;
	border-top: dotted 1px #ccc;
	border-bottom: dotted 1px #ccc;
	padding: 5px 0;
	font-size: 95%;
	margin: 0 0 5px 0;	
}
.tfproductlist .product .summary,
.tfproductlist .product .contacts {
font-size: 90%; 
color: #666;
}
.tfproductlist .product .thumbnail {
	float: left;
margin: 0 0 5px 0;
padding-right: 7px;
	width: 160px;
background: #fff;
}

/* RESULTS PAGE
----------------------------------------- */

.results .resultshead { font-size: 14px; font-weight: bold; width: 100%; border-bottom: dotted 1px #999; padding: 20px 0 4px 0; margin: 0 0 12px 0;}
.results .item { float: left; clear: both; width: 100%;}
.results .item p.title {font-weight: bold; margin: 0;padding: 0;}
.results .item p.url {font-weight: normal; margin: 0 0 10px 0;padding: 0;text-decoration: underline;}





/* machineryStocklist
----------------------------------------- */


.machineryStocklist .productlist {float: left; clear: left; margin: 0; padding: 0 10px 0 0; width: 420px; border-right: dashed 1px #ccc;}
.machineryStocklist .productlist  .product {float: left; clear: both; margin: 0 0 10px 0; padding: 0 0 10px 0; width: 420px; border-bottom: dashed 1px #ccc; color: #666!important;font-family: Arial!important;}
.machineryStocklist .productlist  .product h2 a{margin: 0; padding: 0; font-size: 120%; color: #666!important;font-family: Arial!important;}
.machineryStocklist .productlist  .product a img.thumbnail {float: right; margin: 0 0 5px 5px; display: inline; padding: 0; width: 88px;}
.machineryStocklist .productlist  .product .guideprice{margin: 0; padding: 0; font-weight: bold; color: #666; font-size: 125%;}
.machineryStocklist .productlist  .product .summary{margin: 0; padding: 0; color: #666!important;font-family: Arial!important;}
.machineryStocklist .productlist  .product .summary span{color: #666!important;font-family: Arial!important;}
.machineryStocklist .productlist  .product .contacts{margin: 0; padding: 0; color: #666!important;font-family: Arial!important;}

.menu {float: right; margin: 0; padding: 0; width: 188px;}
.menu h2{padding: 0 0 10px 10px; font-size: 110%; }
.menu ul{float: left; margin: 0; padding: 0 0 0 10px; list-style: none;}
.menu ul li{margin: 0; padding: 0 0 10px 0; font-size: 90%;}
.menu ul li a{}
.menu ul li.selected a{font-weight: bold;}

.machineryStocklist .detail {float: left; clear: left; margin: 0; padding: 0 10px 0 0; width: 420px; border-right: dashed 1px #ccc;}
.machineryStocklist .detail p, .machineryStocklist .detail h2, .machineryStocklist .detail h3, .machineryStocklist .detail span{color: #666!important;font-family: Arial!important;}
.machineryStocklist .detail .backButton {float: left; margin: 0 0 10px 0;}
.machineryStocklist .detail .printButton, .machineryStocklist .printButton {float: right; margin: 0 0 10px 0; padding: 0 0 0 20px; font-weight: bold; background: url(/Images/print.gif) no-repeat 0 3px;}
.machineryStocklist .detail .spec,
.machineryStocklist .detail .depo {display: block; padding: 5px; color: #FFF!important; font-family: Arial!important; font-size: 110%; background: #596068; }

.machineryStocklist .detail .thumbImages img{width: 85px}




/* left nav colours */
#nav li a:hover {background-color: #838486; color: #fff;}
#nav li a.TheBurdensGroup:hover {background-color: #015E2F;}
#nav li a.Agriculture:hover {background-color: #7D4700;}
#nav li a.Horticulture:hover {background-color: #00B4E0;}
#nav li a.Goodacres:hover {background-color: #6B2C91;}
#nav li a.Construction:hover {background-color: #E43B33;}
#nav li a.GolfTurf:hover {background-color: #539433;}
#nav li a.TurfleetHire:hover {background-color: #FDB827;}
#nav li a.MowerCentre:hover {background-color: #B8BE19;}
#nav li a.BuggyHire:hover {background-color: #fc7bbe;}

#nav li.selected a.BuggyHire {background-color: #fc7bbe;}