/* main page */
BODY, IFRAME{
    scrollbar-base-color: #ea632f;
    scrollbar-track-color: #dedede;
    scrollbar-arrow-color: #FFFFFF;    
}
#iframe-tg, #iframe-tgroller{
    height:400px;
    padding: 0;
    margin-left:0px;
    width:155px;
    overflow:hidden;
}
#body-tg, #body-tgroller{
    height: 400px;
    margin-top:0px;    
}

/* specefics styles for rayon page */
#content-rayon{   
    float:left;
    width: 830px;
    height:450px;
    margin:0px;
    padding:0 5px 0 5px;
    background:  url(../images/static/roller/080118-bg-roller.gif) #6b6b6b no-repeat;
    background-position:0 50px;    
    
}
#content-rayon UL{
    clear:both;
    width: 100%;
}
#content-rayon UL LI{
    background:transparent  url(../images/static/roller/oxe-rayon-top.gif) top no-repeat;
    width: 265px;    
    margin:0 7px 10px 0px;
    float: left;
    text-align:left;
    
}
#content-rayon UL LI DIV{
    margin: 0 0 0 5px;
    font-weight: bold;
    width: 256px;    
    height: 19px;
    color: #fff;
    padding:2px 0 0 2px;
    font-size:12px;
}
#content-rayon UL LI UL{
    float:right;
    clear:none;
    width:165px;
    height:110px;
    padding-top:12px;
    overflow-y:auto;
    overflow-x:hidden;
    background:url(../images/static/080118-menu-vignette.gif) transparent no-repeat;
}

#content-rayon UL LI UL LI{
    width:157px;
    color: #FFFFFF;
    margin:3px 0 3px 0;    
    padding:0px;
    padding-left:8px; 
    background:none;
}
#content-rayon UL LI UL LI:hover, #content-rayon UL LI UL LI.selectionne,#content-rayon UL LI UL LI:hover A,#content-rayon UL LI UL LI.selectionne A{
    color: #ea632f;
    text-decoration:none;
}
#content-rayon UL LI UL LI a{
    margin-left:3px;
    color:#000000;
    font-size:11px;
    font-weight:bold;
}
#content-middle{
    background:#FFFFFF;
    color:#000000;
}

#content-middle a,#content-middle a:hover{
    color:#000000;
}

/* Specifics Arbo */
#content-arbo UL{
    background-color: #FFFFFF;
}
#content-arbo UL LI{
    background-color: #ea632f;
    color: #FFFFFF;
    font-weight: bold;
    margin-bottom: 5px;
}
#content-arbo UL LI SPAN{
    cursor: pointer;
    margin-left:4px;
}
#content-arbo UL LI A{
    font-weight: normal;
    text-decoration: none;
	color:#000000;
}
#content-arbo UL LI UL LI{
    background-color: #dfdfdf; 
    color: #000000;
    margin-bottom: 1px;    
    padding-left: 10px;
}
#content-arbo UL LI UL LI:hover , #content-arbo UL LI UL LI.selectionne, #content-arbo UL LI UL LI:hover A, #content-arbo UL LI UL LI.selectionne A{
    background-color: #717171;
    color: #FFFFFF;
}

/* content choose */
#content-choose{
    float:left;
    width: 195px;
    background-image:url(../images/static/roller/070201-int-fond1px-conseil.gif);
    background-repeat:repeat-y;
    color: #FFFFFF;
    text-align:center;
    margin-top:10px;
    margin-right:2px;
}
#content-choose p{
    text-align:left;
    padding-left: 5px;
}
#content-choose a{
    color: #FFFFFF;
}

/* product */
#product-details h4 IMG{
    height:25px; 
}
#product-details h4.selectionne{
    background-color:#ea632f;
    color: #FFFFFF;
}
#product-details #oxylaneTab.selectionne{
    background-color:red;
    color: #FFFFFF;
}
#content-right, #content-rightroller{          
    height: 580px;
}
html>body #content-right, html>body #content-rightroller{    
    min-height: 580px;
    height: auto;
}
#content{
    background-color:#000000;
}