/**
 * @author Loops <pierrotevrard at gmail dot com>
 *
 * Style sheet used for Luxauto pages.
 *
 * This style sheet should contains any CSS propreties used for screen media.
 *
 */

/**
 * Layout section
 */
  
/* Iconized
 *************************************************/

  .fuel, .seller_type { display: inline; padding: 2px 5px 2px 5px; }

/* Table
 *************************************************/
#luxauto-table { margin: 6px 0 0 0; }
#luxauto-table col.vehicule { width: 355px; }
#luxauto-table col.registration { width: 88px; }
#luxauto-table col.km { width: 110px; }
#luxauto-table col.price { width: 110px; }
#luxauto-table thead td, #luxauto-table thead th { height: 38px; padding-top: 9px; vertical-align: middle; }
#luxauto-table thead th { text-align: right; }
#luxauto-table thead th a { padding-left: 10px; }
#luxauto-table tbody td { padding: 28px 10px; }
#luxauto-table tbody td.alpha { padding: 10px; }
#luxauto-table tbody td { vertical-align: top; text-align: right; }
#luxauto-table tbody td .vehicule { position: relative; height: 70px; }
#luxauto-table tbody td .vehicule img { position: absolute; left: 0px; top: 0px; margin: 10px 0; }
#luxauto-table tbody td .vehicule h3 { margin: 0; }
#luxauto-table tbody td .vehicule .fuel { position: absolute; bottom: 0px; right: 30px; overflow: hidden; height: 18px; padding-top: 0px; /*width: 18px;*/ }
#luxauto-table tbody td .vehicule .more { position: absolute; bottom: 2px; right: 0px; margin: 0; padding: 0; display: inline; }

/* Pager
 *************************************************/
#luxauto-pager { float: left; display: inline; }

/* Search
 *************************************************/
#luxauto-quick-search { float: right; display: inline; }
#luxauto-quick-search div button { margin: 0px; display: inline; width: auto; height: 29px; float: left; text-align: center; padding: 0px 6px }
#luxauto-quick-search div input#luxauto_quicksearch { text-align: right; width: 170px; padding: 7px 28px 6px 5px; float: left; display: inline; }

/* Foot
 *************************************************/
.powered { position: relative }
span.powered { position: absolute; right: 0px; top: -9px; }
span.powered a img { margin-right: 0 }

/* Details
 *************************************************/
#luxauto-detail { width: 740px; margin-left: 10px; overflow: hidden; margin-top: 10px; }
#luxauto-detail .half-col { float: left; display: inline; overflow: hidden; }
#luxauto-detail .third-col { width: 245px; float: left; display: inline; overflow: hidden; }
#luxauto-detail .bottom-part { padding-bottom: 70px }
#luxauto-detail .powered { margin: 0; padding: 0 20px }

/* Pictures column
 *************************************************/
#luxauto-detail-pictures.half-col { text-align: center; width: 400px; line-height: 0; }
#luxauto-detail-pictures img { margin: 0 }
#luxauto-detail-pictures .thumbs img { margin: 10px; }

/* Description column
 *************************************************/
#luxauto-detail-description.half-col { width: 340px; float: right; padding-bottom: 10px; }
#luxauto-detail-description dl { margin: 10px 0 }
#luxauto-detail-description dt { margin: 0; float: left; display: inline; overflow: hidden; width: 180px; text-align: right; clear: left; }
#luxauto-detail-description dd { margin: 0; float: left; display: inline; overflow: hidden; margin-right: 20px; width: 140px; text-align: right; }

/* Options column
 *************************************************/

/* Comments column
 *************************************************/


/**
 * Color section
 */
  
/* Iconized
 *************************************************/
.fuel, .seller_type { background: black; color: white }
/*
  .fuel { cursor: help; background: url(images/icn/fuel-icns.gif) -999px top no-repeat; }
  .fuel.essence { background-position: left top }
  .fuel.diesel { background-position: left -18px }
  .fuel.gpl { background-position: left -36px }
  .fuel.electrique { background-position: left -54px }
  .fuel.hybride { background-position: left -72px }
  .fuel.gnv { background-position: left -90px }
  .fuel.ethanol { background-position: left -108px }
  .fuel.hydrogene { background-position: left -126px }
  
  .seller_type { cursor: help; background: url(images/icn/seller-type-icns.gif) -999px top no-repeat }
  .seller_type.partenaire { background-position: left top }
  .seller_type.prive { background-position: left -18px }
*/
  
/* Table
 *************************************************/
#luxauto-table { background: white url(images/bg/luxauto-table-head-bg.gif) no-repeat left top; }
#luxauto-table abbr { border-bottom: none; }
#luxauto-table thead td, #luxauto-table thead th { background: none; }
#luxauto-table td, #luxauto-table th { border: none; border-left: 1px #333 solid; }
#luxauto-table td.alpha, #luxauto-table th.alpha { border: none; }
#luxauto-table thead th a { background: url(images/icn/sort-icns.gif) no-repeat -999px top; }
#luxauto-table thead th a:hover,
 #luxauto-table thead th a:active,
  #luxauto-table thead th a:focus,
   #luxauto-table thead th a.asc,
    #luxauto-table thead th a.desc:hover,
     #luxauto-table thead th a.desc:active,
      #luxauto-table thead th a.desc:focus { background-position: left top; }
#luxauto-table thead th a.asc:hover,
 #luxauto-table thead th a.asc:active,
  #luxauto-table thead th a.asc:focus,
   #luxauto-table thead th a.desc { background-position: left -16px; }
#luxauto-table a { color: black; }
.has-js #luxauto-table tbody td { background: #ffc709 url(images/bg/contents-px.gif) repeat left top; }
.has-js #luxauto-table tbody .distinct td { background: none; }

#luxauto-table tbody td .vehicule .more { background: none; }

/* Pager
 *************************************************/

/* Search
 *************************************************/
#luxauto-quick-search div button { background: none; }
#luxauto-quick-search div input#luxauto_quicksearch { color: black; background: white url(images/bg/luxauto-quick-search-bg.gif) no-repeat left top; }

/* Foot
 *************************************************/
.powered a { color: black; }


/* Details
 *************************************************/
#luxauto-detail { background: #ffc709 url(images/bg/contents-px.gif) repeat left top; }
#luxauto-detail h3 { color: #333 }
#luxauto-detail abbr { border-bottom: none }
#luxauto-detail .top-part { background: url(images/bg/luxauto-detail-top-part-bg.gif) no-repeat left top; color: black; }
#luxauto-detail .bottom-part { background: white; color: black; }
#luxauto-detail p.powered { color: black; background: #ffc709 url(images/bg/luxauto-detail-foot-bg.gif) no-repeat left top; }
#luxauto-detail p.powered span.powered { top: -2px }

/* Pictures column
 *************************************************/

/* Description column
 *************************************************/

/* Options column
 *************************************************/

/* Comments column
 *************************************************/

/**
 * Typo section
 */

/* Iconized
 *************************************************/

.fuel, .seller_type { line-height: 18px; font-weight: bold }

/* Table
 *************************************************/
#luxauto-table thead th { font: bold 13px/29px arial, 'helvetica neue', helvetica, sans-serif; text-transform: none; }
#luxauto-table thead td { font-size: 13px;font: bold 13px/29px arial, 'helvetica neue', helvetica, sans-serif; }
#luxauto-table tbody td .vehicule h3 { font: bold 16px/16px arial, 'helvetica neue', helvetica, sans-serif; text-transform: none; }
#luxauto-table tbody td .vehicule h3 a { font-weight: bold }
#luxauto-table tbody td .vehicule h3 .type { font-size: 13px; line-height: 14px; }

#luxauto-table tbody td .vehicule .more { font-size: 16px; }
#luxauto-table tbody td .price { font-weight: bold; }

/* Pager
 *************************************************/

/* Search
 *************************************************/
#luxauto-quick-search button { font: bold 13px/29px arial, 'helvetica neue', helvetica, sans-serif; }
#luxauto-quick-search input#luxauto_quicksearch { font-weight: bold; font-size: 13px; }

/* Foot
 *************************************************/
.powered { font-size: 13px }
.powered a { font-weight: bold }


/* Details
 *************************************************/
#luxauto-detail .half-col h3 { font: 18px arial, 'helvetica neue', helvetica, sans-serif; text-transform: none; }
#luxauto-detail .powered { line-height: 29px; white-space: nowrap; }

/* Pictures column
 *************************************************/
#luxauto-detail-pictures { line-height: 0; }

/* Description column
 *************************************************/
#luxauto-detail-description dt,
 #luxauto-detail-description dd { white-space: nowrap; font-size: 13px; line-height: 18px; }
#luxauto-detail-description dt.big,
 #luxauto-detail-description dd.big { font-size: 18px; line-height: 24px; font-weight: bold; }

/* Options column
 *************************************************/

/* Comments column
 *************************************************/