@import "common.css";

/*****************************************
 GENERAL BODY LAYOUT
 ****************************************/

	body { background:#454545 url(/images/CarMart.Body.BGRpt.gif) repeat-x; margin:0; padding:0; }
	#Wrapper { background:#FFF none; width:1000px; margin:0 auto; }

	#TopBar { background: url(/images/CarMart.Body.TopBar.gif) no-repeat; width:1000px; height:8px; overflow:hidden; }
	#Container { background: url(/images/CarMart.Body.CntTile.gif) repeat-y; width:968px; min-height:400px; padding:0 16px; }
	#FTImg { background: url(/images/CarMart.Body.FTCap.gif) no-repeat; width:1000px; height:10px; overflow:hidden; }

	#Header { width:922px; height:72px; padding:18px 23px 0 23px; }
	#Container #Header #Logo { background: url(/images/CarMart.Body.Logo.New.gif) no-repeat; width:170px; height:63px; }
	#Container #Header #Logo a.logolink { width:170px; padding-top:63px; height:0; overflow:hidden; text-indent:-999px; display:block; position:relative; }
	#Container #Header #RNav { float:right; padding:18px 0 0; font-weight:bold; }

	#MainNav { background: url(/images/CarMart.Home.MainNav.New.gif) no-repeat; width:960px; height:32px; margin:0 auto; }
	#FlashArea { background: url(/images/CarMart.Home.FlashBG.jpg) no-repeat; width:960px; height:295px; margin:0 auto; }
	#QuickNav { background: url(/images/CarMart.Home.QuickNav.New.2.gif) no-repeat; width:960px; height:32px; margin:0 auto 10px auto; }

	#LCnt { float:left; width:666px; }
	#RCnt { float:right; width:293px; }

	#FTTxt { width:1000px; margin:.5em auto 1em auto; text-align:center; color:#C4C4C4; text-transform:uppercase; }
	#FTTxt a { color:#C4C4C4; text-decoration:none; }
	#FTTxt a:hover { color:#DDD; text-decoration:underline; }

/*****************************************
 MAIN PAGE
 ****************************************/
 
	.home #LCnt { float:left; width:671px; }
	.home #RCnt { float:right; width:293px; }
 
	/* FLASH AREA
	****************************************/
	
		#FlashArea { background:#000 url(/images/CarMart.Home.FlashBG.jpg) no-repeat bottom; width:960px; height:285px; margin:0 0 0 4px; position:relative; }
		#FlashArea div { position:absolute; top:100px; left:50px; width:250px; text-align:center; color:#FFF; }
 
	/* CAR TYPES
	****************************************/

		.home #CarType { background: url(/images/CarMart.Home.CarType.New.jpg) no-repeat;margin:0; padding:50px 14px 0 14px; width:646px; height:99px; clear:left; }
		.home #CarType a.rr { width:128px; height:0; padding-top:76px; float:left; overflow:hidden; display:block; position:relative; text-indent:-999px; text-decoration:none; }
		
	/* LEFT BLOCK 1
	****************************************/

		.home #LBlock1 { width:338px; float:left; }
		.home #LBlock1 .LBHD { background: url(/images/CarMart.Home.LBlock1Top.gif) no-repeat; width:338px; height:7px; overflow:hidden; }
		.home #LBlock1 .LBCnt { background: url(/images/CarMart.Home.LBlock1Mid.gif) repeat-y; min-height:314px; padding: .5em 18px 1em 18px; }
		.home #LBlock1 .LBFT { background: url(/images/CarMart.Home.LBlock1Bot.gif) no-repeat; z-index:1; width:338px; height:7px; overflow:hidden; }

	/* LEFT BLOCK 2
	****************************************/
	 
		.home #LBlock2 { width:323px; float:left; margin-left:5px; }
		.home #LBlock2 .LBHD { background: url(/images/CarMart.Home.LBlock2Top.gif) no-repeat; width:323px; height:7px; overflow:hidden; }
		.home #LBlock2 .LBCnt { background: url(/images/CarMart.Home.LBlock2Mid.gif) repeat-y; min-height:314px; padding: .5em 16px 1em 16px; }
		.home #LBlock2 .LBFT { background: url(/images/CarMart.Home.LBlock2Bot.gif) no-repeat; z-index:1; width:323px; height:7px; overflow:hidden; }

	/* MAIN PAGE QUICK LINKS
	****************************************/

		.home #QuickLinks { width:968px; clear:both; padding:5px 0 15px 0;}
		.home #QuickLinks #QLTop { background: url(/images/CarMart.Body.QuickLinkTop.gif) no-repeat; width:968px; height:36px; }
		.home #QuickLinks #QLCnt { background: url(/images/CarMart.Body.QuickLinkMid.gif) repeat-y; }
		.home #QuickLinks #QLBot { background: url(/images/CarMart.Body.QuickLinkBot.gif) no-repeat; width:968px; height:7px; }

		.home #QuickLinks #QLCnt UL { list-style:none; margin:0; padding:0; }
		.home #QuickLinks #QLCnt UL LI { display:inline; margin:0; padding: 0 1em; line-height:35px; vertical-align:middle; }

/*****************************************
 SHARED AMONG MASTERS
 ****************************************/

	/* RIGHT BLOCKS
	*****************************************/

		.RBlock { width:293px; }
		.RBlock .RBTop { background: url(/images/CarMart.Body.RBlockTop.gif) no-repeat; width:293px; height:7px; overflow:hidden; }
		.RBlock .RBCnt { background: url(/images/CarMart.Body.RBlockMid.gif) repeat-y; min-height:50px; padding: .5em 14px 1em 14px; }
		.RBlock .RBBot { background: url(/images/CarMart.Body.RBlockBot.gif) no-repeat; z-index:1; width:293px; height:7px; overflow:hidden; }

/*****************************************
 INTERIOR MASTER
 ****************************************/
 
	/* QUICK LINKS
	*****************************************/

		#QuickLinks { width:968px; clear:both; padding:5px 0 15px 0;}
		#QuickLinks #QLTop { background: url(/images/CarMart.Body.QuickLinkTop.gif) no-repeat; width:968px; height:36px; }
		#QuickLinks #QLCnt { background: url(/images/CarMart.Body.QuickLinkMid.gif) repeat-y; }
		#QuickLinks #QLBot { background: url(/images/CarMart.Body.QuickLinkBot.gif) no-repeat; width:968px; height:7px; }

		#QuickLinks #QLCnt UL { list-style:none; margin:0; padding:0; }
		#QuickLinks #QLCnt UL LI { display:inline; margin:0; padding: 0 1em; line-height:35px; vertical-align:middle; }
		
	/* LEFT COLUMN
	*****************************************/
	        
		#LCol { width:666px; }
		#LCol #LCTop { background: url(/images/CarMart.Master.LColTop.gif) repeat-y; width:666px; height:7px; overflow:hidden; }
		#LCol #LCCnt { background: url(/images/CarMart.Master.LColMid.gif) repeat-y; min-height:400px; padding:2px 14px; }
		#LCol #LCBot { background: url(/images/CarMart.Master.LColBot.gif) no-repeat; width:666px; height:8px; overflow:hidden; }
		
	/* SEARCH / RESULTS BLOCKS
	*****************************************/

		.LBlockTop_Search { background: url(/images/CarMart.Master.LBlockTop.Search.gif) no-repeat; width:630px; height:36px; margin:0 3px; }
		.LBlockTop_Result { background: url(/images/CarMart.Master.LBlockTop.Results.gif) no-repeat; width:630px; height:36px; margin:0 3px; }
		.LBlockMid { background: url(/images/CarMart.Master.LBlockMid.gif) repeat-y; width:620px; padding:0 5px; margin:0 3px; }
		.LBlockBot { background: url(/images/CarMart.Master.LBlockBot.gif) no-repeat; width:630px; height:8px; margin:0 3px; }
		
		.LBlockMid table td { border-bottom:1px solid #CCC; }
		.LBlockMid table th { background:#E3E3E3 url(/images/CarMart.Master.LBlock.THRpt.gif) repeat-x; height:29px; vertical-align:middle; font-size:1.1em; border-bottom:1px solid #CCC; } 
 
/*****************************************
 CAREERS MASTER
 ****************************************/
 
	 /* CAREERS LEFT BLOCK
	 *****************************************/
	        
		.careers .LBlock { width:243px; }
		.careers .LBlock .LBTop { background: url(/images/CarMart.Careers.LBlockTop.gif) repeat-y; width:243px; height:7px; overflow:hidden; }
		.careers .LBlock .LBCnt { background: url(/images/CarMart.Careers.LBlockMid.gif) repeat-y; min-height:50px; padding:2px 14px; }
		.careers .LBlock .LBBot { background: url(/images/CarMart.Careers.LBlockBot.gif) no-repeat; width:243px; height:7px; overflow:hidden; }
		.careers .LBlock .LBTop_Interested { background: url(/images/CarMart.Careers.LBlock.Interested.gif) repeat-y; width:243px; height:33px; }

	/* CAREERS CENTER BLOCK
	*****************************************/
	        
		.careers #CBlock {width:411px; }
		.careers #CBlock #CBTop { background: url(/images/CarMart.Careers.CBlockTop.gif) repeat-y; width:411px; height:7px; overflow:hidden; }
		.careers #CBlock #CBCnt { background: url(/images/CarMart.Careers.CBlockMid.gif) repeat-y; min-height:400px; padding:2px 14px; }
		.careers #CBlock #CBBot { background: url(/images/CarMart.Careers.CBlockBot.gif) no-repeat; width:411px; height:8px; overflow:hidden; }
		
	/* SEARCH / RESULTS BLOCKS
	****************************************/

		.careers .LBlockTop_Search { background: url(/images/CarMart.Careers.SearchBlock.HD.Search.gif) no-repeat; width:383px; height:36px; }
		.careers .LBlockTop_Result { background: url(/images/CarMart.Careers.SearchBlock.HD.Results.gif) no-repeat; width:383px; height:36px; }
		.careers .LBlockMid { background: url(/images/CarMart.Careers.SearchBlock.Mid.gif) repeat-y; width:373px; padding:0 5px; }
		.careers .LBlockBot { background: url(/images/CarMart.Careers.SearchBlock.Bot.gif) no-repeat; width:383px; height:8px; overflow:hidden; }
		
		.careers .LBlockMid table td { border-bottom:1px solid #CCC; }
		.careers .LBlockMid table th { background:#e3e3e3 url(/images/CarMart.Master.LBlock.THRpt.gif) repeat-x top; height:29px; vertical-align:middle; font-size:1.1em; border-bottom:1px solid #CCC; } 

/*****************************************
 Navigation
 ****************************************/

	/* INTERIOR NAVIGATION
	****************************************/
	
		#Navigation { background: url(/images/CarMart.Home.MainNav.New.gif) no-repeat; margin: 0 auto 10px auto; width:960px; height:32px; z-index:10000; }
		#MainNav dd { float:left; width:auto!important; display:inline; position:relative; margin:0; }
		#MainNav dt { position:absolute; height:0; overflow:hidden; visibility:hidden; }
		#MainNav a.ii { background-image: url(/images/CarMart.Home.MainNav.New.gif); display:block; width:100%; padding-top:32px; height:0; overflow:hidden; text-decoration:none; text-indent:-9999px; position:relative; border:0; }

		#MainNav #mn_dealer a.ii { width:112px; background-position:0 0; }
		#MainNav #mn_vehicle a.ii { width:70px; background-position:-112px 0; }
		#MainNav #mn_specials a.ii { width:147px; background-position:-182px 0; }
		#MainNav #mn_testimonials a.ii { width:98px; background-position:-329px 0; }
		#MainNav #mn_companyinfo a.ii { width:106px; background-position:-427px 0; }
		#MainNav #mn_careers a.ii { width:68px; background-position:-533px 0; }
		#MainNav #mn_investor a.ii { width:130px; background-position:-601px 0; }
		#MainNav #mn_contact a.ii { width:88px; background-position:-731px 0; }
		
		#MainNav #mn_dealer a.ii:hover { width:112px; background-position:0 -32px; }
		#MainNav #mn_vehicle a.ii:hover { width:70px; background-position:-112px -32px; }
		#MainNav #mn_specials a.ii:hover { width:147px; background-position:-182px -32px; }
		#MainNav #mn_testimonials a.ii:hover { width:98px; background-position:-329px -32px; }
		#MainNav #mn_companyinfo a.ii:hover { width:106px; background-position:-427px -32px; }
		#MainNav #mn_careers a.ii:hover { width:68px; background-position:-533px -32px; }
		#MainNav #mn_investor a.ii:hover { width:130px; background-position:-601px -32px; }
		#MainNav #mn_contact a.ii:hover { width:88px; background-position:-731px -32px; }
				
		
	/* MAIN PAGE NAVIGATION
	****************************************/
	
		.home #Navigation { background: url(/images/CarMart.Home.MainNav.New.gif) no-repeat; margin: 0 auto;  }
		.home #MainNav a.ii { background-image: url(/images/CarMart.Home.MainNav.New.gif); }
	
	/* MAIN PAGE QUICK NAVIGATION
	****************************************/

		#QuickNav { background: url(/images/CarMart.Home.QuickNav.New.2.gif) no-repeat; margin: 0 auto; width:960px; height:44px; z-index:10000; margin-bottom:5px; }
		#QNav { padding:0; margin:0; }
		#QNav dd { float:left; width:auto!important; display:inline; position:relative; margin:0; }

		#QNav dt { position:absolute; height:0; overflow:hidden; visibility:hidden; }

		#QNav a.ii { background-image: url(/images/CarMart.Home.QuickNav.New.2.gif); display:block; width:100%; padding-top:44px; height:0; overflow:hidden; text-decoration:none; text-indent:-9999px; position:relative; border:0; }

		#QNav #qn_dealer a.ii { width:315px; background-position:0 0; }
		#QNav #qn_vehicles a.ii { width:330px; background-position:-315px 0; }
		#QNav #qn_specials a.ii { width:315px; background-position:-645px 0; }

		#QNav #qn_dealer.over a.ii { width:315px; background-position:0 -44px; }
		#QNav #qn_vehicles.over a.ii { width:330px; background-position:-315px -44px; }
		#QNav #qn_specials.over a.ii { width:315px; background-position:-645px -44px; }
		
		#QNav #qn_dealer.active a.ii { width:315px; background-position:0 -88px; }
		#QNav #qn_vehicles.active a.ii { width:330px; background-position:-315px -88px; }
		#QNav #qn_specials.active a.ii { width:315px; background-position:-645px -88px; }
		
		#CntBox1 { overflow: visible; position:absolute; display:none; z-index:10000; background:#0C0C0C none; top:0; left:0; margin-top:34px; color:#FFF; }
		#CntBox2 { overflow: visible; position:absolute; display:none; z-index:10000; background:#0C0C0C none; top:0; left:0; margin-top:34px; color:#FFF; }
		
		#CntBox1.active { display:block; }
		#CntBox2.active { display:block; }

/*****************************************
 OTHER STUFF
 ****************************************/

	/* JQUERY DATE PICKER
	****************************************/

		table.jCalendar { border-collapse:separate; border-spacing:2px; }
		table.jCalendar th { background:#454545; color:#fff; font-weight:bold; padding:3px 5px; text-align:center; }
		table.jCalendar td { background:#DDD; color:#000; padding:3px 5px; text-align: center; }
		table.jCalendar td.other-month { background:#D9D9D9; color:#aaa; }
		table.jCalendar td.today { background:#8bb0e3; color:#fff; font-weight:bold; }
		table.jCalendar td.selected { background: #6cac67; color: #fff; font-weight:bold; }
		table.jCalendar td.selected:hover { background: #5e9459; color: #fff; font-weight:bold; }
		table.jCalendar td:hover, table.jCalendar td.dp-hover { background: #fff; color: #000; }
		table.jCalendar td.disabled, table.jCalendar td.disabled:hover { background: #bbb; color: #888; }

		/* For the popup */

		/* NOTE - you will probably want to style a.dp-choose-date - see how I did it in demo.css */

		div.dp-popup { position: relative; background: #EEE; border:1px solid #AAA; font-size: 10px; font-family: arial, sans-serif; padding: 2px; width: 171px; line-height: 1.2em; }
		div#dp-popup { position: absolute; z-index: 199; }
		div.dp-popup h2 { font-size: 12px; text-align: center; margin: 2px 0; padding: 0; }
		a#dp-close { font-size: 11px; padding: 4px 0; text-align: center; display: block; }
		a#dp-close:hover { text-decoration: underline; }
		div.dp-popup a { color: #000; text-decoration: none; padding: 3px 2px 0; }
		div.dp-popup div.dp-nav-prev { position: absolute; top: 2px; left: 4px; width: 100px; }
		div.dp-popup div.dp-nav-prev a { float: left; }
		/* Opera needs the rules to be this specific otherwise it doesn't change the cursor back to pointer after you have disabled and re-enabled a link */
		div.dp-popup div.dp-nav-prev a, div.dp-popup div.dp-nav-next a { cursor: pointer; }
		div.dp-popup div.dp-nav-prev a.disabled, div.dp-popup div.dp-nav-next a.disabled { cursor: default; }
		div.dp-popup div.dp-nav-next { position: absolute; top: 2px; right: 4px; width: 100px; }
		div.dp-popup div.dp-nav-next a { float: right; }
		div.dp-popup a.disabled { cursor: default; color: #aaa; }
		div.dp-popup td { cursor: pointer; }
		div.dp-popup td.disabled { cursor: default; }
		
		/* located in demo.css and creates a little calendar icon
		 * instead of a text link for "Choose date"
		 */
		a.dp-choose-date { width: 14px; height:0; padding:14px 0 0 0; display:inline-block; margin: 5px 3px 0; text-indent: -2000px; overflow: hidden; background: url(/images/calendar.gif) no-repeat; }
		a.dp-choose-date.dp-disabled { background-position: 0 -20px; cursor: default; }
		/* makes the input field shorter once the date picker code
		 * has run (to allow space for the calendar icon
		 */
		input.dp-applied { width: 140px; }

/*****************************************
 SECTION SPECIFIC
 ****************************************/

	/* FIND A LOCATION
	****************************************/

		#GoogleMapWrapper { background: url(/images/CarMart.FindDealer.GoogleMapBG.gif) no-repeat; width:636px; height:292px; }

	/* SITEMAP
	****************************************/
	
		.sitemap ul { margin:.5em 0 0 1.5em; }
	
	/* CONTACT US
	***************************************/
	
	    .contact_us #ContactBox { width:400px; margin-top:20px; }
        .contact_us #ContactBox .title { width:150px; float:left; height:20px; line-height:20px; vertical-align:middle; font-weight:bold; margin-bottom:5px; }
        .contact_us #ContactBox .textbox { width:200px; float:left; height:20px; line-height:20px; vertical-align:middle; margin-bottom:5px; }
        .contact_us #ContactBox .notes { margin-top:15px; float:left; }
        .contact_us #ContactBox .submitbtn { margin:15px 0 0 0; text-align:right; }
        .contact_us .validationbox { float:right; width:250px; margin-top:25px; }
        .contact_us #ContactBox .radioList { padding:5px 0 5px 0px; clear:left; }
        .contact_us #ContactBox .radioList input { margin-left:8px; }
        .contact_us #ContactBox .radioList label { font-weight:normal; }
	
	/* APPLY ONLINE
	***************************************/
	
	    .careers_apply_online fieldset { padding:10px; margin:6px 0 0 0;}
        .careers_apply_online .Container { border:1px solid #CCC; margin-top:6px; padding:8px; }
        .careers_apply_online .Radios Label { padding-right:6px; font-weight:normal; line-height:1em; }
        .careers_apply_online .OneLine { Border:0; border-bottom:1px solid #BBB; }
        .careers_apply_online .itemRow { margin-top:6px; }
        .careers_apply_online textarea { border:1px solid #BBB; margin:0; }
        .careers_apply_online label.lhFix { line-height:1em; }
        .careers_apply_online label span.small { color:#AAA; font-size:.9em; display:block; line-height:1em; font-weight:normal; width:100%; text-align:right; text-transform:uppercase; }

	/* GOOGLE MAPS INFO POPUP
	**************************************/
	 
		.GoogleMapsInfo { background:#FFF none; }