@charset "utf-8";
/********************************************************
	CSS Document / Marques - Piecesavenue par Skalpel.fr
********************************************************/

#mineSearch img {
    float: left;
    margin-right: 10px;
}

#mineSearch:hover {
    text-decoration: underline !important;
}

#brandquestions {
    padding: 0 15px 15px 15px;
    margin: 0 20px 20px 20px;
    border: 1px solid #CCC;
}

#brandquestions span.faqmeta {
    font-size: 0.85em;
}

/* Commande Details
-----------------------------------------------------------------------------*/
#marques, #votre-vehicule { 
    display: block;
    width: 696px;
    margin-bottom: 5px;
}

/* Title */
#marques p.title, #votre-vehicule p.title { 
    background: url(../images/interface/home/marques-title-picto.gif) 10px 7px no-repeat;
}
#marques .titlebar h1.title, #votre-vehicule .titlebar h1.title { 
    background: url(../images/interface/home/marques-title-picto.gif) 10px 7px no-repeat;
}

/* Container */
#marques div.container, #votre-vehicule div.container {
    display: block;
    width: 694px;
    padding: 20px 0 1px;
    border-right: 1px solid #999;
    border-left: 1px solid #999;
}

/* Categories */
#marques div.categories, #votre-vehicule div.categories {
    margin: 10px 0 5px 20px;
    font-size: 1.50em;
    color: #999;
}
#marques div.categories strong, #votre-vehicule div.categories strong {
    color: #92BA27;
    font-weight: normal;
}
#marques p.desc, #votre-vehicule p.desc { 
    margin-left: 20px;
}

/* Marque */
#marques div.marque, #votre-vehicule div.marque {
    padding: 15px;
    margin: 0 20px 0 20px;
    border: 1px solid #CCC;
}
#marques div.marque h3, #votre-vehicule div.marque h3 { 
    margin: 0 0 5px;
}
#marques div.marque p, #votre-vehicule div.marque p { 
    margin: 0;
}
#marques div.marque br.clear, #votre-vehicule div.marque br.clear { 
    line-height: 30px;
}
#marques div.marque p.cartegrise, #votre-vehicule div.marque p.cartegrise {
    float: left;
    width: 200px;
}
#marques div.marque p.cartegrise a, #votre-vehicule div.marque p.cartegrise a {
    color: #98c31b;
    text-decoration: none;
}
#marques div.marque div.visuel, #votre-vehicule div.marque div.visuel {
    float: left;
    display: block;
    width: 110px;
    margin: 0 0 10px 0;
}
#marques div.marque div.visuel img, #votre-vehicule div.marque div.visuel img { 
    border: 1px solid #ccc;
}
#marques div.marque div.description, #votre-vehicule div.marque div.description {
    float: left;
    display: block;
    width: 510px;
}
#addToGarage {
    height: 22px;
    width: 90px;
    float: right;
    margin: 5px 8px 0 0;
    background-position: top left;
    background-repeat: no-repeat;
    border: 0;
    text-decoration: none;
    background-image: url(../images/interface/marques/btn-ajouter-garage.gif);
}
#addToGarage.enabled {
    display: block;
}
#addToGarage.disabled, #addToGarage.notLogged, #addToGarage.noValue {
    display: none;
}
#marques div.marque div.fields, #votre-vehicule div.marque div.fields { 
    margin-top: 15px;
}
#marques div.marque p.select, #votre-vehicule div.marque p.select { 
    height: 26px;
}
#marques div.marque label, #votre-vehicule div.marque label {
    font-weight: bold;
    float: left;
    display: block;
    width: 107px;
}
#marques div.marque select, #votre-vehicule div.marque select {
    width: 395px;
    height: 21px;
    border: 1px solid #A4A4A4;
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-size: 1.10em;
}
#marque-texte {
    clear: both;
    background-color: #666;
    color: #FFF;
    margin: 0 20px 15px 20px;
    padding: 10px 15px 10px 15px;
}
#marques div.form, #votre-vehicule div.form {
    padding-left: 0;
}
#marque-texte p {
    margin-bottom: 0px;
}
#marques div.marque input[type=submit], #votre-vehicule div.marque input[type=submit] {
    float: right;
    display: block;
    width: 251px;
    height: 22px;
    margin: 5px 5px 0 0;
    background: url(../images/interface/marques/btn-afficher-la-liste-des-pieces.gif) top left no-repeat;
    cursor: pointer;
}

/* Table */
#marques table, #votre-vehicule table  { 
    width: 694px;
}
#marques th, #votre-vehicule th {
    height: 28px;
    line-height: 28px;
    background: url(../images/interface/panier/panier-th-1.gif) top left repeat-x;
    border-right: 1px solid #477785;
    text-align: center;
    color: #FFF;
}
#marques th.type, #votre-vehicule th.type {
    width: 200px;
    border-right: 0;
}
	
#marques td, #votre-vehicule td {
    height: 30px;
    line-height: 30px;
    padding-left: 10px;
    border-top: 1px solid #D4D4D4;
    border-right: 1px solid #D4D4D4;
    text-align: left;
}
#marques td.produit, #votre-vehicule td.produit {
    padding-left: 20px;
    background: url(../images/interface/puce-5.gif) 10px 14px no-repeat;
}
#marques td.type, #votre-vehicule td.type {
    text-align: center;
    border-right: 0;
}
#marques td a:link, #marques td a:visited, #votre-vehicule td a:link, #votre-vehicule td a:visited {
    color: #5F5F5F;
    text-decoration: none;
}
#marques td a:hover, #votre-vehicule td a:hover  {
    color: #90B710;
}
	
/* Modeles */
#marques div.modeles, #votre-vehicule div.modeles {
    margin-bottom: 15px;
}
#marques div.modeles div.bottom, #votre-vehicule div.modeles div.bottom {
    display: block;
    width: 694px;
    height: 22px;
    background: url(../images/interface/membre/commandes-bottom.gif) bottom left no-repeat;
}

/* Marques */
#marques div.marques, #votre-vehicule div.marques {

}
#marques div.marques p.title, #votre-vehicule div.marques p.title {
    display: block;
    width: 694px;
    height: 28px;
    line-height: 28px;
    background: url(../images/interface/panier/panier-th-1.gif) top left repeat-x;
    text-align: center;
    color: #FFF;
    font-weight: bold;
}
#marques div.marques ul, #votre-vehicule div.marques ul {
    display: block;
    width: 674px;
    padding: 10px 0 0 20px;
}
#marques div.marques li, #votre-vehicule div.marques li {
    float: left;
    display: inline-block;
    width: 100px;
    margin: 0 10px 10px 0;
}
#marques div.marques li a:link, #marques div.marques li a:visited, #votre-vehicule div.marques li a:link, #votre-vehicule div.marques li a:visited {
    display: block;
    width: 98px;
    height: 98px;
    border: 1px solid #CCC;
}
#marques div.marques li a:hover, #votre-vehicule div.marques li a:hover {
    border-color: #BDFF33;
}
#marques div.marques h4, #marques div.modeles h4, #votre-vehicule div.marques h4 {
    padding: 0 0 0 5px;
}