/* 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... */
    .tabs-hide {
		height: 0; 
		overflow: hidden;	
    }
}

/* Hide useless elements in print layouts... */
@media print {
    .tabs-nav {
        display: none;
    }
}

#centerColumnContent .centerColumnTabContent, #centerColumnContenttwo .centerColumnTabContenttwo,
#centerColumnContentthree .centerColumnTabContentthree, #centerColumnContentfour .centerColumnTabContentfour{
clear: both;
border: 1px solid #666666;
margin-left: 1px;
padding: 0px 12px 12px 12px;
}

ul.tabs {margin:0 0 0 0px; padding:0; list-style:none;}
ul.tabs li {float:left; margin:0 3px 0 1px; padding-left:5px !important; width: auto; list-style-image: none !important}
ul.tabs li.external-link {background:url('../images/ybs_tabs2.gif') 0px 0px !important;}
ul.tabs li.external-link  a {background:url('../images/ybs_tabs2.gif') 100% 0px !important;}

ul.tabs a:link, ul.tabs a:visited, ul.tabs a:hover, ul.tabs a:active {display:block; font-size:0.85em; font-weight: bold; background-color: #CCCCCC; text-decoration:none; height: auto; line-height: 135%; color: #4d4d4d}
ul.tabs li {background:url('../images/ybs_tabs.gif') 0px 0px !important; position: relative; z-index: 1; top: 0px; left: 0px}
ul.tabs li a {background:url('../images/ybs_tabs.gif') 100% 0px !important; padding:6px 8px 6px 3px !important;}
ul.tabs li.tabs-selected {background:url('../images/ybs_tabs.gif') 0px -102px !important; position: relative; z-index: 3; top: 1px; left: 0px;}
ul.tabs li.tabs-selected a {background:url('../images/ybs_tabs.gif') 100% -102px !important; padding: 5px 8px 7px 3px !important; color: #4d4d4d;}

.middlePositioning {margin-top: 8px; margin-bottom: 8px; max-height: 14px}

.tabsContent {border: 1px solid #666666; padding: 0px 12px; width: 496px; clear: both; margin-left: 2px; -moz-margin-start: 1px}

.tabsContent li {margin-left: -6px}

.tabsContent li.apply, .tabsContent li.branch, .tabsContent li.callback, .tabsContent li.contact, .tabsContent li.email, .tabsContent li.home, .tabsContent li.info, .tabsContent li.info2, .tabsContent li.logout, .tabsContent li.mandatory, .tabsContent li.mandatory2, .tabsContent li.pdf, .tabsContent li.ring, .tabsContent li.save, .tabsContent li.tick, .tabsContent li.book, .tabsContent li.man, .tabsContent li.rate, .tabsContent li.rate2, .tabsContent li.leaflet2, .tabsContent li.back, .tabsContent li.call, .tabsContent li.lock {margin-left: -30px}

.tabsContent h3 {margin: 20px 0px 8px 0px}

/* IE6 LAYOUT MESS FIX - IN SOME CASES, ON THE LATTER TABS, THE LAYOUT CAN BE AFFECTED IN IE6 ONLY - THIS FIX DOES NOT NEED TO BE DISPLAYED IN ANY OTHER BROWSER 
THIS NEEDS TO BE PLACED BETWEEN THE TAB CONTAINERS "centerColumnTabContent" */
span.ie6TabContentLayoutFix {
display:none !important;	
}