/* TAB addon styles */
.jstTBcontent h2
{
    font-size: 150%;
    color: #fff;
    font-weight: bold;
    margin: 28px 0px 3px 28px;
}
.jstTBcontent h3
{
    color: #fff;
    font-size: 130%;
    font-weight: normal;
    margin: 17px 0px 30px 18px;
    width: 350px;
}
.jstTBcontent ul
{
    margin: 0px; padding: 0px;
    list-style: none;
    margin: 0px 0px 0px 10px;
}
.jstTBcontent div.shadedPanel { 
    background: #7f7f7f url('/RBSMAssets/homepage/tabbar/images/TextBackground.jpg') bottom left no-repeat;
    width: 350px;
    margin: 0 0 0 18px;
    padding: 10px 0 5px 0;  
}
.jstTBcontent ul li
{
    margin: 0 0 8px 0; padding: 0px 0px 2px 10px;
    list-style: none;
    background: url("../images/TabBar/list-items.gif") 0px 7px no-repeat;
    font-size: 80%; 
}
.tabButton
{
    margin-left: 30px;
}
.jstTabBar .tabButton a {
	margin: 0 10px 0 0; 
	padding: 0;
	border: none; 
	}

.jstTabBar .tabButton a img { 
	border: none; 
	} 

/*
.tabButton a
{
    color: #fff;
    font-weight: bold;
    font-size: 74%;
    padding: 2px 5px 4px 4px;
    background: url("../images/TabBar/button-left.gif") top left no-repeat;
    text-decoration: none;
}
.tabButton a span
{
    background: url("../images/TabBar/button-right.gif") top right no-repeat;
    padding: 2px 35px 4px 2px;
}
*/

.borderContainer01
{
    background: url("../images/border-style-01-left.gif") top left no-repeat;
    padding-left: 9px;
    width: 920px;
}
.borderContainer01 .innerBorderContainer
{
    background: url("../images/border-style-01-right.gif") top right no-repeat;
    padding: 8px 9px 10px 0px;
}


/* Customisations */


.jstTabBar
{
    overflow: hidden;
    position: relative;
    height: 270px;
}
.jstTabBar .jstTBsection
{
    position: absolute;
}
.jstTabBar .vertical
{
    display: block;
    -webkit-transform: rotate(90deg); 
    -moz-transform: rotate(90deg);
    writing-mode: tb-rl;
    top: 0; left: 0;
    white-space: nowrap;
    cursor: pointer;
}
.jstTabBar .jstTBtitle
{
    position: absolute;
    width: 44px;
    background: #000 url("../images/TabBar/bg-tab.gif") top left repeat-y;
}
.jstTabBar .jstLastClicked .jstTBtitle
{
    background: #000 url("../images/TabBar/bg-tab-selected.gif") top left repeat-y;
}
.jstTabBar .jstTBtitle a
{
    display: block;
    text-decoration: none;
    width: 20px;
    height: 230px;
    color: #fff;
    font-size: 100%;
    font-weight: bold;
    padding: 20px 0px 20px 12px;
    background: url("../images/TabBar/arrow-closed.gif") 20px 240px no-repeat;
}
.jstTabBar .jstLastClicked .jstTBtitle a
{
    background: url("../images/TabBar/arrow-open.gif") 20px 240px no-repeat;
}
.jstTabBar .jstTBcontent
{
    position: absolute;
    left: 44px;
    width: 778px;
    height: 270px;
    background: #000;
    color: #fff;
}