/*
 * Carl Black CSS
 * Created at Dealer.com, March 2008.
 */

/* carl black resets */
html {background:url(../../images/bg-body.gif) 0 0;}
body{ background:url(../../images/bg-body-header.gif) no-repeat 50% 0; } /* required by jqcorner */
#header{ position: relative; z-index: 100; }
#content{ float: none; width: 100%; margin: 10px 0 0 0; }
	#content .questions{ clear: both; margin: 0; background: none; }
		#content .questions p{ margin-top: 0; }
#footer{ width: 100%; background: #100E0F; }
	#footer p{ width: 650px; }
	#footer ul{ margin-left: 190px; }

/* general inventory */
#ddcInventory{ padding: 20px; font-size: 13px; color: #FFF; background: #100E0F; }
	#ddcInventory a{ color: #444444; }
		#ddcInventory a:hover{ color: #FFF; }
	#ddcInventory h2{ padding: 10px 0; border-bottom: 1px solid #555; }
	#ddcInventory ul:after,
	#ddcInventory #ddcSmartbrowse:after,
	#ddcInventory .ddcTools:after,
	.ddcFullview .ddcVehicle:after,
	#ddcInventoryDetails:after,
	.ddcVehicleInfo dl:after{ content: "."; clear: both; overflow: hidden; display: block; visibility: hidden; height: 0; }

/* forms */
.ddcForm .default{ color: #CCC; }
.ddcForm input.error,
.ddcForm select.error,
.ddcForm textarea.error{ color: #C00; border: 1px solid #C00; background: #FFCFCF; }
.ddcForm .security{ font-size: 11px; color: #666; }
	.ddcForm .security h5{ margin: 10px 0; padding: 0 0 0 40px; font-size: 14px; line-height: 32px; background: url(/img/icon-lock.gif) no-repeat 0 50%; }
	
/* smartbrowse */
#ddcSmartbrowse{ padding: 10px; background: #222; }
	#ddcSmartbrowse h3{ float: left; width: 115x; padding: 0 35px 0 0; font-size: 17px; color: #FFF; }
	#ddcSmartbrowse form{ float: left; }
		#ddcSmartbrowse li{ float: left; margin: 0 5px 5px 0; padding: 5px; -moz-border-radius: 10px; background: #111; }
		#ddcSmartbrowse select{ width: 150px; border: 0; color: #FFF; background: #111; }
			#ddcSmartbrowse #sbLocation{ width: 250px; }
		#ddcSmartbrowse label span{ display: none; }
		
		#ddcSmartbrowse .ddcLocations{ clear: both; }
			#ddcSmartbrowse .ddcLocations select{ width: 315px; }
	
/* tools */
.ddcTools{ margin: 0 0 20px 0; }
	.ddcTools .ddcTool{ float: left; }
		.ddcTools .ddcTool p{ margin: 0; }
		/* count */
		.ddcTools .ddcVehicleCount{ width: 200px; padding: 0 0 0 10px; font-size: 16px; background: url(/img/vehicle-count.gif) no-repeat; }
			.ddcTools .ddcVehicleCount p{ color: lemonChiffon; }
			.ddcTools .ddcVehicleCount strong{ font-size: 24px; color: #82EF68; }
		/* paging */
		.ddcTools .ddcPaging{ width: 25%; margin: 0 0 0 10px; padding: 5px 0; }
		.ddcTools .lastPaging{ width: auto; }
			.ddcTools span{ float: left; padding: 0 10px; line-height: 20px; }
			.ddcTools .ddcPrevPage{ float: left; width: 20px; height: 20px; text-indent: -9999px; background: url(/img/btn-prev.gif) no-repeat; }
			.ddcTools .ddcNextPage{ float: left; width: 20px; height: 20px; text-indent: -9999px; background: url(/img/btn-next.gif) no-repeat; }
				.ddcTools .ddcPrevPageDisabled,
				.ddcTools .ddcNextPageDisabled{ cursor: default; opacity: 0.3; filter: alpha(opacity=30); background-position: 0 100%; }
			.ddcTools .ddcPaging ul{ clear: both; padding: 10px 0; }
				.ddcTools .ddcPaging ul li{ float: left; width: 20px; height: 20px; border: 1px solid #444; }
					#ddcInventory .ddcTools .ddcPaging ul li a{ display: block; color: #fe7913; width: 20px; height: 20px; line-height: 20px; text-align: center; }
				.ddcTools .ddcPaging ul li.jump{ width: 100px; border: none; text-align: left; }
		/* sorting */
		.ddcTools .ddcSorting{ width: 50%; padding: 5px 0; }
			.ddcTools .ddcSorting p{ float: left; margin: 0 20px 0 0; }
			.ddcTools .ddcSorting li{ float: left; }
			.ddcTools .ddcSorting a{ display: block; }
				.ddcTools .ddcSorting a span{ cursor: pointer; padding: 0 20px 0 0; }
			.ddcTools .ddcSorting .asc .ddcSelected{ padding-left: 24px; font-weight: bold; background: url(/img/sort-asc.gif) no-repeat 0 0; }
			.ddcTools .ddcSorting .desc .ddcSelected{ padding-left: 24px; font-weight: bold; background: url(/img/sort-desc.gif) no-repeat 0 0; }
				.ddcTools .ddcSorting .ddcSelected span{ text-decoration: underline; color: #82EF68; }

/* fullview inventory */
#ddcInventoryListing{ clear: both; }
.ddcFullview .ddcVehicle{ cursor: pointer; position: relative; clear: both; width: 940px; margin: 0 0 1px 0; padding: 10px; background: #333 url(/img/vehicle.gif) repeat-x; }
.ddcFullview .ddcVehicleEven{ background: #111 url(/img/vehicle-even.gif) repeat-x; }
.ddcFullview .ddcVehicleHover{ background: #444 }
	.ddcFullview .ddcVehicle div{ float: left; }
		/*.ddcFullview .ddcVehicleImage{ padding: 0 5px 5px 0; background: url(/img/dropshadow.gif) no-repeat 100% 100%; }
		.ddcFullview .ddcVehicleEven .ddcVehicleImage{ background: url(/img/dropshadow-even.gif) no-repeat 100% 100%; }*/
			.ddcFullview .ddcVehicleImage img{ display: block; width: 128px; border: 1px solid #FFF; }
		.ddcFullview .ddcVehicleDetails{ width: 600px; }
			#ddcInventoryListing .ddcFullview .ddcVehicleTitle{ display: block; padding: 0 0 10px 0; font-size: 18px; color: #FFF; text-decoration: underline; }
				.ddcFullview .ddcVehicleTitle strong{ font-weight: normal; }
			.ddcFullview .ddcVehicleDetails a,
			.ddcFullview .ddcVehicleDetails ul{ margin-left: 10px; }
			.ddcFullview .ddcVehicleDetails li{ float: left; width: 280px; margin: 0 0 5px 0; }
			.ddcFullview .ddcVehicleDetails dl{ display: block; margin: 0; }
			.ddcFullview .ddcVehicleDetails dt{ float: left; width: 100px; color: #BBB; }
			.ddcFullview .ddcVehicleDetails dd{ float: left; margin: 0; font-weight: bold; }
		/* view details button */
		.ddcFullview .ddcVehicle .ddcViewDetails a{ display: block; height: 29px; line-height: 29px; }
		.ddcFullview .ddcVehicle .ddcViewDetails a span{ cursor: pointer; display: block; height: 29px; padding: 0 10px; font-weight: bold; font-size: 16px; line-height: 29px; }
		/* vehicle go */
		.ddcFullview .ddcVehicleGo ul{ margin-left: 20px; }
		/* vehicle price */
		.ddcFullview .ddcVehiclePrice{ padding: 10px 0; }
			.ddcFullview .ddcVehiclePrice em{ position: relative; display: block; padding: 0 0 0 10px; font-size: 32px; font-style: normal; color: lemonChiffon; }
				.ddcFullview .ddcVehiclePrice em span{ position: absolute; top: 0; left: 0; display: block; font-size: 20px; font-weight: normal; }
		.ddcViewDetails{ width: 120px; }
/* details */
#ddcInventoryDetails{ color: #000; }
	/* grid */
	#ddcInventoryDetails .unit{ float: left; width: 320px; }
	#ddcInventoryDetails .first{ float: right; width: 64%; background: #e3e3e3; }
		#ddcInventoryDetails .first .unitWrap{ padding: 20px; border: 1px solid #616161; }
	#ddcInventoryDetails .ddcVehicleInfo{ float: left; width: 49%; }
	#ddcInventoryDetails .ddcActions{ float: right; width: 50%; }
	#ddcInventoryDetails .ddcTabs{ clear: both; }
	.ddcGroup{ clear: both; }
		#ddcInventoryDetails .ddcGroup .section{ float: left; width: 50%; }
		#ddcInventoryDetails .ddcGroup .sectionFirst{ float: left; width: 49%; }
	/* font */
	#ddcInventoryDetails h2{ display: none; }
	#ddcInventoryDetails .first h3{ margin: 0; letter-spacing: -1.5px; padding: 5px; font: 26px "Lucida Sans", Arial, sans-serif; text-align: center; color: #FFF; background: #616161 url(/forms/img/bg-title2.gif) repeat-x; }
	/* info */
	.ddcVehicleInfo{ margin: 0 0 10px 0; }
	.ddcVehicleInfo dl{ clear: both; display: block; margin: 0 0 5px 0; }
	.ddcVehicleInfo dt{ float: left; width: 100px; color: #666; }
	.ddcVehicleInfo dd{ float: left; margin: 0; font-weight: bold; }
	/* vehicle price */
		.ddcVehicleInfo h4 span{ float: left; line-height: 40px; color: #666; }
		.ddcVehicleInfo h4 em{ display: block; padding: 0 0 0 10px; font-size: 35px; font-style: normal; color: #000; }
			.ddcVehicleInfo h4 em em{ display: inline; }
	/* phone, location */
	.ddcVehicleInfo .phone dd{ color: #000; }
	/* actions */
	#ddcInventoryDetails .ddcActions{ margin: 0 0 10px 0; }
	#ddcInventoryDetails .ddcActions li{ position: relative; display: block; height: 35px; margin: 0 0 5px 0; font: 15px arial bold, sans-serif; background: #DDD url(/img/btn2.gif) no-repeat 100% 0; }
	#ddcInventoryDetails .ddcActions a{ cursor: pointer; display: block; height: 35px; margin: 0 10px 0 0; outline: 0; color: #fff; background: url(/img/btn2.gif) no-repeat; }
		#ddcInventoryDetails .ddcActions li.hover{ background-position: 100% -70px; }
		#ddcInventoryDetails .ddcActions li.hover a{ background-position: 0 -70px; }
		#ddcInventoryDetails .ddcActions li.click{ background-position: 100% -140px; }
		#ddcInventoryDetails .ddcActions li.click a{ background-position: 0 -140px; }
	#ddcInventoryDetails .ddcActions a span{ display: block; height: 35px; padding: 0 0 0 40px; line-height: 35px; }
		#ddcInventoryDetails .ddcActions .financing a span{ background: url(/img/icon-dollar.gif) no-repeat 10px 50%; }
		#ddcInventoryDetails .ddcActions .calculator a span{ background: url(/img/icon-calculator.gif) no-repeat 10px 50%; }
		#ddcInventoryDetails .ddcActions .ebrochure a span{ background: url(/img/icon-copy.gif) no-repeat 10px 50%; }
		#ddcInventoryDetails .ddcActions .makeOffer a span{ background: url(/img/icon-money.gif) no-repeat 10px 50%; }
		#ddcInventoryDetails .ddcActions .approval a span{ background: url(/img/icon-approval.gif) no-repeat 10px 50%; }
		#ddcInventoryDetails .ddcActions .tradeIn a span{ background: url(/img/icon-spreadsheet.gif) no-repeat 10px 50%; }
		#ddcInventoryDetails .ddcActions .print a span{ background: url(/img/icon-impressora.gif) no-repeat 10px 50%; }
		#ddcInventoryDetails .ddcActions .email a span{ background: url(/img/icon-email.gif) no-repeat 10px 50%; }
		#ddcInventoryDetails .ddcActions .exteriorSpin a span,
		#ddcInventoryDetails .ddcActions .interiorSpin a span{ background: url(/img/icon-reload.gif) no-repeat 10px 50%; }
	/* mpg */
	#ddcMpg{ margin: 0 10px 0 0; border: 1px solid #666; background: #FFF url(/img/bg-calc.gif) repeat-x 0 10px; }
		#ddcMpg h4{ margin: 0; padding: 10px; color: #FFF; background: #000 url(/forms/img/bg-title.gif) repeat-x; }
		#ddcMpg .mpg{ position: relative; height: 100px; margin: 13px 0; background: url(http://static.dealer.com/v8/widgets/automotive/inventory/details/images/white/images-mpg-pumpicon-default.gif?1173115021000) no-repeat 50% 0; }
		#ddcMpg .disclaimer{ position: absolute; bottom: 0; left: 10px; padding: 15px 5px 5px 5px; text-align: center; color: #666; }
		#ddcMpg dt.cityMpg{ position: absolute; left: 10px; }
		#ddcMpg dd.cityMpg{ position: absolute; left: 30px; top: 20px; margin: 0; font-size: 28px; }
		#ddcMpg dt.hwyMpg{ position: absolute; right: 10px; }
		#ddcMpg dd.hwyMpg{ position: absolute; right: 30px; top: 20px; margin: 0; font-size: 28px; }
	/* payment calculator */
	#ddcCalc{ border: 1px solid #666; background: #FFF url(/img/bg-calc.gif) repeat-x 0 10px; }
		#ddcCalc h4{ margin: 0; padding: 10px; color: #FFF; background: #000 url(/forms/img/bg-title.gif) repeat-x; }
		#ddcCalc input{ width: 50px; margin: 0 0 5px 0; padding: 0 2px; border: 1px solid #666; }
		#ddcCalc li{ clear: both; }
		#ddcCalc p{ margin: 0 0 5px 0; font-weight: bold; font-size: 14px; }
			#ddcCalc p em{ font-style: normal; color: #4A2; }
		#ddcCalc .ddcCalcWrap{ padding: 13px 10px; height: 100px; }
		#ddcCalc form span{ float: left; width: 100px; }
		#ddcCalc form .field{ position: relative; float: left; width: auto; }
		#ddcCalc form .currency{ position: absolute; top: 0; left: -10px; padding:  }
	/* tabs */
	#ddcInventoryDetails .ddcTabs{ padding: 20px 0 0 0; }
		#ddcInventoryDetails .ddcTabs h3{ margin: 0 0 10px 0; padding: 0; border-bottom: 1px solid; font-size: 20px; text-align: left; text-transform: lowercase; color: #444444; background: none; }
		#ddcInventoryDetails .ddcTabs .tabs-container ul{ margin: 0 0 15px 0; }
			#ddcInventoryDetails .ddcTabs .tabs-container li{ margin: 0 0 0 20px; padding:  background: url() no-repeat; }
		#ddcInventoryDetails .tabs-nav{ padding: 0; }
			#ddcInventoryDetails .tabs-nav li{ background: #444444; }
				#ddcInventoryDetails .tabs-nav li a{ width: auto; color: #FFF; }
			#ddcInventoryDetails li.tabs-selected{ background: #FFF; }
				#ddcInventoryDetails li.tabs-selected a{ color: #000; }
		#ddcInventoryDetails .tabs-container{ border: 0; }
	/* options, features, specs */
	#ddcOptions li,
	#ddcFeatures li,
	#ddcSpecs li{ padding: 0 0 0 24px; background: url(/img/icon-check.gif) no-repeat; }
	/* comments */
	#ddcComments p{ padding: 0 0 0 56px; background: url(/img/icon-chat.gif) no-repeat 8px 0; }
	/* similar */
	#ddcInventoryDetails #ddcSimilar{ font-size: 11px; }
		#ddcInventoryDetails #ddcSimilar h4{ display: none; }
		#ddcInventoryDetails #ddcSimilar ul{ margin: 0 0 5px 0; }
		#ddcInventoryDetails #ddcSimilar li{ position: relative; margin: 0 0 5px 0; border-bottom: 1px solid #444444; }
			#ddcInventoryDetails #ddcSimilar li li{ margin: 0; border: 0; }
		#ddcInventoryDetails #ddcSimilar dt{ display: inline; color: #666; }
		#ddcInventoryDetails #ddcSimilar dd{ display: inline; margin: 0 0 0 10px; }
		#ddcInventoryDetails #ddcSimilar img{ float: left; width: 100px; margin: 0 10px 0 0; }
		#ddcInventoryDetails #ddcSimilar a{ font-weight: bold; }
			#ddcInventoryDetails #ddcSimilar a:hover{ color: #000; text-decoration: underline; }
			#ddcInventoryDetails #ddcSimilar a.viewDetails{ position: absolute; bottom: 10px; right: 10px; padding: 0 24px 0 0; background: url(http://randall.wd07.dealer.com/projects/carl-black/inventory/img/icon-next.gif) no-repeat 100% 0; }
	/* images */
	.ddcPrimaryVehicleImage{ width: 320px; height: 240px; padding: 0 0 4px 0; background: url(/img/loading.gif) no-repeat 50% 50%; }
		.ddcPrimaryVehicleImage img{ display: block; width: 320px; }
		.ddcVehicleThumbs h3{ margin: 0 0 5px 0; border-bottom: 1px solid #FFF; color: #FFF; }
		.ddcVehicleThumbs li{ float: left; margin: 0 2px 2px 2px; }
			.ddcVehicleThumbs img{ cursor: pointer; width: 60px; border: 0; }
	#ddcInventoryDetails #dealerPhotos li,
	#ddcInventoryDetails #stockPhotos li{ margin: 0 0 0 12px; }
	/* forms */
	#ddcInventoryDetails .ddcVehicleInquiry{ width: 320px; margin: 10px 0 0 0; border: 1px solid #666; background: #EBEBEB; }
		#ddcInventoryDetails .ddcVehicleInquiry h4{ margin: 0; padding: 10px; color: #FFF; background: #000 url(/forms/img/bg-title.gif) repeat-x; }
		#ddcInventoryDetails .ddcForm{ padding: 10px; }
			#ddcInventoryDetails .ddcForm label span{ display: none; }
			#ddcInventoryDetails .ddcForm li input{ font: bold 20px Arial, sans-serif; }
			#ddcInventoryDetails .ddcForm li input,
			#ddcInventoryDetails .ddcForm select,
			#ddcInventoryDetails .ddcForm textarea{ width: 95%; margin: 0 0 5px 0; padding: 5px; border: 1px solid #666; }
			#ddcInventoryDetails .ddcForm textarea{ height: 50px; font: normal 13px Arial, sans-serif; }
			#ddcInventoryDetails .ddcForm .submitset input{ float: right; }

/* contact methods */
.ddcForm li{ overflow: hidden; }
#ddcInventoryDetails #phoneMethod,
#ddcInventoryDetails #emailMethod{ display: inline; width: auto; margin: 0; padding: 0; border: 0; }
#ddcInventoryDetails #methods{ margin: 20px 0; }
#ddcInventoryDetails #methods label{ float: left; width: 45%; }
#ddcInventoryDetails #methods span{ display: inline; width: auto; }
			
/* buttons */
#ddcInventory .ddcFullview .ddcVehicle .ddcViewDetails a{ color: #FFF; background: url(/images/bg-mune-hover-left.gif) no-repeat 0 50%; }
	.ddcFullview .ddcVehicle .ddcViewDetails a span{ background: url(/images/bg-mune-hover-right.gif) no-repeat 100% 50%; }

/* thickbox */
div#TB_title{ height: 18px; margin: 0; padding: 10px; font-weight: bold; color: #FFF; background: #000 url(/forms/img/bg-title.gif) repeat-x; }
	div#TB_ajaxWindowTitle{ margin: 0; padding: 0; }
	div#TB_closeAjaxWindow{ margin: 0; padding: 0; font-weight: normal; }
		#TB_closeAjaxWindow a#TB_closeWindowButton{ padding: 0 0 0 20px; color: #C00; /*background: url(/img/icon-close.gif) no-repeat 0 50%;*/ }
			#TB_closeAjaxWindow a#TB_closeWindowButton:hover{ color: #C00; text-decoration: underline; }
div#TB_window{ background: #EBEBEB; }

/* ie */
* html .ddcForm li{ height: 1%; }
* html #ddcInventory ul{ height: 1%; }
* html #ddcInventory #ddcSmartbrowse{ height: 1%; }
* html #ddcInventory .ddcTools{ height: 1%; }
* html #ddcInventoryDetails{ height: 1%; }
* html .ddcFullview .ddcVehicle{ position: relative; overflow: hidden; height: 116px; padding-bottom: 0; }
* html .ddcFullview .ddcVehicle .ddcViewDetails{ overflow: hidden; width: 113px; }
* html .ddcFullview .ddcVehiclePrice em span{ left: -10px; }
* html .ddcVehicleInfo dl{ margin-bottom: -10px; }
* html #ddcInventoryDetails .ddcActions a{ position: relative; margin-bottom: -15px; }
* html #ddcInventoryDetails .ddcActions a span{ position: relative; }
* html #ddcInventoryDetails .ddcTabs{ height: 1%; }
* html #ddcInventoryDetails .tabs-nav li{ float: left; width: 100px; }
* html .ddcVehicleThumbs li{ margin: 1px; }
* html #ddcCalc .ddcCalcWrap{ padding: 19px 10px; }
* html #ddcInventoryDetails #ddcSimilar li{ height: 50px; padding-bottom: 15px; }
* html #ddcInventoryDetails #ddcSimilar li ul{ position: relative; margin: 0; }
* html #ddcInventoryDetails #ddcSimilar li li{ position: relative; top: -10px; height: auto; margin: 0 0 -15px 0; padding: 0; }
*+html #ddcInventory ul{ height: 1%; }
*+html #ddcInventory #ddcSmartbrowse{ height: 1%; }
*+html #ddcInventoryDetails{ height: 1%; }
*+html #ddcInventoryDetails .ddcCalcWrap{ padding: 19px 10px; }
*+html #ddcInventoryDetails .ddcTabs{ padding: 0; }
*+html #ddcInventoryDetails .tabs-nav{ padding: 10px 0 0 0; }
*+html .ddcVehicleInfo li{ height: 20px; margin: 0; }
*+html .ddcVehicleInfo .location{ height: auto; }
*+html #ddcInventoryDetails #ddcSimilar li{ height: 50px; padding-bottom: 15px; }
*+html #ddcInventoryDetails #ddcSimilar li ul{ position: relative; margin: 0; }
*+html #ddcInventoryDetails #ddcSimilar li li{ position: relative; top: -10px; height: auto; margin: 0 0 -15px 0; padding: 0; }