﻿.infiniteCarousel { width:607px; height:183px; position:relative; }
.infiniteCarousel .wrapper { width:607px; height:183px; overflow:hidden; min-height:10em; margin:0 0px; position:absolute; top:0; left:0; text-align:left;}
.infiniteCarousel ul a img { border:0px; }
.infiniteCarousel .wrapper ul { width:9999px; list-style-image:none; list-style-position:outside; list-style-type:none; margin:0; padding:0; position:absolute; top:0; }
.infiniteCarousel ul li { display:block; float:left; height:183px; width:607px; }
.infiniteCarousel ul li a img { display:block; }
.infiniteCarousel .arrow { display:block; height:36px; width:37px; text-indent:-999px; position:absolute; top:37px; cursor:pointer; }
.infiniteCarousel .forward { display:none; background-position:0 0; right:0; }
.infiniteCarousel .back { display:none;	background-position:0 -72px; left:0; }
.infiniteCarousel .forward:hover { background-position:0 -36px; }
.infiniteCarousel .back:hover { background-position:0 -108px; }

.infiniteCarousel .controller { position:absolute; width:600px; top:150px; left:0px; z-index:5 }
.infiniteCarousel .controller .goto1 { background-position:0px 0px;}
.infiniteCarousel .controller .goto2 { background-position:-25px 0px; }
.infiniteCarousel .controller .goto3 { background-position:-50px 0px; }
.infiniteCarousel .controller .goto4 { background-position:-75px 0px; }
.infiniteCarousel .controller .goto5 { background-position:-100px 0px; }
.infiniteCarousel .controller .goto6 { background-position:-125px 0px; }
.infiniteCarousel .controller .goto1:hover, .infiniteCarousel .controller .goto1Active { background-position:0px -27px; _color:orange;}
.infiniteCarousel .controller .goto2:hover, .infiniteCarousel .controller .goto2Active { background-position:-25px -27px; _color:orange;}
.infiniteCarousel .controller .goto3:hover, .infiniteCarousel .controller .goto3Active { background-position:-50px -27px; _color:orange;}
.infiniteCarousel .controller .goto4:hover, .infiniteCarousel .controller .goto4Active { background-position:-75px -27px; _color:orange;}
.infiniteCarousel .controller .goto5:hover, .infiniteCarousel .controller .goto5Active { background-position:-100px -27px; _color:orange;}
.infiniteCarousel .controller .goto6:hover, .infiniteCarousel .controller .goto6Active { background-position:-125px -27px; _color:orange;}

.infiniteCarousel .controller a { float:right; color:#fff; background:url(../../assets/images/carousel_numbers.png) no-repeat; width:25px; height:22px; text-decoration:none; _background:black none; _font: bold 15px Trebuchet MS, Tahoma; _margin-left:4px; _text-align:center;}

.infiniteCarousel .imageContainer { position:absolute; }

.infiniteCarousel .title { position:absolute; top:115px; z-index:3; margin:10px; color:#90dc3d; font-weight:normal; font-family:Trebuchet MS, Tahoma; font-size:16px; line-height:16px; text-align:left;  }
.infiniteCarousel .description { position:absolute; top:130px; z-index:3; margin:10px; color:#ededed; font-family:Tahoma,Verdana; font-size:11px; line-height:15px; text-align:left; }

.carouselRibbon {
    display:none;
background:url(../../assets/images/carouselRibbon.png) repeat-x 0 0; 
_background: transparent;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='assets/images/carouselRibbon.png',enabled=true, sizingMethod='scale');
width:50px; height:62px; position:absolute; left:11px; top:-8px; z-index:9998}
