/* 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 !important;}
}
/* Hide useless elements in print layouts... */
@media print {
    .ui-tabs-nav {display: none;}
}

div.product #productDetails {position:relative;margin:60px 0 2em 0;border:3px solid #D2E2FB;-moz-border-radius:6px;-webkit-border-radius:6px;border-radius:6px;-moz-border-radius-topleft:0;-webkit-border-top-left-radius:0;border-top-left-radius:0;}
div.product #productDetails ul.ui-tabs-nav {position:absolute;bottom:100%;left:-3px;margin:0;padding:0;}
* html div.product #productDetails ul.ui-tabs-nav {margin-bottom:-3px;}
div.product #productDetails ul.ui-tabs-nav li {float:left;font-size:1.3em;margin:6px 3px 0 0;background:url(../images/bg-tabview-default-right.gif) right top no-repeat;padding:0;}
div.product #productDetails ul.ui-tabs-nav li a {display:block;font-weight:bold;padding:0.5em 1em 0.4em 1.8em;color:#036;background:url(../images/bg-tabview-default-left.gif) left top no-repeat;}
div.product #productDetails ul.ui-tabs-nav li.ui-tabs-selected {margin:0 3px 0px 0;background:url(../images/bg-tabview-selected-default-right.gif) right top no-repeat;}
div.product #productDetails ul.ui-tabs-nav li.ui-tabs-selected a {padding:0.9em 1em 0.6em 1.8em;background:url(../images/bg-tabview-selected-default-left.gif) left top no-repeat;color:#FF6511;}
div.product #productDetails div.ui-tabs-panel {margin:1em;}
div.product #productDetails div.ui-tabs-hide {/*display:none;*/visibility:hidden;}

#hydration #productDetails {border-color:#8ADEFF;}
#hydration #productDetails ul.ui-tabs-nav li {background:url(../images/bg-tabview-hydration-right.gif) right top no-repeat;}
#hydration #productDetails ul.ui-tabs-nav li a {background:url(../images/bg-tabview-hydration-left.gif) left top no-repeat;}
#hydration #productDetails ul.ui-tabs-nav li.ui-tabs-selected {background:url(../images/bg-tabview-selected-hydration-right.gif) right top no-repeat;}
#hydration #productDetails ul.ui-tabs-nav li.ui-tabs-selected a {background:url(../images/bg-tabview-selected-hydration-left.gif) left top no-repeat;}

#fuel #productDetails {border-color:#9FDAFF;}
#fuel #productDetails ul.ui-tabs-nav li {background:url(../images/bg-tabview-fuel-right.gif) right top no-repeat;}
#fuel #productDetails ul.ui-tabs-nav li a {background:url(../images/bg-tabview-fuel-left.gif) left top no-repeat;}
#fuel #productDetails ul.ui-tabs-nav li.ui-tabs-selected {background:url(../images/bg-tabview-selected-fuel-right.gif) right top no-repeat;}
#fuel #productDetails ul.ui-tabs-nav li.ui-tabs-selected a {background:url(../images/bg-tabview-selected-fuel-left.gif) left top no-repeat;}

#focus #productDetails {border-color:#FAF039;}
#focus #productDetails ul.ui-tabs-nav li {background:url(../images/bg-tabview-focus-right.gif) right top no-repeat;}
#focus #productDetails ul.ui-tabs-nav li a {background:url(../images/bg-tabview-focus-left.gif) left top no-repeat;}
#focus #productDetails ul.ui-tabs-nav li.ui-tabs-selected {background:url(../images/bg-tabview-selected-focus-right.gif) right top no-repeat;}
#focus #productDetails ul.ui-tabs-nav li.ui-tabs-selected a {background:url(../images/bg-tabview-selected-focus-left.gif) left top no-repeat;}

#recovery #productDetails {border-color:#f5cdd2;}
#recovery #productDetails ul.ui-tabs-nav li {background:url(../images/bg-tabview-recovery-right.gif) right top no-repeat;}
#recovery #productDetails ul.ui-tabs-nav li a {background:url(../images/bg-tabview-recovery-left.gif) left top no-repeat;}
#recovery #productDetails ul.ui-tabs-nav li.ui-tabs-selected {background:url(../images/bg-tabview-selected-recovery-right.gif) right top no-repeat;}
#recovery #productDetails ul.ui-tabs-nav li.ui-tabs-selected a {background:url(../images/bg-tabview-selected-recovery-left.gif) left top no-repeat;}

#strength #productDetails {border-color:#e2ddf5;}
#strength #productDetails ul.ui-tabs-nav li {background:url(../images/bg-tabview-strength-right.gif) right top no-repeat;}
#strength #productDetails ul.ui-tabs-nav li a {background:url(../images/bg-tabview-strength-left.gif) left top no-repeat;}
#strength #productDetails ul.ui-tabs-nav li.ui-tabs-selected {background:url(../images/bg-tabview-selected-strength-right.gif) right top no-repeat;}
#strength #productDetails ul.ui-tabs-nav li.ui-tabs-selected a {background:url(../images/bg-tabview-selected-strength-left.gif) left top no-repeat;}

/* 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  { /* auto clear @ IE 7 Standards Mode - do not group selectors, otherwise IE 6 will ignore complete rule (because of the unknown + combinator)... */
    display: inline-block;
}