/* The Preloader in the Slider */
#iCarousel-preloader { position: absolute; z-index: 1000; border-radius: 3px; border: #000 1px solid; border-color: rgba(0,0,0,0.6); padding: 1px; width: 150px; height: 3px; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box;}
#iCarousel-preloader div { float: left; border-radius: 3px; height: 3px; background: #000; background: rgba(0,0,0,0.6); width: 0px; }

/* The timer in the Slider */
#iCarousel-timer { position: absolute; z-index: 1000; border-radius: 5px; cursor: pointer; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box;}
#iCarousel-timer div { border-radius: 3px; }

.icarousel-container { width: 100%;  margin-bottom: 75px; overflow: hidden; }

.icarousel { width: 490px; height: 400px; position: relative; margin: 0 auto 40px; -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; -o-transform-style: preserve-3d; -ms-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-perspective: 1000px; -moz-perspective: 1000px; -o-perspective: 1000px; -ms-perspective: 1000px; perspective: 1000px; }
.icarousel .slide { display:block; width: 480px; height: 360px; border-radius:0 0 3px 3px;}
.icarousel .slide > a {display:block;}
.icarousel .slide .sl_title {position: absolute; top: 0; left: 10px; right:10px; text-align:center;  margin: 0;}
.icarousel .slide .sl_title span {padding: 0; display: block; border-radius: 0; background: none; color: #292929; text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.9); font-size: 14px; line-height: 21px; margin-top: 0; }
.icarousel .slide .theurl {position:absolute; left:75px; top:22px; display: block; color: #888; padding: 0; font-size: 11px; line-height: 1.5; }
.icarousel .slide img {margin-top:47px; box-shadow:0 0 15px rgba(0, 0, 0, 0.66);}
.icarousel .slide.current img {box-shadow:none;}

/* The Navigation buttons in the Slider */
a.iCarouselNav { display: block; position: absolute; top: 150px; width: 40px; height: 100px; background-image: url(../icarousel/nav_paddles.png); z-index: 1000; text-indent: -9999px; opacity: 0.5; -ms-filter: alpha(opacity=50); filter: alpha(opacity=50); cursor:pointer; }
a.iCarouselNav:hover { opacity: 1; -ms-filter: alpha(opacity=100); filter: alpha(opacity=100); }
a.iCarouselNav:active { background-image: url(../icarousel/nav_paddles.png); }
a#iCarouselPrev { left: 20px; background-position: -16px 0px }
a#iCarouselNext { right: 20px; background-position: 56px 0px; }

.icarousel .safari_frame {background: url(../icarousel/safari-frame.png) no-repeat center top rgba(255, 255, 255, 0.11); width:480px; height:407px; position:absolute; top:0; z-index: 996; border-radius: 3px; box-shadow: 0 0 15px rgba(0, 0, 0, 0.66); display: block;}
.icarousel .safari_frame,
.icarousel .slide .theurl,
.icarousel .slide .sl_title
 {  opacity:0; visibility:hidden; margin-top:5px;
-webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; -ms-transition: all 0.2s ease-out; transition: all 0.2s ease-out; -webkit-backface-visibility: hidden;}
.icarousel .safari_frame.visible,
.icarousel .slide.visible .theurl,
.icarousel .slide.visible .sl_title {opacity:1; visibility:visible; margin-top:0}
.icarousel .safari_frame {}
.icarousel .safari_frame.visible {}
#icarousel, #icarousel .slide, #icarousel .safari_frame { width: 479px; height: 407px;}