body {background:url(/images/bkgrnd.png) repeat-x #ece9e9;width:100%;margin:0px;padding:0px;border:0px;font-family:Verdana, Arial, Helvetica, sans-serif;font-size:11px;}	
img {border:0px;}
.clearBoth {clear:both;margin:0px;}
td{font-family: arial, Helvetica, sans-serif;font-size: 11px;}
/* Header */
	.nlogo {width:300px;float:left;margin-left:18px;}
	.nlogo a {display:block;width:87px;height:77px;background:url(/images/nissan-logo.png) no-repeat;}

	
	.topline {border-top:2px solid #c71444;width:600px;height:77px;float:right;margin-right:8px;}
	.topline a {float:left;display:block;margin:15px 0 0;width:175px;height:45px;background:url(/images/mnissan-logo.png) no-repeat;}
	.dealerDetails {float:right;padding:23px 19px 10px 10px; color:#555555;font-size:12px;width:340px;}

/* Main Navigation */
	
		/*.mainNav li {float:left;margin:24px 0px 0px;}
			.mainNav .menuSprite {background:url(/images/menuSprite.png) no-repeat;}
				.mainNav .home {background-position:0px 0px;width:47px;height:15px;}
				.mainNav .preOwned {background-position:-47px 0px;width:95px;height:15px;}
				.mainNav .newCars {background-position:-142px 0px;width:87px;height:15px;}
				.mainNav .serviceNParts {background-position:-229px 0px;width:120px;height:15px;}
				.mainNav .finance {background-position:-349px 0px;width:165px;height:15px;}
				.mainNav .coupons {background-position:-514px 0px;width:80px;height:15px;}
				.mainNav .ourAds {background-position:-594px 0px;width:73px;height:15px;}
				.mainNav .whyBuyHere {background-position:-667px 0px;width:113px;height:15px;}
				.mainNav .contactUs {background-position:-780px 0px;width:95px;height:15px;}
				.mainNav .tradeIn {background-position:-875px 0px;width:61px;height:15px;}
			.mainNav li a {color:#ffffff;text-decoration:none;position:relative;display: block;}*/
		.mainNav {list-style:none;height:34px;width:944px;margin:0px auto;padding:20px 8px 0px;}
		#mainNav {left:0;padding:0;margin:0;list-style-type:none;}
		#mainNav li {position:relative;display:block;float:left;/*-moz-opacity:0.98;opacity:0.98;*/}
		#mainNav li a {font-size:14px;display:block;text-decoration:none;color:#ffffff;padding: 0 10px;/*text-shadow:3px 2px 1px #000000;*/}
		#navAtLevel2 {left:0;position:absolute;top:34px !important;display: block;visibility: hidden;padding:0px;margin:0px;text-transform: none;z-index:10001;}
		#navAtLevel2 li {border-left:1px solid #ffffff;color:#838383;}
		
		#navAtLevel2 li a {height:15px;font-size:10px;display:block;width:160px;color:#ffffff;background-color:#c71444;padding:4px;text-decoration:none;border-bottom: 1px solid #ccc;-moz-opacity:.95;opacity:.95;}
		#navAtLevel2 li a:hover {height:15px;text-decoration:underline;}
		
		#navAtLevel3 {left:0;position:absolute;top:0;display:block;visibility:hidden;padding:0px;margin:0px;}
		#navAtLevel3 li {border-left:1px solid #ffffff;}
		#navAtLevel4 {left: 0;position: absolute;top: 0;display: block;visibility: hidden;padding:0px;margin:0px;}
		#navAtLevel4 li {border-left:1px solid #ffffff;}	
		.mainNav li a:hover, .mainNav li a.mnHover,  .mainNav li.inMenu a {background:url(/images/menuSprite.png) no-repeat 50% 0;height:34px;}
		
		
/* Shades */
	.bkGrndShade {background:url(/images/bkgrnd_shade.png) repeat-y;width:978px;margin:0px auto;padding:0px;border:0px;}
	.shadeEnd {background:url(/images/bottomEnd_shade.png) no-repeat;width:978px;height:10px;margin:0px auto;padding:0px;border:0px;}

/* Search Box */
	.toolBox {width:305px;height:210px;border:1px solid #be1240;float:left;margin-top:10px;}
		.toolBox .toolBoxTop {height:39px;width:100%;background-color:#efefef;margin-bottom: 5px;}
			.toolBox .searchBoxHeading {background:url(/images/searchIcon.png) no-repeat;padding:4px 0px 9px 46px;margin:5px 0px 0px 10px;float:left;font-size:16px;color:#be1240;}
			.toolBox .featuredBoxHeading {background:url(/images/featuredIcon.png) no-repeat;padding:4px 0px 9px 46px;margin:5px 0px 0px 10px;float:left;font-size:16px;color:#be1240;}
		.toolBox .btnSearch {background:url(/images/btn_Search.png) no-repeat;width:72px;height:34px;border:0px;margin-top:10px;float:right;color:#ffffff;font-size:14px;font-weight:bold;}
		
		.homePageSearch {width:98%;margin:0 auto;}
		.homePageSearch span {display:none;}
		.homePageSearch br {line-height:0;display:none;}
		#homePageUsedCarModels, #homePageUsedCarMakes, #homePageNewCarModels, #homePageNewCarMakes {width:280px;padding:10px;color:#6d6d6d;}
		.homeSearchSubmit {float:right;padding-right:10px;}
	/* Drop Down */
	.toolBox .dropDown {width:287px;margin:0px auto;}
		.toolBox .dropDown select {display:block;font-size:14px;color:#555555;margin-top:15px;border:1px solid #e7e7e7;text-align:center;width:100%;padding:4px 0px;}
			.toolBox .dropDown select option {vertical-align:middle;padding:3px 0px;}

/* Finance Box */
	.arrowSprite {background:url(/images/arrowSprite.png) no-repeat;margin-top:65px;}
		.arrowLeft {background-position:0px 0px;width:13px;height:19px;float:left;margin-left:10px;}
		.arrowRight {background-position:-14px 0px;width:13px;height:19px;float:left;margin-right:10px;}
	.featuredCarThumb {width:259px;float:left;font-size:12px;}
		.featuredCarThumb .carImage {text-align:center;;margin:10px 0px;}
		.featuredCarThumb .carName {text-align:center;color:#be1240;font-weight:bold;}
		.featuredCarThumb .carMileage {text-align:center;color:#555555;}
		
/* Quick Links*/
	.quickLinks {margin-top:10px;}
		.buttonQuickLinks {background:url(/images/btn_main.png) no-repeat;width:309px;height:81px;float:left;margin:0px 2px;display:block;text-decoration:none;}
		.buttonQuickLinks:hover {background:url(/images/btn_main-hover.png) no-repeat;}
			.buttonQuickLinks span {color:#ffffff;font-size:16px;font-weight:bold;}
				.buttonQuickLinks .iconLocation {background:url(/images/icon_Location.png) no-repeat;display:block;padding:12px 0 12px 90px;margin:11px 0px 10px 24px;}
				.buttonQuickLinks .iconStaff {background:url(/images/icon_Staff.png) no-repeat;display:block;padding:21px 0px 23px 90px;margin:9px 0px 10px 24px;}
				.buttonQuickLinks .iconUnderTenK {background:url(/images/icon_UnderTenK.png) no-repeat;display:block;padding:21px 0px 23px 90px;margin:9px 0px 10px 24px;}
				
/* Page Content */
	.pageContent {color:#555555;font-size:12px;}
		.pageContent .pageTitle {color:#c71444;font-size:16px;padding:16px 0px;margin:0px;}
	
/* Footer */
	.footer {background-color:#f5f4f4;min-height:200px;width:920px;padding:25px 20px;margin:20px 0px 0px -10px;font-size:12px;line-height:168%;}
		.footer .footerLinks h4 , .footer .socialLinks h4 {padding:0px;margin:0px;font-size:12px;}
		.footer .footerLinks ul , .footer .socialLinks ul {list-style:none;padding:0px;margin:0px;}
			.footer .footerLinks ul li {color:#555555;font-size:12px;}
		.footer .footerLinks {width:18%;float:left;color:#c01241;}
		.footer .socialLinks {width:16%;float:left;color:#c01241;}
			.socialLinks ul li {float:right;margin:10px 0px 0px;}
			.socialLinks ul li a {float:right;text-decoration:none;color:#555555;}
				.socialLinks ul li a img {vertical-align:middle;margin-right:12px;margin-left:30px;}
		.footer a {color: #838383;text-decoration: none;}
		.footer a:hover {color: #c71444;}
		
/* lowerFooter */
	.lowerFooter {height:28px;}
		.lowerFooter a{color: #838383;text-decoration: none;}
			.lowerFooter a:hover{color: #c71444;}
		
/* Bottom */
	.copyRight {color:#555555;font-size:12px;float:left;padding:12px 0px;margin:0px;}
	.logoAJ {background:url(/images/logo_aj.png) no-repeat;display:block;width:66px;height:31px;float:right;margin-top:15px;}

#ajFormElm_17 {display:none;}

	

div#pageTitle {
	font-size: 16px;
	font-weight:bold;
	color: #c71444;
	padding:4px 0px 10px 0px;
}
div#pageTitle h1 {
	margin:0px;
	padding:0px;
	font-size:16px;
	font-style:normal;
	font-weight:bold;
}	

.shadow {
	background-color: #d0d0d0;
	color: #000000;
}

/* footer */
/*.footer {
	background-color: #d0d0d0;
	text-align: right;
	vertical-align: middle;
	width: 100%;
	
}

.footer td {
	color: #838383;
}

.footer a
{
	color: #838383;
	text-decoration: none;
}

.footer a:hover
{
	color: #c71444;
}
*/


/***********************************
Inventory Layout for  Layout
**********************************/
.titleRow {
font-family: verdana;
font-size: 9px;
font-weight: bold;
color: #ffffff;
padding-left: 10px;
background-color: #666666;
}
.titleRow h2
{
	padding:0px;
	margin:0px;
	font-family: verdana;
	font-size: 9px;
	font-weight: bold;
}
.sortCombo 	{
font-size: 9px;
font-family: verdana;
color: #000000;
font-weight: none;
}

.carHeading	{
font-size: 11px;
font-family: verdana;
color: #333333;
font-weight: bold;
}

.carHeadingSub	{
font-size: 10px;
font-family: verdana;
color: #333333;
font-weight: bold;
}

.carDetails	{
font-size: 10px;
font-family: verdana;
color: #666666;
}

.btnView	{
width: 100%;
font-family: verdana;
font-size: 9px;
color: #ffffff;
font-weight: bold;
border: 1px solid #FFFFFF;
background-color: #FF3300;
}

/*******************************************
First | Previous | Next | Last "Links CSS" for Inventory Page
********************************************/
.searchNav	{
font-size: 10px;
font-family: verdana;
color: #FFFFFF;
background-color: #666666;
}

#searchNavLinks	a {
color: #ff9900;
text-decoration: underline;
font-size: 9px;
font-family: verdana;
}

#searchNavLinks	a:hover{
color: #FFFFFF;
}

#sortByLinks {
font-size: 9px;
font-family: verdana;
color: #FFFFFF;
background-color: #666666;
}

#sortByLinks	a {
color: #FFFFFF;
text-decoration: underline;
font-size: 9px;
font-family: verdana;
padding-right: 7px;
}

#sortByLinks a:hover {
color: #ff9900;
}

.priceSelling	{ font-size: 11px; font-family:arial; color: #333333; font-weight:bold; }
.dollarSign	{ color: #FF9900; font-size: 14px; font-weight: bold; font-family: arial;}
#bigPrice	{ font-size: 20px; font-family:arial; font-weight: bold; color: #990000; text-decoration: none; }


#searchNavLinks a
{
	font-weight:bold;
	font-size: 13px;
	color: #ffff99
}	

/*********  Layout End **********/

.dealer_name {
	padding-top: 25px;
	font-size: 18px; 
	color: #7a7a7a;
	text-transform: uppercase;
}

.address_bar {
	background-color: #ebebeb;
	color: #d0d0d0;
	border-bottom: 1px solid #000000;
	text-align: right;
	padding: 4px;
}

.address_bar td {
	color: #838383;
}

div.advanceSearch {
background-color:#c71444; 
padding: 6px;
color: #FFFFFF;
font-weight: bold;
}

/* I implement the min-height hack for IE5 and IE6 */
#mainContent {
	min-height:250px;
  	height:auto !important;
  	height:250px;
}

/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
	FORMS
  ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/

#orderYourCar .formTitleRow { background-color: #666666; color: #ffffff; height: 25px; font-weight: bold;}
#orderYourCar  .formCaption {
 	background-color: #E1E1E1;
	text-align: right;
 }
#frm17_0 td.heading {
 background-color: #666666; color: #ffffff; height: 25px; font-weight: bold; padding-left:5px;
} 
#frm17_0 td {
   padding:5px;
}

/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
	GRID
  ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/

.grid {
	padding: 0px;
	border: 1px solid #d0d0d0;
}

.grid td { 
	padding: 4px; 
}

.tBody {
	background-color: #ebebeb;
}

.grid2 {
	padding: 0px;
	border: 1px solid #d0d0d0;
}

.grid2 td { 
	padding: 4px;
}

.tBody2 {
	background-color: #ffffff;
}

.titleRow2 { background-color: #838383; color: #FFFFFF; white-space: nowrap; }
/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
	INVENTORY
  ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/

a {color:#c01342;}
a:hover {text-decoration:none;}
.titleRow, .titleRow td { background-color: #666666; color: #FFFFFF; white-space: nowrap; }
.titleRow td.selected { border-top: 1px solid #ff0033; }
.titleRow a img { width: 8px; height: 4px; border: 0px; vertical-align: middle; text-align: right; padding-left: 4px; }
.titleRow a { color: #FFFFFF; text-decoration: none; display: block; margin: 0px; }
.titleRow a:hover { text-decoration: underline; }
.oddRow { background-color: #FFFFFF; }
.evenRow { background-color:#EFEFEF; }
.highLightRow { background-color:#FFFFCC; border-top: 2px solid #EFEFEF; border-bottom: 2px solid #EFEFEF;  }
.oddRow { background-color: #FFFFFF; }
.evenrow { background-color:#EFEFEF; }
.titlePage  {font-size: 13pt; font-weight: bold; color: #000000; }
.tableBorder {background-color:#999999; }
.closeWindow {background-color: #DDDDDD; }

.submitButton {
		font-family: Tahoma, Verdana, Arial; 
		font-size: 10px; color: #ffffff; 
		background-color: #c01342;
		border-color: #626262 #626262 #626262 #626262; 
		letter-spacing: 1px; 
		position: relative; 
		left: 8px;
		font-weight: bold; 
		border-style: solid; 
		border-width: 1px; 
		padding:2px;
		
	}	
	/* ../inventory/index.cfm "Search" and "View All" buttons */
	.searchFormBtn {
		font-family: Tahoma, Verdana, Arial; 
		font-size: 10px; color: #ffffff; 
		background-color: #c01342;
		border-color: #626262 #626262 #626262 #626262; 
		letter-spacing: 1px; 
		left: 8px;
		height: 25;
		font-weight: bold; 
		border-style: solid; 
		border-width: 1px; 
		padding:5px;
	}		




/***************************************************
	Recently Viewed
**************************************************/
#recentlyViewed td.title
{
	font-family:arial,verdana,sans-serif;
	font-size:14px;
	font-weight:bold;
	color: #c71444;
	padding-bottom:2px;
	border-bottom: 1px solid #626262;
}
#recentlyViewed td.vehicleBG
{
	background-color:#EFEFEF;
	padding:5px;
}

/**************************************************
    MULTI IMAGE NEXT PREV FIST LAST CSS
**************************************************/
.imgSlideOver {
	cursor:pointer;
	background-color: #C3E3EA;
	color: #000000;
	}
.imgSlideOut {
	background-color: #EEEEEE; 
}
.showingImages {
	background-color: #e1e1e1;
}	

/******************************************
 *		INVENTORY LAYOUT 2 CSS
 ******************************************/
 
 #inventoryDetails td.text
 {
 	background-color: #EFEFEF;
 	text-align: left;
	width: 25%;

 }
 #inventoryDetails {
 	border-spacing: 1px
 }
 #inventoryOptionsTable a {
 	font-size: 12px; 
	font-weight:bold;
	
 }
 
 #inventoryOptionsTable td.inventoryOptionsOver
 {
 	background-color: #DDDDDD;
 }
  #inventoryOptionsTable td.inventoryOptions 
 {

 	background-color: #DDDDDD;
 }
	


/***********************************************************************************
Schdule Appointment / Order Parts / Contact Us ... Forms 
************************************************************************************/

#schlAppointment .heading
{
	font-weight:bold;
	font-size: 10pt;
	color: #c71444;
	border-bottom: 1px dotted #333298;
}

.borderBottom
{
	border-bottom: 1px dotted #333298;
}

.contactFormHeading
{
	font-weight:bold;
	font-size: 10pt;
	color: #c71444;
	border-bottom: 1px dotted #333298;
}

.redText {color: #c71444;}
/* "Submit" on contact us page and "Submit Form" buttons */
.submitFormButton, .ContactSubmitButton {
		font-family: Tahoma, Verdana, Arial; 
		font-size: 10px;
		color: #ffffff; 
		background-color: #c01342;
		letter-spacing: 1px; 
		left: 8px;
		height: 25;
		font-weight: bold; 
		border:1px solid #626262; 
		padding:5px;
	}		
/******************************************************************************************/

/* Alignment of icons and bg */
#inventoryOptionsTableImages td
{
    text-align:center;
    background-color: #efefef;
}
/*mouse over color of icon bg */
#inventoryOptionsTableImages td.inventoryOptionsOver
{
    background-color: #fff;
}
/*fixes bug with png's in ie 6.0 and 5.5 */
#inventoryOptionsTableImages td img
{
     behavior: url(/jScripts/iepngfix/iepngfix.htc)
}

/**************************************************
		Evox Virtual Showroom CSS
***************************************************/
/* Alignment of icons and bg */
#inventoryOptionsTableEvox td
{
    text-align:center;
    background-color: #333333;
}
/*mouse over color of icon bg */
#inventoryOptionsTableEvox td.inventoryOptionsOver
{
    background-color: #666666;
}
/*fixes bug with png's in ie 6.0 and 5.5 */
#inventoryOptionsTableEvox td img
{
     behavior: url(/jScripts/iepngfix/iepngfix.htc)
}
/**************** END Evox  ***********************/


/*
	:::::::::::::::::::::::::::::::::::::::::;  NEW CARS :::::::::::::::::::::::
 */	
 
 #newCarsList td.tdYears
 {
 	padding-top:10px;
	padding-bottom:5px;
	font-size: 14pt;
 }

 #newCarsList td.tdYears a
 {
 	font-size: 14pt;
 }
 #newCarsList td.model
 {
 	
	padding:11px 0px 11px 0px;
	width:33%;
 }
 
 #modelBox
 {
 	
	border:1px solid #868686;
	background-color:#f7f7f7;
	padding:5px;
	cursor:pointer;
	width:200px;
 
 }
 #modelBox td.modelName
 {
 	text-align:center;
	padding: 8px 0px 3px 0px;

	font-weight:bold;
 }
 
  #modelBox td.details
 {
 	
	padding: 8px 0px 15px 8px;

 }

#modelBox td.details a
 {
	color: #990000;
	text-decoration: none;
}
 
 
 /****************************************
 *          Models pages
 ****************************************/
 
 div#evoxModelDetail #newCarDetails td.inventoryOptions
 {
    padding-bottom:5px;
	background: #F7F3F7;

 }
 
div#evoxModelDetail #newCarDetails td.inventoryOptionsOver
 {
    padding-bottom:5px;
	background: #474747;
	
 }
div#evoxModelDetail #newCarDetails td.inventoryOptionsOver a
 {
 text-decoration:none;
 }
div#evoxModelDetail #newCarDetails td.content
 {
    text-align:center;
 }
 div#evoxModelDetail #newCarDetails ul
 {
 	list-style: none;
	padding:0px;
	margin:0px;
 }
 div#evoxModelDetail #newCarDetails ul li
 {
	padding:0;
	margin:0;
	border-bottom:1px solid #333333;
 }
 div#evoxModelDetail #newCarDetails ul li a
 {
 	color: #000000;
	display:block;
	padding:2px;
	background-color: #e8e8e8;
	text-decoration:none;
	font-weight:bold;
 }
div#evoxModelDetail #newCarDetails ul li a.active
 {
 	color: #ffffff;
	background-color: #990000;
	
 } 
 div#evoxModelDetail #newCarDetails ul li a:hover
 {
 	color: #ffffff;
	background-color: #990000;
	
 }
 div#evoxModelDetail #newCarDetails div.heading
 {
 	font-size:11pt;
	font-weight:bold;
	text-transform: uppercase;
	cursor:pointer;
	padding-bottom:10px;
 }
 
 div#evoxModelDetail #newCarDetails td.subMenu
 {
 	padding-left:5px;
	border-left: 1px solid #151515;
 }
 /* spacers top and bottom of the main content */
 div#evoxModelDetail #newCarDetails td.topSpacer
 {
 	height:10px;
 }
 div#evoxModelDetail #newCarDetails td.bottomSpacer
 {
 	height:10px;
 }
 
 /* too foter links return and select different model */
 div#evoxModelDetail #newCarDetails td.changeModel
 {
   border-top: 1px solid #151515;
   padding-top:5px;
   text-align:center;
 }
 div#evoxModelDetail #newCarDetails td.changeModel a
 {
 	display:block;
	width:275px;
	text-align:center;
	float:left;
	text-decoration:none;
 }
 div#evoxModelDetail #newCarDetails td.changeModel a:hover
 {
	text-decoration:underline;
 }
 
 /* images */
 div#evoxModelDetail #newCarDetails div.thumbs
 {
 	padding-top:10px;
	padding-left:18px;
 }
 div#evoxModelDetail #newCarDetails div.thumbs img
 {
 	cursor: pointer; 
	border: 1px solid #fff;
 }
 div#evoxModelDetail #newCarDetails div.thumbs img:hover
 {
 	border: 1px solid #a8e4e4;
 }
 
/**************************************************
                Trade in CSS
**************************************************/


#steps .step div { display:block; float:left; width:150px; height:9px; background-color: #CCC; border-right: 2px solid #FFFFFF;}
#steps .step .complete { background-color: #C71444; }
#steps .step .incomplete { background-color: #626262; }
#steps .stepText { clear:both; text-align:center; }
#steps .stepText small { float:left; display:block; width:150px; color: #999999 }
#steps .steptext small.complete { color: #000000; font-weight:bold; }
#pageForm { clear: both; text-align:left;}
.bClr { clear: both; }
#pageForm h3 { margin:0px; padding:0px; line-height: 1.2em; }
#pageForm .nextStepIntro { width: 450px; padding:3px 4px 10px 5px; border-top: 1px solid #626262; font-size: 10px; color: #626262; }
#pageForm .nextStepIntro div { text-align: right }
#formFields { width: 460px; text-align:center; padding-left: 70px; }
#formFields span { border-left: 2px solid #FFFFFF; float: left; display:block; text-align:right; font-weight:bold; padding-right:5px; width: 115px; }
#formFields span small { font-size:12px;font-weight:normal;}
#formFields div { float: left; margin-bottom: 5px; text-align:left; }
#formfields input, select, textarea { font-size:0.9em;}
#formFields span.required { border-left: 2px solid #ff0000; }
#formfields div div { clear: both; width:265px; padding:2px 0px 7px 20px; border-bottom:1px solid #CCC; text-align:left; }
 
