/**********************************************/
/* @name: style.css                           */
/* @date: 19/11/07                            */
/* @desc: JMyCarousel css                     */
/* @auth: kevin@enova-tech.net                */
/**********************************************/
/** General Elements && arrows description  ***/


div.jMyCarousel .prev{
	background: url('/images/galleftarrow.gif') center center no-repeat;
	width:47px;
	height:61px;
	border:0px;
}

div.jMyCarousel .next{
	background: url('/images/galrightarrow.gif') center center no-repeat;
	width:15px;
	height:64px;
	border:0px;
}

div#LeftArrow{
	background: url('/images/galleftarrow.gif') center center no-repeat;
	width:15px;
	height:61px;
	border:1px;
	float:left;
}

div#RightArrow{
	background: url('/images/galrightarrow.gif') center center no-repeat;
	width:15px;
	height:64px;
	border:1px;
	float:left;
	margin-left: 10px;
}

div.jMyCarousel .up{
	background: url('/images/up.png') center center no-repeat;
	width:15px;
	height:64px;
	border:0px;
}

div.jMyCarousel .down{
	background: url('/images/down.png') center center no-repeat;
	width:47px;
	height:61px;
	border:0px;
}


div.jMyCarousel {
}

div.jMyCarousel ul{
	margin: 0pt; padding: 0pt; position: relative; list-style-type: none; z-index: 1; width: 1000px; left: 0pt; height: 100px;
}

div.jMyCarousel ul li{
	margin:5px;
	line-height:0px;
	padding:0px;
	height: 90px;
	display:inline;
  float:left;
  overflow-x:hidden;
  overflow-y:hidden;
}

div.jMyCarousel ul li a{ /* in case of link */
	display:block;
}

div.jMyCarousel img.current{
	border:2px solid #FFFFFF;
}

div.jMyCarousel ul li img{
	display:block;
}

div.jMyCarousel div.galleryThumbs {
  background-color:#C33A5E;
  border-left:2px solid #C33A5E;
  border-right:2px solid #C33A5E;
  overflow:hidden;
  padding:5px 0;
  text-align:left;
  white-space:nowrap;
  width:374px !important;
}

div#thumbsContentContainer {
  float:left;
  overflow:hidden !important;
  position:relative;
  width:334px !important;
  margin: auto auto;
}

div#galleryThumbs {
  background-color:#C33A5E;
  border-left:2px solid #C33A5E;
  border-right:2px solid #C33A5E;
  overflow:hidden;
  padding:5px 0;
  text-align:left;
  white-space:nowrap;
  width:374px !important;
  height: 94px !important;
}



#galleryContainer {
  margin:auto;
  width: 378px;
  height: 510px;
  background: url(/images/back_gallery.jpg) top left no-repeat;  
	border-collapse:'separate';
	font-size: 80%;
}

#gallerlyTopBar{
	width:374px;
	border-top:	2px solid #c33a5e;
	border-left: 2px solid #c33a5e;
	border-right: 2px solid #c33a5e;
}


#galleryNumber{
  font-size: 100%;
  color: #666;
  padding-top:15px;
  margin-left:275px;
  border:0px solid #00FF00;
}

#large 
{
  text-align:center;
  height: 260px;
  width:374px;
  display:table-cell;
  vertical-align:middle;
  border-left: 2px solid #c33a5e;
  border-right: 2px solid #c33a5e;
}

#large img 
{    
  max-width: 340px;
  max-height: 300px;
  margin-top:2px;
}


#large_caption {
  text-align:center;
  margin-top:6px;
  margin-left:35px;
  margin-right:35px;
  margin-bottom:6px;    
  height:35px;
  display:block;
}

/*...........................................................*/


#galleryThumbs {
	width: 374px!important;
	text-align: left;
	white-space: nowrap;
	
	padding:5px 0px 5px 0px;
	
	overflow-y : hidden;
	overflow-x : hidden;

	background-color:#c33a5e;
	border-left: 2px solid #c33a5e;
	border-right: 2px solid #c33a5e;
}

#LeftArrow{
	/*border:1px solid #000;*/
	width: 16px;
	height: 64px;
	float:left;
	padding: 0;
	margin: 0;
	background: url(/images/leftarrow.gif) top left no-repeat;
	

}

#thumbsContentContainer
{
  float:left;
  overflow-y : hidden !important;
  overflow-x : hidden !important;
  width:334px !important;
  position:relative;  /*needed for IE6*/
}

#thumbsContent{
	float:left;
	position:relative;
}


#RightArrow{
	/*border:1px solid #000;*/
	width: 16px;
	height: 64px;
	float:right;
	padding: 0;
	margin: auto;
	background: url(/images/rightarrow.gif) top left no-repeat;
}

#galleryThumbs a {
	padding:5px;
    outline: none;
}


#galleryThumbs img {
    vertical-align:middle;
}


#galleryThumbs a.current img {
	border:solid 2px #ffffff;
}

/*...........................................................*/

/* gallery controls */
#galleryControls {
  font-size: 100%;
  color: #333;
  margin-top:5px;  
  display:block;
  text-align:center;
}

#nextPrevious 
{
  float:left;
  margin-left:100px;
}

#galleryControls a {

}

a#prev {

}

a#nex {

}

a#slideshow-toggle {
    float:left;
    width:150px;
}