@namespace url(http://www.w3.org/1999/xhtml);

@-moz-document url-prefix('http') {

/** Display a message after the image to 
    indicate only image is being shown **/

html > body:first-child::after {content:"Viewing single image"}

/** End image message **/

html > body:first-child { 
  
  background:#aaa url('data:image/gif;base64,R0lGODlhMAAwAIAAAN/f3////yH5BAAHAP8ALAAAAAAwADAAAALFjG+gq4jM3IFLJgpswNly/XkYOIoUeZoQuqqRW8GN3EmhXeKp3vKvHwNyZsKa43bMJXfLXvP3DEaJU+NDeWVmnVtoV/qlhq0TbFl75qa9a3Bb/CZrLmi62s7Gu/Vwvnxj5seSB1hXeHdIiDQ2uJfouBjX2PdIGSlIMzmkyZnpWdQJ+lkVSjrKeCqZiinaauqKCjvH+loba6sqS3vLm4u769sLPFz5d1lcKoxMc9wcuKwL/Sut7GxojYit+KwNyf19DZ79XAAAOw==') repeat 0 0!important;
  padding:0!important;
  margin:0!important;
  text-align:center!important;
}

html > body:first-child > img:only-child { 
  
  display: block!important; 
  margin:0 auto!important;
  background:transparent none!important;
 
  /** How far from the top you want the image placed **/
 
  margin-top:10px!important;
}

html > body:first-child:hover > img:only-child { 
  
  background:#fff none!important; 
  outline: 1px solid #000!important;
}

html > body:first-child:hover > img:only-child:hover {
  
  background:#aaa none!important;
  outline: 2px solid #000!important;
}

}