@import url(form.css);

/*-----------------------------------------------------------------------------
RESET STYLESHEET
--------------------------------------------------------------------------------*/
html, body, div, span, h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, em, font, img, small, strike, strong, sub, sup,
dl, dt, dd, ol, ul, li, fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;}
	
/* remember to define focus styles! */
:focus {
	outline: 0;}
	
ol, ul {
	list-style: none;}
	
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;}
	
caption, th, td {
	text-align: left;
	font-weight: normal;}
	
strong {font-weight: bold;}
	
/*-----------------------------------------------------------------------------
GENERAL GLOBAL STYLES
--------------------------------------------------------------------------------*/
body {
	line-height: 1;
	color: #373737;
	background: white;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; 
	font-size: 69%;}
	
h1 {
    font-family: "Trebuchet MS", Verdana, Geneva, Arial, Helvetica, sans-serif; 
    font-weight: normal;
    font-size: 185%;
    margin-top: 2px;
    margin-bottom: 10px;}
    
h2 {
    font-family: "Trebuchet MS", Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-weight: bold;
    font-size: 140%;
    margin-top: 2px;
    margin-bottom: 10px;}
    
h3 {
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-weight: bold;
    font-size: 110%;
    margin-top: 0px;
    margin-bottom: 9px;}
    
h4 {
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-weight: bold;
    font-size: 110%;}
    
small {font-size: 80%;}
	
a:link, a:visited {
	color: #d51818;
	text-decoration: none; }
	
a:hover, a:active {
	color: #d51818;
	text-decoration: none;
	background: url(../images/underline_dots.gif) repeat-x bottom left;}
	
a.alt:link, a.alt:visited {
	color: #a8a8a8;
	text-decoration: none; }
	
a.alt:hover, a.alt:active {
	color: #d51818;
	text-decoration: none;
	background: url(../images/underline_dots.gif) repeat-x bottom left;}
	
a.none:hover, a.none:active {border: none; background: none;}

a.car:link, a.car:visited {
	color: #373737;
	text-decoration: underline; }
	
a.car:hover, a.car:active {
	color: #d51818;
	text-decoration: none;
	border-bottom: none;
	text-decoration: underline;}
	

	
#footer a:link, #footer a:visited {
	color: #ffffff;
	text-decoration: none; }
	
#footer a:hover, #footer a:active {
	color: #7b7b7b;
	border-bottom: 0px;
	background: none;}
	
.alignright {
	text-align: right;}

.alignleft {
	text-align: left}
	
.floatright {
    float: right;}

.floatleft {
    float: left;}
    
.clear {
    clear: both;}
    
table td {vertical-align: top;}

.black {
    color: #000000;}
    
.red {
    color: #d51818; }
    
.lightgrey {
    color: #a8a8a8;}
    
hr {
    width: 100%;
    height: 10px;
    background: #f1f1f1;
    color: #f1f1f1;
    border: none;
    margin-bottom: 10px;
    margin-top: 10px;}
    
p {
    margin-bottom: 15px;}
	
/*-----------------------------------------------------------------------------
LAYOUT DIVS, TABLES & CLASSES
--------------------------------------------------------------------------------*/

#header {
    position: relative;
    width: 807px;
    height: 82px;}
    
#header .logo {
    position: absolute;
    left: 50px;}
    
#header .phone {
    position: absolute;
    right: 0px;
    top: 14px;}
    
#flash_navi {
    position: relative;
    width: 100%;
    height: 238px;
    background: #e8e8e8;}
   
#flash_navi #flash {
    background: #313131;
    width: 705px;
    height: 100%;}

#flash_navi #navi {
    position: absolute;
    top: 0px;
    left: 707px;
    width: 100px;
    height: inherit;}
    
#footer {
    position: relative;
    width: 100%;
    height: 66px;
    background: url(../images/footer_bg.gif) repeat-x;}
    
#footer #footer_inner {
    position: relative;
    padding-top: 20px;
    padding-right: 50px;
    height: 46px;
    width: 757px;
    background: url(../images/footer_arrow.gif) no-repeat;
    color: #ffffff;
    text-align: right;
    line-height: 1.2em;}
    
#footer_inner #ringback {
    position: absolute;
    text-align: left;
    left: 20px;
    top: 25px;
    line-height: 1.5em;}   
    
#footer_inner .bitma {
    position: absolute;
    right: 0px;
    top: 0px;}
   
div#alt_links {
    position: absolute;
    top: 56px;
    right: 0px;
    height: 30px;
    padding-bottom: 2px;}
   
table#columns {
    width: 807px;
    margin-top: 14px;}
    
td#left_col {
    width: 205px;}
    
td#main_col {
    vertical-align: top;
    padding-left: 18px;
    font-size: 90%;
    line-height: 1.6em;}
    
div#configure {
    margin-top: 16px;}
   
    
/*-----------------------------------------------------------------------------
SEARCH BOX AND RESULTS
--------------------------------------------------------------------------------*/    
#search_box {
    width: 165px;
    background: #ececec url(../images/search_box_bg.gif) no-repeat;
    color: #404040;
    padding-left: 20px;
    padding-right: 20px;
    padding-bottom: 10px;}
    
/*-----------------------------------------------------------------------------
SPECIALS
--------------------------------------------------------------------------------*/
table.special {
    background: #f1f1f1;
    width: 262px;
    margin-bottom: 12px;}
    
div.special_inner{
    margin: 10px;
    line-height: 1.2em;}
    
.saving {
    color: #d51818;
    font-weight: bold;}
    
div.special_inner p {margin-bottom: 4px;}




    
/*-----------------------------------------------------------------------------
BROWSE BY BRAND ROLLOVERS
--------------------------------------------------------------------------------*/
div#brand {
    margin-top: 25px;
    padding-left: 20px;
    height: 100px;}
    
div#brand a{
    display: block;}
    
div#brand ul.brand {margin-top: 10px;}
    
div#brand ul li {
    float: left;
    margin-right: 8px;}

a.porsche:link, a.porsche:visited {width: 41px; height: 54px; background: url(../images/logo_porsche.gif) no-repeat 0px 0px;}
a.porsche:hover, a.porsche:active {width: 41px; height: 54px; background: url(../images/logo_porsche.gif) no-repeat -41px 0px;}

a.lr:link, a.lr:visited {margin-top: 8px; width: 67px; height: 36px; background: url(../images/logo_lr.gif) no-repeat 0px 0px;}
a.lr:hover, a.lr:active {width: 67px; height: 36px; background: url(../images/logo_lr.gif) no-repeat -67px 0px;}

a.vw:link, a.vw:visited {width: 53px; height: 53px; background: url(../images/logo_vw.gif) no-repeat 0px 0px;}
a.vw:hover, a.vw:active {width: 53px; height: 53px; background: url(../images/logo_vw.gif) no-repeat -53px 0px;}
 
/*-----------------------------------------------------------------------------
NAVIGATION
--------------------------------------------------------------------------------*/ 
ul.navilist {width: inherit; height: inherit; list-style: none;}

ul.navilist li {
	margin-bottom: 2px; 
	vertical-align: top;}
	
.navilist a {display: block;}
     
.navilist a:link, .navilist a:visited {
    display: block;
    color: #ffffff;
    padding: 13px 0 14px 12px;
    height: 11px;
    text-decoration:none;
    background: #414141 url(../images/navi_hover.gif) no-repeat 0px 0px;}
    
.navilist a:hover, .navilist a:active, a.current {
    display: block;
    color: #e4e4e4;
    padding: 13px 0 14px 12px;
    background: #414141 url(../images/navi_hover.gif) no-repeat -100px 0px;
    border: none;}
    
/*-----------------------------------------------------------------------------
TICKER
--------------------------------------------------------------------------------*/
div#ticki {
    font-size: 110%;
    width: 574px;
    height: 26px;
    color: #373737;
    background: #f1f1f1;
    overflow: hidden;
    padding-left: 10px;
    margin-bottom: 30px;}
    
.ticko{width:500px; border-top:1px solid #373737; border-bottom:1px solid #990000; padding:1px 0 4px 0; margin:4px 0 0px 0; display:block;}
.tickls{color:#373737; font-weight: bold;}
.tickh{display:none;}

div#ticki a:link, div#ticki a:visited {
    line-height: 2.3em;
    text-decoration: none;
    color: #d51818; }
    
div#ticki a:hover, div#ticki a:active {
    line-height: 2.3em;
    color:#d51818;
	background: url(../images/underline_dots.gif) repeat-x bottom left;}
    
    
/*-----------------------------------------------------------------------------
LISTS
--------------------------------------------------------------------------------*/
ul.tick {
    list-style-image: url(../images/tick.gif);
    list-style-type: circle;
    margin-left: 0px;
    padding-left: 30px;
    padding-right: 30px;
    line-height: 1.7em;}
    
ul.tick li {
    padding-left: 5px;
    margin: 0px;}
    

/*-----------------------------------------------------------------------------
SEARCH DATAGRID CLASSES
--------------------------------------------------------------------------------*/
.grid {
	width: 100%;
	border-collapse: collapse;}
	
.grid td {
	font-size: 10px;
	line-height: 1.135em;}
	
.grid td p, .vehicledetails p {
    margin-bottom: 3px;}

.gridpaging {		 
	font-size: 11px;
	text-align: center;}
	
.gridpaging td {
    padding: 4px;
    background-color: #e8e8e8;
	text-align: center;}
    
td.griditem {
    padding: 7px;
    background: #f7f7f7;
    color: #666666;}
	  
td.gridphoto {
    padding: 0px;
    padding-left: 3px;
    padding-right: 3px;
    background: #ffffff;
	width: 150px;}
    
td.gridprice {
    padding: 7px;
    background: #c4c4c4;
	width: 110px}
    
    
/*-----------------------------------------------------------------------------
CAR DETAILS CLASSES
--------------------------------------------------------------------------------*/
div.vehicledetails {
    padding: 10px;
    background: #f7f7f7;
    color: #666666;
    line-height: 1.2em;}
    
td.vehiclephoto {
    padding-right: 5px;
    width: 320px;}
    
    td.vehiclephoto a {
 cursor:pointer;
 }
    
td.vehiclephotomini {
    width: 59px;}
    
td.vehiclephotomini img {
    margin-bottom: 5px !important;
    margin-bottom: 3px;  }
    
td.vehiclephotomini a {
 cursor:pointer;
 }
        
    
    
table.details_list td{
    padding: 2px;
    vertical-align: bottom;}
    
/*-----------------------------------------------------------------------------
NEWS CLASSES
--------------------------------------------------------------------------------*/
.baseborder {
    border-bottom: 5px solid #f7f7f7;
    padding-bottom: 3px;
    padding-top: 15px;}

table.newsindex {
    width: 100%;}

td.more {
    width: 120px;
    text-align: right;
    vertical-align: bottom;}
    
/*-----------------------------------------------------------------------------
404 ERROR CLASSES
--------------------------------------------------------------------------------*/
.container {
    width: 700px;
    margin: 0 auto 0 auto;}
    
.container ul {
    list-style: disc;
    margin: 0 0 0 20px;
    padding: 0 0 0 20px;}