@import url('http://images1.ecarlist.com/sites/templates/common/css/base.css');


/* =====================================
   ========== STRUCTURE ================
   ===================================== */
   
   body { /*background: url(../images/top_bg.gif) repeat-x 0px -6px #fff;*/ font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 1.3; }
		
		a { color: #2a5679; text-decoration: none; }
		a:hover { color: #444444; }
		
		li { list-style: none; }
   
   #main-content-wrap { min-width: 1022px; background: url(../images/main-bg.jpg) no-repeat center top #ecf1f5; padding-top: 20px; }
   
   .border-wrap { background: url(../images/bottom-border.gif) repeat-x bottom; width: 100%; }
   
   .main-inner { width: 980px; margin: 0px auto; padding: 0px 21px; min-height: 720px; }
	 #home .main-inner { position: relative; }
	 .cj-racer { display: none; }
   #home .cj-racer { display: block; background: url(../images/big_cj.png) no-repeat; width: 654px; height: 698px; position: absolute; z-index: 500; bottom: 0px; left: -249px; }
   
/*   #rightColumn, #leftColumn, #right, #left, #notify_middle, #models_container, #model_details_description { position: relative; z-index: 1000; } */

/* =====================================
   ==========   HEADER  ================
   ===================================== */
   
  #page_wrap > #header { min-width: 1022px; background: url(../images/header-bg.jpg) repeat-x; height: 152px;  }
	.header-info { width: 1022px; margin: 0px auto; height: 116px; }
	
	#page_wrap > #header h1 a { background: url(../images/header-sprite-2.jpg) no-repeat 0px 0px; display: block; width: 270px; height: 111px; text-indent: -9999px; float: left; }
	
	#page_wrap > #header h2 { background: url(../images/header-sprite-2.jpg) no-repeat -272px -41px; width: 189px; height: 42px; float: left; text-indent: -9999px; margin-top: 47px; margin-left: 30px; }
	
	#page_wrap > #header .header-address { float: left; width: 333px; margin-top: 40px; text-align: right; margin-left: 41px; }
	#page_wrap > #header .header-address .phone { color: #0089d0; font-size: 24px; font-weight: normal; font-family: Arial, sans-serif; }
	#page_wrap > #header .header-address .address { color: #555d63; font-size: 13px; font-weight: bold; font-style: italic; font-family: Arial, sans-serif; }
	
	.header-social { width: 154px; float: left; margin-top: 44px; margin-left: 5px; }
	.header-social li { float: left; }
	.header-social li a { display: block; width: 42px; height: 48px; text-indent: -9999px; background: url(../images/header-sprite-2.jpg) no-repeat; }
	.header-social li.facebook a { background-position: -465px -40px; }
	.header-social li.twitter a { background-position: -505px -40px; }
	.header-social li.youtube a { background-position: -545px -40px; }
	.header-social li.facebook a:hover { background-position: -602px -40px; }	
	.header-social li.twitter a:hover { background-position: -642px -40px; }
	.header-social li.youtube a:hover { background-position: -682px -40px; }
	
		/* ========== HEADER NAV =========== */
	#nav { width: 1024px; margin: 0px auto; }
	#priNav li { }
	#priNav > li > a { display: block; height: 37px; text-indent: -9999px; background: url(../images/header-sprite-2.jpg) no-repeat; }
		#priNav > li#priNav_Home > a { background-position: -0px -111px; width: 83px; }
		#priNav > li#priNav_new_inv > a { background-position: -83px -111px; width: 147px; }
		#priNav > li#priNav_po_inv > a { background-position: -230px -111px; width: 123px; }
		#priNav > li#priNav_Specials > a { background-position: -353px -111px; width: 109px; }
		#priNav > li#priNav_Financing > a { background-position: -462px -111px; width: 116px; }
		#priNav > li#priNav_service_parts > a { background-position: -577px -111px; width: 171px; }
		#priNav > li#priNav_service > a { background-position: -577px -111px; width: 90px; }
		#priNav > li#priNav_parts > a { background-position: -665px -111px; width: 80px; }
		#priNav > li#priNav_About > a { background-position: -748px -111px; width: 135px; }
		#priNav > li#priNav_Contact_Us > a { background-position: -883px -111px; width: 140px; }
		/* hover */
	#priNav > li#priNav_Home:hover > a { background-position: -0px -155px; width: 83px; }
	#priNav > li#priNav_new_inv:hover > a { background-position: -83px -155px; width: 147px; }
	#priNav > li#priNav_po_inv:hover > a { background-position: -230px -155px; width: 123px; }
	#priNav > li#priNav_Specials:hover > a { background-position: -353px -155px; width: 109px; }
	#priNav > li#priNav_Financing:hover > a { background-position: -462px -155px; width: 116px; }
	#priNav > li#priNav_service_parts:hover > a { background-position: -577px -155px; width: 171px; }
	#priNav > li#priNav_service:hover > a { background-position: -577px -155px; width: 90px; }
	#priNav > li#priNav_parts:hover > a { background-position: -665px -155px; width: 80px; }
	#priNav > li#priNav_About:hover > a { background-position: -748px -155px; width: 135px; }
	#priNav > li#priNav_Contact_Us:hover > a { background-position: -883px -155px; width: 140px; }
	
	#priNav li ul { background: url(../images/nav-dropdown.gif) repeat; margin-top: -1px; padding: 5px 2px; }
	#priNav li ul li a { color: #fff; font-size: 13px; font-weight: bold; padding: 4px 10px; display: block; background: url(../images/nav-drop-star.gif) no-repeat 0px -29px; padding-left: 30px; min-width: 214px; }
	#priNav li ul li:hover { background: url(../images/nav-drop-hov.gif) repeat; }
	#priNav li ul li:hover a { background: url(../images/nav-drop-star.gif) no-repeat 2px -1px; }
	

/* =====================================
   ==========  FOOTER   ================
   ===================================== */
	.footer-push { padding-bottom: 192px; }

	#page_wrap > #footer { min-width: 1022px; background: url(../images/footer-bg.jpg) repeat-x bottom; min-height: 332px; }
	.footer-inner { background: url(../images/inner-footer-bg.png) no-repeat center bottom; min-width: 1022px; margin: 0px auto; min-height: 528px; margin-top: -192px;  }
	#home .footer-inner { min-width: 1022px; margin: 0px auto; background: url(../images/cj-footer-bg.jpg) no-repeat top center; min-height: 332px; }
	
	.footer-content { width: 1022px; margin: 0px auto; padding-top: 192px; }
	#home .footer-content { padding-top: 0px; }
	
	#home .footer-content { width: 1022px; margin: 0px auto; }
	#footerNav { width: 595px; float: right; text-align: right; margin-top: 30px;  }
	#footerNav li { float: left; border-left: 1px solid #d4d4d4; line-height: 10px; height: 10px; }
	#footerNav li.first { border: none; }
	#footerNav li a { color: #d4d4d4; padding: 0px 5px; font-size: 11px; font-weight: bold; line-height: 10px; }
	#footerNav li a:hover { color: #00a8ff; }
	
	.ecl-copyright { clear: right; float: right; width: 489px; color: #868686; font-size: 11px; font-weight: bold; margin-top: 10px; }
	.ecl-copyright li { float: left; padding-left: 5px; border-left: 1px solid #868686; margin-right: 5px; }
	.ecl-copyright li.first { border-left: none; }
	.ecl-copyright li.last { margin-right: 0px; }
	.ecl-copyright li a { color: #868686; font-size: 11px; font-weight: bold; }
	.ecl-copyright li a:hover { text-decoration: underline; }
	
	#dt-ecl-logo { clear:right; float: right; margin-top: 10px; }
	#dt-ecl-logo a { display: block; width: 202px; height: 16px; text-indent: -9999px; background: url(../images/dtecl-logo.png) no-repeat; }
	#dt-ecl-logo a:hover { background-position: -202px 0px; }
	
			.ie7 #footerNav, .ie8 #footerNav { width: 627px; }
			.ie7 #ec_footer, .ie8 #ec_footer { width: 520px; }
			.ie7 #dt-ecl-logo, .ie8 #dt-ecl-logo { padding-right: 17px; }

/* =====================================
   ============   HOME  ================
   ===================================== */

		#specials_flash { }
		
		body .specials_flash_controls { bottom: 15px; left: 823px; }
		
		/* ==== new vehicles  */
		#ecl_new_vehicles { background: url(../images/new-veh-bg.png) no-repeat; width: 766px; height: 163px; float: right; padding-top: 28px; margin-top: 13px; position: relative; z-index: 1000;}
		.ecl_new_vehicle_make_wrap { width: 735px; margin: 0px auto; position: relative;  position: relative; z-index: 1000;}
		.ecl_new_vehicle_make_wrap .view_all { display: none !important; }
		
		.ecl_new_vehicle_make_wrap .prev { background: url(../images/star-nav-sprite.png) no-repeat -21px -70px; width: 40px; height: 33px; text-indent: -9999px; display: block; position: absolute; bottom: 2px; right: 48px; }
		.ecl_new_vehicle_make_wrap .next { background: url(../images/star-nav-sprite.png) no-repeat -79px -117px; width: 40px; height: 33px; text-indent: -9999px; display: block; position: absolute; bottom: 2px; right: 15px; }
		.ecl_new_vehicle_make_wrap .prev:hover { background-position: -21px -117px; }
		.ecl_new_vehicle_make_wrap .next:hover { background-position: -79px -70px; }
		
		.ecl_new_vehicles_tooltip { position: relative; z-index: 7000; }
				
		.ecl_new_vehicles_trigger a { font-size: 11px; color: #555555; font-weight: normal; }
		.ecl_new_vehicles_trigger a:hover { color: #555555; }
		
		.ecl_new_vehicles_trigger h3 > a { font-size: 14px; color: #000; font-weight: bold; }
		.ecl_new_vehicles_trigger h3 > a:hover { color: #ff9000; }
		
		/* ==== featured vehicles */
		#featuredVehicles { background: url(../images/featured-po.png) no-repeat; height: 250px; position: relative;  }
		#featuredVehicles_title { text-indent: -9999px; }
		
		#random_list_location { overflow: hidden; margin-left: 102px; width: 563px; height: 233px; }
		#random_list_location #carousel { width: 20000em; }
		
		body #random_list_location #random_list_item { width: 563px; height: 205px; padding-top: 13px; padding-bottom: 0px; }
		#random_list_location #random_list_item img { width: 281px; height: 212px; float: right;}
		
		.car-info { padding-top: 10px; width: 271px; }
		.car-info a { font-size: 22px; font-weight: bold; color: #fff; padding-top: 20px; }
		.car-info li { background: rgb(74,80,85); background: rgba(74,80,85,0.7); margin-bottom: 3px; color: #d2d7dc; font-size: 14px; padding: 3px 10px;  }
		.car-info li.ext, .car-info li.mil { background: rgb(93,101,107); background: rgba(93,101,107,0.7); }
		.car-info .price { font-size: 22px; color: #ff9000; font-weight: bold; padding-left: 10px;  }
		.car-info .price-title { font-size: 12px; font-weight: bold; color: #fff; padding-left: 10px; }
		
		#home-featured-po { position: relative; width: 672px; height: 264px; float: right; margin-right: 37px; }
		#home-featured-po .star { background: url(../images/star-nav-sprite.png) no-repeat; width: 117px; height: 62px; display: block; position: absolute; bottom: -6px; right: 244px; }
		
		
		div.featured_nav { cursor:pointer; position: absolute; z-index: 6000; top: 221px; left: 150px; }
	  .scrollable { position:relative; overflow:hidden; width: 563px; height: 218px; }
		.scrollable .items { width:20000em; position:absolute; clear:both; }
		/* items inside navigator */
		.featured_nav a { width:8px; height:8px; float:left; margin:3px; background:url(../images/navigator.png) 0 0 no-repeat; display:block; font-size:1px; }
		
		/* mouseover state */
		.featured_nav a:hover { background-position:0 -8px; }
		
		/* active state (current page state) */
		.featured_nav a.active { background-position:0 -16px; }
		a.browse { position: absolute; z-index: 5000; display: block; font-size: 48px; font-weight: bold; cursor: pointer; padding: 5px; }
		a.right { top: 2px; left: 63px; }
		a.left { top: 2px; left: 18px; }	
		
		a.disabled { visibility: hidden !important; }

	
		/* ==== quick links ==== */
		.quicklinks { float: right; width: 700px; height: 102px; position: relative; z-index: 3000; margin-top: 10px; }
		.quicklinks li { float: left; }
		
		.quicklinks li a { background: url(../images/quicklinks.png) no-repeat; display: block; width: 144px; height: 45px; text-indent: -9999px; margin-left: -5px}
		
			.quicklinks li a.specials { background-position: 0px 0px; }
			.quicklinks li a.finance 	{ background-position: -155px 0px; }
			.quicklinks li a.service 	{ background-position: -476px 0px; }
			.quicklinks li a.parts 		{ background-position: -316px 0px; }
			.quicklinks li a.trade 		{ background-position: -630px 0px; }
			/* hover */
			.quicklinks li a.specials:hover { background-position: 0px -60px; }
			.quicklinks li a.finance:hover 	{ background-position: -155px -60px; }
			.quicklinks li a.service:hover 	{ background-position: -476px -60px; }
			.quicklinks li a.parts:hover 		{ background-position: -311px -60px; }
			.quicklinks li a.trade:hover 		{ background-position: -630px -60px; }
					
/* =====================================
   ========== INVENTORY ================
   ===================================== */
   
   /* ==== inv left */
   #inventory #inventory_v2_sidebar_filters h3 { color: #5d666c; font-size: 11px; font-weight: bold; }
   #inventory_v2_sidebar_filters h2 { color: #5d666c; font-weight: bold; font-size: 18px; text-transform: uppercase; }
   
	#inventory .filterList ul { margin-left: 6px; }
   #inventory #currentFilters p { font-size: 12px; color: #fff; background: url(../images/blue-dash.gif) repeat-x; height: 26px; line-height: 26px; margin: 5px 0px; padding: 0px 15px; display: block; }
   
   #inventory .filterList { background: url(../images/inv-veh-sprite.png) no-repeat -244px -401px #656d74; width: 221px; padding-bottom: 15px; padding-right: 10px; box-shadow: 0px 0px 6px #333; -webkit-box-shadow: 0px 0px 6px #333; -moz-box-shadow: 0px 0px 6px #333; -o-box-shadow: 0px 0px 6px #333; margin-bottom: 10px; }
   #inventory #inventory_v2_sidebar_filters .filterList h3 { color: #fff; font-weight: bold; font-style: italic; text-transform: uppercase; font-size: 15px; padding: 10px 12px 5px; }
   
   .filterList li { color: #e0e7ea; background: url(../images/inv-veh-sprite.png) no-repeat -735px -224px; padding-left: 15px; height: 16px; line-height: 16px; }
   .filterList li:hover { color: #e0e7ea; background: url(../images/inv-veh-sprite.png) no-repeat -735px -208px #474e53; padding-left: 15px; }
   .filterList li a { color: #e0e7ea; }
   
   .filterList span a { color: #fff; padding-left: 15px; }
   
			/* dealer contact */
			#inventory_v2_sidebar_contact { background: url(../images/inv-veh-sprite.png) no-repeat 0 -108px; width: 231px; height: 332px; }
			#inventory_v2_sidebar_contact h2 { text-indent: -9999px; }
			#inventory_v2_sidebar_contact label { color: #fff; background: none; }
			#ec_is_submit .submitButton { background: url(../images/inv-veh-sprite.png) no-repeat -492px -253px; width: 215px; height: 38px; display: block; text-indent: -9999px; font-size: 1px; color: #ffab3e; border: 0; cursor: pointer; }
			#inventory_v2_sidebar_contact textarea { height: 28px; }
			#inventory_v2_sidebar_contact select { height: 22px; }
			
	#vehicle_v2_notify_button img { display: none; }
	#vehicle_v2_notify_button { display: block; background: url(../images/inv-veh-sprite.png) no-repeat -244px -289px; width: 231px; height: 88px; margin-bottom: 40px; }
	
	#inventory #form_response, #inventory #ec_is_loading { color: #fff; text-shadow: 1px 1px #333; }

   /* ==== inv right */
		#inventory #searchBar { background: url(../images/inv-veh-sprite.png) no-repeat -13px -5px; width: 731px; height: 43px; }   
		#inventory #sort_bar { background: url(../images/inv-veh-sprite.png) no-repeat -13px -48px; width: 731px; height: 46px; }
		#sort_bar_left, #sort_bar_right, #sort_bar_right a, #sort_bar_left a { color: #fff; }
		
		.inventory_v2_image a img { border: 2px solid #fff; }
		
		.inventory_v2_details h4 a { color: #00679e; font-size: 16px; text-transform: uppercase; }
		body .inventory_v2_details h4 a:hover { color: #ff9000; text-decoration: none; }
		
		.inventory_v2_price_right .price_line_1 { font-size: 22px; color: #0089d0;}
		.inventory_v2_price_right .price_title { color: #808285; }
		.inventory_v2_price_right .price_line_2 { color: #808285; }
		
		.inventory_v2_row ul { color: #808285; }
		
		#inventory #inventory_v2_rows > div:nth-child(even) { background: #fff; padding-bottom: 10px; }
		
		#vehicleDisclaimer { padding: 15px; }
		#vehicleDisclaimer p { padding: 0px 15px; text-align: justify; font-size: 10px; color: #808285; }
		
		#vehicle_count_controls { width: 110px; }
   
/* =====================================
   ==========  VEHICLE  ================
   ===================================== */
   
   /* ==== veh left */
   #similarVehicles > h3 { background: url(../images/inv-veh-sprite.png) no-repeat -245px -253px; width: 213px; height: 13px; text-indent: -9999px; margin-bottom: 10px; }
   
   .similarVehicle { background: #fff; padding: 5px; box-shadow: 0px 0px 8px #888; -webkit-box-shadow: 0px 0px 8px #888; -moz-box-shadow: 0px 0px 8px #888; -o-box-shadow: 0px 0px 6px #333; }
   .similarVehicle li { color: #656d74; }
   .similarVehicle li a { color: #0089d0; }
   
   #vehicle #vehicle_v2_sidebar_links { background: url(../images/inv-veh-sprite.png) no-repeat -244px -401px #656d74; width: 221px; padding-bottom: 15px; padding-right: 10px; margin-bottom: 15px; box-shadow: 0px 0px 8px #888; -webkit-box-shadow: 0px 0px 8px #888; -moz-box-shadow: 0px 0px 8px #888; -o-box-shadow: 0px 0px 6px #333; }
  	#vehicle_v2_sidebar_links > p { color: #fff; font-weight: bold; font-style: italic; text-transform: uppercase; font-size: 15px; padding: 10px 12px 5px; }
  	#vehicle_v2_sidebar_links li { color: #e0e7ea; background: url(../images/inv-veh-sprite.png) no-repeat -735px -224px; padding-left: 15px; height: 16px; line-height: 16px; }
  	#vehicle_v2_sidebar_links li:hover { color: #e0e7ea; background: url(../images/inv-veh-sprite.png) no-repeat -735px -208px #474e53;  }
  	#vehicle #vehicle_v2_sidebar_links li a { color: #e0e7ea; padding: 0px; }
   
      /* ==== veh right */
		#vehicle #vehicle_topbar { background: url(../images/inv-veh-sprite.png) no-repeat -13px -5px; width: 731px; height: 43px; }   
		#vehicle #vehicle_topbar_left { line-height: 43px; color: #fff; }
		#vehicle #searchBar { background: url(../images/inv-veh-sprite.png) no-repeat -13px -48px; width: 731px; height: 46px; border-top: none; }
		
		#vehicle_title { color: #00679e; font-size: 27px; }
		.ip_dottedLine { border-bottom: 1px solid #fff; margin-bottom: 5px; }
		
		#vehicle_mainVitals .ip_dottedLine { border: none; }
		
		#vehicle_thumbs { background: #0089d0; }
		
		#vehicle_contact, #vehicle_contact a { color: #808285; font-size: 13px; }
		#priceContainer #price { color: #808285; font-size: 13px; }
		#priceContainer #price .price_line_1 { color: #0089d0; font-size: 32px; font-weight: bold; }
		
		#vitalsContainer { color: #808285; }
		
		#vitalsLeft li:nth-child(odd) { background: #fff; }
		#vehicle #vitalsRight { float: left; }
		#vitalsRight li { padding-left: 5px; }
		#vitalsRight li:nth-child(odd) { background: #fff; } /* look at 3929 for rows coloring */
		
		#vehicle #vctHeader_img { background: url(../images/inv-veh-sprite.png) -710px -307px; width: 30px; height: 40px; background-position: -710px -307px; }
		
		#vehicle .vctTabs_pane .form_submit input { background: url(../images/inv-veh-sprite.png) no-repeat -475px -125px; width: 194px; height: 46px; }
		#vehicle #vctSubmit_button_offer { background-position: -475px -125px; }
		#vehicle #vctSubmit_button_offer:hover {  background-position: -262px -125px; }
		
		#vehicle #vctSubmit_button_calc { background-position: -475px -176px; }
		form.ecl-validation .input_element { width: 200px !important; }
		
/* =====================================
   ========= INNER PAGES ===============
   ===================================== */

/* dealer contact */
			#dealer_contact { background: url(../images/inv-veh-sprite.png) no-repeat 0 -108px; width: 231px; height: 332px; }
			#dealer_contact h2 { text-indent: -9999px; }
			#dealer_contact label { color: #fff; background: none; }
			#dealer_contact .submitButton { background: url(../images/inv-veh-sprite.png) no-repeat -492px -253px; width: 215px; height: 38px; display: block; text-indent: -9999px; font-size: 1px; color: #ffab3e; border: 0; cursor: pointer; }
/* sidebar address */
		#sidebar_address { border: 2px solid #007bba; padding: 10px 5px; background: #fff; }
		#sidebar_address_head { font-size: 14px; color: #0089d0; }
		#sidebar_address_content { color: #555d63; }
		#sidebar_address_titles { padding-right: 3px; margin-bottom: 8px; }
		
/* headers */
		#right > h2, #right > div > h2, #notify_middle h2, #trade_appraisal h2 { font-size: 28px; font-weight: bold; color: #0089d0; }
		#right > h3, #right > div > h3 { font-size: 16px; color: #555d63; }
/* inner p's */
		#right p, #notify_middle p { color: #555d63; font-size: 14px; line-height: 20px; }
		
/* financing */
body #financeLeft { position: relative; z-index: 3000; background: #fff; padding: 10px 15px; width: 690px; }
body #financeLeft h2 { font-size: 28px; font-weight: bold; color: #0089d0; }
body #financeLeft p { color: #555d63; font-size: 14px; line-height: 20px; }

#financing #sidebar_address { padding: 6px !important; }
		
/* about */
	#about #right p { color: #555d63; font-size: 16px; line-height: 22px; }
	
/* service parts */
body #service_container_v, body #parts_request_form { margin-bottom: 45px; }
body #service_container_v fieldset, body #parts_request_form fieldset { background: #fff; padding-bottom: 15px; margin-bottom: 0px; }
#service #vehicle_question_submit, #parts #vehicle_question_submit { text-align: center; }

/* other */
#testimonials #iframeWrap { position: relative; z-index: 2000; padding-bottom: 45px; }

#hours_list { border: 2px solid #007bba; padding: 15px 8px; background: #fff; margin: 20px 0px; }
#hours_list h3 { font-size: 14px; color: #0089d0; }
#hours_list h4, #hours_list ul { color: #555d63; }

#contact #right { margin-bottom: 40px; }

body #notify_middle { background: #fff; padding: 20px; width: 587px; }
#notify_form_div #vehicle_finder_submit input, #notify_form_div #vehicle_trade_bid_submit input
{ font-size: 1px; color: #888; }

#trade_appraisal form.ecl-validation .input_element { width: 92%; }

#model_details_description { background: #fff; width: 540px; padding: 10px; margin-bottom: 40px; }
#sitemap .cj-racer { display: none; }
#sitemap #sitemapContent { padding-bottom: 40px; }
body #ec_sitemap_tooltip { z-index: 8000; }