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

/*added by oscar*/
#banner {
  font-size: 1.2em;
  height: 365px;
  margin: 0 auto;
  position: relative;
  z-index: 70;
  width: 960px;
  background: transparent;
  clear: both;
}

#tabs-container ul { list-style: none; padding: 0; margin: 90px 0 0 0; width: 280px; height: 365px; display: inline; float: left; font-family: "Arial"; font-size: 13px; }
.tabstyle { border: none!important; width: 680px; height: 365px; float: left; overflow: hidden; position: relative; left: 0; top: 0; background-color: #23211E!important;}
#tabs-container li {
    float: left;
    margin: 0 0 1px 0;
	 clear: both;
    width: 280px;
}
#tabs-container a, #tabs-container a span {
    display: block;
	 width: 280px;
	 height: 34px;
    padding: 0;
	 color: #87847f;
    line-height: 34px;
	 text-indent: 20px;
	 text-align: left;
    text-decoration: none;
    white-space: nowrap; /* required in IE 6 */    
    outline: 0; /* prevent dotted border in Firefox */
    background: url('../assets/images/banners_button.gif') no-repeat;
}
#tabs-container a:hover, #tabs-container a:hover span {
    color:#fff;
	 font-weight: bold;
	 background-position: 0 -34px;
}