
@media 
(-webkit-min-device-pixel-ratio: 2), 	
(min-resolution: 192dppx) { 

.theatre.searchbymovie .columnright h2:after {
content: "";
background: url(/ui/img/showtimes_plus_retina.png);
background-size: 12px 12px;
background-repeat: no-repeat;	
}

.theatre.searchbymovie .columnright h2.minus:after {
content: "";
background: url(/ui/img/showtimes_minus_retina.png);
background-size: 12px 12px;
background-repeat: no-repeat;
}

.showtimes_searchoptions ul li a.active:after {
content: "";
background-image: url(/ui/img/closeactive_retina.png);
width: 20px;
height:	20px;
margin-top: -6px;
margin-left: -3px;
position: absolute;
background-size: 11px 11px;
}
.showtimes_searchoptions ul li a.allfilters:after {
background-image: none;
}

.showtimesmovieinfo  .colright .button a:before {
content: "";
width: 17px;
height: 50px;
background: url(/ui/img/showtimesplayretina.png);
background-size: 8px 12px;
top: 8px;
left: 9px;
position: absolute;
display: inline-block;
background-repeat: no-repeat;
}

#switchview {
background-image: url(/ui/img/changeview_highres.jpg);
background-size: 130px 80px;
}

.searchoptions {
  background: url(/ui/img/searchoptions_open_retina.jpg);
  background-size: 148px 35px;
}

.searchoptions.changearrow {
  background: url(/ui/img/searchoptions_close_retina.jpg);
  background-size: 148px 35px;
}

.showtimes_searchoptions_trigger {
background: url(/ui/img/filteroptions_open_showtimes_retina.jpg);
background-size: 140px 30px !important;
}

.listbutton {
background: url(/ui/img/viewcinemas_hide_retina.jpg);
background-size: 163px 30px !important;
}
.listbuttonchangearrow {
		background: url(/ui/img/viewcinemas_retina.jpg);

}
.changearrowshowtimes {
	background: url(/ui/img/filteroptions_close_showtimes_retina.jpg);
background-size: 140px 30px !important;

}


ul.gridview li .trailer a { 
background-image: url(/ui/img/trailer-retina.png);
background-size: 25px 25px;
}

ul.gridview li .trailer a:hover {
background-image: url(/ui/img/trailer-retina-hover.png);
}

ul.gridview li .showtimes a {
background-image: url(/ui/img/showtimes-retina.png);
background-size: 25px 25px;
}

ul.gridview li .showtimes a:hover {
background-image: url(/ui/img/showtimes-retina-hover.png);
}

ul.gridview li .synopsis a {
background-image: url(/ui/img/synopsis-retina.png);
background-size: 25px 25px;
}

ul.gridview li .synopsis a:hover {
background-image: url(/ui/img/synopsis-retina-hover.png);
}

/* user reviews */

.starbox .currentrating img {
width: 95px;
margin-top: 5px;
}
.userreviewsicon {
background-image: url(/ui/img/userreviews_retina.png);
background-size: 50px 50px;
}

ul.contentlist li .trailer a {
background-image: url(/ui/img/iconx2.png);
background-repeat: no-repeat;
background-position: -3px -219px !important;
background-size: 160px 950px;


}
ul.contentlist li .trailer a:hover {
background-image: url(/ui/img/iconx2.png);
background-repeat: no-repeat;
background-position: -112px -219px !important;
}


ul.contentlist li .synopsis a {
background-image: url(/ui/img/iconx2.png);
background-repeat: no-repeat;
background-position: -4px -244px !important;
background-size: 160px 950px;


}

ul.contentlist li .synopsis a:hover {
background-image: url(/ui/img/iconx2.png);
background-repeat: no-repeat;
background-position: -83px -244px !important;
}


ul.contentlist li .showtimes a {
background-image: url(/ui/img/iconx2.png);
background-repeat: no-repeat;
background-position: -4px -273px !important;
background-size: 160px 950px;
}

ul.contentlist li .showtimes a:hover {
background-image: url(/ui/img/iconx2.png);
background-position: -89px -273px !important;
}

.ui-state-default .ui-icon {
background-image: url(/ui/img/closemodal_retina.png);
background-size: 25px 25px;
}

.ui-state-default .ui-icon:hover {
background-image: url(/ui/img/closemodal_retinahover.png);

}

.ui-state-focus .ui-icon {
background-image: url(/ui/img/closemodal_retina.png);

}
.ui-state-active .ui-icon {
background-image: url(/ui/img/closemodal_retinahover.png);
}
.ui-state-highlight .ui-icon {
background-image: url(/ui/img/closemodal_retina.png);
}

}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (-o-min-device-pixel-ratio: 3/2),
only screen and (min--moz-device-pixel-ratio: 1.5),
only screen and (min-device-pixel-ratio: 1.5) {


.imagenav a.next {
padding-right: 10px;	
} 
.imagenav a.prev:before {
content: "";
background: url(/ui/img/iconx2.png) no-repeat 0 0;
background-repeat: no-repeat;
background-position: -1px -934px;
margin: 0px 0px 0px -15px;
background-size: 160px 950px;
}

.imagenav a.next:after {
content: "";
background: url(/ui/img/iconx2.png) no-repeat 0 0;
background-position: -82px -934px;
margin-top: 0px;
background-size: 160px 950px;
}
/**
.addressicon {
background: url(/ui/img/iconx2.png) no-repeat 0 0;
background-position: 4px 2px !important;
background-size: 160px 950px;

}

.phoneicon {
background: url(/ui/img/iconx2.png) no-repeat 0 0;
background-position: -137px -300px;
background-size: 160px 950px;


}

.restauranticon {
background: url(/ui/img/iconx2.png) no-repeat 0 0;
background-position: 0px -55px !important;
background-size: 160px 950px;


}

.mallicon {
background: url(/ui/img/iconx2.png) no-repeat 0 0;
background-position: -138px -552px;
background-size: 160px 950px;
}
*/

.movielist div ul li a {
background-image: url(/ui/img/iconx2.png);
background-repeat: no-repeat;
background-size: 160px 950px;
}
.movielist div ul li.disabled span {
background-image: url(/ui/img/iconx2.png);
background-repeat: no-repeat;
background-size: 160px 950px;
}

/*.movielist div ul li.disabled span {
background-image: url(/ui/img/iconx2.png);
background-repeat: no-repeat;
background-size: 160px 950px;
}
*/
.movielist div ul li a:hover {
background-image: url(/ui/img/iconx2.png);
background-repeat: no-repeat;
}
.movielist div ul li.notouch a:hover {
background-image: url(/ui/img/iconx2.png);
background-repeat: no-repeat;
background-size: 160px 950px;
}

.theatresortbutton a.date {
background-image: url(/ui/img/iconx2.png);
background-repeat: no-repeat;
background-position: -78px -129px !important;
background-size: 160px 950px;


}

.theatresortbutton a.date:hover {
background-image: url(/ui/img/iconx2.png);
background-position: 5px -129px !important;
}

.theatresortbutton a.rating {
background-image: url(/ui/img/iconx2.png);
background-repeat: no-repeat;
background-position: -78px -157px !important;
background-size: 160px 950px;


}

.theatresortbutton a.rating:hover {
background-image: url(/ui/img/iconx2.png);
background-position: 5px -157px !important;

}

input.gobutton {
background-image: url(/ui/img/iconx2.png);
background-repeat: no-repeat;
background-position: -7px -593px !important;
background-size: 160px 950px;


}

.dvdarchivebutton a.newer {
background-image: url(/ui/img/iconx2.png);
background-repeat: no-repeat;
background-size: 160px 950px;


}

.dvdarchivebutton a.newer:hover {
background-image: url(/ui/img/iconx2.png);
background-repeat: no-repeat;
}

.dvdarchivebutton a.older {
background-image: url(/ui/img/iconx2.png);
background-repeat: no-repeat;
background-size: 160px 950px;


}

.dvdarchivebutton a.older:hover {
background-image: url(/ui/img/iconx2.png);
background-repeat: no-repeat;
}

ul.contentlist li .trailer a {
background-image: url(/ui/img/iconx2.png);
background-repeat: no-repeat;
background-position: -3px -219px !important;
background-size: 160px 950px;


}
ul.contentlist li .trailer a:hover {
background-image: url(/ui/img/iconx2.png);
background-repeat: no-repeat;
background-position: -112px -219px !important;
}


ul.contentlist li .synopsis a {
background-image: url(/ui/img/iconx2.png);
background-repeat: no-repeat;
background-position: -4px -244px !important;
background-size: 160px 950px;


}

ul.contentlist li .synopsis a:hover {
background-image: url(/ui/img/iconx2.png);
background-repeat: no-repeat;
background-position: -83px -244px !important;
}


ul.contentlist li .showtimes a {
background-image: url(/ui/img/iconx2.png);
background-repeat: no-repeat;
background-position: -4px -273px !important;
background-size: 160px 950px;


}

ul.contentlist li .showtimes a:hover {
background-image: url(/ui/img/iconx2.png);
background-position: -114px -273px !important;
background-size: 160px 950px;

}

ul.contesttopnav li a.rss {
background-image: url(/ui/img/iconx2.png);
background-repeat: no-repeat;
background-position: 1px -189px !important;
background-size: 160px 950px;


}

ul.contesttopnav li a:hover.rss {
background-image: url(/ui/img/iconx2.png);
background-position: -143px -189px !important;
}



.signupcol li {
background-image: url(/ui/img/iconx2.png);
background-position: 0px -414px !important;
background-repeat: no-repeat;
background-size: 160px 950px;


}
.comment {
background-image: url(/ui/img/iconx2.png);
background-repeat: no-repeat;
background-position: -125px -88px;
background-size: 160px 950px;


}

.ratebox .pencil {
background-image: url(/ui/img/iconx2.png);
background-position: -128px -624px;
background-repeat: no-repeat;
background-size: 160px 950px;


}

.lrgform h4 {
background-image: url(/ui/img/iconx2.png);
background-position: -126px -625px ;
background-repeat: no-repeat;
background-size: 160px 950px;
}


.closeicon {
background-image: url(/ui/img/iconx2.png);
background-position: 0px -711px;
background-repeat: no-repeat;
background-size: 160px 950px;
}

.closeicon:hover {
background-image: url(/ui/img/iconx2.png);
background-position: -78px -711px;
}

select.drop {
background-image: url(/ui/img/iconx2.png);
background-repeat: no-repeat;
background-size: 160px 950px;
}

.searchshowtimes input[type=text]{
background-image: url(/ui/img/iconx2.png);
background-size: 160px 950px;
background-position: 1px -650px;
}

ol.trailerslist li .viewtrailer a {
background-image: url(/ui/img/iconx2.png);
background-repeat: no-repeat;
background-position: -3px -219px;
background-size: 160px 950px;
}

ol.trailerslist li .viewtrailer a:hover {
background-image: url(/ui/img/iconx2.png);
background-repeat: no-repeat;
background-position: -112px -219px;
}

ul.trailerslist li .viewtrailer a {
background-image: url(/ui/img/iconx2.png);
background-repeat: no-repeat;
background-position: -3px -219px;
background-size: 160px 950px;


}

ul.trailerslist li .viewtrailer a:hover {
background-image: url(/ui/img/iconx2.png);
background-repeat: no-repeat;
background-position: -112px -219px;
}

.scrolltop {
background-image: url(/ui/img/iconx2.png);
background-repeat: no-repeat;
background-position: 8px -525px;
background-size: 160px 950px;

}

.scrolltop:hover {    
background-image: url(/ui/img/iconx2.png);
background-repeat: no-repeat;
background-position: -72px -525px;

}

.validationerror p {
background-image: url(/ui/img/iconx2.png);
background-position: -79px -822px;
background-size: 160px 950px;


}
ul.videoList li .tile {
background: url(/ui/img/iconx2.png) no-repeat #000;
background-position: 28px -750px;
background-size: 160px 950px;
}

#switchview .thumbnailview {
background-image: url(/ui/img/iconx2.png);
background-size: 160px 950px;
background-position: 0px -852px;
}

#switchview .thumbnailview:hover {
background-image: url(/ui/img/iconx2.png);
background-size: 160px 950px;
}

#switchview .thumbnailview.active {
background-image: url(/ui/img/iconx2.png);
background-size: 160px 950px;
}


#switchview .listview {
background-image: url(/ui/img/iconx2.png);
background-repeat: no-repeat;
background-size: 160px 950px;
}

#switchview .listview:hover {
background-image: url(/ui/img/iconx2.png);
background-repeat: no-repeat;
background-size: 160px 950px;
}


#switchview .listview.active {
background-color: #09a0ff;
background-image: url(/ui/img/iconx2.png);
background-repeat: no-repeat;
background-size: 160px 950px;
border-right: 1px solid #0e8ddd;
}

.selectnavmobile select.arrow {
background-image: url(/ui/img/iconx2.png);
background-position: 282px -906px;
background-size: 160px 950px;
}

.viewtrailer {
background-image: url(/ui/img/iconx2.png);
background-size: 160px 950px;
}

.viewtrailer:hover {
background-image: url(/ui/img/iconx2.png);
background-size: 160px 950px;
}

ul.popularsearches li span a {
background-image: url(/ui/img/iconx2.png);
background-size: 160px 950px;
background-position: -51px -585px !important;
}

.available {
background-image: url(/ui/img/ticketingavailable_highres.png);
background-size: 14px 14px;
}
}
@media 
only screen and (-webkit-min-device-pixel-ratio: 2)  and (max-width: 479px) {
form.goform .inputcontainer input {
height: 22px !important;	
margin-top: 0px !important;
}

}

@media 
only screen and (-webkit-min-device-pixel-ratio: 2) and (max-width: 1023px) {
ul.popularsearches li span a {
background-image: url(/ui/img/iconx2.png);
background-size: 160px 950px;
background-position: -49px -585px;
}
.listbutton {
	width: 162px;	
}
}

@media 
only screen and (-webkit-min-device-pixel-ratio: 2) and (max-width: 779px) {
ul.popularsearches li span a {
background-image: url(/ui/img/iconx2.png);
background-size: 160px 950px;
background-position: -43px -585px;
}

.showtimes_searchoptions_trigger {
	width: 123px !important;	
}
.scrolltop {
background-image: url(/ui/img/iconx2.png);
background-repeat: no-repeat;
background-position: 2px -531px;
background-size: 160px 950px;
}

.scrolltop:hover {    
background-position: 2px -531px;
}
.listbutton {
	width: 160px;	
}
}

@media 
only screen and (-webkit-min-device-pixel-ratio: 2) and (min-width: 479px) {
form.goform .inputcontainer input {
height: 22px !important;	
margin-top: 0px;
}


}



@media 
only screen and (-webkit-min-device-pixel-ratio: 2) and (max-width: 479px) {
.scrolltop {
background-image: url(/ui/img/iconx2.png);
background-repeat: no-repeat;
background-position: 2px -533px;
background-size: 160px 950px;
}
.scrolltop:hover {    
background-position: 2px -533px;
}
}

@media 
only screen and (-webkit-min-device-pixel-ratio: 2) and (min-width: 1023px) {

.listbutton {
	width: 162px;	
}
}

