﻿
body {
	background-color:#191919;
	background-image:url('../images/bkg.jpg');
	background-repeat:no-repeat;
	background-position:center top;
	margin:0;
	padding:0;
	font-size:75%;
}

.clear {
	clear:both;
}


:focus {
	outline:none;
}
a img {
	border:none;
}
#wrapper {
	width:944px;
	margin: 35px auto 0 auto;
	background: transparent url('../images/wrapper-transparent.png') no-repeat scroll center bottom;
	padding:10px;
	min-height:600px;
	
}

#jdlogo {
	position:absolute;
	z-index:999;
	left: 775px;
	top: 20px;
}

#social {
position:absolute;
right:30px;
top:155px;
vertical-align:middle;
z-index:999;
color: white;
}


#sthilogo {
	position:absolute;
	z-index:999;
	left: 790px;
	top: 225px;
	cursor: pointer;
}

#container {
	width:100%;
	min-height:600px;
	background: white;
	position:relative;
	
} 

#LeftColumn {
	width:202px !important;
	float:left;
	background: white;
	min-height: 285px;
	padding-bottom:20px;
}

#LeftColumnListings {
	width:202px !important;
	float:left;
	background: white;
	min-height: 151px;
	padding-bottom:20px;
}

#MenuListings {
	width:100%;
	height:30px;
	clear:both;
	position:relative;
	background: transparent url('../images/listings-bg.gif') repeat-x;
}

#MenuListings ul {
	margin: 0px 10px 0 10px;
	padding:0;
	list-style:none;
}

#MenuListings ul li {
	float: left;
	margin-right: 60px;
	margin-top:5px;
}

#MenuListings ul li a {
font-family: Arial, Helvetica, sans-serif;
text-decoration:none;
font-weight:bold;

}



#MainContentListings {
	float:left;
	width: 742px;
	background-color: #191919;
		overflow:hidden;
		display:inline;

}

#logoContainer {
	height: 150px;
	width: 202px;
	background:#363636;
}

#Navigation {
	width:202px;
	height: 485px;
	background:#1E1D1D;
	position:relative;
	

}

#NavigationListings {
	width:202px;
	min-height: 139px;
	background:#1E1D1D;
	position:relative;
	height:auto !important;
	height:100%;

}


#brandSlider {
	width: 202px;
	height: 140px;
	background:#EEEEEE;
	border-bottom:5px #363636 solid;
	padding-top:10px;
	position:relative;
}


			/* Easy Slider */

	#slider ul, #slider li,
	#slider2 ul, #slider2 li{
		margin:0;
		padding:0;
		list-style:none;
		}
	#slider2{margin-top:1em;}
	#slider li, #slider2 li{ 
		/* 
			define width and height of list item (slide)
			entire slider area will adjust according to the parameters provided here
		*/ 
		width:195px;
		height:100px;
		overflow:hidden; 
		}	
	#prevBtn, #nextBtn,
	#slider1next, #slider1prev{ 
		display:block;
		width:30px;
		height:77px;
		position:absolute;
		left:145px;
		top: 18px;
		z-index:1000;
		}	
	#nextBtn, #slider1next{ 
		left:167px;
		}														
	#prevBtn a, #nextBtn a,
	#slider1next a, #slider1prev a{  
		display:block;
		position:relative;
		width:30px;
		height:77px;
		background:url(../images/prev-btn.jpg) no-repeat 0 0;	
		}	
	#nextBtn a, #slider1next a{ 
		background:url(../images/next-btn.jpg) no-repeat 0 0;	
		}	
		
	/* numeric controls */	

	ol#controls{
		margin:1em 0;
		padding:0;
		height:28px;	
		}
	ol#controls li{
		margin:0 10px 0 0; 
		padding:0;
		float:left;
		list-style:none;
		height:28px;
		line-height:28px;
		}
	ol#controls li a{
		float:left;
		height:28px;
		line-height:28px;
		border:1px solid #ccc;
		background:#DAF3F8;
		color:#555;
		padding:0 10px;
		text-decoration:none;
		}
	ol#controls li.current a{
		background:#5DC9E1;
		color:#fff;
		}
	ol#controls li a:focus, #prevBtn a:focus, #nextBtn a:focus{outline:none;}
	
/* // Easy Slider */

#FeatureContent {
	float:left;
	width:742px;
	height: 290px;
	z-index:0;
}

#FeatureContentListings {
	float:left;
	width:742px;
	height: 151px;
}


#MainContent {
	float:left;
	width: 742px;
	background-color:white;
		overflow:hidden;
		display:inline;

}

#welcomebox {
	background: #F2FCD5;
	padding: 5px;
	margin-bottom: 10px;
}

#welcomebox p.welcome {
	font-size: 16px;
	font-weight:bold;
	color:#71AC44}
	
#welcomebox	.link a {
	color:#D8F394;
	background: transparent url('../images/link-arrow.png') no-repeat scroll right;
	display:block;
	padding-right:20px;
	width:50px;
}

#Content {
	float:left;
	margin:10px;
	width:67%;
	min-height:300px;
	overflow:hidden;
	display:inline;
}

#ContentListings {
	float:left;
	margin:10px;
	width:98%;
	min-height:300px;
	overflow:hidden;
	display:inline;
}


#latestlistings {
	
	min-height:124px;
	background:#191919;
	margin: 0 10px 10px 0;
	float:left;
	width:100%;
	background: transparent url('../images/lateslistings-thumbs.jpg') no-repeat;
}

#promocontainer {
	width: 100%;
	height:148px;
	margin-bottom:10px;
	}


#promocontainer .link {
	background: transparent url('../images/link-bkg.jpg') repeat-x;
	padding: 4px 5px 5px 5px;	
	float: left;
}

#promocontainer .box {
	float: left;
	width: 47%;
	height: 140px;
	padding: 5px;
	background:transparent url('../images/parts.jpg') no-repeat;
}

#promocontainer .link a {
	color:#D8F394;
	background: transparent url('../images/link-arrow.png') no-repeat scroll right;
	display:block;
	padding-right:20px;
	width:50px;
	
}

#promocontainer .link a:hover {
	color: #FFFFFF;
	background: transparent url('../images/link-arrow.png') no-repeat scroll right;
	display:block;
	padding-right:20px;
	
}

iframe {
	overflow-x: hidden;
}
#promocontainer #parts {
margin-top: 110px;
margin-left: 140px;
}

#promocontainer #store {
margin-top: 110px;
margin-left: 140px;

}



#promocontainer .boxRight {
	float: left;
	width: 48%;
	height: 140px;
	padding: 5px;
	background:transparent url('../images/store.gif') no-repeat;


}


#RightColumn {
	float:right;
	min-height:100px;
	width:30%;
	margin-top:10px;
	overflow:hidden;
	
}

#RightColumn  .box {
	
	min-height:275px;
	background:#F2FCD5;
	margin-right:10px;
	border: 3px #E4F9A6 solid;
	margin-bottom:10px;
	padding:10px;

}


ul#ParentPageLinks{

}


ul#ParentPageLinks li{
	height: auto;
	padding:10px;
	margin-bottom:25px;
	background:#242424;
	overflow:hidden;
}

ul#ParentPageLinks li a{
	font-size: 20px;
	color:#FFFFFF;
}

ul#ParentPageLinks li a:hover{
	font-size: 20px;
	color:#FFD600;
}


ul#ParentPageLinks li ul li{
	float:left;
	clear:left;
	margin:0;
	padding:5px;
	margin-left:15px;
}

ul#ParentPageLinks li ul li a{
	float:left;
	clear:left;
	margin:0;
	font-size:12px;
}


#footerBKG {
	height: 265px;
	background: transparent  url('../images/footer-bkg.jpg') repeat-x scroll center top;
	margin-top:20px;
	width:100%;
}

#FooterWrapper {
	height: 265px;
	background: transparent  url('../images/footer.jpg') no-repeat scroll center top;
}

#FooterContent {
	height: 245px;
	width:944px;
	padding:10px;
	margin: 0 auto 0 auto;
	background: transparent url('../images/footerContainer.jpg') no-repeat scroll center top;
	position:relative;
}

#footericon {
	position:absolute;
}

#footerBoxes {
	float:left;
	width:430px;
	position:relative;
	background: transparent url('../images/map-bkg.png') repeat;
	-moz-border-radius: 5px;
	margin: 85px 25px 0 0;
	color:#E2FD96;
	font-family: Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
	padding: 10px;
	display:inline;
	height: 125px;
}

#footerBoxes p, img{
	margin:0;
	color:white;
	
}


/************************
SITEMAP
************************/
#sitemap-list {padding:0 0 0 10px; 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; background:#f0f0f0;} /*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;}
#map {
	position:absolute;
	background: transparent url('../images/map.png') no-repeat;
	width: 172px;
	height: 125px;
	left: 250px;
	
}
/*3rd level items*/

/* trigger button */ 
#location2 {
cursor:pointer;
display:block;
height:15px;
left:115px;
overflow:hidden;
position:absolute;
text-indent:-999em;
top:05px;
width:15px;
}

#location {
cursor:pointer;
display:block;
height:15px;
left:55px;
overflow:hidden;
position:absolute;
text-indent:-999em;
top:35px;
width:15px;
}

#location3 {
cursor:pointer;
display:block;
height:15px;
left:80px;
overflow:hidden;
position:absolute;
text-indent:-999em;
top:95px;
width:15px;
}


 
/* mouseover state */ 
#download_now:hover { 
    background-position:0 -44px ;         
} 
 
/* clicked state */ 
#download_now:focus { 
    background-position:0 -88px; 
} 
 
/* tooltip styling */ 
.tooltip { 
    display:none; 
    background:url(../images/black_arrow.png);  /* all browsers */
    _background-image: url(../images/black_arrow.gif);  /* IE6 only */ 
    height:92px; 
    width:179px; 
    padding:15px;
    font-size:11px; 
    color:#fff; 
} 
 
/* a .label element inside tooltip */ 
.tooltip .label { 
    color:yellow; 
    width:35px; 
} 
 
.tooltip a.link { 
    color: #FFD500; 
    font-size:11px; 
    font-weight:bold; 
}
