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

Function: _CSS-MAIN
Project: LePrixDuGros.com (2010)
Version: v1.1
Created: 2010/04/27
Modified: 2010/08/26
Other: uncompressed CSS | CSS 2.1

Christophe Humbert
autoExpert.ca (c)

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

body {
    overflow-x:hidden;
    height:100%;
    background-color:#FFF !important;
}

#container {
 margin: 0 auto;
 width: 100%;
 background: url(../images/bckground.jpg) center 0 repeat-y #FFF;

}

div.blocCenter{
    width:1000px;
    margin:0 auto;
}

/*#txtContentTop{
    width:980px;
    padding:10px 10px 0px 10px;
    border-bottom:1px dashed #003300;
    clear: both;
}

#txtContentTop p{
    text-align:justify;
    width:600px;
}*/



#txtContentTop {
    width: 980px;
    padding:10px 10px 15px 10px;
    border-bottom: 1px dashed rgb(0, 51, 0);
    clear: both;
    background-color: #fff;
}
#txtContentTop p {
    text-align: justify;
    width: 685px;
}

#txtContentTop span {
    margin-left: 700px;
    position: absolute;
    top: 175px;
    width: 285px;
}

#txtContentTop a{
  text-decoration:none;
  color:#4C6010;
}

#txtContentTop a:hover{
  text-decoration:underline;
  color:#97B35E;
}

p a{
  text-decoration:none;
  color:#4C6010;
}

p a:hover{
  text-decoration:underline;
  color:#97B35E;
}


/* ---------------------------------------- start::HEADER */
#header {
    background: url(../images/header-bg-green.jpg) center 0 repeat-x #fff;
    color: #333;
    width: 100%;
    float: left;
    height: 158px; /* orig: 165*/
    margin: 0;
}

#headContent{
    width:1002px;
    height:221px;
    margin:0 auto;
    color:#fff;
    text-align:justify;
}

#headContent div.CntAddress{
    float:right;
    width:465px;
    margin-top:0px;
    color:#fff;
}

#headContent div.CntAddress p{
    font: normal 12px Arial, Helvetica, 'Liberation Sans', Verdana, FreeSans, sans-serif;
    padding:5px 0px;
    color:#fff;
    border-bottom:1px dashed #fff;
    text-align: justify;
}

#headContent div.headLogo{
    float:left;
    position:relative;
}
/* end::HEAD -------------------------------------------- */


/* ---------------------------------------- start::LeftCol_MENU */
#LeftCol_MENU {
 background-color: #fff !important;
 margin: 0px;
 padding: 10px;
 width: 199px;
 float: left;
}
/* end::LeftCol_MENU ------------------------------------------ */


/* ---------------------------------------- start::RightCol_CONTENT */
#RightCol_CONTENT {
 float: right;
 color: #333;
 background: #fff;
 margin: 0px;
 padding: 10px;
 width: 760px;
 display: inline;
}

#RightCol_CONTENT table.tblLeGrosPlus{
    width:750px;
    height:190px;
    margin-left:auto;
    margin-right:auto;
}

#RightCol_CONTENT table.tblLeGrosPlus th, #RightCol_CONTENT table.tblLeGrosPlus td{
    vertical-align:middle;
}

#RightCol_CONTENT table.tblLeGrosPlus td{
    background: transparent url(../images/checkbox.png) no-repeat scroll 15px 2pt;
    height:30px;
    padding-left:55px;
}

#RightCol_CONTENT table.tblLeGrosPlus td.clearTD{
background:none !important;
}

#RightCol_CONTENT table.tblLeGrosPlus th.titleTD{
  vertical-align:top;
  width:100%;
}

.gpH4{
  color:#000;
  font-size:16px;
  vertical-align:top;
}

div.priceImgBigbox{
    float:right;
    height:278px;
    width:465px;
    margin-top:-345px;
    padding-left:10px;
    border-left:2px solid #000;
    text-align:center;
}

div.priceImgBanner{
  float:left;
  width:752px;
  margin-top:-105px;
  height:85px;
}

#RightCol_CONTENT div.bizformContainer table{
    margin-top:17px;
}

#RightCol_CONTENT div.bizformContainer{
    margin-top:-35px;
    *+margin-top:-25px; /* hack IE7 */
}

#RightCol_CONTENT div.bizformContainer #_ctl0_ContentPlaceHolder1_Bizform1_lblErrorLabel{
    position:absolute;
    margin-top:50px !important;
    *+margin-top:25px !important; /* hack IE7 */
    font-weight: bold !important;
}

#RightCol_CONTENT p.hdCreditForm{
    height:30px;
    width:750px;
    line-height: 30px;
    text-align:center;
    text-transform: uppercase;
    color: #fff;
    font-weight: bold;
    font-size: 14px;
    background: url(../images/bgTD.jpg) center 0 repeat-x #000;
}

#RightCol_CONTENT p.hdCreditFormRed{
    height:30px;
    width:100%;
    line-height: 30px;
    text-align:left;
    color: #000;
    font-weight: bold;
    font-size: 11px;
}

#RightCol_CONTENT div.bizformContainer td{
    vertical-align: middle;
    padding:5px 0 5px 15px;
}

#RightCol_CONTENT div.bizformContainer td.sizecol1{
    background-color:#CCCCCC;
    border-bottom:1px solid #000;
    color:#000;
}
/* end::RightCol_CONTENT ------------------------------------------ */


/* ---------------------------------------- start::COUPONS-RABAIS */
#txtContentTop div.detCouponsRabais{
    width: 980px;
    clear: both;
}

div.detCouponsRabais p{
    text-align: justify;
    width: 970px !important;
}

#RightCol_CONTENT table.tblCouponsRabais{
    width:750px;
    height:190px;
    margin-left:auto;
    margin-right:auto;
}

#RightCol_CONTENT table.tblCouponsRabais th, #RightCol_CONTENT table.tblCouponsRabais td{
    vertical-align:middle;
}

#RightCol_CONTENT table.tblCouponsRabais td{
    background: transparent url(../images/checkbox.png) no-repeat scroll 15px center;
    height:30px;
    padding-left:55px;
    font:bold 14px arial, helvetica, verdana;
    color:#000;
}

#RightCol_CONTENT table.tblCouponsRabais td.clearTD{
background:none !important;
}

#RightCol_CONTENT table.tblCouponsRabais th.titleTD{
  vertical-align:top;
  width:100%;
}
/* end::COUPONS-RABAIS ------------------------------------------ */


/* ---------------------------------------- start::SERVICE */
#txtContentTop div.detService{
    width: 980px;
    clear: both;
}

div.detService p{
    text-align: justify;
    width: 970px !important;
}

#RightCol_CONTENT table.tblService{
    width:750px;
    text-align: justify;
    vertical-align: top;
    margin:0px;
    padding:0px;
}
/* end::SERVICE ------------------------------------------ */


/* ---------------------------------------- start::FOOTER */

#footer {
 width: 100%;
 height:225px;
 clear: both;
 color: #fff;
 font-size:12px;
 font-weight:bold;
 background-color: #080901;
 margin: 0 auto;
 padding-top: 20px;
 text-align:center;
 border-bottom:3px solid #41413F;
}

#footer p{
   color: #666666;
    font: 11px/18px Arial,Helvetica,verdana,sans-serif;
}

#footer a{
   color:#666;
   font:normal 11px/18px Arial, Helvetica, verdana, sans-serif;
   text-decoration:none;
}

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

#footer .FooterMenu ul li{
  display: inline;
  padding:0 3px;
}

.FooterLinks {
    font: 10px Arial,Helvetica,verdana,sans-serif;
    margin: auto;
    width: 815px;
}

.FooterLegal p{
	font:normal 10px Arial, Helvetica, verdana, sans-serif;
	text-align:center;
}

.FooterLegal a{
}

#footer img{
	border:0;
}
/* end::FOOTER ------------------------------------------ */



/* ---------------------------------------- start::BUTTON_MENU */
#nav {
	width: 200px;
	list-style: none;
	margin: 0;
	padding: 0;
}

#nav li {
  height:30px;
  color: #fff ;
  margin-bottom: 1px ;
  margin-bottom:10px;
}

#nav li a {
	display: block ;
	background: url(../images/button.jpg) 0 0 no-repeat;
	color: #bababa;
	font: bold 14px Arial, Helvetica, 'Liberation Sans', Verdana, FreeSans, sans-serif;
	line-height: 1em ;
	padding-top: 9px;
	padding-bottom: 9px;
	padding-left: 20px;
	text-align: left ;
	text-decoration: none ;
}

#nav li a:hover, #nav li a:focus, #nav li a:active {
	background: url(../images/button-hover.jpg) 0 0 no-repeat;
	color:#fff;
}
/* end::BUTTON_MENU ------------------------------------------ */




/* ---------------------------------------- start::VEHICLE-SET-LIST */
#tabMain div.split50Left{
    position:relative;
    z-index:99;
	width: 100%;
	float: left;
	overflow-x: hidden;
	overflow-y: hidden;
	margin: 10pt 0pt 0pt 0pt;
    height:350px;
}

#tabMain div.split50Left ul{
    margin: 0pt;
    float: left;
    width: 250px;
}

#tabMain div.split50Left li{
    clear: left;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 26px;
    background: transparent url(../images/bg_iconsPNG_red.png) no-repeat 0px center;
    font: 12px/26px Arial, Helvetica, 'Liberation Sans', Verdana, FreeSans, sans-serif;
}

#tabMain div.split50Left li a{
    color:#336699;
    text-decoration:none;
}

#tabMain div.split50Left li a:hover{
    color:#CC0000;
    text-decoration:none;
}
/* end::VEHICLE-SET-LIST ------------------------------------------ */



/* ---------------------------------------- start::VEHICLE-PROMOTION-SET */
#tabMain div.promoDiv{
	width: 100%;
	float: left;
	overflow-x: hidden;
	overflow-y: hidden;
	/*margin: 10pt 0pt 20pt 0pt;*/
}

#tabMain div.promoDiv ul{
    margin: 0pt;
    float: left;
    width: 250px;
    background-color:#fff;
}

#tabMain div.promoDiv li{
    clear: left;
    line-height: 20px;
    text-align:center;
    padding-left:0px;
    background: url(../images/diapo.png) no-repeat 13px top #fff;
    height:239px;
}

#tabMain div.promoDiv li a{
    color:#4F6073;
    font-weight:bold;
    text-decoration:none;
    margin-top:18px;
}

/*
#tabMain div.promoDiv li a:first-child{
    background:url(../images/shadow.png) 0 0 no-repeat;
    display:block;
    width:150px;
    height:115px;
    text-align:left;
    vertical-align:top;
    margin-left:10px;
}
*/


#tabMain div.promoDiv li a:hover{
    color:#000;
}

#tabMain div.promoDiv li a:first-child:hover{
    color:#4F6073;
}


#tabMain div.promoDivImg{
    width:165px;
    padding-bottom:15px;
    padding-top:28px;
    margin-bottom:35px;
    text-align:center;
    margin:auto;
}

#tabMain div.promoDivImg img{
  padding-bottom:10px;
  opacity:0.8;
  filter:alpha(opacity=80);
}

#tabMain div.promoDivImg img:hover{
  opacity:1;
  filter:alpha(opacity=100);
}


/*
#tabMain div.promoDivImg:hover{
    background-color:#fff;
}
*/
/* end::VEHICLE-PROMOTION-SET ------------------------------------------ */



/* ---------------------------------------- start::VEHICLE-CATEGOTY-SET */
#tabMain div.catDiv{
	width: 100%;
	float: left;
	overflow-x: hidden;
	overflow-y: hidden;
	margin: 10pt 0pt 20pt 0pt;
}

#tabMain div.catDiv ul{
    margin: 0pt;
    float: left;
    width: 180px;
    background-color:#fff;
}

#tabMain div.catDiv li{
    clear: left;
    line-height: 20px;
    text-align:center;
    padding-left:18px;
    background-color:#fff;
}

#tabMain div.catDiv li a{
    color:#4F6073;
    font-weight:bold;
    text-decoration:none;
    margin-top:15px;
}

#tabMain div.catDiv li a:hover{
    color:#CC0000;
    text-decoration:none;
}

#tabMain div.catDivImg{
    width:150px;
    padding-bottom:8px;
    padding-top:8px;
    margin-bottom:10px;
}

#tabMain div.catDivImg img{
    opacity:0.6;
    filter:alpha(opacity=60);
}

#tabMain div.catDivImg img:hover{
    opacity:0.99;
    filter:alpha(opacity=99);
}
/* end::VEHICLE-CATEGOTY-SET ------------------------------------------ */



/* ---------------------------------------- start::SEARCH-BOX */
#toolbarSearch select, #toolbarSearch input, #toolbarSearch textarea {
  font: 99% arial, helvetica, clean, sans-serif;
}

body * {
  line-height: 1.22em;
}

#toolbarSearch fieldset {
  margin-left: 10px;
}

#toolbarSearch legend {
  display: none;
}

#toolbarSearch select, #toolbarSearch input, #toolbarSearch textarea {
  vertical-align: middle;
}

#toolbarSearch textarea.normalsize, #toolbarSearch input.normalsize, #toolbarSearch select.normalsize {
  margin-top: 25px;
  width: 180px;
}

#toolbarSearch textarea.mediumsize, #toolbarSearch input.mediumsize, #toolbarSearch select.mediumsize {
  margin-top: 25px;
  width: 125px;
}

#toolbarSearch textarea.smallsize, #toolbarSearch input.smallsize, #toolbarSearch select.smallsize {
  margin-top: 25px;
  width: 70px;
}

#toolbarSearch {
  width: 750px;
  /* ES Modif */
  /* height: 300px; */
  height: 250px;
  margin-top:5px;
  padding-top:10px;
  float: left;
  font-size: 92%;
  border-bottom:1px solid #000;
}

#toolbarSearch h2, #toolbarSearch h3{
    background: url(../images/bgTD.jpg) center 0 repeat-x #000;
    color:#fff;
    padding-left:10px;
    height:15px !important;
    line-height:27px !important;
}

#toolbarSearch label {
  margin-top: 27px;
  margin-right: 7px;
  width: 80px;
  float: left;
  color: #53890D;
  font-weight: bold;
  text-align: right;
  vertical-align: middle;
  line-height: inherit;
}

#toolbarSearch .btnarea {
  background: transparent url(../images/btn-rechercher.gif) no-repeat 0px 0pt;
  height:22px;
  width:85px;
  float: left;
  font-weight: bold;
  text-align: center;
  vertical-align: middle;
  padding-top:3px;
  margin:20px 0 0 98px;
}

#toolbarSearch .btnarea a{
    color:#bababa;
    font-weight:bold;
    text-decoration:none;
}

#toolbarSearch .btnarea a:hover{
    color:#fff;
}

#toolbarSearch .toolcontent01 {
  float: left;
  /* ES Modif */
  /* width: 356px; */
  width: 334px;
  text-align: left;
}

#toolbarSearch .toolcontent02 {
  float: left;
  /* ES Modif */
  /* width: 334px; */
  width: 356px;
  margin-bottom: 10px;
  text-align: left;
}

div.searchImg{
  float:left;
  width:749px;
  margin-top:25px;
  margin-bottom:15px;
  height:135px;
}
/* end::SEARCH-BOX ------------------------------------------ */

div.lastInventory{
	font:bold 12px Arial, Helvetica, sans-serif;
	width:750px;
}

div.lastInventory img{
	border:0px;
	vertical-align:middle;
}

div.lastInventory img.inactiveDay{
	opacity:0.4;
	filter:alpha(opacity=40);
}

div.lastInventory td.tdLabel{
    border-top:2px solid #000;
    padding-top:10px;
    height:25px;
}

div.lastInventory td{
    padding-top:5px;
}