/* ----------------------------------------------------------------
    Retina Specific CSS
-----------------------------------------------------------------*/

@media
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (   min--moz-device-pixel-ratio: 2),
only screen and (     -o-min-device-pixel-ratio: 2/1),
only screen and (        min-device-pixel-ratio: 2),
only screen and (                min-resolution: 192dpi),
only screen and (                min-resolution: 2dppx) {
	
	.standard-logo { display: none; }
    .retina-logo { display: block; }
    
    input[type="search"] { background-image: url(../gfx/icon-search@2x.png); background-size: 16px 16px; -moz-background-size: 16px 16px; -webkit-background-size: 16px 16px; -o-background-size: 16px 16px; }
	input[type="search"]:focus { background-image: url(../gfx/icon-search-focus@2x.png); background-size: 16px 16px; -moz-background-size: 16px 16px; -webkit-background-size: 16px 16px; -o-background-size: 16px 16px; }
	
	#logo-wam a { background-image: url(../gfx/sprite-logo-footer-wam@2x.png); background-size: 102px 142px; -moz-background-size: 102px 142px; -webkit-background-size: 102px 142px; -o-background-size: 102px 142px; }
	#logo-wdc a { background-image: url(../gfx/sprite-logo-footer-wdc@2x.png); background-size: 89px 142px; -moz-background-size: 89px 142px; -webkit-background-size: 89px 142px; -o-background-size: 89px 142px; }

}