/* your usual horizontal tabs
----------------------------------*/
.ui-tabs { zoom: 1; }
.ui-tabs .ui-tabs-nav { list-style: none; position: relative; padding: .2em .2em 0; }
.ui-tabs .ui-tabs-nav li { position: relative; float: left; border-bottom-width: 0 !important; margin: 0 .2em -1px 0; padding: 0; }
.ui-tabs .ui-tabs-nav li a { float: left; text-decoration: none; padding: 1.2em 1.5em 1em 1.5em; color: #f2ffff; text-shadow: #333 .07em .07em .05em; font-size: 1.625em; }
.ui-tabs .ui-tabs-nav li.ui-tabs-selected { border-bottom-width: 0; }
.ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a { cursor: text; }
.ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a { cursor: pointer; } /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */
.ui-tabs .ui-tabs-panel { padding: 1em 1.4em; display: block; border-width: 0; background: #fff; min-height: 550px; height: auto !important; height: 550px; }
.ui-tabs .ui-tabs-hide { display: none !important; }

.ui-tabs .ui-tabs-nav li.ui-tabs-selected { background: url(../img/homepage1-5/tab-right-on.jpg) right 10px no-repeat; }
.ui-tabs .ui-tabs-nav li.ui-tabs-selected a { background: url(../img/homepage1-5/tab-left-on.jpg) left 10px no-repeat; color: #415b6d; text-shadow: none; }

@media screen and (-webkit-min-device-pixel-ratio: 0) {
.ui-tabs .ui-tabs-nav li.ui-tabs-selected { background: url(../img/homepage1-5/tab-right-on.jpg) right 9px no-repeat; }
.ui-tabs .ui-tabs-nav li.ui-tabs-selected a { background: url(../img/homepage1-5/tab-left-on.jpg) left 9px no-repeat; }
}

/* the vertical tabs
----------------------------------*/
.ui-tabs-vertical { width: 100%; margin: 30px 0 0 0; }
.ui-tabs-vertical .ui-tabs-nav { padding: 0; float: left; width: 330px; text-align: right; margin: 0; }
.ui-tabs-vertical .ui-tabs-nav li { clear: left; border-bottom-width: 1px !important; border-right-width: 0 !important; margin: 0 -1px 10px -5px; padding: 0; width: 310px; }
.ui-tabs-vertical .ui-tabs-nav li a { display:block; color: #415b6d; font: bold 1.225em/.975 tahoma, verdana, arial, helvetica, sans-serif; text-shadow: none; padding: 6px 0 10px 0; margin: 0 0 0 55px; height: 22px; width: 230px; text-align: right; }
.ui-tabs-vertical .ui-tabs-nav li.ui-tabs-selected { padding-bottom: 0; padding-right: .1em; border-right-width: 1px; border-right-width: 1px; }
.ui-tabs-vertical .ui-tabs-panel { padding: 1em 1em 1em 0; float: right; width: 53.5em; min-height: 400px; height: auto !important; height: 400px; }

.ui-tabs-vertical .ui-tabs-nav li.ui-tabs-selected { background: #415b6d url(../img/homepage1-5/big-arrow.jpg) right top no-repeat; }
.ui-tabs-vertical .ui-tabs-nav li.ui-tabs-selected a { background: none; color: #fff; }