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


#rotate { width: 621px; height: 347px; margin-bottom: 30px; position: relative; }
.tab-section { position: relative; width: 609px; height: 280px; }

#tab-content { width: 609px; height: 280px; border: 6px solid #000; position: absolute; top: 0; left: 0; overflow: hidden; z-index: 0; }
.tab-bg { }
.tab-text { position: absolute; top: 163px; width: 368px; padding: 14px 29px 14px 9px; background: url(/images/trans-62.png); }
.tab-text p { color: #fff; font-size: 1.17em; line-height: 1.25; }
.tab-text a.tab-more { float: right; color: #ef555a; text-transform: uppercase; font-size: 1.17em; font-weight: bold; }

.ui-tabs-nav li { float: left; width: 151px; background: #fff; height: 50px; border: 2px solid #cecece; }
.ui-tabs-nav li.first { width: 152px; }
.ui-tabs-nav li a { display: block; width: 151px; height: 42px; padding-top: 8px; color: #000; text-decoration: none; }
.ui-tabs-nav li.first a { width: 152px; }
.ui-tabs-nav li a:hover { background-color: #f7f7f7; }

.ui-tabs-nav { position: absolute; top: 292px; left: 0; }

.ui-tabs-nav li a .heading { width: 143px; font-size: 1.4em; padding-left: 8px; text-transform: uppercase; font-weight: bold; display: block; margin: 0 0 1px; }
.ui-tabs-nav li a .extra { font-size: 1.1em; padding-left: 16px;  }

.ui-tabs-nav li.ui-tabs-selected { background: #000; border-color: #000; }
.ui-tabs-nav li.ui-tabs-selected a { color: #fff; }
.ui-tabs-nav li.ui-tabs-selected a:hover { background-color: #000; }


.ui-tabs-nav:after { /* clearing without presentational markup, IE gets extra treatment */
    display: block;
    clear: both;
    content: " ";
}
.ui-tabs-nav a {
     /* required in IE 6 */    
    outline: 0; /* prevent dotted border in Firefox */
}
.ui-tabs-nav .ui-tabs-selected a {

}
.ui-tabs-nav a span {
    width: 64px; /* IE 6 treats width as min-width */
    min-width: 64px;
    height: 18px; /* IE 6 treats height as min-height */
    min-height: 18px;
}
*>.ui-tabs-nav a span { /* hide from IE 6 */
    width: auto;
    height: auto;
}

.ui-tabs-disabled {
    opacity: .4;
    filter: alpha(opacity=40);
}
.ui-tabs-loading em {
    padding: 0 0 0 20px;
    background: url(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;
}