a {
	color: #be94a4;
	text-decoration: none;
}
a:hover {
	color: #4d2f3a;
}


		#html-carousel { 
overflow: hidden;
}


.carousel-component { 
    position: relative; /* important */  
    overflow: hidden; /* important */  
    width: 167px; /* important */  
    height: 130px; /* important  component turns it on when first item is rendered */
}
				
ul.carousel-list { 
	width:10000px;
  position: absolute;   
  top: 0px; 
	left: 0px;

}
#thumbwrap { 
	padding-left: 2px;
}
.carousel_float {
	float: left;
	width: 167px;

}
* html .carousel_float {
	margin-right: -5px;
}

.wrapper2 {
	height: 300px;
}

    #carouselul li {   
        float: left; 
        width: 167px;  

    }
    #carouselul {
     list-style: none;   
    margin: 0;   
    padding: 0;      
    }
    
    		
	#thumb_wrap {
		overflow: hidden;
	}	
				    #carouselul li a  {   
  
        float: left; 
  
    }
   

#carouselul li a.thumb_off {
	cursor: default;

}
#carouselul li a.thumb_off img {


}
#carouselul li a.thumb_off:hover {

}


.carousel_float {
width: 165px;

}
.thumb {
float: left;
width: 50px;
height: 50px;
margin-right: 5px;
margin-bottom: 5px;
}
.thumb a {
 margin-top: 0px;
 margin-right: 2px;
 margin-bottom: 2px;
 margin-left:	0px;
 border: 1px solid white;
 cursor: pointer;
}
.thumb a img {
	border: 1px solid #5b3b47;
}
.thumb a:hover  {
	border: 1px solid #5b3b47;
}
.thumb a:hover img {

 border: 1px solid white;
}
a img {
	text-decoration: none;


}

a.thumb_off {
 margin-top: 1px;
 margin-right: 3px;
 margin-bottom: 3px;
 margin-left:	1px;
	width: 49px;
height: 49px;
border: 1px solid #5b3b47;
}
a.thumb_off img {
	width: 47px;
	height: 47px;
border: 1px solid white;
}
a.thumb_off:hover img {

border: 1px solid white;
}
a.thumb_off:hover {
border: 1px solid #5b3b47;
}


			
a.thumb_off2 {
	width: 49px;
	height: 49px;
	margin-top: 0px;
	padding: 0px 0px;
	margin-right: 2px;
	margin-bottom: 2px;
  margin-left:	0px;
}	

a.thumb_off2 img {
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left:	0px;
	margin-right:	0px;
}	

.imgtestoo {
position: absolute;
width: 49px;
height: 49px;
margin-top: -1px;
margin-left: -50px;
z-index: 99;

}

a:active
{
  outline: none;
}

#prev-arrow {
	display: none;
}

#loading_img {
display: none;
}




#progress {
    float:left;
    width: 50px;
    margin-left: 15px;
    margin-top: 2px;
    padding: 0px;
    background-color: #be94a4;
    text-align: left;
}
 
#bar {
	width: 0px;
	height: 12px;
	background: #4d2f3a;
	z-index: 98;
}


#progress_number {
position: absolute;
width: 10px;
margin-top: -13px;
margin-left: 20px;
	color: #fff;
	font-size: 10px;
	font-weight: bold;
z-index: 99;

}

#thumbnav_cont a {
	text-decoration: none;


}
/* BUTTONS */
#prev-arrow-container { 
    float:left;
    width: 40px;
    height: 10px;
    margin: 0px;
    padding: 0px;
		font-size: 10px;
}

#progress-cont {
    float:left;
    margin-left: 0px;
    margin-top: 2px;
    padding: 0px;
    		font-size: 10px;
}
#bar {
		font-size: 10px;
}



#prev-arrow-container {
text-align: left;
}
#next-arrow-container { 
    float:right;
    margin: 0px;
    padding: 0px;
		font-size: 10px;
}

#next-arrow { 
 cursor: pointer;
}

#prev-arrow { 
cursor: pointer;
}



#thumbwrap {
			/*
				This is necessary to trigger hasLayout, for both IE 6 and IE 7!
				My suggestion is to serve this only to IE through a
				separate stylesheet included with conditional comments.
			*/
			height: 1%;
		}
		
		#thumbwrap:after{
			content: ".";
		    display: block;
		    height: 0;
		    clear: both;
		    visibility: hidden;
		}
		
		
		.carousel_float {
			/*
				This is necessary to trigger hasLayout, for both IE 6 and IE 7!
				My suggestion is to serve this only to IE through a
				separate stylesheet included with conditional comments.
			*/
			height: 1%;
		}
		
		.carousel_float:after{
			content: ".";
		    display: block;
		    height: 0;
		    clear: both;
		    visibility: hidden;
		}