#tabs {width:400px; text-align:left; margin:0; position:relative; z-index:200; font: bold 12px Arial, Helvetica, sans-serif;}
#tabs ul {padding:0; margin:0; width:399px; list-style:none; position:relative;}
#tabs ul li.outer {float:left; display:inline; margin:0 4px 3px 4px; width:75px; height:53px; border-bottom:1px solid #9C9C9C; line-height:45px; color:#ABABAB; padding:0 0 0 50px; cursor:pointer;}

#tabs ul li.one {background:#fff url(../images/@matec.jpg) no-repeat top left;}
#tabs ul li.two {background:#fff url(../images/what.jpg) no-repeat top left;}
#tabs ul li.three {background:#fff url(../images/calendar.jpg) no-repeat top left;}
/*
#tabs ul li.four {background:#fff url(icon/search.jpg) no-repeat top left;}
#tabs ul li.five {background:#fff url(icon/profile.jpg) no-repeat top left;}
#tabs ul li.six {background:#fff url(icon/other.jpg) no-repeat top left;}
*/
#tabs ul li div {display:none;}

#tabs ul li.click {padding-bottom:165px; border-bottom:1px solid #fff; color:#000; margin-bottom:0;}

#tabs ul li.click {color:#000; background-position:0 -55px; height:55px; cursor:default;}


#tabs ul li.click div {display:block; padding:5px; position:absolute; left:4px; top:55px; width:381px; height:150px; border-bottom:3px solid #fff;}

#tabs ul li.click div.tab_left
{background:#fff url(../images/tab_left.gif);}

#tabs ul li.click div.tab_center
{background:#fff url(../images/tab_center.gif);}

#tabs ul li.click div.tab_right
{background:#fff url(../images/tab_right.gif);}

.clear {clear:both; height:0; line-height:0; overflow:hidden;}
/*
#tabs span.base {display:block; height:20px;font-size:10px; color:#c60; background:url(icon/bottom.gif) bottom;}
*/
#tabs div h5 {font-size:12px; margin:0; text-align:center;}
#tabs div h6 {font-size:12px; margin:0; text-align:center; font-weight:bold;}
#tabs div p {font-weight:normal; text-align:left; color:#000; margin-top:5px; line-height:15px;}


#tabs div a.WhatIsIt {background: url(../images/what_over.png); display:block; width:50px; height:50px; margin:-10px 0px 0px 170px;}
#tabs div a.WhatIsIt:hover {border:0;}
#tabs div a:hover.WhatIsIt img {visibility:hidden;}
#tabs div a img {border:0;}
/*
#tabs div img.image {float:left; border:0; margin-right:5px; margin-top:-15px;}
#tabs p.bold {color:#069; padding-top:5px;}
#tabs form {margin-top:-10px; padding:0;}
#tabs form fieldset {padding:0;}
#tabs p.buttons {text-align:center;}
*/

.thumbnail{
position: relative;
z-index: 0;
	}
.thumbnail:hover{
background-color: transparent;
z-index: 50;
	}
.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: #FFF; /* Matching grey color = #DCDBE0; */
padding: 0px; /* This was 5px */
left: -1000px;
border: 1px solid #000; /* It was 1px dashed gray */
visibility: hidden;
color: black;
text-decoration: none;
	}
.thumbnail span img{ /* CSS for enlarged image */
border-width: 0;
padding: 0px; /* This was 2px; */
	}
.thumbnail:hover span{ /* CSS for enlarged image on hover */
visibility: visible;
top: -155px; /* It was top: 0; */
left: 90px; /* position where enlarged image should offset horizontally */  /* It Was left: 60px; */
}