@charset "utf-8";
/* ----------------------------------------------------- */
/*  Americarna 2010 - Screen CSS 			     		 */
/*  Ver         : 1                                      */
/*  Created     : 04 November 2010                       */
/*  Last Update : 13 December 2010                       */
/* ----------------------------------------------------- */

/*------------------*/
/* Table of Content */
/*------------------*/

/*
1. General [GNL]
	1.1. Heading [HDG]
	1.2. Text [TXT]	
	1.3. Hyperlink [HLK]
	1.4. Class [CLS]
	1.5. Table [TBL]
			
2. Lay-out [LYT]

3. Header [HDR]
		
4. Navigation [NAV]
	4.1. Accessibility Navigation [ANV]
	4.2. Main Navigation [MNV]
	4.3. Sub Navigation [SNV]
		
5. Content [CNT]
	5.1. Home Page [CHP]
		5.1.1. Home Page Lay-out [HPL]
		5.1.2. Classifieds Area[CFA]		
		5.1.3. Kirk's Hot Ride Area [KHA]
		5.1.4. Gallery Area [GLA]
		
	5.2. Blog Page [BLP]
	5.3. Membership Page [MBP]
	5.4. Classifieds Page [CLP]
	5.5. Events Page [EVP]
			
6. Footer [FTR]

7. Plug In Related CSS [PRS]
	7.1. Slider General Overide Style [SOS]
	7.2. Home Featured Item Slider [HFS]
	7.3. Home Gallery Slider [HGS]

8. Additional Style [AST]
    8.1. Wizard Form Controls

*/

/*------------------*/
/* 1. General [GNL] */
/*------------------*/

* {line-height: 1.4;}

body
{
/*behavior: url("css/csshover3.htc");*/
margin: 0;
padding: 0;
font: 62.5% Arial, Helvetica, sans-serif;
color: #FFF;
background: #eb1c28 url(../img/bg.png) repeat-x 0 0;
}

/* 1.1. Heading [HDG] */

h1, h2, h3, h4 
{
color: #2e2b28;
margin: 0 0 10px 0;
}

h1 {font-size: 3.6em;}
h2 {font-size: 2.4em;}
h3 {font-size: 1.2em;}
h4 {font-size: 1.2em;}

/* 1.2. Text [TXT] */

p 
{
font-size: 1.2em;
margin: 0 0 10px 0;
}

#ytvideo0 {visibility: visible !important;}

/* 1.3. Hyperlink [HLK] */

a  
{
font-size: 1.1em;
color: #2e2b28;
text-decoration: none;
}

a:hover {color: #e01e1e;}

/* 1.4. Class [CLS] */

.strong {font-weight: bold;}
.no-right-margin {margin-right: 0 !important;}
.no-border {border: 0 !important;}
.hide-overflow {overflow: hidden !important;}
.border-white {border: 2px solid #FFF !important;}

/* 1.5. Table [TBL] */

table {padding: 0 0 10px 0;}

td, th 
{
font-size: 1.1em;
padding: 5px;
}

/*------------------*/
/* 2. Lay-out [LYT] */
/*------------------*/

.clear {clear: both;}

div.grand-wrapper /* Important to remove space on the top of page in Opera Browser */
{
margin: 0;
padding: 0;
width: 100%;
position: absolute;
top: 0;
}

div.wrapper
{
width: 840px;
margin: 0 auto;
}

#big-box {
    margin-bottom: 8px;
}

#big-box .big-box-header
{
    clear: both;
    z-index:15;
    width:393px;
    height:33px;
    background:url(../img/box/box-sprites.gif) 0 bottom no-repeat;
    padding: 0 0 10px 0;
}

#big-box .big-box-content
{
    width:393px;
    background:url(../img/box/box-sprites.gif) -400px 0 repeat-y;
    padding-left:8px;
}

#big-box .big-box-footer
{
    width: 393px;
    height:13px;
    background:url(../img/box/box-sprites.gif) -800px 0 no-repeat;
}

#small-box{width: 192px; margin-bottom: 20px;}
#small-box  .small-box-header
{
    clear: both;
    height:31px;
    background:url(../img/box/box-sprites.gif) -1200px bottom no-repeat;
    padding: 0 0 10px 0;
}

#small-box .small-box-content
{
    padding-left: 10px;
    background:url(../img/box/box-sprites.gif) -1400px 0 repeat-y;
}

    #small-box .small-box-content p {
        margin: 0;
        padding: 10px 0;
    }

#small-box .small-box-footer
{
    height:10px;
    background:url(../img/box/box-sprites.gif) -1600px 0 no-repeat;
}           

/* COLUMNS */
#columns {
	float:left;
	width:800px;
	overflow:hidden;
	display:inline;
	}
	#left-column {
		width:400px;
		overflow:hidden;
		float:left;
		}
	#left-small {
	    width:200px;
	    overflow:hidden;
	    float:left;
    }
	#middle-column {
		float:left;
		width:200px;
		overflow:hidden;
    }
	#right-column {
		float:right;
		width:200px;
		overflow:hidden;
    }

/* TABLES */
dl.table-display {
    width: 550px;
    margin: 0;
    clear: both; }

dl.table-display a {
    font-weight: normal;}

.table-display dt {
    width: 90px;
    float: left;
    padding: 5px;
    margin: 0;}

.table-display dd {
    width: 390px;
    float: left;
    padding: 5px;
    margin: 0;}
  
table.two-col-page
{
/* reset */
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-size: 100%;
vertical-align: baseline;
background: transparent;
border-collapse: collapse;
border-spacing: 0;
/* style */
padding: 15px 0 15px 0;
margin: 5px 0 5px 0;
width: 570px;
border: 1px solid #eaeaea;
}

table.two-col-page thead, table.two-col-page tfoot
{
background-color: #dedede;
color: #000;
}

table.two-col-page thead tr th
{
text-align: center;
}

table.two-col-page th
{
padding: 2.5px 5px 2.5px 5px;
line-height: 1.5;
text-align: center;
vertical-align: middle;
}

table.two-col-page tr th
{
border-bottom:1px solid #DDD;
border-left:1px solid #eaeaea;
text-align: left;
}

table.two-col-page tr.even
{
background-color: #efefef;
}

table.two-col-page td
{
padding: 2.5px 5px 2.5px 5px;
line-height: 1.5;
text-align: right;
vertical-align: middle;
}

table.two-col-page tr td
{
border-bottom:1px solid #DDD;
border-left:1px solid #eaeaea;
}

table.two-col-page td.center
{
text-align: center;
}

table.two-col-page td.saving
{
font-weight: bold;
text-align: right;
}


/*-----------------*/
/* 3. Header [HDR] */
/*-----------------*/

div.header
{
width: 840px;
height: 128px;
position: relative;
}

div.logo
{
float: left;
padding: 5px 0 0 50px;
position: relative;
z-index: 99;
}

.logo h1 {margin: 0;}

.logo a
{
display: block;
width: 307px;
height: 112px;
text-indent: -9999px;
background: transparent url(../img/logo.png) no-repeat 0 0;
}

div.flame-frame
{
width: 677px;
height: 128px;
background: transparent url(../img/header-flames.png) no-repeat 0 0;
position: absolute;
top: 0;
right: 0;
}

div.top-visual-container
{
width: 677px;
height: 128px;
position: absolute;
top: 0;
right: 10px;
}

.top-visual-container img
{
position: absolute;
left: 282px;
display: none;
}

.top-visual-container .active-slide {display: inline;}

/*---------------------*/
/* 4. Navigation [NAV] */
/*---------------------*/

/* 4.1. Accessibility Navigation [ANV] */

ul.nav-access
{
position: absolute;
top: -9999px;
left: -9999px;
}

/* 4.2. Main Navigation [MNV] */

div.nav-wrapper
{
width: 997px;
margin: 0 auto;
}

div.main-navigation 
{
width: 997px;
height: 58px;
background: transparent url(../img/nav-bg.png) no-repeat 0 0;
position: relative;
top: -5px;
z-index: 20;
}

.main-navigation ul  /* IE6, IE7, IE8 */
{
width: 834px;
margin: 0 auto;
position: relative;
left: 1px;
}

.firefox-nav-adjustment {left: 0 !important;}

.main-navigation li
{
float: left;
display: inline-block;
background: transparent; /*  url(../img/main-nav-separator.gif) no-repeat right 5px; */
position: relative;
}

.main-navigation a
{
color:#FFF;
display: block;
height: 39px;
margin: 8px 2px 0 0;
background: transparent url(../img/main-nav-sprite.gif) no-repeat 0 0;
text-indent: -9999px;
}

.main-navigation #home  
{
width: 86px;
background-position: 0 0;
}

.main-navigation #classifieds
{
width: 114px;
background-position: 0 -98px;
}

.main-navigation #events
{
width: 85px;
background-position: 0 -196px;
}

.main-navigation #news
{
width: 76px;
background-position: 0 -294px;
}

.main-navigation #membership
{
width: 122px;
background-position: 0 -392px;
}

.main-navigation #blog
{
width: 71px;
background-position: 0 -490px;
}

.main-navigation #about
{
width: 79px;
background-position: 0 -588px;
}

.main-navigation #contact
{
width: 92px;
background-position: 0 -686px;
}

.main-navigation #login
{
width: 93px;
background-position: 0 -784px;
margin-right: 0;
}

.main-navigation .logout
{
width: 93px;
background-position: 0 -930px;
margin-right: 0;
}

.main-navigation #home:hover, .main-navigation .selected #home {background-position: 0 -49px;}
.main-navigation #classifieds:hover, .main-navigation .selected #classifieds {background-position: 0 -147px;}
.main-navigation #events:hover, .main-navigation .selected #events {background-position: 0 -245px;}
.main-navigation #news:hover, .main-navigation .selected #news {background-position: 0 -343px;}
.main-navigation #membership:hover, .main-navigation .selected #membership {background-position: 0 -441px;}
.main-navigation #blog:hover, .main-navigation .selected #blog {background-position: 0 -539px;}
.main-navigation #about:hover, .main-navigation .selected #about {background-position: 0 -637px;}
.main-navigation #contact:hover, .main-navigation .selected #contact {background-position: 0 -735px;}
.main-navigation #login:hover, .main-navigation .selected #login {background-position: 0 -833px;}
.main-navigation .logout:hover, .main-navigation .selected .logout {background-position: 0 -979px;}

/* 4.3. Sub Navigation [SNV] */

.main-navigation li .sub-login /* IE6 */
{
display:none;
position: absolute;
right:-12px;
top: 8px;
padding: 55px 25px 0 25px;
width: 221px;
height: 166px;
background: transparent url(../img/login-box.png) no-repeat 0 0;
}

.sub-login h2
{
width: 139px;
height: 15px;
line-height: 15px;
text-indent: -9999px;
background: transparent url(../img/main-nav-sprite.gif) no-repeat 0 -877px;
}

.sub-login input.text
{
border: 0;
padding: 0 9px;
width: 203px;
height: 22px;
line-height: 22px;
margin: 0 0 10px 0;
}

.sub-login input.submit
{
border: 0;
width: 74px;
height: 23px;
text-indent: -9999px;
background: transparent url(../img/main-nav-sprite.gif) no-repeat 0 -897px;
cursor: pointer;
margin: 0 0 10px 0;
}

.sub-login form {border-bottom: 1px solid #666;}
.sub-login p.help-text  {text-align: center;}

p.help-text a
{
background: none;
text-indent: 0;
margin: 5px 0 0 0;
font-size: 0.9em;
color: #ffa800;
line-height: auto;
}

p.help-text a:hover {color: #FFF;}

/*------------------*/
/* 5. Content [CNT] */
/*------------------*/

div.content 
{
position: relative;
top: -5px;
}

div.content-area /* IE6, IE7 */
{
width: 840px;
margin: -9px 0 0 0;
position: relative;
z-index: 10;
color: #555;
}

.content-area img {border: 2px solid #FFF;}
.content-area ul {margin: 0 0 15px 0;}
.content-area a {color: red;}
.content-area a:hover {text-decoration: underline;}

div.content-area-top
{
width: 840px;
height: 33px;
background: transparent url(../img/content-bg-top.png) no-repeat 0 0;
}

.type-2-bg div.content-area-top {background-image: url(../img/content-bg-top-2.png);}

div.content-area-middle
{
width: 800px;
padding: 0 20px;
background: transparent url(../img/content-bg-middle.png) repeat-y 0 0;
}

.type-2-bg div.content-area-middle {background-image: url(../img/content-bg-middle-2.gif);}

div.content-area-bottom
{
width: 840px;
height: 25px;
background: transparent url(../img/content-bg-bottom.png) no-repeat 0 0;
}

.type-2-bg div.content-area-bottom {background-image: url(../img/content-bg-bottom-2.png);}

div.side-ad-space
{
position: absolute;
top: 30px;
width: 120px;
height: 600px;
border: 2px solid #FFF;
background-color: #8f8f8f;
z-index: 9999;
}

div.left-ad {left: -147px;}
div.right-ad {left: 863px;}

#content div.bg20 {
width: 793px;
display: block;
height: 43px;
margin: 0;
padding: 0;
background-image: url(../img/headers/cars-for-sale.gif);
background-repeat: no-repeat;
background-position: bottom center;
}

#content .maincontent
{
padding: 15px 15px 0 15px;
width: 570px;
background: url(../img/common/background-600.gif) repeat-y;
margin: 0;
min-height: 340px;
font-size:1.0em !important;
}
img.floatRight
{
    float:right;
    margin:5px;
    border:1px solid #d0d0d0;
}
img.floatLeft
{
    float:left;
    margin:5px;
    border:1px solid #d0d0d0;
}

#content .bmaincontent {
width: 600px;
height: 15px;
background: url(../img/common/background-b600.gif) no-repeat bottom left;
margin: 0;
}

#content .wide
{
width: 763px;
background: url(../img/common/background-793.gif) no-repeat;
}
#content .bwide 
{ 
width: 793px;
background: url('../img/common/background-b793.gif') no-repeat bottom left;
} 

#content H1 em {margin-left: -4000px;}

#content H1.header
{
width: 400px;
height: 26px;
background-repeat: no-repeat;
margin-bottom: 14px;
}

#content H1.headerAbout {background-image: url(../img/headers/about.gif)}
#content H1.headerEvents {background-image: url(../img/headers/events.gif)}
#content H1.headerNews, #content H1.headerArticle {background-image: url(../img/headers/news.gif)}
#content H1.headerShowroom {background-image: url(../img/headers/showroom.gif)}
#content H1.headerMembership {background-image: url(../img/headers/membership.gif)}
#content H1.headerMerchandise {background-image: url(../img/headers/merchandise.gif)}
#content H1.headerAccount {background-image: url(../img/headers/account.gif)}
#content H1.headerForgotten-Password {background-image: url(../img/headers/account.gif)}
#content H1.headerTerms-and-Conditions {background-image: url(../img/headers/terms-and-conditions.gif)}

#content H1.headerDirectory
{
background-image: url(../img/serviceslogo.gif);
position: absolute;
width: 250px;
height: 79px !important;
border: none !important;
margin: -15px 0 0 10px;
}

#content H1.headerPart
{
background-image: url(../img/partslogo.gif);
position: absolute;
width: 210px;
height: 77px !important;
border: none !important;
margin: -10px 0 0 10px;
}

#content H1.headerContact
{
background-image: url(../img/headers/contact.gif) }
#content H1.headerCars {
background-image: url(../img/for-sale/keys.png); 
background-position: 20px 0 !important;
position: absolute; 
width: 201px;
height: 72px !important;
border: none !important;
margin: -7px 0 0 0px;
}
#content H1.headerClassifieds {
background-image: url('../img/headers/classifieds.gif');
}      


#content h2 {color:#000; font-size: 1.5em;}

h2 {font-size:1.2em;}

h1, h2, h3 {letter-spacing: 1px;}

#content h2.membershipPage
{
color: red;
font-size: 1.4em;
margin: 0;
padding: 0 0 10px 0;
}

#rightbar
{
left: 635px;
top: 75px;
position: absolute;
width: 180px;
}

#rightbar .trightbar
{
padding: 15px 15px 0 15px;
background: url(../img/common/background-180.gif) no-repeat;
min-height: 10px;
width:180px;
}

#rightbar .brightbar
{
width: 180px;
height: 15px;
background: url(../img/common/background-b180.gif) no-repeat bottom left;
margin: -3px 0 0 0;
padding: 0;
}

#rightbar .formfield
{
width: 140px;
padding: 5px 5px 0 5px;
height: 20px;
border: none;
background: url(../img/common/background-formfield-rightbar.gif) top right no-repeat;
}

#rightbar .formselect {width: 150px;}

#rightbar .formlabel {text-align: left;}

#rightbar h2 {margin: 0;}

#rightbar .button {margin: 10px 0 -3px 65px;}

#rightbar ul
{
list-style: none;
width: 150px;
padding: 0;
margin: 5px 0 0 0;
border-top: 2px #fff solid;
}

#rightbar li a
{
display: block;
width: 138px;
padding: 1px 5px;
color: #ec1c25;
font-size: 11px;
border-bottom: solid 1px #eee;
}

#rightbar li a:hover, #rightbar li a.selected
{
color: #ec1c25;
border-bottom: solid 1px #dcdcdc;
text-decoration: none;
}

#rightbar li a.selected {color: #969696;}

/* update - when creating membership page */

.type-2-bg  div.main-col
{
margin: 0 20px 0 6px;
width: 505px;
}

.type-2-bg .main-col h3
{
font-size: 1.7em;
color: #000;
}

.type-2-bg .main-col div.section
{
width: 483px;
margin: 0 auto;
background-color: #FFF;
border: 1px solid #ddd;
padding: 15px 10px;
margin-bottom: 15px;
}

div.secondary-col h4
{
font-size: 1.7em;
color: red;
}

div.banner {margin: 0 0 15px 0;}
.banner img {width: 501px;}
.category a {font-size: 1.3em;}
.category li {margin: 0 0 7px 0;}

ul.pdf-file-list
{
display: block;
margin: 0 0 30px 0;
}

.pdf-file-list li
{
background: transparent url(../img/icon-pdf.gif) no-repeat;
padding: 0 0 0 25px;
margin: 0 0 10px 0;
}

/* -------------------------------------- */

/* 5.1. Home Page [CHP] */

/* 5.1.1. Home Page Lay-out [HPL] */

div.main-col
{
float: left;
width: 534px; /* 2px + 530px + 2px */
margin: 0 12px 0 0;
}

div.secondary-col
{
float: right;
width: 254px; /* 2px + 250px + 2px */
}

.main-col div.ad-space
{
width: 530px;
height: 70px;
border: 2px solid #FFF;
background-color: #8f8f8f;
margin: 0 0 15px 0;
}

.secondary-col div.ad-space
{
width: 250px;
height: 250px; /* 90px */
border: 2px solid #FFF;
background-color: transparent; /* #8f8f8f */
margin: 0 0 15px 0;
}

div.full-col
{
float: left;
width: 800px; /* 2px + 530px + 2px */
margin: 0 12px 0 0;
}

/* 5.1.2. Classifieds Area [CFA] */

.classifieds-area div.first-col
{
border-right: 2px solid #d4d4d4;
width: 322px;
padding: 0 15px 0 0;
margin: 0 15px 0 0;
float: left;
}

.classifieds-area div.second-col
{
width: 176px;
float: left;
}

.classifieds-area h2
{
width: 233px;
height: 21px;
text-indent: -9999px;
background: transparent url(../img/heading-classifieds.gif) no-repeat 0 0;
}

h3.name a
{
color: red;
font-size: 1.1em;
}

.classifieds-area img 
{
float: left;
margin: 0 11px 0 0;
}

span.price
{
display: block;
font-weight: bold;
font-size: 1.3em;
text-transform: uppercase;
color: #3c3c3c;
}

.classifieds-area div.search-area /* IE8 */
{
width: 515px;
height: 32px;
line-height: 32px;
background: transparent url(../img/classifieds-search-bg.gif) no-repeat 0 0;
margin: 10px auto 0 auto;
position: relative;
}

.classifieds-area div#Search span
{
display: block;
text-indent: -9999px;
width: 49px;
height: 15px;
background: transparent url(../img/heading-search.gif) no-repeat 0 0;
margin: 0 10px 0 0;
position: absolute;
left: 10px;
top: 9px;
}

.classifieds-area div#Search .search-field input
{
position: absolute;
top: 5px;
left: 69px;
width: 187px;
padding: 1px 5px;
border: 1px solid #c5c5c5;
color: #9b9b9b; 
font-size: 1.2em;
height: 18px;
}

.classifieds-area div#Search select
{
position: absolute;
top: 3px;
left: 277px;
width: 181px;
border: 1px solid #c5c5c5;
font-size: 1.2em;
height: 22px;
}

.classifieds-area div#Search div.button input
{
position: absolute;
top: 1px;
right: 10px;
width: 37px;
height: 25px;
background: transparent url(../img/button-go.gif) no-repeat 0 0;
border: 0;
cursor: pointer;
}

/* 5.1.3. Kirk's Hot Ride Area [KHA] */

div.kirk-hot-ride-area
{
position: relative;
margin: 35px 0 15px 0;
}

.kirk-hot-ride-area h2 /* IE6 */
{
width: 135px;
height: 24px;
text-indent: -9999px;
background: transparent url(../img/heading-hot-ride.gif) no-repeat 0 0;
margin: 0 0 20px 0;
}

img.heading-img
{
position: absolute;
top: -30px;
right: 0;
border: 0;
}

/* 5.1.4. Gallery Area [GLA] */

div.gallery-area
{
width: 250px;
margin: 0 0 10px 0;
}

.gallery-area h2
{
width: 85px;
height: 21px;
text-indent: -9999px;
background: transparent url(../img/heading-gallery.gif) no-repeat 0 0;
}

div.gallery-option-container /* IE6 */
{
width: 254px;
margin: 0 auto;
padding: 40px 0 0 0;
clear: both;
}

.gallery-option-container select
{
border:1px solid #C5C5C5;
font-size:1.2em;
height:22px;
width: 253px;
}

/* 5.2. Blog Page [BLP] */


.blog div.main-col h2
{
width: 279px;
height: 31px;
text-indent: -9999px;
background: #FFF url(../img/heading-blog.gif) no-repeat 0 0;
margin: 0 0 20px 0;
}

div.post
{
border-top: 2px solid #e3e3e3;
padding: 20px 0 0 0;
}
 
div.post h3 {font-size: 2.4em;}
 
div.post h3 a 
{
color: #000;
line-height: 1.2em;
}

div.post h3 a:hover 
{
color: red;
text-decoration: none;
}

p.post-detail
{
color: #777;
font-size: 1.15em;
margin: 0 0 15px 0;
}

div.post-image {margin: 0 0 15px 0;}

.post-image img 
{
border: 2px solid #969696;
margin: 0 0 5px 0;
}

.post-image p.description
{
font-size: 1.15em;
text-align: center;
color: red;
}

div.post-item 
{
position: relative;
margin: 0 0 20px 0;
font-size: 1.15em;
}

div.fb-like a.button
{
display: block;
width: 47px;
height: 23px;
background: transparent url(../img/button-fb-like.gif) no-repeat 0 0;
text-indent: -9999px;
}

.fb-like span
{
font-size: 0.95em;
height: 12px;
line-height: 12px;
background: transparent url(../img/icon-fb-small.gif) no-repeat left center;
padding: 0 0 0 17px;
position: absolute;
top: 6px;
left: 60px;
}

div.social-media 
{
position: absolute;
top: 3px;
right: 160px;
}

.social-media a
{
display: block;
text-indent: -9999px;
height: 16px;
width: 16px;
background: transparent url(../img/sprite-blog-post.gif) no-repeat 0 0;
position: absolute;
top: 0;
}

.social-media a.fb {left: 40px;}

.social-media a.twitter 
{
background-position: 0 -21px;
left: 65px;
}

div.comment-count 
{
color: red;
position: absolute;
top: 3px;
right: 0;
}

.comment-count  span.value
{
display: inline-block;
width: 26px;
height: 27px;
background: transparent url(../img/sprite-blog-post.gif) no-repeat 0 -42px;
text-align: center;
color: #FFF;
line-height: 19px;
margin: 0 0 0 5px;
}

div.comment
{
border-top: 2px solid #969696;
padding: 20px 0 0 0;
margin: 0 0 15px 0;
}

.comment h3, .comment-form-container h3, .type-2-bg .secondary-col h3 {font-size: 2.4em;}

div.comment-top
{
width: 505px;
height: 15px;
background: transparent url(../img/bg-comment-top.gif) no-repeat 0 0;
}

div.comment-item, div.comment-form
{
padding: 0 15px 5px 15px;
width: 475px;
background: transparent url(../img/bg-comment-middle.gif) repeat-y 0 0;
position: relative;
}

.comment-item h4 a
{
color: red;
font-size: 1.4em;
}

.comment-item span.date
{
font-size: 1.1em;
color: #6e6e6e;
position: absolute;
top: 7px;
right: 15px;
}

.comment-item p
{
margin: 0;
padding: 0 0 10px 0;
}

div.comment-bottom
{
width: 505px;
height: 40px;
background: transparent url(../img/bg-comment-bottom.png) no-repeat 0 0;
}

.comment-form label
{
font-size: 1.2em;
font-weight: bold;
display: block;
margin: 0 0 5px 0;
}

.comment-form input.text
{
width: 238px;
margin: 0 0 10px 0;
}

.comment-form textarea
{
width: 475px;
margin: 0 0 10px 0;
}

.comment-form input.submit
{
display: block;
border: 0;
background-color: #eb1c28;
color: #FFF;
font-weight: bold;
padding: 5px 7px;
cursor: pointer;
}

div.blog-search 
{
width: 250px;
margin: 0 0 25px 0;
}

.blog-search input.text /* IE8 */
{
font-size: 1.2em;
border: 1px solid #c8c8c8;
padding: 1px 5px;
width: 201px;
height: 20px;
color: #787878;
}

.blog-search input.submit
{
width: 34px;
height: 26px;
background: transparent url(../img/sprite-blog-post.gif) no-repeat 0 -74px;
border: 0;
text-indent: -9999px;
cursor: pointer;
}

/* 5.3. Membership Page [MBP] */

.membership div.main-col h2
{
width: 199px;
height: 31px;
text-indent: -9999px;
background: transparent url(../img/heading-membership.gif) no-repeat 0 0;
margin: 0 0 20px 0;
}

.membership .secondary-col div.ad-space
{
height: 330px;
border: 0;
}

div.intro {margin: 0 0 20px 0;}

div.provider-info
{
width: 226px;
float: left;
border-right: 1px solid #ddd;
padding: 0 15px 0 0;
}

.provider-info img 
{
margin: 0 0 10px 0;
border: 0;
}

.provider-info h4 {font-size: 1.4em;}

.provider-info td, th
{
padding: 0;
line-height: 1.5;
font-size: 1.2em;
}

.provider-info th
{
font-weight: normal;
text-align: left;
width: 50px;
}

.provider-info a {font-size: 1em;}

div.provider-offer
{
width: 226px;
float: right;
margin: 0 0 0 15px;
}

div.existing-provider-list {margin: 0 0 15px 0;}
.existing-provider-list img {border: 0;}

.existing-provider-list th
{
text-align: left;
font-size: 1.7em;
padding: 10px 15px;
}

.existing-provider-list td
{
background-color: #FFF;
font-size: 1.2em;
padding: 15px;
vertical-align: middle;
border-bottom: 1px solid #ddd;
border-right: 1px solid #ddd;
}

.existing-provider-list td.provider 
{
text-align: center;
border-right: 0;
border-left: 1px solid #ddd;
}

.existing-provider-list p 
{
    font-size:1.1em !important;
    margin:0;
}

.existing-provider-list td.top-row {border-top: 1px solid #ddd;}
.existing-provider-list td a {font-size: 1em;}

/* 5.4. Classifieds Page [CLP] */

div.car h2 {
    font-size: 1.3em;
    margin: 30px 0 10px 0; }


div.carleft {
    display: inline;
    float: left;
    width: 395px; 
    font-size: 1.2em; } 

    div.carleft img {
        border: none; }

    div.carleft dl.table-display { 
        margin-bottom: 20px;
        width: 350px;
        border-bottom: solid 1px #eeeeee; }

    div.carleft dt { 
        width: 90px; 
        color: #e85700;
        border-top: solid 1px #eeeeee; }

    div.carleft dd { 
        width: 240px; 
        border-top: solid 1px #eeeeee; }

    div.carleft textarea {
        height: 80px;
        width: 330px; }

    div.carleft input.emailBox {
        width: 330px; }        

div.carright {
    margin-left: 20px;
    display: inline;
    float: left;
    width: 336px;
    font-size:1.2em; } 

    div.carright h2 { 
        font-size: 1.4em;
        float: right; }

    div.carright img {
        border-width: 1px;
        margin: 1px; }

    div.carright a.dealer 
    {
        display: inherit !important;
        margin: 5px 30px 0 0;
        float: right;
        border: 3px solid #ccc !important;
        border-right:4px solid  #ccc !important; }

    div.carright img.zoom { 
        position: absolute; 
        background-image: url('../img/common/background-b115.gif');
        background-position: bottom left;
        padding: 0 0 5px 5px;
        border: none;
        margin: 0px 0 0 283px; }


.carsold { 
    margin: 0;
    position: absolute; 
    width: 70px;
    margin: 0 0 0 -200px;
    height: 70px;
    background: url('../img/common/sold.png') no-repeat; 
}

.searchFormHolder .wizardFormOuter
{
    margin-top:0px;
}

.searchFormHolder .button input, #Search .button input
{
     margin-left:3px;
     background: url(../img/search/button.gif); 
     width:37px !important;
     height:27px;
}

.searchTextBox input
{
    width: 140px;
    padding: 5px 5px 0 5px;
    height: 20px;
    border: none;
    float:left;
    background: url('../img/forms/background-formfield-rightbar.gif') top right no-repeat;  
}

.searchTextBox select
{
    width:75px !important;
    margin-left:-30px;
}

.searchTextBox
{
   margin-bottom:5px; 
}

.searchFormHolder span
{
    float:left;
    font-size:1.4em !important;
    width:70px; 
    margin-top:3px;
    margin-left:10px;
}

.button
{
    float:left;
    height:25px;
}

.searchFormHolder select
{
    width:240px;
}


ul.searchoptions { 
    padding: 0;
    position: absolute;    
    width: 537px;
    font-size: 0.9em;
    list-style:none; 
    margin: -13px 0 0 215px; }

    ul.searchoptions li { 
        float: right;
        background-image: url('../img/for-sale/searchoptions.gif'); 
        background-position: top left;        
        width: 91px;
        height: 21px;
        padding: 6px 15px 4px 15px;
        margin-left: 0px;
        font-size: 0.8em; }

    ul.searchoptions li a { 
        color: #a7a7a7; 
        padding-left: 20px; 
        background-position: top left;
        background-repeat: no-repeat; }  

    ul.searchoptions li a.gallery { padding-left: 15px; background-image: url('../img/for-sale/view-gallery-off.gif'); }
    ul.searchoptions li a.list { padding-left: 18px; background-image: url('../img/for-sale/view-list-off.gif'); }
    ul.searchoptions li a.galleryon { color: #e54341; padding-left: 15px; background-image: url('../img/for-sale/view-gallery-on.gif'); }
    ul.searchoptions li a.liston { color: #e54341; padding-left: 18px; background-image: url('../img/for-sale/view-list-on.gif'); }
    ul.searchoptions li a.return { color: #e54341; padding-left: 15px; background-image: url('../img/for-sale/return.gif'); }

#ClassifiedsMenu {
	display:inline;
}

#ClassifiedsMenu a {
    color:Black;
}

#ClassifiedsMenu .selected {
    font-weight: bold;
    color: Red;
    font-size: 1.1em;
}
.Section-Heading 
{
    border:0 !important;
}

div.featuredcar, .prodframe { 
    display: inline;
    float: left;
    width: 220px;
    height: 230px;
    padding: 10px;
    margin: 0px 10px 20px 0;
    text-align: center;
    overflow: hidden;
    border: solid 2px #eaeaea; }

    div#container div.featuredcar div.carpicture { 
        text-align: center;
        height: 130px;
        overflow: hidden; }

    div#container div.featuredcar img { 
        padding: 0;
        margin: 0;
        border: none; }


/* 5.5. Events Page [EVP] */
    .event { 
        width: 390px; 
        float: left; 
		}

    .eventscontent {
        padding: 15px 15px 0 15px;
        width: 355px;
        background: url(../img/common/background-385.gif) no-repeat;
        margin: 0 0 0 0;
        min-height: 230px; 
		}

    .eventscontent img {
        border: 0; 
		}

    .eventscontent p {
        text-align: left; 
		padding: 0 0 10px;
		margin:0;
		}

    .beventscontent {
        width: 385px;
        height: 15px;
        background: url(../img/common/background-b385.gif) no-repeat bottom left;
        margin: 0 0 15px 0; 
		}


    #sidemenu ul {
        list-style: none;
        width: 110px;
        padding: 0;
        margin: 0;
        border-top: 1px #d2d2d2 solid; 
        }

#sidemenu {
    width: 110px;
    font-size: 11px;
    font-weight: bold;
    float: left;
    }
    
    #sidemenu li {
        }

        #sidemenu li a {
            display: block;
            width: 105px;
            padding: 1px 0 1px 5px;
            margin: 0;
            color: #ec1c25;
            background: #f7f7f7; 
            border-bottom: 1px #d2d2d2 solid; 
            }

        #sidemenu li a:hover, #sidemenu li a.selected {
            color: #ec1c25;
            background: #fff;
            text-decoration: none; 
            }
            
        #sidemenu li a.selected {
            color: #969696; 
            }
#eventheader-wrapper {
    padding:20px 0 20px 120px;
}
#eventheader {
    float:left;
    width: 350px;
    overflow: hidden; 
    }
#eventimage  {
    width:200px;
    overflow:hidden;
    float:left;
    margin-left:10px;
}
#eventheader H1 {
    color: #000;
    font-weight: bold;
    font-style: normal;
    padding-bottom: 0;
    border-bottom: none;
    text-align: left;
    font-size: 2.0em; 
    }
    
    #eventheader em {
    font-size: 1.2em; 
    }

    .eventcontent {
        padding: 15px 15px 0 15px;
        width: 520px;
        min-height: 300px;
        background: url('../img/common/background-550.gif') no-repeat;
        }

    .eventcontentTop
    {
        width: 550px;
        background: url('../img/common/background-t550.gif') no-repeat;
        height: 14px;         
    }

    .eventcontentMid
    {
        width: 535px;
        padding: 10px 0px 0 15px;     
        min-height: 400px;              
        background: url('../img/common/background-m550.gif') repeat-y;  
        border: solid 0px red; 
    }

    .eventcontentMid .inner
    {
        width:520px;
        padding: 0 0 0px 0;
    }    

    .eventcontentBottom
    {
        width: 550px;
        height: 15px;
        margin-top:0px;
        background: url('../img/common/background-b550.gif') no-repeat bottom left;
        /* margin: 0 0 0 120px;  */
        }
        

    .indentLeftSmall
    {
        margin-left:5px;
    }
   
    #content .eventContentWrapper
    {
        width:550px;
        padding:0px;
    }


/*-----------------*/
/* 6. Footer [FTR] */
/*-----------------*/

div.footer /* IE6, IE7 */
{
background: #bf161c url(../img/content-bg-bottom.png) no-repeat 0 0;
color: #FFF;
width: 784px;
padding: 55px 28px 10px 28px; /* 50px */
position: relative;
top: -5px;
z-index: 9999;
}

.type-2-bg div.footer {background-image: url(../img/content-bg-bottom-2.png);}

.footer a 
{
font-size: 1.1em;
color: #FFF;
}

.footer h3 a
{
color: #FFF;
line-height:18px;
font-size: 1em;
}

.footer h3
{
color: #FFF;
line-height :18px;
font-size: 13px;
}

.footer a:hover {text-decoration: underline;}

div.footer-links
{
float: left;
margin: 0 15px;
}

div.footer-bottom-area
{
width: 790px;
height: 40px;
padding: 40px 25px 25px 25px;
background: transparent url(../img/footer-bg-bottom.png) no-repeat 0 0;
font-size: 1.1em;
position: relative;
top: -5px;
}

div.copy {float: left;}

div.by 
{
float: right;
position: relative;
}

.by span {padding: 0 71px 0 0;}

a.efinity
{
display: block;
width: 66px;
height: 23px;
margin: -4px 0 0 5px;
background: transparent url(../img/logo-efinity.png) no-repeat 0 0;
text-indent: -9999px;
position: absolute;
right: 0;
top: 0;
}

/*------------------------------*/
/* 7. Plug In Related CSS [PRS] */
/*------------------------------*/

/* 7.1. Slider General Overide Style [SOS] */

.featured-item img, .gallery-area img {border: 0;}
.featured-item div.anythingSlider, .gallery-area div.anythingSlider  {padding: 0 !important;}
.featured-item div.anythingWindow , .gallery-area div.anythingWindow {border: 2px solid #FFF !important;}

/* 7.2. Home Featured Item Slider [HFS] */

div.featured-item /* IE6 */
{
width: 530px;
height: 300px;
padding: 0;
margin: 0 0 20px 0;
position: relative;
}

.featured-item div.anythingSlider
{
width: 534px !important;
height: 304px !important;
}

.featured-item div.anythingWindow 
{
width: 530px !important;
height: 300px !important;
}

.featured-item div.anythingWindow
{
position: relative;
top: 0;
left: 0;
} 

#featured-item-slider div.slider-item-container
{
position: relative;
width: 530px;
height: 300px;
}

#featured-item-slider h2
{
margin: 0 0 5px 0;
line-height: 22px;
font-size: 2.2em;
font-weight: normal;
}

#featured-item-slider h2 a
{
font-size: 1em;
line-height: 22px;
color: #eb1c28;
}

#featured-item-slider h2 a:hover {color: #FFF;}

#featured-item-slider div.blurb /* IE6 */
{
padding: 10px 15px 15px 15px;
width: 500px;
height: 65px;
background: transparent url(../img/featured-blurb-bg.png);
position: absolute;
z-index: 9999;
bottom: 0;
left: 0;
}

#featured-item-slider a
{
font-size: 1em;
color: #000;
}

#featured-item-slider a:hover {text-decoration: none;}

.featured-item div.anythingSlider  ul.thumbNav
{
position: relative;
top: -10px;
left: 230px;
z-index: 9999;
}

.featured-item div.anythingSlider  ul.thumbNav a,
.featured-item div.anythingSlider  ul.thumbNav a:hover,
.featured-item div.anythingSlider  ul.thumbNav a.cur
{
padding: 0;
width: 16px;
height: 16px;
display: inline-block;
background: transparent url(../img/featured-slider-button.gif) no-repeat 0 0;
}

.featured-item div.anythingSlider  ul.thumbNav a:hover,
.featured-item div.anythingSlider  ul.thumbNav a.cur
{
background-position: 0 -21px;
}

.featured-item a.start-stop, .featured-item span.arrow {display: none !important;}

/* 7.3. Home Gallery Slider [HGS] */

.gallery-area div.anythingControls
{
width: 100%;
height: 22px;
border: 2px solid #FFF;
background-color: #FFF;
}

.gallery-area div.anythingControls a.start-stop
{
width: 9px;
height: 12px;
float: none;
display: block;
margin: 0 auto;
padding: 0;
background-color: #FFF !important; 
background-image: url(../img/gallery-area-button.png) !important;
background-repeat: no-repeat !important;
background-position: 0 -68px !important;
text-indent: -9999px;
position: relative;
top: 5px;
}

.gallery-area div.anythingControls a.start-stop:hover 
{
background-position: 0 -85px !important;
padding: 0;
}

.gallery-area div.anythingControls a.playing
{
width: 9px;
height: 12px;
float: none;
display: block;
margin: 0 auto;
padding: 0;
background-color: #FFF !important; 
background-image: url(../img/gallery-area-button.png) !important;
background-repeat: no-repeat !important;
background-position: 0 -102px !important;
text-indent: -9999px;
position: relative;
top: 5px;
}

.gallery-area div.anythingControls a.playing:hover
{
background-position: 0 -119px !important;
padding: 0;
}

.gallery-area  ul.thumbNav {display: none;}

.gallery-area div.anythingSlider span.arrow 
{
width: 9px;
height: 12px;
top: 155px;
background-color: red;
z-index: 9999;
}

.gallery-area div.anythingSlider span.arrow a
{
width: 9px;
height: 12px;
margin: 0 !important;
background: #FFF url(../img/gallery-area-button.png) no-repeat 0 0;
}
.gallery-area div.anythingSlider span.back {left: 87px;}
.gallery-area div.anythingSlider span.forward {right: 88px;} /* IE6 */
.gallery-area div.anythingSlider span.forward a {background-position: 0 -34px;}

.gallery-area div.anythingSlider span.back a:hover {background-position: 0 -17px;}
.gallery-area div.anythingSlider span.forward a:hover {background-position: 0 -51px;}

/*---------------------------*/
/* 8. Additional Style [AST] */
/*---------------------------*/

.floatLeft
{
    float:left;    
}

.floatRight
{
    float:right;    
}

.clearBoth
{
    clear:both;
}

/* 8.1. Wizard Form Controls */
form .formlabel {
    vertical-align: top;
    padding: 5px 5px 0 0;
    text-align: right; }

form .formselect 
{ width: 260px; 
float:left;
margin-top:2px;    
    }



form .formfield, .wizardForm input, .vehicleForm input
{
    width: 250px;
    padding: 4px 6px 0 3px;
    height: 18px;
    border: none;
    border-left: solid 1px #cbcbcb;
    background: url('../img/common/background-formfield.gif') top right no-repeat;     
    float:left;    
    margin-top:2px; 
    margin-bottom:2px;
}

.fileUploadStep input
{
    height:25px;
    padding:3px;
}

.fileUploadStep span
{
    width:90px;
    margin-top:5px;
}

form textarea.formfield, .wizardForm textarea, .vehicleForm textarea
{ 
    height: 100px;
    width: 255px;
    border:none;
    font-family: Arial, Helvetica, sans-serif;
    background: #efefef url('../img/common/background-formfield-text.gif') top left repeat-x; 
    margin-bottom:3px;
    margin-top:3px; 
    float:left;
}


.fileUploadImageBox 
{
    float:left;
    padding: 2px;
    /*margin-bottom: 4px;*/
    background-color: #eeeeee;
    border: #dcdcdc 1px solid;
    width:250px;
    height: 57px;    
    margin-top:5px;    
    /* position:relative; */
}  

.fileUploadImageText {
   /* position:absolute; */
    width:150px;
    /*top: -62px; */
    margin-top:5px;
    font-size: 11px;
    float:left;
    
}  

.fileUploadImageHolder 
{
    /* float:left; */
    float:left;
    width:70px;
    text-align:center;
    margin-right:8px;
}    


.wizardFormOuter
{
    margin-top:20px;
}

.membershipForm .wizardFormOuter
{
    float:left;
    width:400px;
}

 .vehicleForm .wizardFormOuter
 {
    float:left; 
    /* width:380px;  */
 }


.membershipDeclaration
{
  padding-top:1px;
}

.membershipDeclaration span
{
    float:left;    
}

.wizardForm span {
clear:both;
width:120px;
float:left;
font-size:1.2em;

}

.vehicleForm span
{
    clear:both;
    width:110px;
    float:left;
}


.vehicleForm .errorFormTop
{
    width:380px;
    float:none;
}




.fileUploadStep span
{
    width:90px;
}


.buttonHolder
{
    clear:both;
    margin-top:15px;
    margin-left:125px;
}



.buttonHolder  input, .searchFormHolder .button input, #Search .button input
{
    display:block;
    border :0 none;
    cursor :pointer;
    width:83px;
    height: 24px !important;
    text-indent:-9999px;
    line-height:0;
    margin-left:2px;
    overflow:hidden;
    font-size:0;    
    padding-top:0px;
}

#Search .button input
{
    margin-top:4px;
}

.membershipForm .buttonHolder
{
    margin-left:20px;    
}

 .buttonHolder .submitButton input
{    
    background: url(../img/common/submit.gif);       
}

 .buttonHolder .nextButton input
{
    background: url(../img/common/buttonNext.gif);    
}

.buttonHolder .previousButton input
{
    background: url(../img/common/buttonPrevious.gif);
}

 .buttonHolder .cancelButton input
{
    background: url(../img/common/cancel.gif);    
}

.buttonHolder .confirmButton input
{
    background: url(../img/common/confirm.gif);
}

.buttonHolder .loginButton input
{
    background: url(../img/common/login-white.gif);    
}

.wizardForm .checkboxHolder 
{
    /*margin-left: 130px;*/
}


.wizardForm .checkboxHolder span
{
    width:220px;
}
  
.wizardForm .checkboxHolder input
{
     background: none;
     border:none;
     width:20px;
     margin-top:3px;
}

.wizardForm .dobHolder select
{
    float:left;
    width:45px;
}

.wizardForm .dobYearHolder select
{
    float:left;
    width:60px;
}

.wizardForm .dobHolder span
{
    display:none;
}

.loginPane
{
    float:left; width:350px; margin-top:20px;
    border-left: solid 1px silver;
    padding-left:10px;
}  

.loginPane span
{
    width:70px;
}  

/* SHOW ROOM */

.showroomPanel {
    position:relative;     
    padding-right: 30px; 
    margin-top: 15px; 
    background: url(../img/common/background-showRoomPanel.gif); 
    padding-bottom: 10px; 
    margin-left: 20px; 
    width: 531px; 
    padding-top: 25px; 
    height: 86px; 
    background-repeat:no-repeat;    
}    

.showroomPanel img {
    border:none !important;
    position:relative; 
    top:-19px; 
    left:8px;    
}   

.showroomPanel div {
    position:absolute; 
    top: 20px; 
    left: 260px; 
    width: 252px;
}      

.captcha-text img 
{
    border:none !important;
}