#sliderFrame{position:relative;width:595px;margin:0 auto}
#slider{width:595px;height:250px;background:#fff url(loading.gif) no-repeat 50% 50%;position:relative;box-shadow:0 1px 5px #999;transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);margin:0 auto}
#slider img{position:absolute;border:none;display:none}
#slider a.imgLink{z-index:2;display:none;position:absolute;top:0;left:0;border:0;width:100%;height:100%;margin:0;padding:0}
div.mc-caption-bg,div.mc-caption-bg2,div.mc-caption,div.mc-caption a{display:none}
div.navBulletsWrapper{top:320px;left:280px;width:150px;background:none;padding-left:20px;position:relative;z-index:5;cursor:pointer}
div.navBulletsWrapper div{width:11px;height:11px;background:transparent url(bullet.png) no-repeat 0 0;float:left;overflow:hidden;vertical-align:middle;cursor:pointer;margin-right:11px;_position:relative}
div.navBulletsWrapper div.active{background-position:0 -11px}
@media only screen and (min-width: 10px) and (max-width: 959px) { /* Probably there are more classes, but I haven't discoverd them yet */ #slider, #slider .mcSlc, #slider .mcBox, #slider a.imgLink, #sliderFrame, #slider, #slider img{ background-size: 440px 185px !important; width:440px; height:185px;} } 
@media only screen and (min-width: 960px) and (max-width: 9999px) { #slider, #slider .mcSlc, #slider .mcBox { /* Images would be in their full size */ background-size: auto !important;}
/*.ipad #slider, .ipad #slider .mcSlc, .ipad #slider .mcBox, .ipad #slider a.imgLink, .ipad #sliderFrame, .ipad #slider, .ipad #slider img{ background-size: 440px 185px !important; width:440px; height:185px;}*/ }