@import url("thickbox.css");
/* Generate corners and grads ###################### */
.floatcentre{
	margin: 5px auto;
}
#TabsContainer
{
	display:block;
	overflow:hidden;	
	margin:0 auto;
	padding:0;
	/*z-index:2;*/
}
#TabsContainer ul.navtabs { 
	list-style:none; 
	margin:0 0 0 0px!important; 
	padding:0;	
	width:98.7%;
	/*position:relative; needed in IE ~~~~~~~~~~~~~~~~~~~~*/
	/**/z-index:1;
	/* ~~~~~~~~~~~~
	height:35px;*/
	height:auto;
}
#TabsContainer ul.navtabs li{
	margin:0 -5px 0 0 ;
	padding:0;
	float:left;
	background: none;
}
/* link inside the tab. */
#TabsContainer ul.navtabs  li a {
	font-size:12px;
	display:inline-block;
	padding:8px 13px 2px 8px;
	padding:8px 13px 7px 8px;
	border: none;
	font-size:14px;
	background: url(../pics/btnTabs.png) no-repeat right top;
	cursor:pointer;
	vertical-align: middle;
	color:#666;
	text-decoration: none;
	font-weight: bold;
	border-left: 1px solid #5e5e5e;
	border-bottom:1px solid #5e5e5e;
	/* ~~~~~~~~~~~~*/
	height:18px;
}
/* when mouse enters the tab*/
#TabsContainer ul.navtabs  li a:hover {
	color:#000;
	background: url(../pics/btnTabsHover.png) no-repeat right top;
}
/* active tab uses a class name "current". */
#TabsContainer ul.navtabs  li a.current, 
#TabsContainer ul.navtabs  li a.current:hover, 
#TabsContainer ul.navtabs  li a.current a {
	color:#000;
!important;
	cursor:default!important;
	border-bottom:1px solid #5e5e5e;
	background: url(../pics/btnTabsOn.png) no-repeat right top;
}

/* LEAVE IN FOR IE */
div {
border-width:0;
}

/* TABS ###################### */
table.TabsContent {clear:both;}
/* initially all TabsContent are hidden*/  
table.TabsContent tr {display:none;}
table.TabsContent {
	width:100%;
	margin:-4px 0 0 0; 
	/*position:relative; needed in IE ~~~~~~~~~~~~~~~~~~~~*/
	z-index:1
}
table.TabsContent td {
	padding:5px 10px 5px 0;
	border:1px solid #8B8B8B;
	background-color: #5e5e5e;
}


/* GALLERY */
table.TabsContent h1 {
	padding:0;
	margin:10px 0 10px 15px;
	color: #FFF;
	font-size:16px;
}
div.gallery{ /*the outer wrapper*/
	padding:15px 10px;
	display:block;
	width:600px;  /*added to avoid hiding clickable image when mousing over */
	border:1px solid #8B8B8B;
	background:  url(../pics/BckgTabsContent.jpg) repeat-x top;
	margin:-1px 0 20px 0;
}
.gallery .cont{ /*the repeating cont*/
	position:relative; /*need this for ofsett below*/
	float: left;
	margin:10px 0 10px 10px;
	padding:5px;
}
.gallery .offset{/*the image title/URL link*/
	position:absolute;
	top:-10px;
	width:154px;
	overflow: hidden;
	color:#fff;
	z-index:10;
	padding:2px;
	background: #999;
}
/* Clip images */
.gallery  .posrel{
	margin:5px 0 0 0;
	position:relative;
	height:158px;
	width:158px;
	padding:0px;
	background: #000 url() no-repeat center bottom;
}
.gallery  .posrel img{
	width:100%;
	height:100%;
}
.gallery  div.DS{
	/*padding:0px 8px 8px 0px;
	background: url(../pics/bckg-BlockTh.png) no-repeat right bottom;*/
	padding:0px;
	border-bottom:4px solid #000
}
/* END Clip images */
/*
#########################
 - mouse over tips -
#########################
*/
.clickme{cursor:pointer}
.tt_header,.tt_h200,tt_h300,
.tt_body,.tt_b200,.b300{
font-size:12px;
padding:3px;
filter:alpha(opacity=100);    
opacity: .99; 
width:auto;
}
.tt_b200,.tt_h200{
width:200px;padding:3px;
}
.tt_b300,.tt_h300{
width:350px;padding:3px;
}
.tt_body,.tt_b200,.tt_b300{
	font-weight:normal;
	background-color:#000;
	color:#FFF;
	filter:alpha(opacity=100);
	opacity: 0.99;
	border:1px solid #5e5e5e;
	border-top:1px none #86D2FA;
	text-align: center;	
}

.tt_header,.tt_h200,.tt_h300{
	font-size:14px;
	color:#FFF;
	border: 1px solid #5e5e5e;
	border-bottom:1px none #86D2FA;
	background: url(../pics/BckgTabsContent.jpg) repeat-x left -100px;
}
.tt_body .inline p{
	display:inline;
	padding:0;
}
.ClearFloat,
.break{
	/*clear:both;
	line-height:1px;
	margin:0;
	padding:0;*/
	line-height:1px;
	height: 0;
	display: block;
	clear: both;
	visibility: hidden;
}