﻿*  {
margin: 0;
padding: 0; }
	
img, fieldset  { border:none; }
 
body  {
font-family: tahoma;
height:100%;
margin:0 auto;
}
 
a, label  {
text-decoration: none;
font-family: Verdana;
}
 
label {
font-weight:bold;
}

h1 
{
clear: both;
font-size:18px;
color: #FF0000;
padding:5px 0px 10px 0px;
}

h2 {
font-size:16px;
padding:5px 0px 10px 0px;
}

h3 {
font-size:15px;
padding:5px 0px;
}

h4 {
font-size:14px;
padding:5px 0px;
}

h5 {
font-size:12px;
}

a:hover, a:focus  { text-decoration:underline; }

/* Small text */
.small, .smalldark, .createdate, .mosimage_caption,
.back_button, .pagenavcounter, .pagenav, .pagenavbar  {
     font-size: 12px;
}

.modifydate {
     font-size: 11px;
     padding-top: 10px; }

.pagenav, .pagenav_prev, .pagenav_next, .pagenavbar {
     padding: 0 2px;
}

p  {
    padding:5px; }

ul  {
	list-style: none; }
	
.contentpaneopen ul {
	list-style:disc;
	margin-left:10px;
	}

ul li  {
	padding: 2px; }

ol  {
	margin-top: 5px;
	margin-bottom: 5px; }

ol li  {
	margin-left: 15px; }

th  {
	padding: 4px;
	font-weight: bold;
	text-align: left; }

fieldset  {
	border: none; }

fieldset a  {
	font-weight: bold; }


a img  {
	border: none; }

td, div  {
	font-size: 12px; }
	
.clr {
    clear: both;
}
	
.w975 { width: 975px; }
.w975Hauto { width: 975px; height: auto; }
.w953 { width: 953px; }

.fLeft { float:left; }

/* General */

#s5_top_mod_wrap,
#s5_banner,
#footerContainer,
#divFormulaire,
#autresVehicule,
.hidePrint,
.listing_utilities,
#side1,
.pagination
{ display: none !important; }

/* MODULE STYLES
----------------------------------------------------------- */

.module_round_box-none {
padding:0px;
margin:0px;
}

.module_round_box-none .s5_inner_div {
padding:0px;
margin:0px;
}

.s5_mod_title_wrap_1-none {
margin-bottom:6px;
}

.module_round_box, 
.module_round_box-highlight, 
.module_round_box-boxed {
margin-bottom:8px;
}

.s5_mod_h3{
color:#FFFFFF;
}

#s5_content_area .s5_mod_title_wrap_1, 
.s5_component_wrap_1, #s5_button_wrap1 {
height:35px;
}

#s5_content_area .s5_mod_title_wrap_2, 
.s5_component_wrap_2, #s5_button_wrap2 {
height:35px;
padding-top:9px;
padding-left:14px;
color:#FFFFFF;
}

#s5_content_area .s5_mod_title_wrap_1-highlight {
height:35px;
}

#s5_content_area .s5_mod_title_wrap_2-highlight {
height:35px;
padding-top:9px;
padding-left:14px;
color:#FFFFFF;
}

#s5_right_column .s5_mod_title_wrap_1 {
height:35px;
}

#s5_right_column .s5_mod_title_wrap_2 {
height:26px;
padding-top:9px;
padding-left:14px;
}

#s5_right_column .s5_mod_title_wrap_1-highlight {
height:35px;
}

#s5_right_column .s5_mod_title_wrap_2-highlight {
height:26px;
padding-top:9px;
padding-left:14px;
}

.s5_mod_title_wrap_1-boxed {
padding-top:6px;
padding-bottom:6px;
padding-left:14px;
padding-right:14px;
color:#333333;
background:#EBEBEB;
border:solid 1px #CBCBCB;
}

.s5_component_wrap_1 .componentheading {
color:#FFFFFF; 
font-size:12px;
padding:0px;
border:none;
padding-top:1px;
}

.s5_component_wrap_1 {
margin-bottom:8px;
}

.s5_inner_div {
padding:4px;
padding-top:8px;
}

.s5_inner_div h2 {
color:#FF0000;
font-size:1.2em;
margin:5px 0 5px;
padding:0;
}

#s5_right_above_body_3 .s5_inner_div {
padding-left:0px;
padding-right:0px;
}

#s5_bottom_row_1_mod, #s5_bottom_row_2_mod, #s5_bottom_row_3_mod, #s5_bottom_row_4_mod {
float:left;
}

#s5_row1 .s5_inner_div {
padding:12px;
padding-bottom:8px;
margin-top:10px;
}

#s5_row1 .s5_mod_title_wrap_1 {
margin-top:-27px;
padding-left:14px;
position:relative;
}


/* Vehicule Detail */
.content_left 
{
float:left;
padding: 5px 15px 20px 0px;
width: 585px;
}


/* Top Vehicle Info */
.vehicle_info {
width: 584px;
float: left;
padding-top: 15px;
}

div.vehicle_info .listing_utilities {
float: left;
color: #888888;
width:300px;
text-decoration: none;
}

.vehicle_info .listing_utilities a:hover {
text-decoration: underline;
color: #616161;
}

.vehicle_info .price {
color: #559217;
font-size: 18px;
display: block;
float: right;
width: 111px;
text-align: center;
height: 35px;
line-height: 35px;
margin-bottom: 0;
font-weight: 600;
}


/* Vehicle Thumbnails */
.vehicle_thumbnails {
padding: 1px 0 0 0;
}

.vehicle_thumbnails img {
padding: 1px;
background-color: #FFF;
border: 1px solid #d1d1d1;
margin: 0 0 0 6px;
float: left;
}


.vehicle_thumbnails a {
position: relative;
display: block;
float: left;
}
.vehicle_thumbnails .row {
padding-bottom: 6px;
float: left;
}

.vehicle_thumbnails .row a:first-child img{
margin-left: 0;
}

/* Top Vehicle Detail */
.vehicle_detail {
width: 584px;
clear: both;
position: relative;
}

.vehicle_detail img {
padding: 1px;
background-color: #FFF;
border: 1px solid #d1d1d1;
}

.vehicle_detail .mileage {
font-size: 16px;
color: #333333;
font-weight: 600;
display: block;
width: 109px;
height: 34px;
line-height: 34px;
position: absolute;
right: 2px;
top: 2px;
text-align: center;
}


/* Vehicle Right Sidebar */
.content_right_content img.dealer {
background-color: #a3a3a3;
padding: 1px;
margin: 20px 0 0 0;
}

/* Car Modules
---------------------------------------------- */		

.car_modules {
float: left;
width: 580px;

margin-top: 10px;
clear: both;
/*padding-bottom: 10px;
margin-top: 30px;*/
}

.car_modules .item {
width: 280px;
float: left;
margin-bottom: 20px;
}

.car_modules .item.left {
margin-right: 20px;
}


.car_modules .item .picture {
background-position: -206px 0;
width: 120px;
padding: 5px 5px 3px 5px;
height: 92px;
float: left;
position: relative;
background-color: #5b5b5b;
}

.car_modules .item .picture img {
padding: 0 2px 2px 0;
position: absolute;

}

.car_modules .item .listing_options {
float: left;
width: 93px;
}

.car_modules .listing_options .price {
background-position: -336px 0;
display: block;
width: 140px;
height: 37px;
background-color: #d4ebbd;
font-size: 18px;
line-height: 37px;
color: #559217;
padding: 0 0 0 10px;
}

.car_modules .listing_options .mileage {
background-position: -336px -37px;
display: block;
width: 140px;
height: 32px;
background-color: #ededed;
font-size: 16px;
line-height: 32px;
color: #838383;
padding: 0 0 0 10px;
font-weight: 600;
}

.car_modules .listing_options .add {
background-position: -336px -69px;
display: block;
width: 140px;
height: 31px;
background-color: #d4ebbd;
font-weight: 600;
text-decoration: none;
line-height: 30px;
color: #559217;
font-size: 11px;
padding: 0 0 0 10px;
text-transform: uppercase;
}

.car_modules .listing_options .add span {
	padding-left: 14px;
}

.car_modules .item h4.title {
background-position: -336px 100%;
display: block;
width: 262px;
clear: both;
min-height: 11px;
font-size: 14px;
color: #000;
padding: 3px 9px;
background-color: #f1f1f1;
}

.car_modules .item h4.title a {
text-decoration: none;
color: #000;
}

.car_modules .item h4.title a:hover {
text-decoration: underline;
}

/* ADDED */


.content_left_content p a,
.content_left_content li a {
color: #555;
border-bottom: 1px solid #CCC;
text-decoration: none;
}
.content_left_content p a:hover,
.content_left_content li a:hover { border-bottom-color: #999; color:#2e2e2e; }
.content_left_content p a:active,
.content_left_content li a:active { border-bottom-color: #666; color:#0d0d0d; }

.content_left_content table.specifications {
font-size: 12px;
color: #666666;
}

.content_left_content table.specifications a {
color: #666666;
}

.content_left_content table.specifications strong { color: #000; }


.content_left_content table.specifications td {
width: 288px;
padding: 4px 8px;
border-right: 1px solid #e5e5e5;
}

.content_left_content table.specifications td.last,
.content_left_content table.specifications tr.alt td.last {
border-right: none;
}

.content_left_content table.specifications tr.alt td {
border-right: 1px solid #e3e5d7;
border-bottom: 1px solid #caccbf;
border-top: 1px solid #caccbf;
background-color: #fdffef;
}


/* options */
.option_column
{
float: left;
width: 290px;
}
.option_column ul
{

list-style-position: inside;
list-style-type: square;
}
.option_column ul li
{
margin-bottom: 0px;
}

/* general */
.browse_general_list ul
{
margin-top:10px;
color: #79a200;
list-style-position: inside;
list-style-type: square;
}
.browse_general_list ul li
{
margin-bottom: 7px;
}
.browse_general_list ul li a
{
color: #666666;
margin-bottom: 10px;
text-decoration: none;
}
.browse_general_list ul li a:hover
{
color: #808080;
text-decoration: underline;
}
.browse_general_list ul li a:active
{
color: #4d4d4d;
}


/* Content on the Right Side */
.content_right {
float: left;
color: #666666;
width: 340px;
font-size: 13px;
line-height: 18px;
}
.content_right .content_right_content h3 {
color: #333333;
font-size: 18px;
padding-bottom: 4px;
}
		
.content_right_content p.alert {
padding-left: 45px;
color: #666666;
font-size: 13px;
}
					
.content_right_content p.alert a {
color: #c06a00;
text-decoration: none;
border-bottom: 1px solid #dfbd92;
font-weight: 600;
}
						
.content_right_content p.alert strong { color: #444444; }
						
.content_right_content img {
margin: 20px 0 10px 0;
}
					
.content_right_content {
color: #464646;
font-size: 14px;
line-height: 20px;
padding: 0px 20px;
					
}
					
.content_right_content1 {
color: #464646;
font-size: 14px;
line-height: 20px;
padding-left:0px;
padding-top:0px;
}
						
.content_right_content p {
padding-bottom: 10px;
color: #555555;
}
							
.content_right_content p a {
color: #666;
border-bottom: 1px solid #dadada;
text-decoration: none;
}
.content_right_content p a:hover { border-bottom-color: #a6a6a6; color:#404040; }
.content_right_content p a:active { border-bottom-color: #737373; color:#1a1a1a; }
						
.content_right_content span.emphasize {
color: #000000;
}
.content_right_content span.emphasize a { color: #000; }
						
.content_right_content strong.faded {
color: #6e6e6e;
font-weight: 400;
}
						
.content_right_content h3 {
font-size: 16px;
color: #000;
padding-top: 0px;
}
						
.content_right_content h3 a {
color: #000;
border-bottom: 1px solid #c2c2c2;
text-decoration: none;
}
							
.content_right_content h3 a:hover {
border-bottom: 1px solid #000;
}

									
/* Form Formatting for Right Side Content */
.content_right_content .segment1, .content_right_content .segment2 {
width: 141px;
float: left;
padding-bottom: 10px;
}
									
.content_right_content .segment1 {
padding-right: 17px;
}
									
					
/* Content Right Modules */
.content_right .module_alt_wrap { margin-top: 20px; }
.content_right .module_alt { padding-bottom: 20px; }
						
.content_right .module_wrap {
padding-bottom: 20px;
}
						
.content_right .module_alt_wrap,
						
.content_right .module_alt_wrap { background-color: #e7f1f9; background-repeat: no-repeat; background-position: -341px 0; }
.content_right .module_wrap { background-color: transparent; background-repeat: no-repeat; background-position: 0 0; }
						
.content_right .module_alt_wrap,
.content_right .module_wrap {
padding-top: 20px;
width: 341px;
float: left;
}
						
.content_right .module_alt { background-color: transparent; background-repeat: repeat-y; background-position: -682px 0; }
							
.content_right .module_alt,
.content_right.module {
float: left;
width: 341px;
}
							
.content_right .module_alt .content_right_content,
.content_right .module .content_right_content { padding-top: 0; }
							
.content_right .module_alt .divider {
margin-top: 10px;
height: 21px;
}

/* Accueil */

h1.TitleHome
{
	clear :both;
	font-family: Verdana; 
	text-decoration: none; 
	text-transform: uppercase; 
	padding-top: 7px;	
	font-size:16px;
}

.main_image
{
    width: 530px;
    height: 398px;
    float: left;
    background: #333;
    position: relative;
    overflow: hidden;
    color: #fff;
}

.main_image h2
{
    font-size: 1.8em;
    font-weight: normal;
    padding: 5px 5px 0px 5px;
    text-transform:uppercase;
}

.main_image p
{
    font-size: 1.2em;
    line-height: 1.6em;
    padding: 5px;
    margin: 0;
}
.block small
{
    font-size: 1em;
    padding: 0;
}

.main_image .block small
{
    margin-left: 10px;
}

.main_image .desc
{
    bottom: 0;
    left: 0; /*--Stick the desc class to the bottom of our main image container--*/
    width: 100%;
    display: none; /*--Hide description by default, if js is enabled, we will show this--*/
}

.main_image .block
{
    width: 100%;
    background: #111;
    border-top: 1px solid #000;
}

.main_image a.show
{
    background-position: left bottom;
}

.main_image .block a:link
{
    color: #ff0000 !important;
}

.image_thumb
{
    float: left;
    width: 428px;
    background: #f0f0f0;
    border-right: 1px solid #fff;
    border-top: 1px solid #ccc;
}

.image_thumb img
{
    border: 2px solid #ccc;
    padding: 3px;
    background: #fff;
    float: left;
}

.image_thumb ul
{
    margin: 0;
    padding: 0;
    list-style: none;
}
.image_thumb ul li
{
    margin: 0;
    padding: 6px 5px;
    width: 418px;
    height: 78px;
    float: left;
    border-bottom: 1px solid #ccc;
    border-top: 1px solid #fff;
    border-right: 1px solid #ccc;
}

.image_thumb ul li.hover
{
    /*--Hover State--*/
    background: #ddd;
    cursor: pointer;
}

.image_thumb ul li.active
{
    /*--Active State--*/
    background: #fff;
    cursor: default;
}

.image_thumb ul li.active img
{
    border: 2px solid #ff0000;
}

html .image_thumb ul li h2
{
    /*font-size: 1.2em;*/
    margin: 0 0 5px 0;
    padding: 0;
    color: #ff0000;
    text-transform:uppercase;
}

.image_thumb ul li .block
{
    float: left;
    margin-left: 10px;
    padding: 0;
    width: 308px;
    color: #4f4f4f;
}

.image_thumb ul li p
{
    display: none;
}

/*--Hide the description on the list items--*/
        
div.scrollable { 
    position:relative; 
    overflow:hidden; 
    width: 826px; 
    height:240px; 
} 
        
div.scrollable p {
    border-top:1px solid #000;
    font-size:1.1em;
    font-weight:bold;
    padding:5px 0 0;
    text-align:center;
}

div.scrollable ul.items { 
    width:20000em; 
    position:absolute; 
} 
         
div.scrollable ul.items div { 
    float:left; 
} 
        
div.scrollable ul.items a 
{ 
    border:medium none;
    outline-color:-moz-use-text-color;
    outline-style:none;
    outline-width:medium;
}

div.scrollable ul.items a img
{border:solid 1px #fff;}

/* --- SLIDER --- */

div.scrollable ul.items
{
    letter-spacing:0em;
    list-style-image:none;
    list-style-position:outside;
    list-style-type:none;
    margin:0;
    padding:0;
}

div.scrollable ul.items li
{
	float:left;
	list-style:none;
	margin-right:0;
	margin:0;
	width:202px;
}

div.scrollable ul.items .thumb
{
	width:200px;
	height:159px;
	cursor:pointer;
	margin:0px;
	padding:0px;
}
        
/* this makes it possible to add next button beside scrollable */
.scrollable {
	float:left;	
}

/* prev, next, prevPage and nextPage buttons */
a.browse {
	display:block;
	width:30px;
	height:30px;
	float:left;
	margin:65px 0px;
	cursor:pointer;
	font-size:1px;
}

/* Search Results Listing */
.search_listings {
width: 717px;
float: left;
padding: 5px 0px 5px 10px;
}

.listing_wrap_outer {
width: 717px;
margin-bottom: 20px;
float: left;
}

.listing_wrap { /* for top rounded edges */
width: 616px;
padding-top: 5px;
float: left;
}
.listing_wrap_featured { /* for top rounded edges */
width: 616px;
padding-top: 5px;
float: left;
}
.listing_wrap .listing_wrap2 { /* for bottom rounded edges */
padding-bottom: 4px;
width: 616px;
float: left;
}
.listing_wrap_featured .listing_wrap2_featured { /* for bottom rounded edges */
padding-bottom: 4px;
width: 616px;
float: left;
}



.listing_wrap .listing { /* for content */
float: left;
width: 616px;
position: relative;
}
.listing_wrap_featured .listing.featured { /* for content */
float: left;
width: 616px;
position: relative;
}

.listing .picture {
width: 160px;
float: left;
padding: 0 5px;
position: relative;
/*height: 120px;
margin-bottom:2px;*/
}

.listing .picture img {
padding: 0 2px 2px 0;
float: left;

}

.listing .listing_content {
width: 425px;
float: left;
padding: 0 0 0 10px; 
}


.listing .listing_content h2,
.listing .listing_content h2 a{
color: #ff0000;
font-size: 15px;
text-decoration: none;
padding:0;
text-transform:uppercase;
}

.listing .listing_content h2 a:hover {
text-decoration: underline;
}

.listing .listing_content h3 {
color: #666;
font-size: 14px;
text-decoration: none;
padding-bottom: 4px;
}

.listing .listing_content p.desc {
color: #666666;
font-size: 13px;
padding-top: 8px;
padding-bottom: 8px;
line-height: 18px;

}

.listing .listing_content p.financing {
color:#559217;
font-size: 14px;
padding-bottom: 0px;
line-height: 18px;
font-weight:bold;
}

.listing .listing_content  ul.left {
    float: left;
    width: 210px; 
    margin: 0px;
    padding: 0px;
    border: 0px none; 
    list-style-position: inside;
    list-style-type: square;
  }


.listing .listing_content .sponsor p {
float:left;
padding-bottom: 0;
color: #777777;
font-size: 12px;
padding-top: 1px;
line-height: 15px;
/*width: 301px;
border-right: 1px solid #dedede;*/
}

.listing .listing_content .sponsor a {
color: #777777;
text-decoration: none;
}

.listing .listing_content .sponsor a:hover { color: #454545; }
.listing .listing_content .sponsor a:active { color: #121212; }

.listing_wrap_outer .listing_options {
width: 100px;
height: 50px;
float: left;
position: relative;
left: -1px;
}

.listing_wrap_outer .listing_options .price {
display: block;
width: 95px;
height: 37px;
background-color: #d4ebbd;
font-size: 17px;
line-height: 37px;
color: #559217;
padding: 0 0 0 6px;
}

.listing_wrap_outer .listing_options .mileage {
background-position: 0 -37px;
display: block;
width: 95px;
height: 32px;
background-color: #ededed;
font-size: 16px;
line-height: 32px;
color: #838383;
padding: 0 0 0 6px;
font-weight: 600;
}


/* Search Results Aside Bar 
---------------------------------------------- */

.module {
width: 200px;
padding: 10px;
font-size: 12px;
color: #646564;	
}

div.results{
font-size: 16px;
color: #646564;
margin: 0 0 10px 0;
}

div.results em {
font-size: 14px;
font-style: normal;
}

div.results span.text_intro {
float: left;
}

div.results span.text_blocked,
div.results span.text_blocked a {
white-space:nowrap;

}

div.results span.text_blocked {
display: inline-block;
float: left;
padding-left: 6px;
margin-left: 4px;
font-size: 14px;
line-height: 22px;
margin-bottom:4px;

}

div.results span.text_blocked span {
float: left;
}

div.results span.text_blocked a {
background-position: top right;
float: left;
overflow: hidden;
text-indent: -9999px;
display: inline-block;
height: 0;
width: 22px;
padding-top: 22px;
}

.SearchField
{
	margin-bottom:7px;
}

.SearchField label {
font-size:0.9em;
font-weight:bold;
}

.SearchField select {
margin:5px 0 3px;
}
