
/* Retina adjustments*/
@media (-webkit-min-device-pixel-ratio: 2), (-o-min-device-pixel-ratio: 3 / 2), (min-device-pixel-ratio: 2) {

    .mobileSkin #wrapper {
        background: #E6E7E9 url('../images/mobile/menu_background.png') right top repeat-y;
    }

    .mobileSkin #mobile_trigger {
        background: url("../images/mobile/x2/icn-menu.png") no-repeat scroll 50% 15px #fff;
        background-size: 23px 18px;
    }

    .mobileSkin .logo {
        background: url("../images/mobile/x2/logo-tablet.png") no-repeat scroll 50% 15px #fff;
        background-size: 100px 54px;
    }

    .mobileSkin ul#nav li {
        background: #fff url('../images/mobile/menu_white_shade.png') top right repeat-y;
    }

    .mobileSkin ul#nav li .drop li,
    .mobileSkin ul#nav li .drop li.first,
    .mobileSkin ul#nav li .drop li:first-child {
        background: #E6E7E9 url('../images/mobile/menu_grey_shade.png') top right repeat-y;
    }

    .mobileSkin #header .search-form fieldset input.submit {
        background: url("../images/mobile/x2/icn-search.png") 0 0 no-repeat;
        background-size: 18px 18px;
    }

    .mobileSkin .home-gallery a.button-previous {
        background: url("../images/mobile/x2/icn-ss-prev.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
        background-size: 28px 28px;
    }

    .mobileSkin .home-gallery a.button-previous:hover {
        background: url("../images/mobile/x2/button-previous01_over.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
        background-size: 28px 28px;
    }

    .mobileSkin .home-gallery a.button-next {
        background: url("../images/mobile/x2/icn-ss-next.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
        background-size: 28px 28px;
    }

    .mobileSkin .home-gallery a.button-next:hover {
        background: url("../images/mobile/x2/button-next01_over.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
        background-size: 28px 28px;
    }

    .mobileSkin .sub-options h3 a {
        background: url("../images/mobile/x2/icn-cta.png") no-repeat scroll 100% 0 rgba(0, 0, 0, 0);
        background-size: 25px 25px;
    }

    .mobileSkin .sub-options h3 a:hover {
        background: url("../images/mobile/x2/button-next02_over.png") no-repeat scroll 100% 0 rgba(0, 0, 0, 0);
        background-size: 25px 25px;
    }

    .mobileSkin #mobilefooter .map_link {
        background: url('../images/mobile/x2/icn-map.png') right top no-repeat;
        background-size: 12px 18px;
    }




    .tabletSkin #wrapper {
        background: #E6E7E9 url('../images/mobile/menu_background.png') right top repeat-y;
    }

    .tabletSkin #mobile_trigger {
        background: url("../images/mobile/x2/icn-menu.png") no-repeat scroll 50% 15px #fff;
        background-size: 23px 18px;
    }

    .tabletSkin .logo {
        background: url("../images/mobile/x2/logo-tablet.png") no-repeat scroll 50% 15px #fff;
        background-size: 100px 54px;
    }

    .tabletSkin ul#nav li {
        background: #fff url('../images/mobile/menu_white_shade.png') top right repeat-y;
    }

    .tabletSkin ul#nav li .drop li,
    .tabletSkin ul#nav li .drop li.first,
    .tabletSkin ul#nav li .drop li:first-child {
        background: #E6E7E9 url('../images/mobile/menu_grey_shade.png') top right repeat-y;
    }

    .tabletSkin #header .search-form fieldset input.submit {
        background: url("../images/mobile/x2/icn-search.png") 0 0 no-repeat;
        background-size: 18px 18px;
    }

    .tabletSkin .home-gallery a.button-previous {
        background: url("../images/mobile/x2/icn-ss-prev.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
        background-size: 28px 28px;
    }

    .tabletSkin .home-gallery a.button-previous:hover {
        background: url("../images/mobile/x2/button-previous01_over.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
        background-size: 28px 28px;
    }

    .tabletSkin .home-gallery a.button-next {
        background: url("../images/mobile/x2/icn-ss-next.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
        background-size: 28px 28px;
    }

    .tabletSkin .home-gallery a.button-next:hover {
        background: url("../images/mobile/x2/button-next01_over.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
        background-size: 28px 28px;
    }

    .tabletSkin .sub-options h3 a {
        background: url("../images/mobile/x2/icn-cta.png") no-repeat scroll 100% 0 rgba(0, 0, 0, 0);
        background-size: 25px 25px;
    }

    .tabletSkin .sub-options h3 a:hover {
        background: url("../images/mobile/x2/button-next02_over.png") no-repeat scroll 100% 0 rgba(0, 0, 0, 0);
        background-size: 25px 25px;
    }

    .tabletSkin #mobilefooter .map_link {
        background: url('../images/mobile/x2/icn-map.png') right top no-repeat;
        background-size: 12px 18px;
    }
}
