/* 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;
    }
}

.ui-tabs-nav {
    background:url(img/prod/bgProdNavBottom.gif) 1px bottom no-repeat;
    min-height:30px;
    width:620px;
    overflow:hidden;
    padding-left:17px;
    position:relative;
    top:-25px;
}
* html .ui-tabs-nav {
    width:610px;
}
.ui-tabs-nav li {
    float:left;
    display:block;
    margin-right:2px;
}
.ui-tabs-nav a {
    background:url(img/prod/bgProdNavRight.gif) top right no-repeat;
    float:left;
    display:block;
    text-align:center;
    text-decoration:none;
    color:#fff;
    padding:0 15px 0 0;
    font-size:12px;
    font-weight:bold;
    outline: 0;
}
.ui-tabs-nav .ui-tabs-selected span {
    background:url(img/prod/bgProdNavLeft_o.gif) top left no-repeat;
}
.ui-tabs-nav .ui-tabs-selected a {
    background:url(img/prod/bgProdNavRight_o.gif) top right no-repeat;
    color:#616161;
}
.ui-tabs-nav a span {
    float:left;
    display:block;
    background:url(img/prod/bgProdNavLeft.gif) top left no-repeat;
    height:22px;
    padding:0 0 0 15px;
    padding-top:8px;
    cursor:pointer;
}
ul.ui-tabs-nav li a:hover span {
    background:url(img/prod/bgProdNavLeft_o.gif) top left no-repeat;
}
ul.ui-tabs-nav li a:hover {
    background:url(img/prod/bgProdNavRight_o.gif) top right no-repeat;
    color:#616161;
}