﻿* {
   padding: 0;
   margin: 0;
}


body {
	background:#FBFCFE url('../images/bkg.jpg') no-repeat scroll center top;
	padding:0; margin:0;
	font-family:Arial, Helvetica, sans-serif;
}

.FloatLeft {
	float:left;
	display:inline;
}

.FloatRight {
	float:right;
	display:inline;
}

a {
	text-decoration:none;
}

.clear {
	clear:both;
}

:focus {
	
	outline:none;
}
img {
	
	border:none;
}

.padding-10px {
	padding: 10px;
}


.box {
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
}

.btncontainer {
	
}

a.btn, a.btn:hover {
	font-size:10px;
	height: 25px;
	line-height: 10px;
	padding-right:5px;
	padding-top:3px;
	float:left;
	text-decoration:none;
	background: transparent  url('../images/button-bkg.jpg') repeat-x;
}
.btnleft {
	background: transparent url('../images/button-leftend.png') no-repeat;
	width:10px;
	float:left;
	height:26px;
}
.btnright {
	background: transparent url('../images/button-rightend.png') no-repeat;
	width:25px;
	float:left;
	height:26px;
}


#wrapper {
	width: 950px;
	margin: 0px auto;

}

#ListingsContainer{
			min-height: 485px;
			background: #ffffff;
			-moz-border-radius: 10px;
			-webkit-border-radius: 10px;
			padding: 15px;
}

#header {
	width:950px;
	height:125px;
	background: url('../images/header.jpg') no-repeat;
	margin-bottom: 15px;
	position:relative;
}

	#DealerLogo {
		position:absolute;
		top: 15px;
		left: 10px;
	}
	
	#brands {
	position:absolute;
	left: 250px;
	top:0px;
	}
	
	#HeaderNav {
	list-style:none;
	margin:0;
	padding:0;
	position:absolute;
	top:55px;
	left: 265px;
	}
	
	#HeaderNav li {
	float: left;
	height:50px;
	display:inline;
	margin-left: 20px;
	}
	
	
	#HeaderNav li a {
	display: block;
	height:50px;
	color:#2A2A2A;
	width:150px;
	font-weight: bold;
	padding-left:50px;
	cursor:pointer;
	}
	
	#used {
	background: transparent url('../images/used-equipment-icon.jpg') no-repeat left;
	}
	
	#rental {
	background: transparent url('../images/rental-icon.jpg') no-repeat left;
	}
	
	#new {
	background: transparent url('../images/newequipment-icon.jpg') no-repeat left;
	}

	#HeaderNav li .linkdetail {
	font-size: 12px; 
	font-weight:normal;
	}

#LeftSideBar {
	width:250px;
	margin-right: 15px;
	min-height: 700px;
	z-index:2000 !important;
}

	#Navigation {
		background:#272727;
		margin-bottom:15px;
	}
	
	#Promo {
		clear:both;
		margin-bottom:15px;
	}

#MainContent {
		width: 685px;
		min-height: 700px;
		z-index:1 !important;
}

		#Feature {
			height: 240px;
			width: 685px;
			margin-bottom: 15px;
			overflow:hidden;
			}
			
			#flash {
				height: 200px;
			}
			
			ul#rotator {
				list-style:none;
			}
			
			#quicklinks {
				background: url('../images/quick-link-bkg.jpg') repeat-x;
				height: 39px;
			}
			
			ul#quicknav {
			list-style:none;
			padding:5px 0 0 0; margin:0;
			}
			
			ul#quicknav  li{
			float: left;
			color:white;
			font-size:12px;
			display: inline-block;
			border-right: 1px #3D84AD solid;
			padding:5px 23px;
			}
			
			ul#quicknav li a{
			color: white;
			}



		#Content {
			width: 445px !important;
			min-height: 712px;
			background: #ffffff;
			margin-right: 15px;
			-moz-border-radius: 10px;
			-webkit-border-radius: 10px;
			float:left;
				z-index:0;
			} 
			
			#ContentWide {
			min-height: 712px;
			background: #ffffff;
			margin-right: 15px;
			-moz-border-radius: 10px;
			-webkit-border-radius: 10px;
			float:left;
				z-index:0;
			} 
			
			#ContentHome{
			width: 445px !important;
			height:490px;
			background: #ffffff;
			margin-right: 15px;
			-moz-border-radius: 10px;
			-webkit-border-radius: 10px;
			float:left;
			z-index:0;
			} 


					.contentbox{
						float:left;
						width:49%;
						margin-right: 8px;
						margin-bottom: 20px;
					}
					
					.contentboxRight{
						float:left;
						width:49%;
						margin-bottom: 20px;
					}
					
								
						.Headline{
						padding: 5px;
						font-style: normal;
						font-weight:bold;
						font-size: 14px;
						color:#ffffff;
						display:block;
						background:url('../images/content-box-headline-bkg.jpg') repeat-x;
						-moz-border-radius-topleft: 10px;
						-moz-border-radius-topright: 10px;
						-webkit-border-top-left-radius: 10px;
						-webkit-border-top-right-radius: 10px;
						margin-bottom: 10px;
					}
					
					
					#adds {
					clear:both;
						border-top: 1px #808080 solid;
						padding-top: 20px;
					}
			
			
			
			#RightSideBar {
			width: 225px;
			min-height: 200px;	
			float:left;
			display:inline;
			}
			
			#RightSideBar h3 {
			color:white;
			}

			
			#RightSideBar .Sidebarbox {
				background: #ffffff;
				min-height: 120px;
				margin-bottom: 15px;
				position:relative;
				-moz-border-radius: 10px;
				-webkit-border-radius: 10px;
			}


				#LatestListings {
					width:  226px;
					height: 144px;
					position:absolute;
					top:10px;
					left: 9px;
					background: transparent url('../images/latestListings.jpg') no-repeat;
					}
					
					#Searchbox {
					width:  226px;
					height: 144px;
					position:absolute;
					top:160px;
					left: 9px;
					background: transparent url('../images/search-box.jpg') no-repeat;
					}
					
					
					
	#footer{
	height: 100px;
	padding-top:15px;
	clear:both;
	text-align:center;
}



/*----- scroll pane */

#pane {
	height:615px;
	width:425px;
}

.jScrollPaneContainer {
overflow:hidden;
position:relative;
z-index:1 !important;
}


.scroll-pane {
overflow:auto;
	
}
.jScrollPaneTrack {
	position: absolute;
	cursor: pointer;
	right: 0;
	top: 0;
	height: 100%;
	background: #E2E2E2;
}

.jScrollPaneTrack:hover {
	background: #DADADA;
}

.jScrollPaneDrag {
	position: absolute;
	background: #5890C3;
	cursor: pointer;
	overflow: hidden;
}

.jScrollPaneDrag:hover {
	background: #244664;
}

.jScrollPaneDragTop {
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
}
.jScrollPaneDragBottom {
	position: absolute;
	bottom: 0;
	left: 0;
	overflow: hidden;
}
a.jScrollArrowUp {
	display: block;
	position: absolute;
	z-index: 1;
	top: 0;
	right: 0;
	text-indent: -2000px;
	overflow: hidden;
	/*background-color: #666;*/
	height: 9px;
	background:#5890C3 url('../images/arrowup.jpg') no-repeat;
}
a.jScrollArrowUp:hover {
	/*background-color: #f60;*/
}

a.jScrollArrowDown {
	display: block;
	position: absolute;
	z-index: 1;
	bottom: 0;
	right: 0;
	text-indent: -2000px;
	overflow: hidden;
	/*background-color: #666;*/
	height: 9px;
	background:#5890C3 url('../images/arrowdown.jpg') no-repeat;
}
a.jScrollArrowDown:hover {
	/*background-color: #f60;*/
}
a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover {
	/*background-color: #f00;*/
}


/************************
SITEMAP
************************/
ul#sitemap-list {padding:0; margin:0; list-style:none; font-weight:bold; line-height:150%} /*1st level list*/
#sitemap-list li {padding:10px; margin-top:10px; font-size:13px;} /*1st level items*/
 
#sitemap-list ul {margin:5px 10px 5px 10px; padding:5px 10px; font-weight:normal; background:#f8f8f8;} /*2nd level lists*/
#sitemap-list li li {padding:0; margin:0; list-style:none; font-weight:bold; font-size:11px; line-height:18px; background:none} /*2nd level items*/
 
#sitemap-list ul ul {margin-left:10px;padding:5px 10px;  background:#fff;} /*3rd level lists*/
#sitemap-list li li li {font-size:11px; font-weight:normal;} /*3rd level items*/
