img {border:0;}

div#freddyDiv {position:relative; width:500px; height:500px; text-align:left; margin:0 auto;}
img.freddyImg {position:absolute; top:0; left:0; width:500px; height:500px;}

#whiteL,#whiteR {position:absolute; top:130px; z-index:1; width:40px; height:40px;}
#whiteL {left:195px;}
#whiteR {left:255px;}

#pupilL,#pupilR {position:absolute; top:140px; z-index:2; width:20px; height:20px;}
#pupilL {left:205px;}
#pupilR {left:265px;}

img#whiteL,img#whiteR,img#pupilL,img#pupilR {cursor:pointer;}

img#shades {position:absolute; left:184px; top:128px; z-index:3; width:123px; height:47px; display:none; opacity:0.85; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=85); cursor:move;}

div.freddyTxt {color:black; position:absolute; margin-left:130px; margin-top:180px; width:220px; height:200px; padding:5px; overflow:auto; text-align:center;}
h1 {color:white; margin-bottom:0;}
h2 {color:white; margin:0 0 0 0;}
div.freddyTxt h3 {font-size:13px; line-height:26px; margin:0;}
div.freddyTxt p {font-size:11px; margin:0 0 3px 0;}
div#content div.freddyTxt a         {text-decoration:none; background:url(http://www.feesch2.co.uk/images3/underlines/black_link.gif   ) repeat-x bottom; color:black; padding-bottom:4px;}
div#content div.freddyTxt a:visited {text-decoration:none; background:url(http://www.feesch2.co.uk/images3/underlines/black_visited.gif) repeat-x bottom;}
div#content div.freddyTxt a:hover   {text-decoration:none; background:url(http://www.feesch2.co.uk/images3/underlines/black_hover.gif  ) repeat-x bottom;}
div#content div.freddyTxt a:active  {text-decoration:none; background:url(http://www.feesch2.co.uk/images3/underlines/black_active.gif ) repeat-x bottom;}
div.freddyTxt ul {margin:5px 0 0 0;}
div.freddyTxt li {display:inline; margin:0 3px;}

div#freddyDiv ul#hotspots {position:relative; list-style-type:none;}
div#freddyDiv ul#hotspots li {position:absolute;}
div#freddyDiv ul#hotspots li a {position:absolute; display:block; width:40px; height:40px; background:url(http://www.feesch2.co.uk/pix/clear.gif); padding:0;}
div#freddyDiv ul#hotspots li em {display:none;}
div#freddyDiv ul#hotspots li#freddyv a {left: 186px; top: 42px;}
div#freddyDiv ul#hotspots li#freddye a {left: -11px; top:185px;}
div#freddyDiv ul#hotspots li#freddyg a {left: 383px; top:185px;}
div#freddyDiv ul#hotspots li#freddyb a {left:  64px; top:416px;}
div#freddyDiv ul#hotspots li#freddya a {left: 307px; top:416px;}

ul#stars {list-style-type:none; margin:3px 0 10px 0; padding:0;}
ul#stars li {display:inline; padding:2px 0 2px 20px; margin:0 5px;}
ul#stars li a {text-decoration:none; padding-bottom:4px;}
ul#stars li#plebstar {background:url(http://www.feesch2.co.uk/images3/site/pleb_star.gif) top left no-repeat;}
ul#stars li#goldstar {background:url(http://www.feesch2.co.uk/images3/site/gold_star.gif) top left no-repeat;}
ul#stars li#bookstar {background:url(http://www.feesch2.co.uk/images3/site/book_star.gif) top left no-repeat;}

ul#stars li#goldstar a         {background:none; color:#fc3;}
ul#stars li#goldstar a:visited {background:none;}
ul#stars li#goldstar a:hover   {background:url(http://www.feesch2.co.uk/images3/underlines/gold_hover.gif  ) repeat-x bottom;}
ul#stars li#goldstar a:active  {background:url(http://www.feesch2.co.uk/images3/underlines/gold_active.gif ) repeat-x bottom;}

ul#stars li#plebstar a         {background:none; color:#fff;}
ul#stars li#plebstar a:visited {background:none;}
ul#stars li#plebstar a:hover   {background:url(http://www.feesch2.co.uk/images3/underlines/white_hover.gif  ) repeat-x bottom;}
ul#stars li#plebstar a:active  {background:url(http://www.feesch2.co.uk/images3/underlines/white_active.gif ) repeat-x bottom;}

ul#stars li#bookstar a         {background:none; color:#99f;}
ul#stars li#bookstar a:visited {background:none;}
ul#stars li#bookstar a:hover   {background:url(http://www.feesch2.co.uk/images3/underlines/hover.gif  ) repeat-x bottom;}
ul#stars li#bookstar a:active  {background:url(http://www.feesch2.co.uk/images3/underlines/active.gif ) repeat-x bottom;}