/* Caution! Ensure accessibility in print and other media types... */
@media projection, 
screen { /* Use class for showing/hiding tab content, 
so that visibility can be better controlled in different media types... */
    .ui-tabs-hide {
        display: none;
    }
}

/* Hide useless elements in print layouts... */
@media print {
    .ui-tabs-nav {
        display: none;
    }
}

/* Skin */
.ui-tabs-nav, 
.ui-tabs-panel {
    font: normal 12px arial;
}
.ui-tabs-nav {
    list-style: none;
    margin: 0;
    padding: 0 0 0 0px;
}
.ui-tabs-nav:after { /* clearing without presentational markup, IE gets extra treatment */
    display: block;
    clear: both;
    content: " ";
}
.ui-tabs-nav li {
    float: left;
    margin: 0 3px 0 0px;
    min-width: 84px; /* be nice to Opera */
}
.ui-tabs-nav a, 
.ui-tabs-nav a span {
    display: block;
    padding: 0 14px;
    background: url(../images/tab.png) no-repeat;
}
.ui-tabs-nav a.nester, 
.ui-tabs-nav a.nester span { /* ADDED */
    background: url(../images/outsidetab.png) no-repeat;
    color:#8eaec6;
    font: bold 12px tahoma;
}
.ui-tabs-nav a {
    margin: 1px 0 0; /* position: relative makes opacity fail for disabled tab in IE */
    padding-left: 0;
    color: #e4e4e4;
    font-weight: bold;
    line-height: 1.4;
    text-align: center;
    text-decoration: none;
    white-space: nowrap; /* required in IE 6 */    
    outline: 0; /* prevent dotted border in Firefox */
    font: bold 11px tahoma;
}
.ui-tabs-nav a:hover
.ui-tabs-nav .ui-tabs-selected a:hover { /* ADDED */
    color: #5285ac;
    font: bold 11px tahoma;
}
.ui-tabs-nav .ui-tabs-selected a {
    position: relative;
    top: 1px;
    z-index: 2;
    margin-top: 0;
    color: #5285ac;
    font:bold 11px tahoma;
}
.ui-tabs-nav a span {
    width: 100px; /* IE 6 treats width as min-width */
    min-width: 100px;
    height: 29px; /* IE 6 treats height as min-height */
    min-height: 18px;
    padding-top: 10px;
    padding-right: 0;
    padding-bottom: 1px;
}
.ui-tabs-nav a.nester span { /* ADDED */
    height: 20px;
    padding-top: 8px;
}
.ui-tabs-nav a.nester:hover span { /* ADDED */
    padding-bottom: 1px !important;
    padding-bottom: 5px;
}
*>.ui-tabs-nav a span { /* hide from IE 6 */
    width: auto;
    height: auto;
}
.ui-tabs-nav .ui-tabs-selected a span {
    padding-bottom: 2px !important;
    padding-bottom: 7px; /* ADDED FOR IE */
}
.ui-tabs-nav .ui-tabs-selected a, 
/*.ui-tabs-nav a:hover, */ /* CHANGING BACKGROUND RIGHT - REMOVED */
.ui-tabs-nav a:focus, 
.ui-tabs-nav a:active {
    background-position: 100% -150px;
}
.ui-tabs-nav .ui-tabs-selected a:hover {  /* ADDED */
    color:#5285ac; 
}
.ui-tabs-nav a:hover {  /* ADDED */
    color:#FFF; 
}
.ui-tabs-nav a, 
.ui-tabs-nav .ui-tabs-disabled a:hover, 
.ui-tabs-nav .ui-tabs-disabled a:focus, 
.ui-tabs-nav .ui-tabs-disabled a:active {
    background-position: 100% -100px;
}
.ui-tabs-nav .ui-tabs-selected a span, 
/*.ui-tabs-nav a:hover span, */ /* CHANGING BACKGROUND LEFT - REMOVED */
.ui-tabs-nav a:focus span, 
.ui-tabs-nav a:active span {
    background-position: 0 -50px;
}
.ui-tabs-nav a span, 
.ui-tabs-nav .ui-tabs-disabled a:hover span, 
.ui-tabs-nav .ui-tabs-disabled a:focus span, 
.ui-tabs-nav .ui-tabs-disabled a:active span {
    background-position: 0 0;
}
.ui-tabs-nav .ui-tabs-selected a:link, 
.ui-tabs-nav .ui-tabs-selected a:visited, 
.ui-tabs-nav .ui-tabs-disabled a:link, 
.ui-tabs-nav .ui-tabs-disabled a:visited { /* @ Opera, use pseudo classes otherwise it confuses cursor... */
    cursor: default;
}
.ui-tabs-nav a:hover, 
.ui-tabs-nav a:focus, 
.ui-tabs-nav a:active,
.ui-tabs-nav .ui-tabs-deselectable a:hover, 
.ui-tabs-nav .ui-tabs-deselectable a:focus, 
.ui-tabs-nav .ui-tabs-deselectable a:active { /* @ Opera, we need to be explicit again here now... */
    cursor: pointer;
}

.ui-tabs-nav a.nester:hover span  { /* ADDED */
    color:#5a87a9;
}
.ui-tabs-nav .ui-tabs-selected a.nester span,
.ui-tabs-nav .ui-tabs-selected a.nester:hover span { /* ADDED */
    color:#fff;
}
.ui-tabs-disabled {
    opacity: .4;
    filter: alpha(opacity=40);
}
.ui-tabs-panel {
    border: 1px solid #898989;
    padding: 25px 5px;
    background: #fff url(../images/tab_bottom.gif) repeat-x bottom; /* declare background color for container to avoid distorted fonts in IE while fading */
}
.nestertab { /* ADDED */
    border: none;
    padding: 18px 10px 10px;
    background: #c1d2df;
}
.ui-tabs-loading em {
    padding: 0 0 0 20px;
    background: url(../images/loading.gif) no-repeat 0 50%;
}

/* Additional IE specific bug fixes... */
* html .ui-tabs-nav { /* auto clear, 
@ IE 6 & IE 7 Quirks Mode */
    display: inline-block;
}
*:first-child+html .ui-tabs-nav  { /* @ IE 7 Standards Mode - do not group selectors, 
otherwise IE 6 will ignore complete rule (because of the unknown + combinator)... */
    display: inline-block;
}

/* Additions for the most inner tabs */

.ui-tabs-nav a.thirdtab, 
.ui-tabs-nav a.thirdtab span {
    background: none;
    font: bold 12px tahoma;
    padding: 4px 12px;
    background-color:#fff;
    border: 1px solid #99b7cf;
    color:#99b7cf;
}
.ui-tabs-nav a.thirdtab:hover,
.ui-tabs-nav a.thirdtab:hover span {
    color:#99b7cf;
}
.ui-tabs-nav .ui-tabs-selected a.thirdtab,
.ui-tabs-nav .ui-tabs-selected a.thirdtab:link, 
.ui-tabs-nav .ui-tabs-selected a.thirdtab:visited {
    color:#fff;
    background-color:#99b7cf;
}
.tabpanel {
    border: none;
    padding: 10px 0 0;
    background: #fff;
    font: 12px arial;
}

.ui-tabs-nav a.fourthtab, 
.ui-tabs-nav a.fourthtab span {
    background: none;
    font: bold 12px tahoma;
    padding:2px 2px 0px 2px;
    background-color:#C1D2DF;
    color:#9A9AAA;
}
.ui-tabs-nav a.fourthtab:hover,
.ui-tabs-nav a.fourthtab:hover span {
    color:#FF901C;
}
.ui-tabs-nav .ui-tabs-selected a.fourthtab,
.ui-tabs-nav .ui-tabs-selected a.fourthtab span,
.ui-tabs-nav .ui-tabs-selected a.fourthtab:link, 
.ui-tabs-nav .ui-tabs-selected a.fourthtab:visited {
    color:#fff;
    background-color:#FF901C;
}
.tabpanel2 {
    border: none;
    padding: 10px 0 0;
    background: #FF901C;
    font: 12px arial;
}

/* SITE VITRINE */
.ui-tabs-nav a.vitrinetab{
    /* background: url(../images/categories.gif) 0 0 no-repeat;*/
    background: url(../images/categories_4.png) 0 -30px no-repeat;
    display:block;
    height: 23px;
    width: 161px;
    padding:6px 0px 0px 0px;
    margin:0px;
    
    /* font decoration */
    color:#000;
    font-size:12px;
    line-height:33px;
    text-align:center;
    text-decoration:none;
    font: bold 12px tahoma;
}
.ui-tabs-nav a.vitrinetab:hover{
    background: url(../images/categories_4.png) 0 1px no-repeat;
}
.ui-tabs-nav .ui-tabs-selected a.vitrinetab,
.ui-tabs-nav .ui-tabs-selected a.vitrinetab:link, 
.ui-tabs-nav .ui-tabs-selected a.vitrinetab:visited {
    background: url(../images/categories_4.png) 0 0 no-repeat;
}

.tabpanel3 {
    position:relative; 
    overflow:hidden; 
    clear:both;
    /*background:#FFA358 url(../images/categories_back_3.png) no-repeat 0 0;*/
    background: url(../images/categories_back_3.png) no-repeat 0 0;
    background-color: #FFA358;
    _background-color: #FF9A4D;
    background-position: center;
    width:646px;
    min-height:283px!important;
    height: auto;
    border-left:2px solid #E66D3E;
    border-right:2px solid #E66D3E;
    border-top: 0;
    border-bottom: 0px;
    margin: 1px 0px 0px 0px;
    padding: 0;
    z-index: 0;
}