.fluidHeight{ width:360px; height:180px; position:relative;  box-shadow:inset 0 3px 10px -4px #000, inset 0 -3px 10px -4px #000;}
.sliderContainer{ position:absolute; width:360px;}
.iosSlider{ position:relative; top:0; left:0; overflow:hidden; width:360px; height:175px;}
.slider{ width:360px; height:100%;}
.slider .item{ width:100%; height:100%; padding:5px 0 5px 0;}
.item .inner{ position:relative; top:0; left:0; width:360px; margin:0 auto; height:100%; box-shadow:0 0 10px -5px #000; background-position:50% 0; background-repeat:no-repeat;}
.item .inner .selectorShadow{ position:absolute; left:0; bottom:0; background:url(../images/selector-shadow.png) no-repeat 0 0; width:120px; height:30px;}
.item .inner .text1{ background:none repeat scroll 0 0 #000000; opacity:0; filter:alpha(opacity=0); position:absolute; right:150px; top:30px; padding:5px 2px 0 7px;}
.item .inner .text1 span{ color:#FFFFFF; font:50px/65px Norican; padding:0 8px;}
.item .inner .text2{ background:none repeat scroll 0 0 #000000; opacity:0; filter:alpha(opacity=0); padding:5px 7px 7px; position:absolute; right:0; top:100px;}
.item .inner .text2 span{ color:#FFFFFF; font:16px/20px Helvetica,Arial,sans-serif;}
.slider .item1 .inner{ background-image:url(../images/banner1.gif);}
.slider .item2 .inner{ background-image:url(../images/banner2.gif);}
.slider .item3 .inner{ background-image:url(../images/banner3.gif);}
.slider .item4 .inner{ background-image:url(../images/banner4.gif);}
.slideSelectors{ position:relative; bottom:20px; left:0; width:1024px; margin:0 auto; z-index:1; height:10px;}
.slideSelectors .item{ float:left; width:9px; height:9px; border:1px solid #000; background:#999; margin:0 0 0 10px; opacity:0.25; filter:alpha(opacity=25);}
.slideSelectors .selected{ background:#000; opacity:1; filter:alpha(opacity=100);}
.scrollbarContainer{ position:relative; bottom:4px; left:0; width:1024px; height:4px; margin:0 auto; z-index:1;}