/*
Title 	: CSS for Simple Carousel with Paging Using Mootools
Author 	: Nikhil Kunder
Date 	: 2008/09/12
Version : 1.0
    moocarousel_v1.0.js & carousel.css  is distributed in the hope that it will be useful,
	but WITHOUT ANY WARRANTY; without even the implied warranty of
 	MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU
 	Lesser General Public License for more details.
*/

/* carousel css*/  
#carousel1_moveleft {background:url('../images/flecheg.jpg') no-repeat; width:36px; height:168px; float:left; margin:10px 0px 0px 0px;}
#carousel1_moveright {background:url('../images/fleched.jpg') no-repeat; width:36px; height:168px; float:left; margin:10px 0px 0px 8px; }
		#carousel2_moveleft {background:url('../images/flecheg.jpg') no-repeat; width:36px; height:168px; float:left; margin:10px 0px 0px 0px;}
		#carousel2_moveright {background:url('../images/fleched.jpg') no-repeat; width:36px; height:168px; float:left; margin:10px 0px 0px 8px; }
		
.carousel_container_l, .carousel_container_r{display:block; margin:50px 0px 0px 0px ; position: relative; width: 23px;height:20px; float:left; cursor:pointer; } 
.carousel_container_r {background-position: 0 -38px; }  
.carousel_container_l{background-position: 0 -58px; } 

/* carousal 1*/
#carousel1_wrapper {overflow:hidden; width:820px; -width:819px; height:210px; margin:10px 0px 0px 8px; border:solid 1px rgb(192,192,192); position: relative; float:left;}
#carousel1_items_container{margin:5px; -margin-left:-1px; padding:0px; width:10000px;position: relative; }
.carousel1_items{ width:150px; height:150px; border:1px dotted #cfcfcf; margin:5px 5px; position:relative; float:left; text-align:center; overflow:hidden;}
.carousel1_items img{margin:2px; display:-moz-inline-box;display:inline-block;
zoom:1;
*display:inline; vertical-align:middle;}
	.carousel1_items a {cursor:url('images/zoom.cur');}
		#carousel2_wrapper {overflow:hidden; width:820px; -width:819px; height:210px; margin:10px 0px 0px 8px; border:solid 1px rgb(192,192,192); position: relative; float:left;}
		#carousel2_items_container{margin:5px; -margin-left:-1px; padding:0px; width:10000px; position: relative; }
		.carousel2_items{ width:150px; height:150px; border:1px dotted #cfcfcf; margin:5px 5px; position:relative; float:left; text-align:center; overflow:hidden;}
		.carousel2_items img{margin:2px;}

/* carousel paging css*/
.carousel_paging {text-align:center; padding:0 22% 0 22%; position:absolute; top:320px; left:20%; width:15%;}
.carousel_paging .current, .carousel_paging .page{ color:#e5398d; outline:none;  width:15px; height:15px; line-height:15px; text-align:center; display:block; float:left; background:#ffffff; margin:0 5px 0 0; padding:2px; text-decoration:none;}
.carousel_paging a:hover, .carousel_paging .current{background:#e5398d; color:#ffffff;}
.carousel_paging a {cursor:pointer;}