/*PRODUCT DETAIL................................................................................*/

.productImage
{
    border-bottom: 1px solid #000;
    width:400px;
    height:400px;
    position:relative;
}

.productImage span.iconPromo
{
    height:66px;
    position:absolute;
    right:0;
    top:0;
    width:30px;
    z-index:100;
}

.productListBreadcrumb
{
    display: block;
    padding-bottom: 15px;
    width: 100%;
}
.productListBreadcrumb a:link, .productListBreadcrumb a:visited
{
    text-decoration: none;
    color: #000;
}

.productListHeader
{
    overflow: hidden;
    width: 771px;
    padding: 3px 0 10px 0;
}

.containerDisplayProduct, .relatedProductContainer
{
    clear: both;
    overflow: hidden;
    width: 771px;
}

.productView
{
    padding: 4px 0;
    width: 400px;
    overflow: hidden;
}

.productView ul
{
    float: left;
    width: 220px;
}

.productView ul li
{
    float: left;
    width: 37px;
    height: 37px;
    padding-left: 6px;
}

.productView ul li a:link, .productView ul li a:visited
{
    width: 36px;
    height: 36px;
    display: block;
    border: 1px solid #cecece;
}

.productView ul li a:hover, .productView ul li a:active
{
    border: 1px solid #000;
}
.productView ul li a:hover, .productView ul li a.current
{
    border: 1px solid #000;
}


.productView p
{
    width: 135px;
    height: 30px;
    background: url(/images/backgrounds/bg_zoomInfo.png) no-repeat left top;
    color: #a6a6a6;
    font-style: italic;
    font-size: 1em;
    padding: 8px 0 0 40px;
    float: left;
}


.productQuantity
{
    padding: 13px 0;
    width: 330px;
    overflow: hidden;
    border-bottom: 1px solid #CFCFD4;
}

.productQuantity h4
{
    float: left;
    padding: 3px 5px 0 0;
}

.productQuantity select
{
    float: left;
    width: 60px;
}

.sizeSelection
{
    color: #e58e24;
    font-style: italic;
    font-size: 1.3em;
    background: url(/images/icons/icon_errorField.png) no-repeat 5px top;
    padding: 0 0 0 30px;
    height: 20px;
}

.freeDelivery
{
    color: #29292c;
    font-size: 1.1em;
    text-transform: uppercase;
    padding: 10px 0 10px 40px;
    background: url(/images/icons/icon_deliveryProduct.png) no-repeat left 10px;
    line-height: 1.3em;
}

p.addToBasket a {
    background: url(/images/buttons/btn_addBasketproduct.png) no-repeat left bottom;
    display:block;
    width:332px;
    height:41px;
 }
 
 p.addToBasket a:hover {
    background: url(/images/buttons/btn_addBasketproduct.png) no-repeat left top;
 }
    



/*TABS................................................................................*/


.tabs
{
    background: #FFF;
    font-size: 1.2em;
    width: 338px;
    padding-top: 10px;
}


ul.tabNav
{
    width: 100%;
    overflow: hidden;
}
ul.tabNav li
{
    float: left;
}
ul.tabNav li a
{
    text-decoration: none;
    display: block;
    font-weight: bold;
    text-transform: uppercase;
    text-align: center;
    height: 20px;
    padding-top: 13px;
}
.tabs div
{
    line-height: 1.3em;
}
.productContainer .tabs h2
{
    font-size: 1em;
    color: #0A0A0F;
    line-height: 1.3em;
    text-transform: none;
    font-size: 1.1em;
    font-weight: normal;
}

.productContainer .tabs #desc h2
{
    color: #0a0a0f;
}
.productContainer .tabs #entretien h2
{
    color: #29292c;
}
.productContainer .tabs #plus h2
{
    color: #a7a7ac;
}
a.itemDesc
{
    width: 115px;
    background: url(/images/backgrounds/tab_desc.png) no-repeat left bottom;
    color: #0a0a0f;
}

a.itemEntretien
{
    width: 107px;
    background: url(/images/backgrounds/tab_entretien.png) no-repeat left bottom;
    color: #29292c;
}
a.itemPlus
{
    width: 113px;
    background: url(/images/backgrounds/tab_plus.png) no-repeat left bottom;
    color: #a7a7ac;
}

#entretien
{
    background: url(/images/backgrounds/topEnt.jpg) no-repeat left top;
}

#entretien .tabInner
{
    background: url(/images/backgrounds/centerEnt.jpg) repeat-y left top;
    padding: 20px 20px 0 20px;
    width:298px;
    
}
#entretien .tabBot
{
    background: url(/images/backgrounds/bottomEnt.jpg) no-repeat left top;
    height: 20px;
}
#desc
{
    background: url(/images/backgrounds/topDesc.jpg) no-repeat left top;
}

#desc .tabInner
{
    background: url(/images/backgrounds/centerDesc.jpg) repeat-y left top;
    padding: 20px 20px 0 20px;
    width:298px;
}
#desc .tabBot
{
    background: url(/images/backgrounds/bottomDesc.jpg) no-repeat left top;
    height: 20px;
}
#plus
{
    background: url(/images/backgrounds/topPlus.jpg) no-repeat left top;
}

#plus .tabInner
{
    background: url(/images/backgrounds/centerPlus.jpg) repeat-y left top;
    padding: 20px 20px 0 20px;
    width:298px;
}
#plus .tabBot
{
    background: url(/images/backgrounds/bottomPlus.jpg) no-repeat left top;
    height: 20px;
}


.productContainer .productLinks a:link, .productContainer .productLinks a:visited, .moreProductsContent a.addToBasketBt:link, .moreProductsContent a.addToBasketBt:visited
{
    color: #29292c;
    background: url(/images/icons/icon_productLink.png) no-repeat left 4px;
    padding-left: 7px;
    text-decoration: none;
    font-size: 1.1em;
}
.productContainer .productLinks a:hover, .productContainer .productLinks a:active, .moreProductsContent a.addToBasketBt:hover, .moreProductsContent a.addToBasketBt:active
{
    text-decoration: underline;
}

.productContainer .productLinks li
{
    display: inline;
    padding: 6px 10px 0 0;
}

.productContainer .productLinks
{
    padding: 15px 0 25px 0;
}







/*PRODUCT LIST................................................................................*/


.containerProductList ul.listProduct
{
    position: relative;
    z-index: 1;
    width: 771px;
    overflow: hidden;
    border-bottom: 1px solid #000;
}

.productContainer
{
    background: url(/images/backgrounds/blackDot.png) repeat-y 400px 0;
    overflow: hidden;
    width: 771px;
    border-top: 1px solid #000000;
    border-bottom: 1px solid #000000;
}
.leftProductContainer
{
    float: left;
    width: 400px;
}
.rightProductContainer h1
{
    color: #58585e;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 2em;
    padding: 10px 0 0;
}

.rightProductContainer
{
    float: right;
    width: 338px;
    padding: 5px 12px 0 20px;
}




/*navProduct ------ */


.navProduct
{
    text-align: center;
    position: relative;
    width: 127px;
    margin: 0 auto;
    padding: 10px 0;
    z-index: 99;
}
.navProduct p
{
    z-index: 101;
    position: relative;
}
.nextProductOver, .prevProductOver
{
    display: none;
    position: absolute;
    background: url(/images/backgrounds/bg_nextProduct.png) no-repeat 0 0;
    width: 107px;
    height: 71px;
    z-index: 100;
    padding: 10px;
    left: 0;
    top: 0;
}
.navProduct img
{
    margin-top: 22px;
}
.nextProductLink:link, .prevProductLink:link, .nextProductLink:visited, .prevProductLink:visited
{
    color: #58585e;
    text-decoration: none;
}
.nextProductLink:hover, .prevProductLink:hover, .nextProductLink:active, .prevProductLink:active
{
    color: #f29325;
}

.productPrices
{
    border-bottom: 1px solid #cfcfd4;
    font-weight: bold;
    font-size: 2em;
    color: #000;
    display: block;
    padding: 5px 0 20px 0;
    width: 330px;
    overflow: hidden;
}

.productPrices .price
{
    color: #0a0a0f;
    float: left;
}
.productPrices .priceModif
{
    color: #F79204;
    float: left;
}

.productPrices .oldPrice
{
    font-size: 0.7em;
    text-decoration: line-through;
    color: #0c0c0e;
    float: right;
    padding: 3px 5px 0 0;
}

.productPrices .remise
{
    font-size: 0.7em;
    color: #f79204;
    float: right;
    padding: 3px 10px 0 0;
}



.productContainer h4
{
    color: #58585e;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 1.2em;
}
.productContainer h4 span
{
    color: #000;
}
.productSizeContainer, .productColorContainer
{
    border-bottom: 1px solid #cfcfd4;
    padding: 10px 0;
    overflow: hidden;
    width: 330px;
}
.productSizeContainer ul
{
    float: left;
    width: 235px;
    overflow: hidden;
}
.productSizeContainer li
{
    padding: 10px 3px 0 0;
    display: inline-block;
    float: left;
}
.productSizeContainer li a:link, .productSizeContainer li a:visited
{
    background: url(/images/backgrounds/bg_productSize.png) repeat-x 0 0;
    display: inline-block;
    color: #1b1b1c;
    text-decoration: none;
    font-weight: normal;
    text-align: center;
    font-size: 1.1em;
    height: 17px;
    padding: 5px 4px 0 4px;
    min-width: 14px;
}
.productSizeContainer li a:hover, .productSizeContainer li a:active
{
    background-position: 0 bottom;
}
.productSizeContainer li a.current
{
    border: 3px solid #000;
    height: 12px;
    padding: 2px;
}
.productSizeContainer li a.unavailable:link, .productSizeContainer li a.unavailable:visited
{
    background: #f1f1f1;
    color: #9b9b9c;
}
a.seeGuide:link, a.seeGuide:visited
{
    float: right;
    width: 75px;
    color: #a7a7ac;
    padding-left: 10px;
    margin-top: 13px;
    font-size: 1.1em;
    text-decoration: none;
    background: url(/images/icons/bullet_grayArrow.png) no-repeat 0 3px;
}
a.seeGuide:hover, a.seeGuide:active
{
    color: #1b1b1c;
}
.productColorContainer ul
{
    overflow: hidden;
    width: 100%;
    padding: 5px 0;
}
.productColorContainer li
{
    float: left;
    padding: 3px 20px 3px 0;
    background: url(/images/icons/icon_available.png) no-repeat 48px 7px;
}
.productColorContainer li.backorderable
{
    background: url(/images/icons/icon_available.png) no-repeat 48px 7px;
}
.productColorContainer li.unavailable
{
    background: url(/images/icons/icon_unavailable.png) no-repeat 48px 7px;
}
.productColorContainer li a:link, .productColorContainer li a:visited
{
    display: block;
    height: 17px;
    width: 40px;
    border: 3px solid #fff;
    background: #ccc;
}
.productColorContainer li a:hover, .productColorContainer li a:active
{
    border: 3px solid #000;
}
.productColorContainer li a:hover, .productColorContainer li a.current
{
    border: 3px solid #000;
}
#addBasketMessages
{
    padding: 15px 0;
}



/*ASSOCIATE PRODUCT................................................................................*/


#relatedProductContainer h3
{
    background: url("/images/backgrounds/bg_selectionHome.jpg") no-repeat scroll left top transparent;
    color: #000000;
    font-size: 1.4em;
    height: 20px;
    padding: 8px 0 0 15px;
    text-transform: uppercase;
}


#relatedProductContainer h3 span
{
    color: #077b90;
}

.productListHeader h1
{
    font-size: 3em;
    font-weight: normal;
    text-transform: uppercase;
    padding: 20px;
    color: #F29325;
}
.productListHeader h1 span
{
    font-weight: bold;
    padding-left: 5px;
    color: #000;
}
.productListHeader
{
    border-top: 1px solid #000;
    background: #fcfcfc url(/images/backgrounds/bg_productListHeader.png) repeat-x left top;
    padding-top: 0;
}
.productFilter
{
    float: left;
    padding-left: 20px;
}
.productSort
{
    float: right;
    padding-right: 20px;
}
.productFilter span, .productSort span
{
    color: #58585e;
    text-transform: uppercase;
}
.productPager
{
    clear: both;
    text-align: right;
    color: #000;
    padding: 10px 20px 0;
    font-size: 1.1em;
}
.productPager a:link, .productPager a:visited
{
    color: #58585e;
    text-decoration: none;
}
.productPager a:hover, .productPager a:active
{
    color: #000;
}

.productPager a.linkViewAll
{
    padding-right: 15px;
}
.productPager li
{
    display: inline;
}

#addBasketMessages
{
    padding-top: 10px;
}

.productLinks ul
{
    float: left;
}

.productContainer .productLinks a.addthis_button
{
    background: none;
    width: 96px;
    height: 16px;
    display: block;
    float: right;
    margin-top: -3px;
}
/*ZOOM*/


.jqZoomPup
{
    overflow: hidden;
    background-color: #FFF;
    -moz-opacity: 0.6;
    opacity: 0.6;
    filter: alpha(opacity = 60);
    z-index: 10;
    border-color: #c4c4c4;
    border-style: solid;
    cursor: crosshair;
}

.preload
{
    padding: 8px;
    text-align: center;
    background: #FFF url(/images/icons/ajax-loader.gif) no-repeat 40px 30px;
    height: 50px;
    width: 100px;
    z-index: 10;
    position: absolute;
    top: 3px;
    left: 3px;
    color: #000;
    border: 1px solid #CCC;
}
.jqZoomWindow
{
    background: #FFF;
    border-bottom: 1px solid #000;
    z-index: 1000001 !important;
}
#zoomContent
{
    background: #FFF;
}

.defaultMinorBtn
{
    background: url(/images/buttons/btn_defaultMinor.png) no-repeat left top;
    color: #fcfcfc;
    text-transform: uppercase;
    padding: 5px 20px;
    display: inline-block;
    text-decoration: none;
    font-weight: bold;
    font-size: 0.9em;
}

.basketPopup .defaultMinorBtn
{
    margin: 10px 0 0 0;
}

/*PRODUCT LIST*/



ul.listProduct li
{
    float: left;
    border-top: 1px solid #000;
    border-right: 1px solid #000;
    height: 272px;
    width: 192px;
    background: url(/images/backgrounds/bg_listeItem.png) no-repeat left bottom;
    text-align: center;
    position: relative;
    z-index: 1;
    overflow: hidden;
}

.itemList
{
    height: 191px;
    width: 192px;
    overflow: hidden;
}

ul.listProduct li a
{
    height: 191px;
    width: 192px;
    display: block;
}

ul.listProduct li a.over
{
    display: none;
}

ul.listProduct li h2
{
    height: 30px;
    width: 160px;
    margin: 0 auto;
    padding-top: 15px;
    font-size: 1.1em;
}
ul.listProduct li h2 a:link, ul.listProduct li h2 a:visited
{
    color: #58585e;
    font-weight: bold;
    text-transform: uppercase;
    line-height: 1.3em;
    width: auto;
    margin: 0;
    padding: 0;
    display: inline;
    text-decoration: none;
}
ul.listProduct li h2 a:hover, ul.listProduct li h2 a:active
{
    text-decoration: underline;
}



ul.listProduct div.listItem
{
    width: 192px;
    height: 191px;
}
ul.listProduct li p.price
{
    height: 22px;
    padding-top: 3px;
}

ul.listProduct li p.price span.regular
{
    color: #000;
    font-size: 1.4em;
    font-weight: bold;
    padding: 0 5px 0 0;
}

ul.listProduct li p.price span.reduce
{
    color: #dd7d0d;
    font-size: 1.4em;
    font-weight: bold;
}

ul.listProduct li p.price span.old
{
    text-decoration: line-through;
}

ul.listProduct ul.color
{
    text-align: left;
    padding: 1px;
    width: 190px;
    overflow: hidden;
}

ul.listProduct ul.color li
{
    border: 0;
    height: 9px;
    width: 37px;
    background: #dadbdf;
    margin-right: 1px;
    display: block;
    overflow: hidden;
}


ul.listProduct ul.color li a
{
    display: block;
    height: 9px;
    width: 37px;
}


ul.listProduct li.lastItem
{
    border-right: none;
}

span.iconPlus
{
    position: absolute;
    right: 0;
    bottom: 81px;
}

ul.listProduct li span.iconPlus a
{
    width: 30px;
    height: 27px;
    display: block;
    background: url(/images/buttons/btn_plus.gif) no-repeat left bottom;
}

ul.listProduct li div.selected span.iconPlus a
{
    height: 66px;
    background: url(/images/buttons/btn_plus.gif) no-repeat left top;
}

ul.listProduct li span.iconPromo
{
    position: absolute;
    right: 0;
    top: 0; /*background: url(/images/icons/picto_promo.png) no-repeat left top;*/
    width: 30px;
    height: 66px;
}