/*
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: verdana, arial, helvetica, sans-serif;
	font-size: 86%;/* 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;
	
	}

#wrapper {
  margin:0px auto 0 auto;
  text-align:left;
	padding:0;
  font-size:.85em;
  position:relative;
	background-repeat: no-repeat;
	background-position: bottom left;
  }
	
	
/* inventory styles (inventory.cfm) */
#searchBox{
  line-height:7px;
  height:110px;
  border: solid 1px #000;
	color:#000;
  clear:left;
  text-align:left;
  margin:0px 0 2px 0;
  padding-top:5px;
}

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

.searchSet .btns{
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.1em; color:#000;
}

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

.compare_sort{
height:25px; padding:3px 0 0 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;
	 }
	 


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

.carImg{
 border:1px solid #000;
}

.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{
height:140px; padding: 13px 0 3px 0px; background:#FFFFFF;
}

.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:400px; height:25px; margin-top:3px; text-align:right;
}

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

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

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

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

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

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

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

/* locations styles (locations.cfm) */
table.hours {
	border-color: #000000;
	border-width: 1px;
	border-style: solid;
	border-collapse: collapse;
	width: 100%;
}

table.hours tr td.hours {
	background:#FFFFFF;
	border: 1px solid #000000;
	border-bottom: 1px solid #000000;
	margin: 0px;
	padding-top: 2px;
	padding-bottom: 4px;
	padding-left: 10px;

	font-family: arial;
	text-align: left;
	clear: both;
	color: #000000;
}

table.hours tr th.hours {
	border: 1px solid #000000;
	background:#000000;
	margin: 0px;
	padding-top: 2px;
	padding-bottom: 2px;
	padding-left: 10px;
	font-family: arial;
	text-align: left;
	color: #FFFFFF
}
/* EOF locations styles */

/*OurTeam Styles*/
.ourTeamDiv{
	margin: 0 0 3px 5px;
	padding: 7px 0 7px 0;
	width: 98%;
	border-bottom: 1px solid #999999;
}

.ourTeamImg{
	margin: auto 5px 20px 0;
	float: left;
}

/* 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 */
	 /*form styles*/
	 .formheaders{
		background:#eee;
		font-weight:bold;
	 }
	 .formTable tr td{
	  padding:3px;
	 }
	 /*the following classes are to demonstrate better line heights for narrow columns*/	
.body{
background:#fff; padding:10px; border:2px solid #000;
}
.header{
font-size:1.2em; font-weight:bold;
}
.required{
color:#FF0000;
}
		
		/*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: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 */