/*
Copyright 2008 by Malick Peterson Productions, Inc. 
All Rights Reserved.
[info@mpproductions.com] or [1-800-357-6841]
pac 04/03/08
*/

/* Global Styles 
//     Home page styles are declared at the top of index.cfm
//		 all global styles are not listem hear, for more general styles continue to 'general styles'
*/


table, tr, td, div, body, p, img, span {
padding:0;
margin:0;
border:0;
}

body {
	margin: 0;
	padding: 0;
	font-family: arial, verdana, helvetica, sans-serif;
	font-size: 83%;/* font sizing in ems, baby. if you want to change anything, just change this.*/
	/*funny thing happens at 75% and lower. opera goes to a nice small size, but moz and ie pc change almost not at all. seems 76% is as small as you can go and stay the same across browsers. poop.*/
	color: #000;
	background-color: #001b40;
	/*background-image: url(http://www.thenoodleincident.com/img/_.gif);/*these three lines replace the n4_upgrade.gif in n4.css. and if you use this code, make sure you point to an img on _your_ server, not mine.*/
	/*background-repeat: no-repeat;
	background-position: top left;*/
	}

#wrapper {
  margin:10px auto 0 auto;
  text-align:left;
  width:810px;
	height:604px;
	padding:0;
  font-size:.85em;
  position:relative;
	border: 5px solid #fff;
	background: url('/images/bodyBG.jpg');
	background-repeat: no-repeat; background-position: bottom left;
  }
	

/* home page styles (index.cfm)  */
#car{
width:810px; height:305px;
}

.redBtns{
	margin:5px 0 0 10px;
	width:424px;
	height:42px;
	position:relative;
	z-index:15;
}

td .bodytext{
text-align:left;
}
.redBtns div{
  float:left;
	padding:0px 3px;
	width:96px;
	height:42px;
}

.redBtns div img{
	width:96px;
	height:42px;
}

.homeCars{
  position:relative; 
	margin-top:-56px; 
	float:left; 
	width:810px; 
	height:305px;;
	z-index:5;
}

.dealerBtns{
  clear:both; 
	margin-left:12px; 
	width:786px; 
	height:138px; 
	position:relative;
	z-index:10;
}

.dealerBtns div{
	float:left; 
	padding:0 2px 0 3px; 
	margin-top:-39px; 
	width:152px; 
	height:138px;
	position:relative;
}

.dealerBtns div img{
width:153px; height:138px;
}

.dealerBtns div div{
	color:#000; 
	visibility:hidden; 
	font-weight:bold; 
	padding-top:10px; 
	background:#ccc; 
	width:130px; 
	height:55px; 
	border:2px solid #000; 
	text-align:center;
	float:left;
	left:5px;
	top:75px;
	position:absolute;
	z-index:1600000000000001;
}

.dealerBtns div div a, .dealerBtns div div a:hover, .dealerBtns div div a:visited{
	color:#000;
}

.comparisonTxt{
  margin-top:-33px; float:left; clear:both; height:50px; width:810px; text-align:center; font-weight:bold; font-size:1.2em; position:relative; z-index:112;
}

.comparisonTxt a{
color:#e5c541;
}
	
/* inventory styles (inventory.cfm) */
#searchBox{
  line-height:7px;
  width:808px;
  height:110px;
  border: solid 1px #000;
  background:#a2bbdd;
	color:#000;
  clear:left;
  text-align:left;
  margin:0px 0 2px 0;
}

.searchSet{
float:left;
padding:5px 15px 0 10px;
line-height:5px;
}

.searchSet .btns{
width:240px; 
clear:both; 
white-space:nowrap
}

.searchSet .btns a{
color:#000; top:-4px; text-decoration:none; white-space:nowrap; display:none;
}

.noresults{
margin-top:-3px; border:1px solid #000; padding-top:12px;  text-align:center; font-weight:bold; font-size:1.2em; color:#000;
}

.listingTbl{
margin-top:-3px; border:1px solid #000; color:#000; clear:both; padding-top:5px;
}

.compare_sort{
height:20px; padding:3px 0; clear:both;
}

.div1{
float:left; height:20px;  margin-left:10px;
}

.div2{
float:right; height:20px; margin-right:10px;
}

.pageListing{
float:left; 
white-space:nowrap; 
clear:left; 
padding:9px 10px 0 10px;
}
 	 .pageListing img{
	 		position:relative;
			top:-3px;
	 }

.pageResults{
float:right; 
padding:9px 10px 0 10px; 
white-space:nowrap;
}
   .pageResults a,.pageResults a:visited{
	 	color:#ff0000;
	 }
	 
.sortBy{
float:left; 
height:15px; 
border-right:1px solid #000; 
font-size:1.2em; 
padding: 4px 0;
}

.carInfo {
background: #000; color:#ffffff; height:14px; padding:3px 0; clear:both; font-size:1.2em;
}

.details{
padding:0 0 0 7px; float:left;
}

.miles{
padding:0 0 0 0; float:right; width:130px;
}

.internet{
padding:0 0 0 0; float:right; width:155px;
}

.retail{
padding:0 0 0 0; float:right; width:140px;
}

.detailsBox{
width:806px; height:140px; padding: 13px 0 3px 0px;
}

.noInvImg{
width:131px; height:78px; text-align:center; padding-top:20px; margin-bottom:3px; color:#000; font-weight:bold; font-size:1.2em; clear:both;
}

.invImg{
clear:both; float:right; text-align:right; white-space:nowrap; margin-top:3px;
}

.location{
background:#333; color:#fff;
}

.certifieds{
float:right; text-align:right; width:120px; padding-top:10px;
}

.specials{
font-size:1.1em; font-weight:bold; color:#ff0000;
}

.bottom{  /*the bottom searchBox, these styles overide the searchBox styles declared above*/
height:55px; clear:both; border:none; border-top:1px solid #000; margin:0px;
}

/* EOF inventory styles */

/* Details styles (details.cfm) */
.topBtns{
float:right; width:200px; height:20px; margin-top:3px; text-align:right;
}

.detailsBar{
width:805px; height:22px; padding:3px 0 0 5px; margin-top:3px; font-size:1.3em; font-weight:bold; color:#fff; background:#000; clear:both;
}

.noDetImg{
width:274px; height:136px; font-size:1.3em; text-align:center; padding-top:70px; color:#000; font-weight:bold;
}

.box1{
clear:both; width:803px; height:inherit; font-size:1.2em; padding:5px  0 5px 5px; border: 1px solid #000;
}

.whiteStripe{
width:300px; height:17px; padding-top:2px; position:relative; left:0px;
}

.greyStripe{
width:300px; height:17px; padding-top:2px; background:#eee; position:relative; left:0px;
}

.additionalPics{
clear:both; width:808px; padding:0; margin-top:1px; border: 1px solid #000; background:#ccc; display:none;
}

.detailsHeader{
font-size:1.3em; font-weight:bold; color:#fff; background:#000;
}
/* EOF details styles */

/* Compare styles (compare.cfm) */
.compareheaders 
{
	text-decoration:none; 
	font-weight:bold; 
	font-size:8pt; 
	color: #000000;
	padding: 4px;
	width:100px;
}

.compareinfo 
{
	text-decoration:none; 
	font-weight:normal; 
	font-size:8pt; 
	color: #000000;
	padding: 4px;
}

/* EOF Compare styles */


/* General styles */
	 /*the following classes are to demonstrate better line heights for narrow columns*/	
.narrow1{
	width: 50%;
	line-height: 1.3em;
	}
.narrow2{
	width: 50%;
	line-height: 1.5em;
	}
		
		/*typography*/

a {
	text-decoration: none;
	color:#0000ff;
	}
a:link {
	}
a:visited {
	}
a:active {
	}
a:hover {
	text-decoration: underline;
	}
h1 {
	font-size: 2.0em;
	font-weight: normal;
	margin-top: 0em;
	margin-bottom: 0em;/*both set to zero and padding in header div is used intead to deal with compound ie pc problems that are beyound summary in a simple comment.*/
	}
h2 {
	font-size: 1.7em;
	margin: 1.2em 0em 1.2em 0em;
	font-weight: normal;
	}
h3 {
	font-size: 1.4em;
	margin: 1.2em 0em 1.2em 0em;
	font-weight: normal;
	}
h4 {
	font-size: 1.2em;
	margin: 1.2em 0em 1.2em 0em;
	font-weight: bold;
	}
h5 {
	font-size: 1.0em;
	margin: 1.2em 0em 1.2em 0em;
	font-weight: bold;
	}
h6 {
	font-size: 0.8em;
	margin: 1.2em 0em 1.2em 0em;
	font-weight: bold;
	}
input, select{
	font-size:1.1em;
}
img {
	border: 0;
	}
ul, li{
	line-height:1.2em;
}
p {
	font-size: 1.0em;
	line-height: 1.0em;
	margin: 1.2em 0em 1.2em 0em;
	}
li > p {
	margin-top: 0.2em;
	}
pre {/*moz 1.0/1.1/1.2.1, net 7.0/7.01 make this way too small, but i'm not going to go larger because monospace tends to run you into overflow pretty quick. prior moz and net are okay.*/
	font-family: monospace;
	font-size: 1.0em;
	}
strong, b {
	font-weight: bold;
	}
	
/* EOF general styles */