/*
Copyright (c) 2006, Publications Le Guide. All rights reserved.
last update: 01.12.2006
by: Alexandre Geoffrion
SKIN pour DETAILLANTS PERSO
*/

/* ########## start: header style ########## */
/* Edit: Changer le fond du menu autoexpert pour le bas arrondie match le header du det. */
#hd {
	background-image: url(bghead.jpg);
}
/* ########## end: header style ########## */

/* ########################### start: BODY CLASS ########################### */
/* Edit: Changer header det. ACCUEIL */
#headdet {
	width: 964px;
	height: 199px;
	background-image: url(headbg.jpg);
	background-repeat: no-repeat;
	float:left;
}
/* Edit: Couleur de base du texte du header det. ACCUEIL */
#headdet h1, h3, h4, p {
	color:white;
}
#headdet h1 {
	color:white;
}
#headdet h3 {
	color:white;
}
/* Edit: Changer header det. AUTRE PAGE */
#headdetSmall {
	background-image: url(headbgsmall.jpg);
}
/* Edit: Couleur de base du texte du header det. AUTRE PAGE */
#headdetSmall h1, h3, h4, p {
	color:white;
}
/* Edit: Changer bordure du logo */
#headdetSmall img {
	border: 1px solid #fff;
}
#headdetSmall h1 {
	color:white;
}

/* Edit: Changer barre de listing de resultat */
div.resultToolbar {
	background: url(bgresulttoolbar_637.jpg) top left no-repeat;
}

/* ########## start: secondary column style ########## */
/* Edit: Changer fond "Notre inventaire d'autos à vendre" */
div.secondary {
  background: url(bgheader_300px.jpg) top left no-repeat;
}
/* Edit: ??? */
/*
div.secondary .roundbottom {
	background-image: url(bgfooter_300px.gif);
}
*/
/* Edit: ??? */
/*
div.secondary .blue {
background-color:#e3edf5;
background-image: url(bgfooter_184px.gif);
}
*/
div.secondaryBody {
	color: #fff;
}
/*
div.secondaryBody label {
	color: #fff;
}
*/
/* Edit: Changer le rectangle arrondi du haut et la couleur de la boite */
div.secondaryTxt {
	background-image: url(topbox_300px.gif);
	background-color: #001f40;
	width: 300px;
}
/* Edit: Changer le rectangle arrondi du bas */
div.secondaryTxt .roundbottom {
background-image: url(botbox_300px.gif);
}
/* Edit: Changer la couleur gen. du texte */
div.secondaryTxtArea {
color:white;
}
/* Edit: Changer la couleur du H1 */
div.secondaryTxtArea h1 {
color:white;
}
/* Edit: Changer la couleur du H2 */
div.secondaryTxtArea h2 {
color:white;
}
/* Edit: Changer la couleur du H3 de texte */
div.secondaryTxtArea h3 {
color:white;
}
/* Edit: Changer la couleur du PARagraphe */
div.secondaryTxtArea p {
color:white;
}
/* Edit: Changer la couleur du BOLD */
div.secondaryTxtArea strong {
color:white;
}
/* Edit: Changer la couleur du LI */
div.secondaryTxtArea li {
color:white;
}
/* Edit: Changer la couleur du LIEN */
div.secondaryTxtArea p a {
/*color:#000;*/
}

/*Landing pages css start ----------------------------------------------------------- */
#landingpage_main div{
   float:left;
   margin:10px 0 0 10px;
}

/*Model start*/
#landingpage_main #model {
	background: #dceaf7;
	width: 559px;
	height: 289px;
	padding-top: 10px;
	font-family: helvetica, arial, sans-serif;
    margin-left:20px;
	}

#landingpage_main #model img{
    margin:0 0 0 16px;
}

#landingpage_main #model h1 {
	 background: #182e5b;
	 background: -moz-linear-gradient(top, #182e5b, #182e5b);
	 background: -webkit-gradient(linear, left top, left bottom, from(#182e5b), to(#182e5b));
	 padding: 10px 10px;
	 margin-top: 0;
	 position: relative;
	 width: 70%;
     color: #fff;
}

#landingpage_main #model .arrow {
	 width: 0; height: 0;
	 line-height: 0;
	 border-left: 20px solid transparent;
	 border-top: 10px solid #000;
	 top: 104%;
	 left: 0;
	 position: absolute;
     display:none;
}

#landingpage_main #model .arrow{
   *top: 100%;
}
/*Model end*/

/*Email start*/
#landingpage_main #email{
    width:329px;
    height:199px;
    background:url(email_bg.jpg) no-repeat;
    display:block;
    font-size: 25px;
    font-weight:bold;
    text-align:center;
    float:left;
    color:#fff;
    margin:10px;
    padding-top:100px;
}

#landingpage_main #email #email_bestprice{
    color:#000;
    margin: 70px 0 0 0;
    padding:15px;
}

#landingpage_main #email #email_bestprice p{
    color:#000;
}

#landingpage_main #email #email_bestprice input{
    margin: 10px 0 0 0;
}

#landingpage_main #email #email_bestprice #quicklead_bestprice_form_quickemail{
  height:20px;
  font-size:18px;
  width:240px !important;
  margin:13px 0 0 5px !important;
  background:none;
  border:none;
}

#landingpage_main #email #email_bestprice div{
    font-size: 9px;
}

#landingpage_main #email #email_bestprice #quicklead_bestprice_form_submitButton{
  margin-top:15px;
}


/*Email end*/


/*Description start*/
#landingpage_main #description{
    width:912px;
}

#landingpage_main #description p{
    padding:10px 30px;
    color:#000;
    text-align:justify;
}

#landingpage_main #description div{
    float:none;
    margin:0;
}

#landingpage_main #description .header{
    height:46px;
    background:url(description_bg_header.jpg) no-repeat;
}

#landingpage_main #description .header h3{
    padding-top:3px;
}

#landingpage_main #description .center{
    background:url(description_bg_center.jpg) repeat-y;
}

#landingpage_main #description .footer{
    height:27px;
    background:url(description_bg_footer.jpg) no-repeat;
}
/*Description end*/

/*Inventory start*/
#landingpage_main #inventory{
    width:912px;
    height:219px;
    background:url(inventory_bg.jpg) no-repeat;

}

#landingpage_main #inventory .title{
  color:#fff;
  margin-left:70px;
  width:100%;
}

#landingpage_main #inventory .cars{
  padding-left:6px;
  margin-top:10px;
}

#landingpage_main #inventory .cars table{
  border-collapse: separate !important;
  border: double 0px black !important;

}

#landingpage_main #inventory .cars td{
 padding-left:5px;
 border-collapse: separate !important;
 border: double 0px black !important;
 width:140px;
}

#landingpage_main #inventory .cars table div{
    margin:0;
    padding:0;
    width:140px !important;
    color:#fff;
}

#landingpage_main #inventory .cars table a:link,
#landingpage_main #inventory .cars table a:visited,
#landingpage_main #inventory .cars table a:hover,
#landingpage_main #inventory .cars table a:active{
    color:#fff;
}
/*Inventory end*/



/* Code pour autoComm pages */
#TB_window{
    background-image: url(backg.png);
    background-position: center top;
    background-repeat: repeat;
    color: #656565;
    text-shadow: 0 1px 1px #FFFFFF;
    font-weight: bold!important;
    height:395px!important;
    top: 35%;
    border: 3px solid #777777;
    -moz-border-radius:5px;
    -webkit-border-radius:10px;
    -o-border-radius:10px;
    border-radius:10px;            
}


textarea.fullsize, input.fullsize {
    margin-top: 5px;
    width: 99%;
    height:25px!important;
    font-size:14px;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    -o-border-radius:5px;
    border-radius:5px;    
}

textarea.normalsize, input.normalsize {
    margin-top: 5px;
    width: 180px;
    height:25px!important;
    font-size:14px;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    -o-border-radius:5px;
    border-radius:5px;      
}

#TB_ajaxContent li{autoComm_PrivacyPolicy
    padding-top:10px!important;
    color: rgba(0, 0, 0, 0.9);
    text-shadow: 0 1px 1px #FFFFFF;
}

.txtBlue1{
    color: #44444F!important;
    color: rgba(0, 0, 0, 0.6);
    font-weight: bold;
    text-shadow: 0 1px 1px #FFFFFF;
}

#TB_title{
    background-color: #777777!important;
}

#TB_title:before {
 content:" Meilleurs prix chez Desjardins Ford! ";
 font-size:15px;
 color:#000!important;
 text-shadow: 0 0.5px 0.5px #FFFFFF;
}

#TB_window a:hover{
    color: #000!important;
}

#TB_ajaxContent {
    padding: 2px 15px 25px;
}

#TB_closeAjaxWindow a{
    text-shadow: 0 0 0 #FFFFFF;
}

/* External links buttons style */
/* Color selected: blue */

#idSocMedDiv{
    width:912px;
    text-align: right;
    padding:15px 0;
}
#idSocMedDiv li{
    display:inline;
    padding-right:30px;
}

.button {
    width:250px!important;
	display: inline-block;
	outline: none;
	cursor: pointer;
	text-align: center;
	text-decoration: none;
	font: 14px/100% Arial, Helvetica, sans-serif;
	padding: .4em 1em .45em;
	text-shadow: 0 1px 1px rgba(0,0,0,.3);
	-webkit-border-radius: .5em;
	-moz-border-radius: .5em;
    -o-border-radius: .5em;
	border-radius: .5em;
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	-o-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	box-shadow: 0 1px 2px rgba(0,0,0,.2);
}
.button:hover {
	text-decoration: none;
}
.button:active {
	position: relative;
	top: 1px;
}
.bluel {
	color: #d9eef7;
	border: solid 1px #15335A;
	background: #0095cd;
	background: -webkit-gradient(linear, left top, left bottom, from(#7BA5BB), to(#193F70));
	background: -moz-linear-gradient(top,  #7BA5BB,  #193F70);
    background: -o-linear-gradient(top,  #7BA5BB,  #193F70);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#7BA5BB', endColorstr='#193F70');
}
.bluel:hover {
	background: #007ead;
	background: -webkit-gradient(linear, left top, left bottom, from(#193F70), to(#7BA5BB));
	background: -moz-linear-gradient(top,  #193F70,  #7BA5BB);
    background: -o-linear-gradient(top,  #193F70,  #7BA5BB);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#193F70', endColorstr='#7BA5BB');
}
.bluel:active {
	color: #80bed6;
	background: -webkit-gradient(linear, left top, left bottom, from(#193F70), to(#7BA5BB));
	background: -moz-linear-gradient(top,  #193F70,  #7BA5BB);
    background: -o-linear-gradient(top,  #193F70,  #7BA5BB);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#193F70', endColorstr='#7BA5BB');
}
.bluel img {
    border:0px;
    padding-left:10px;
    vertical-align: middle;
    padding-bottom:2px;
}

.clear {
	clear: both;
}
/*Landing pages css end ----------------------------------------------------------- */