﻿    .slideshowL{ width:160px; height:100px; margin:0px; overflow:hidden;}
    .slideshowL li{ list-style:none; float:left; display:inline; position:relative;} 
    #top-zone{ overflow:hidden; width:160px; margin:0 auto; height:100px;}
    #top-zone2{ overflow:hidden; width:160px; margin:0 auto; height:100px;}   
    #slideshowL img { display: none; margin: auto;  }    #slideshowL img.first { display: block }     
    .slideshowTB{ width:260px; height:180px; margin:0px; position:relative;  }
    .slideshowTB li{ list-style:none; float:left; display:inline; position:relative;  } 
    #top-zoneTB{ overflow:hidden; width:260px; margin:0 auto; height:180px;}
    #top-zoneTB2{ overflow:hidden; width:260px; margin:0 auto; height:180px;}  
    #slideshowTB img { display: none; margin: auto;  }
    #slideshowTB img.first { display: block }

.page {
     position:relative; 
     z-index:50;
}

#canvasdiv {
    position:absolute; 
     top:70px;
     left:0;
     z-index:-5;    
}


#wrapper {

	width:95%; 
	margin:0 auto; 
	position:relative; 
	top:15px; 
	background:#fff; 
	height:300px; 
	padding:15px; 
    background-color:transparent;
}

#tabs {
	height:28px; 
	padding-left: 0px;
	padding-top:0px;
	border-top-left-radius:4px;  
	border-top-right-radius:4px;
}

#tabs li {

	float:left; 
	list-style:none; 
	border-top:1px solid #ccc; 
	border-left:1px solid #ccc; 
	border-right:1px solid #ccc; 
	margin-right:5px; 
	border-top-left-radius:3px;  
	border-top-right-radius:3px;
	-moz-box-shadow: 0 -2px 2px #dadada;
	-webkit-box-shadow:  0 -2px 2px #dadada;
	box-shadow: 0 -2px 2px #dadada;

}

#tabs li a {

	font-family:Arial, Helvetica, sans-serif; 
	font-size:13px;
	font-weight:bold; 
	color:#000000; 
	padding:7px 14px 6px 12px; 
	display:block; 
	background:#FFFFFF;  
	border-top-left-radius:3px; 
	border-top-right-radius:3px; 
	text-decoration:none;
	background: -moz-linear-gradient(top, #ebebeb, white 10%);  
	background: -webkit-gradient(linear, 0 0, 0 10%, from(#ebebeb), to(white));  
    border-top: 1px solid white; 
	text-shadow:-1px -1px 0 #fff;
	outline:none;

}

#tabs li a:hover, #tabs li a.inactive:hover {

	border-top: 1px solid #dedede;
	color:#000000;

}

#tabs li a.inactive{

	padding-top:5px;
	padding-bottom:5px;
	color:#666666;
	background: -moz-linear-gradient(top, #dedede, white 75%);  
	background: -webkit-gradient(linear, 0 0, 0 75%, from(#dedede), to(white));  
	border-top: 1px solid white; 

}

.container{ 
	clear:both; 	 	 
	padding:10px 0px; 
	width:100%; 
	background-color:transparent;
	text-align:left; 	 

}

#carousel { position: relative; height: 160px; margin: 0; padding: 0;  }
#carousel li { float: left; cursor: pointer; cursor: hand; list-style: none; margin: 0; padding: 0; width: 195px; height: 150px; }
#carousel li img { height: 100%; width: 100%; }	
#carousel1 { position: relative; height: 160px; margin: 0; padding: 0; float:left; left:50% }
#carousel1 li { float: left; cursor: pointer; cursor: hand; list-style: none; margin: 0; padding: 0; width: 100px; height: 150px; }
#carousel1 li img { height: 100%; width: 100%; }	
#carousel2 { position: relative; height: 160px; margin: 0; padding: 0; float:left; left:50%; }
#carousel2 li { float: left; cursor: pointer; cursor: hand; list-style: none; margin: 0; padding: 0; width: 160px; height: 160px; }
#carousel2 li img { height: 100%; width: 100%; }