.content {position:static;}

#column-2 {position:relative;}

body#films #shaunTheSheep
{
	padding-bottom: 1px;
	background: transparent;
}


#header { background : url(http://images.wallaceandgromit.com/2009/headers/films.jpg) 0 -7px no-repeat;
	height:138px;}

#flashholder {color:#fff;}
	

body.loafanddeath div.scroller {
	overflow: auto;
	width: 214px;
	height: 220px;
	float: right;
	display:inline;
	margin: 160px 55px 0;
}

.content {padding-top:23px;}

body.loafanddeath .content {
	background:url(http://images.wallaceandgromit.com/2009/films/trims/loafanddeath.jpg) 0 0 no-repeat;
	padding-top:17px;}
body.wererabbit .content {
	background:url(http://images.wallaceandgromit.com/2009/films/trims/wererabbit.jpg) 0 0 no-repeat;}
body.crackingcontraptions .content {
	background:url(http://images.wallaceandgromit.com/2009/films/trims/contraptions.jpg) 0 0 no-repeat;}
body.wrongtrousers .content {
	background:url(http://images.wallaceandgromit.com/2009/films/trims/trousers.jpg) 0 0 no-repeat;}
body.closeshave .content {
	background:url(http://images.wallaceandgromit.com/2009/films/trims/closeshave.jpg) 0 0 no-repeat;}
body.granddayout .content {
	background:url(http://images.wallaceandgromit.com/2009/films/trims/grand.jpg) 0 0 no-repeat;}
	
	
body.loafanddeath div.scroller p {
	color: #340101;
	line-height: 1.4em;
	font-size: .9em;
	margin: 0 5px 10px 0;
}


div#header h2 {
    position : absolute;
    left : -1000px;
    width : 100px;
}

ul#filmnav {
    margin : 0 0 0 190px;
    padding : 57px 0 0 0;
}

ul#filmnav li {
    display : inline;
    height : 78px;
}

ul#filmnav li a {
    display : block;
    float : left;
}

ul#filmnav li a span {
    position : absolute;
    left : -3000px;
    width : 150px;
}

ul#filmnav li.ld a {
    width : 95px;
    height : 67px;
    background : url(http://images.wallaceandgromit.com/wip/films/link-loafanddeath.png);
    margin-top: 7px;
}

ul#filmnav li.wr a {
    width : 99px;
    height : 64px;
    margin-top : 7px;
    background : url(http://images.wallaceandgromit.com/wip/films/link-wererabbit.png);
}

ul#filmnav li.cc a {
    width : 88px;
    height : 60px;
    margin-right: 1px;
    background : url(http://images.wallaceandgromit.com/wip//films/link-crackingcontraptions.png);
}

ul#filmnav li.wt a {
    width : 79px;
    height : 69px;
    margin-top : 5px;
    background : url(http://images.wallaceandgromit.com/wip//films/link-wrongtrousers.png);
}

ul#filmnav li.cs a {
    width : 79px;
    height : 74px;
    margin-top : 5px;
    background : url(http://images.wallaceandgromit.com/wip//films/link-closeshave.png);
}

ul#filmnav li.do a {
    width : 135px;
    height : 34px;
    margin-top : 20px;
    background : url(http://images.wallaceandgromit.com/wip//films/link-granddayout.png);
}

body.loafanddeath div#flashcontent {
    width : 770px;
    height : 424px;
    margin: 0;
}


body.wererabbit div#flashcontent {
    width : 750px;
    height : 410px;
    margin-left : 11px;
    margin-top : 0;
    margin-bottom : 0;
    padding-bottom : 0;
}

body.granddayout div#flashcontent {
    width : 734px;
    height : 448px;
    margin-left : 18px;
    margin-top : 0;
    margin-bottom : 0;
    padding-bottom : 0;
}

body.closeshave div#flashcontent {
    width : 734px;
    height : 448px;
    margin-left : 15px;
    margin-top : 0;
    margin-bottom : 0;
    padding-bottom : 0;
}

body.wrongtrousers div#flashcontent {
    width : 734px;
    height : 438px;
    margin-left : 15px;
    margin-top : 0;
    margin-bottom : 0;
    padding-bottom : 0;
}

body.crackingcontraptions div#flashcontent {
    width : 728px;
    height : 436px;
    margin-left : 21px;
    margin-top : 0;
    margin-bottom : 0;
    padding-bottom : 0;
}

/*  Flash Holder - Loaf and Death */

body.loafanddeath div.home div#flashholder {
    height : 424px;
    width : 770px;
    margin-top : 0;
    padding : 0;
    background : url(http://images.wallaceandgromit.com/wip/films/loafanddeath/home-background.jpg) left top no-repeat;
}

body.loafanddeath div.about div#flashholder {
    height : 424px;
    width : 770px;
    margin : 0;
    padding : 0;
    background : url(http://images.wallaceandgromit.com/wip/films/loafanddeath/about-background.jpg) left top no-repeat;
}

body.loafanddeath div.gallery div#flashholder {
    height : 424px;
    width : 770px;
    margin-top : 0;
    padding : 0;
    background : url(http://images.wallaceandgromit.com/wip/films/loafanddeath/gallery-background.jpg) left top no-repeat;
    position : relative;
}

body.loafanddeath div.characters div#flashholder {
    height : 424px;
    width : 770px;
    margin-top : 0;
    padding : 0;
}


body.loafanddeath div.characters div#flashholder div#piella {
    background : url(http://images.wallaceandgromit.com/wip/films/loafanddeath/piella-background.jpg) left top no-repeat;
    height : 424px;
    width : 770px;

}

body.loafanddeath div.characters div#flashholder div#fluffles {
    background : url(http://images.wallaceandgromit.com/wip/films/loafanddeath/fluffles-background.jpg) left top no-repeat;
    height : 424px;
    width : 770px;
}

body.loafanddeath div.characters div#flashholder #piella_link
{
	display: block;
	width: 200px;
	height: 100px;
	position: absolute;
	top: 420px;
	left: 0;
}

body.loafanddeath div.characters div#flashholder #fluffles_link
{
	display: block;
	width: 200px;
	height: 50px;
	position: absolute;
	top: 525px;
	left: 0;
}

body.loafanddeath div.trailer div#flashholder {
    height : 424px;
    width : 770px;
    margin-top : 0;
    padding : 0;
    background : url(http://images.wallaceandgromit.com/wip/films/loafanddeath/trailer-background.jpg) left top no-repeat;
    position : relative;
}

body.loafanddeath div.trailer div#flashholder p {
	position: absolute;
	left: 585px;
	top: 157px;
	width: 130px;
	color: #701a07;
	line-height: 1.3em;
}

body.loafanddeath div.trailer div#flashholder a.title {
	position: absolute;
	left: 570px;
	top: 100px;
	width: 150px;
	height: 50px;
	
}

body.loafanddeath div.trailer div#flashholder a.link {
	position: absolute;
	left: 570px;
	top: 250px;
	width: 150px;
	height: 50px;
	
}

body.loafanddeath div.trailer div#flashholder #video {
	position: absolute;
	left: 49px;
	top: 63px;
	
}



/*  Flash Holder - Were Rabbit */


body.wererabbit div.home div#flashholder {
    height : 410px;
    width : 770px;
    margin-top : 0;
    padding : 0;
    background : url(http://images.wallaceandgromit.com/films/splash-wererabbit.jpg) left top no-repeat;
}

body.wererabbit div.about div#flashholder {
    height : 410px;
    width : 770px;
    margin-top : 0;
    padding : 0;
    background : url(http://images.wallaceandgromit.com/films/wererabbit/wererabbit-about.jpg) left top no-repeat;
}

body.wererabbit div.gallery div#flashholder {
    height : 410px;
    width : 770px;
    margin-top : 0;
    padding : 0;
    background : url(http://images.wallaceandgromit.com/films/wererabbit/wererabbit-gallery.jpg) left top no-repeat;
    position : relative;
}

body.wererabbit div.characters div#flashholder {
    height : 410px;
    width : 770px;
    margin-top : 0;
    padding : 0;
    background : url(http://images.wallaceandgromit.com/films/wererabbit/wererabbit-characters.jpg) left top no-repeat;
    position : relative;
}

/*  Flash Holder - A Close Shave */

body.closeshave div.home div#flashholder {
    height : 448px;
    width : 770px;
    margin-top : 0;
    padding : 0;
    background : url(http://images.wallaceandgromit.com/films/splash-closeshave.jpg) left top no-repeat;
}

body.closeshave div.about div#flashholder {
    height : 448px;
    width : 770px;
    margin-top : 0;
    padding : 0;
    background : url(http://images.wallaceandgromit.com/films/closeshave/closeshave-about.jpg) left top no-repeat;
}

body.closeshave div.gallery div#flashholder {
    height : 448px;
    width : 770px;
    margin-top : 0;
    padding : 0;
    background : url(http://images.wallaceandgromit.com/films/closeshave/closeshave-gallery.jpg) left top no-repeat;
    position : relative;
}

body.closeshave div.characters div#flashholder {
    height : 448px;
    width : 770px;
    margin-top : 0;
    padding : 0;
    background : url(http://images.wallaceandgromit.com/films/closeshave/closeshave-characters.jpg) left top no-repeat;
    position : relative;
}

body.closeshave div.about div#flashholder p {
    position: relative;
    left: 260px;
    top: 100px;
    line-height: 1.25em;
    width: 280px;
    margin: 0;
    padding: 0;
}

body.closeshave div.gallery div#flashholder p {
    margin : 0;
    padding-top : 145px;
    width : 170px;
    margin-left : 284px;
    line-height : 1.25em;
}

/*  Flash Holder - Grand Day Out */

body.granddayout div.home div#flashholder {
    height : 448px;
    width : 770px;
    margin-top : 0;
    padding : 0;
    background : url(http://images.wallaceandgromit.com/films/splash-granddayout.jpg) left top no-repeat;
}

body.granddayout div.about div#flashholder {
    height : 461px;
    width : 770px;
    margin-top : 0;
    padding : 0;
    background : url(http://images.wallaceandgromit.com/films/granddayout/granddayout-about.jpg) left top no-repeat;
}

body.granddayout div.characters div#flashholder {
    height : 461px;
    width : 770px;
    margin-top : 0;
    padding : 0;
    background : url(http://images.wallaceandgromit.com/films/granddayout/granddayout-characters.jpg) left top no-repeat;
}

body.granddayout div.gallery div#flashholder {
    height : 461px;
    width : 770px;
    margin-top : 0;
    padding : 0;
    background : url(http://images.wallaceandgromit.com/films/granddayout/granddayout-gallery.jpg) left top no-repeat;
    position : relative;
}

body.granddayout div.about div#flashholder p {
    margin: 0;
    position: relative;
    left: 260px;
    top: 150px;
    line-height : 1.25em;
}

body.granddayout div.gallery div#flashholder p {
    margin : 0;
    padding-top : 190px;
    width : 115px;
    margin-left : 220px;
    line-height : 1.25em;
}

body.granddayout div.characters div#flashholder p {
    margin : 0;
    padding-top : 60px;
    margin-left : 410px;
    width : 280px;
    clear : right;
    margin-bottom : 15px;
    line-height : 1.25em;
}

body.granddayout div.characters div#flashholder a.msndl {
    margin-left : 410px;    
	display: block;
	zoom:1;
}

/*  Flash Holder - Wrong Trousers */

body.wrongtrousers div.gallery div#flashholder {
    height : 436px;
    width : 770px;
    margin-top : 0;
    padding : 0;
    background : url(http://images.wallaceandgromit.com/films/wrongtrousers/wrongtrousers-gallery.jpg) left top no-repeat;
    position : relative;
}

body.wrongtrousers div.about div#flashholder {
    height : 436px;
    width : 770px;
    margin-top : 0;
    padding : 0;
    background : url(http://images.wallaceandgromit.com/films/wrongtrousers/wrongtrousers-about.jpg) left top no-repeat;
}

body.wrongtrousers div.characters div#flashholder {
    height : 436px;
    width : 770px;
    margin-top : 0;
    padding : 0;
    background : url(http://images.wallaceandgromit.com/films/wrongtrousers/wrongtrousers-characters.jpg) left top no-repeat;
    position : relative;
}

body.wrongtrousers div.about div#flashholder p {
    margin : 0;
    padding-top : 165px;
    margin-left : 235px;
    width : 270px;
    line-height : 1.25em;
}

body.wrongtrousers div.gallery div#flashholder p {
    margin : 0;
    padding-top : 170px;
    width : 170px;
    margin-left : 245px;
    line-height : 1.25em;
}

body.wrongtrousers div.home div#flashholder {
    height : 436px;
    width : 770px;
    margin-top : 0;
    padding : 0;
    background : url(http://images.wallaceandgromit.com/films/splash-wrongtrousers.jpg) left top no-repeat;
}

/*  Flash Holder - Cracking Contraptions */

body.crackingcontraptions div.home div#flashholder {
    height : 436px;
    width : 770px;
    margin-top : 0;
    padding : 0;
    background : url(http://images.wallaceandgromit.com/films/splash-crackingcontraptions.jpg) left top no-repeat;
}

body.crackingcontraptions div.about div#flashholder {
    height : 436px;
    width : 770px;
    margin-top : 0;
    padding : 0;
    background : url(http://images.wallaceandgromit.com/films/crackingcontraptions/crackingcontraptions-about.jpg) left top no-repeat;
}

body.crackingcontraptions div.about div#flashholder p {
    margin : 0;
    padding-top : 120px;
    margin-left : 235px;
    margin-right : 240px;
    margin-bottom : 15px;
    line-height : 1.25em;
}

body.crackingcontraptions div.gallery div#flashholder {
    height : 436px;
    width : 770px;
    margin-top : 0;
    padding : 0;
    background : url(http://images.wallaceandgromit.com/films/crackingcontraptions/crackingcontraptions-gallery.jpg) left top no-repeat;
}

body.crackingcontraptions div.gallery div#flashholder p {
    margin : 0;
    padding-top : 90px;
    margin-left : 225px;
    margin-right : 340px;
    margin-bottom : 15px;
    line-height : 1.25em;
}

/*  ------------------------------------------------------------------------------------ End of Flash Holder */

div#flashcontent h3, div#flashcontent h4, div#flashcontent a span{
    position : absolute;
    left : -1000px;
    width : 200px
}

div#flashcontent a.packshot {
    display : block;
    float : right;
    width : 210px;
    height : 140px;
	z-index:99;
}

/*  Loaf and Death Nav */


body.loafanddeath ul#ld_subnav {
    width : 770px;
    height : 83px;
    background : url(http://images.wallaceandgromit.com/wip/films/loafanddeath/subnav.jpg) left top no-repeat;
    margin : 0;
    padding : 0;
    }
    
body.loafanddeath ul#ld_subnav li {
	list-style-type: none;
	float: left;
	}
    
body.loafanddeath ul#ld_subnav a
{
	display: block;
	width: 86px;
	height: 83px;
}

body.loafanddeath ul#ld_subnav #ld_ab a,
body.loafanddeath ul#ld_subnav #ld_ab
{
	width: 110px;
}


body.loafanddeath ul#ld_subnav #ld_tr a,
body.loafanddeath ul#ld_subnav #ld_tr
{
	width: 120px;
	height: 83px;
}


body.loafanddeath ul#ld_subnav #ld_gl a,
body.loafanddeath ul#ld_subnav #ld_gl
{
	width: 100px;
}

body.loafanddeath ul#ld_subnav #ld_ch a,
body.loafanddeath ul#ld_subnav #ld_ch
{
	width: 105px;
}

body.loafanddeath ul#ld_subnav #ld_dl a,
body.loafanddeath ul#ld_subnav #ld_dl
{
	width: 120px;
}

body.loafanddeath ul#ld_subnav #ld_dvd a,
body.loafanddeath ul#ld_subnav #ld_dvd
{
	width: 100px;
}



/*  Were Rabbit  Nav */

body.wererabbit ul#wr_subnav { height : 90px; margin : 0; padding-left : 35px; }

body.wererabbit div.home ul#wr_subnav {    
	background : url(http://images.wallaceandgromit.com/films/wererabbit/subnav-home.jpg) left top no-repeat;
	}
body.wererabbit div.about ul#wr_subnav {    
	background : url(http://images.wallaceandgromit.com/films/wererabbit/subnav-about.jpg) left top no-repeat;   
	}
body.wererabbit div.gallery ul#wr_subnav {
    background : url(http://images.wallaceandgromit.com/films/wererabbit/subnav-gallery.jpg) left top no-repeat;
	}
body.wererabbit div.characters ul#wr_subnav {
    background : url(http://images.wallaceandgromit.com/films/wererabbit/subnav-characters.jpg) left top no-repeat;
	}

body.wrongtrousers div.characters ul#wt_subnav {
    background : url(http://images.wallaceandgromit.com/films/wrongtrousers/nav-characters.gif) left top no-repeat;
}

body.granddayout div.home ul#gd_subnav {
    width : 770px;
    height : 35px;
    margin : 0;
    padding : 0;
    background : url(http://images.wallaceandgromit.com/films/granddayout/nav-home.gif) left top no-repeat;    
}

body.granddayout div.about ul#gd_subnav {
    width : 770px;
    height : 35px;
    margin : 0;
    padding : 0;
    background : url(http://images.wallaceandgromit.com/films/granddayout/nav-about.gif) left top no-repeat;    
}

body.wrongtrousers div.about ul#wt_subnav {
    width : 770px;
    height : 59px;
    margin : 0;
    padding : 0;
    background : url(http://images.wallaceandgromit.com/films/wrongtrousers/nav-about.gif) left top no-repeat;    
}

/*.content * {border:1px solid #fff;}*/

body.granddayout div.gallery ul#gd_subnav {
    width : 770px;
    height : 35px;
    margin : 0;
    padding : 0;
    background : url(http://images.wallaceandgromit.com/films/granddayout/nav-gallery.gif) left top no-repeat;    
}

body.wrongtrousers div.gallery ul#wt_subnav {
    width : 770px;
    height : 59px;
    margin : 0;
    padding : 0;
    background : url(http://images.wallaceandgromit.com/films/wrongtrousers/nav-gallery.gif) left top no-repeat;    
}

body.granddayout div.characters ul#gd_subnav {
    width : 770px;
    height : 35px;
    margin : 0;
    padding : 0;
    background : url(http://images.wallaceandgromit.com/films/granddayout/nav-characters.gif) left top no-repeat;    
}

body.closeshave ul#cs_subnav {
    width : 770px;
    height : 46px;
    margin : 0;
    padding : 0;
    background : url(http://images.wallaceandgromit.com/films/closeshave/nav.gif) left top no-repeat;    
}

body.wrongtrousers div.home ul#wt_subnav {
    width : 770px;
    height : 59px;
    margin : 0;
    padding : 0;
    background : url(http://images.wallaceandgromit.com/films/wrongtrousers/nav-home.gif) left top no-repeat;    
}

body.crackingcontraptions ul#cc_subnav {
    width : 770px;
    height : 60px;
    margin : 0;
    padding : 0;
    background : url(http://images.wallaceandgromit.com/films/crackingcontraptions/nav.jpg) left top no-repeat;    
}

p#wr_gallery_body {
    width : 160px;
    margin-left : 270px;
    line-height : 1.25em;
    padding-top : 220px;
    margin-top : 0;
}

body.granddayout ul#gallery li, body.wererabbit ul#gallery li, body.loafanddeath ul#gallery li {
    list-style-type : none;
}

body.granddayout ul#gallery a {
    display : block;
    width : 85px;
    height : 85px;
    position : absolute;
}

body.granddayout a.gl_1 {
    left : 385px;
    top : 150px;
}

body.granddayout a.gl_2 {
    left : 500px;
    top : 145px;
}

body.granddayout a.gl_3 {
    left : 620px;
    top : 140px;
}

body.granddayout a.gl_4 {
    left : 255px;
    top : 245px;
}

body.granddayout a.gl_5 {
    left : 380px;
    top : 250px;
}

body.granddayout a.gl_6 {
    left : 500px;
    top : 245px;
}

body.granddayout a.gl_7 {
    left : 620px;
    top : 245px;
}

body.granddayout a.gl_8 {
    left : 255px;
    top : 355px;
}

body.granddayout a.gl_9 {
    left : 380px;
    top : 355px;
}

body.granddayout a.gl_10 {
    left : 500px;
    top : 355px;
}

body.granddayout a.gl_11 {
    left : 620px;
    top : 350px;
}

body.closeshave ul#gallery a {
    display : block;
    width : 85px;
    height : 85px;
    position : absolute;
}

body.closeshave ul#gallery li {
    list-style-type : none;
}

body.closeshave a.gl_1 {
    left : 300px;
    top : 190px;
}

body.closeshave a.gl_2 {
    left : 400px;
    top : 190px;
}

body.closeshave a.gl_3 {
    left : 500px;
    top : 200px;
}

body.closeshave a.gl_4 {
    left : 595px;
    top : 190px;
}

body.closeshave a.gl_5 {
    left : 300px;
    top : 285px;
}

body.closeshave a.gl_6 {
    left : 405px;
    top : 285px;
}

body.closeshave a.gl_7 {
    left : 510px;
    top : 290px;
}

body.closeshave a.gl_8 {
    left : 605px;
    top : 290px;
}

body.crackingcontraptions ul#gallery a {
    display : block;
    width : 120px;
    height : 120px;
    position : absolute;
}

body.crackingcontraptions a.gl_1 {
    left : 320px;
    top : 310px;
}

body.crackingcontraptions a.gl_2 {
    left : 450px;
    top : 310px;
}

body.crackingcontraptions a.gl_3 {
    left : 590px;
    top : 310px;
}

body.crackingcontraptions a.gl_4 {
    left : 330px;
    top : 432px;
}

body.crackingcontraptions a.gl_5 {
    left : 460px;
    top : 432px;
}

body.crackingcontraptions a.gl_6 {
    left : 585px;
    top : 432px;
}

ul#gallery li, ul#gallery {
    width : 2px;
}

body.wererabbit ul#gallery a {
    display : block;
    width : 110px;
    height : 110px;
    position : absolute;
   z-index : 1;
}
ul#gallery a {
	overflow: hidden;
	}


body.wererabbit a.gl_1 {
    left : 450px;
    top : 155px;
}

body.wererabbit a.gl_2 {
    left : 580px;
    top : 155px;
}

body.wererabbit a.gl_3 {
    left : 270px;
    top : 275px;
}

body.wererabbit a.gl_4 {
    left : 390px;
    top : 275px;
}

body.wererabbit a.gl_5 {
    left : 515px;
    top : 275px;
}

body.wererabbit a.gl_6 {
    left : 635px;
    top : 275px;
}

body.loafanddeath p.ld_gallery{

	width: 130px;
	padding: 275px 0 0 130px;
	line-height: 1.25em;
	color: #340101;
	float: left;
}

body.loafanddeath ul#gallery {
	margin: 0;
	padding: 0;
}

body.loafanddeath ul#gallery a {
    display : block;
    position : absolute;
    z-index : 1;
}

body.loafanddeath a.gl_1 {
    left : 310px;
    top : 60px;
    width : 180px;
    height : 100px;
    
 }

body.loafanddeath a.gl_2 {
    left : 490px;
    top : 30px;
    width : 190px;
    height : 130px;
}

body.loafanddeath a.gl_3 {
    left : 330px;
    top : 160px;
    width : 170px;
    height : 90px;
}

body.loafanddeath a.gl_4 {
    left : 500px;
    top : 160px;
    width : 190px;
    height : 110px;
}

body.loafanddeath a.gl_5 {
    left : 310px;
    top : 255px;
    width : 190px;
    height : 130px;
}

body.loafanddeath a.gl_6 {
    left : 530px;
    top : 270px;
    width : 200px;
    height : 110px;
}


body.wrongtrousers ul#gallery a {
    display : block;
    width : 95px;
    height : 95px;
    position : absolute;
}

body.wrongtrousers ul#gallery li, body.crackingcontraptions ul#gallery li {
    list-style-type : none;
}

body.wrongtrousers a.gl_1 {
    left : 460px;
    top : 140px;
}

body.wrongtrousers a.gl_2 {
    left : 585px;
    top : 140px;
}

body.wrongtrousers a.gl_3 {
    left : 260px;
    top : 240px;
}

body.wrongtrousers a.gl_4 {
    left : 385px;
    top : 250px;
}

body.wrongtrousers a.gl_5 {
    left : 500px;
    top : 245px;
}

body.wrongtrousers a.gl_6 {
    left : 620px;
    top : 245px;
}

div.wr_about_body {
    float : right;
    display:inline; /* double margin bug ie6 */
	clear : right;
    width : 260px;
	margin-right : 140px;
    margin-top : 65px;
    line-height : 1.25em;
    height : 180px;
    overflow : auto;
    padding-right : 5px;
}


ul#wr_subnav li {
    display : block;
    float : left;
    margin-right : 17px;
}

ul#gd_subnav li {
    display : block;
    float : left;
    margin-right : 2px;
}

ul#cs_subnav li {
    display : block;
    float : left;
    margin-right : 2px;
}

ul#wr_subnav li a {
    display : block;
    height : 90px;
    width : 70px;
}

ul#gd_subnav li a {
    display : block;
    height : 35px;
}

ul#gd_subnav a#gd_hm {
    width : 98px;
    margin-left : 14px;
    margin-right : 4px;
}

ul#gd_subnav a#gd_ab {
    width : 142px;
    margin-right : 2px;    
}

ul#gd_subnav a#gd_tr {
    width : 144px;
    margin-right : 2px;    
}

ul#gd_subnav a#gd_gl {
    width : 90px;
    margin-right : 2px;    
}

ul#gd_subnav a#gd_ch {
    width : 116px;
    margin-right : 2px;    
}

ul#gd_subnav a#gd_dl {
    width : 130px;
    margin-right : 4px;    
}

ul#cs_subnav a {
    height : 30px;
    display : block;
    margin-top : 9px;
}

ul#cs_subnav a#cs_hm {
    width : 70px;
    margin-left : 15px;
    margin-right : 2px;    
}

ul#cs_subnav a#cs_ab {
    width : 112px;
    margin-right : 4px;    
}

ul#cs_subnav a#cs_tr {
    width : 114px;
    margin-right : 4px;    
}

ul#cs_subnav a#cs_gl {
    width : 70px;
    margin-right : 4px;    
}

ul#cs_subnav a#cs_ch {
    width : 78px;
    margin-right : 4px;    
}

ul#cs_subnav a#cs_dl {
    width : 95px;
    margin-right : 4px;    
}

ul#cs_subnav a#cs_dv {
    width : 75px;
    margin-right : 4px;
}

ul#cs_subnav a#cs_ga {
    width : 75px;
    margin-right : 4px;   
}

ul#wt_subnav li {
    display : block;
    float : left;
}

ul#wt_subnav a {
    display : block;
    height : 59px;
}

ul#wt_subnav a#wt_hm {
    width : 76px;
    margin-right : 1px;    
}

ul#wt_subnav a#wt_ab {
    width : 120px;
    margin-right : 1px;    
}

ul#wt_subnav a#wt_tr {
    width : 127px;
    margin-right : 1px;    
}

ul#wt_subnav a#wt_gl {
    width : 67px;
    margin-right : 1px;    
}

ul#wt_subnav a#wt_ch {
    width : 92px;
    margin-right : 1px;    
}

ul#wt_subnav a#wt_dl {
    width : 92px;
    margin-right : 1px;    
}

ul#wt_subnav a#wt_dv {
    width : 75px;
    margin-right : 1px;    
}

ul#wt_subnav a#wt_ga {
    width : 75px;
    margin-right : 1px;    
}

ul#wt_subnav a#wt_bd {
    width : 78px;
    margin-right : 1px;    
}

ul#wt_subnav a#wt_bg {
    width : 92px;
    margin-right : 1px;    
}

ul#cc_subnav li {
    display : block;
    float : left;
}

ul#cc_subnav a {
    display : block;
    height : 59px;
}

ul#cc_subnav a#cc_hm {
    width : 64px;
    margin-left : 134px;
    margin-right : 4px;    
}

ul#cc_subnav a#cc_ab {
    width : 116px;
    margin-right : 4px;    
}

ul#cc_subnav a#cc_tr {
    width : 120px;
    margin-right : 7px;    
}

ul#cc_subnav a#cc_gl {
    width : 63px;
    margin-right : 12px;    
}

ul#cc_subnav a#cc_dl {
    width : 93px;
    margin-right : 4px;    
}





ul#wr_subnav li a span, ul#gd_subnav li a span, ul#cs_subnav li a span, ul#wt_subnav li a span, ul#cc_subnav li a span {
    position : absolute;
    left : -1000px;
    width : 50px;
}

body.wererabbit ul#charnav {
    margin : 0;
    padding : 210px 0 0 30px;
}

body.closeshave ul#charnav {
    position : absolute;
    left : 210px;
    top : 158px;
    width : 137px;
    z-index : 1;
}

body.wrongtrousers ul#charnav {
    position : absolute;
    left : 200px;
    top : 199px;
    width : 137px;
    z-index : 1;
}

body.wererabbit ul#charnav li {
    width : 190px;
    height : 22px;
    list-style-type : none;
    margin-bottom : 2px;
}

body.wrongtrousers ul#charnav li {
    width : 189px;
    height : 22px;
    list-style-type : none;
    margin-bottom : 2px;
}

body.closeshave ul#charnav li {
    width : 185px;
    height : 22px;
    list-style-type : none;
    margin-bottom : 2px;
}

ul#charnav li a {
    display : block;
    width : 100%;
    height : 100%;
}

body.wererabbit ul#charnav a.ch_tottington {
    background : url(http://images.wallaceandgromit.com/films/wererabbit/cn_tottington.gif) left top no-repeat;
}

body.wererabbit ul#charnav a.ch_victor {
    background : url(http://images.wallaceandgromit.com/films/wererabbit/cn_victor.gif) left top no-repeat;
}

body.wererabbit ul#charnav a.ch_hutch {
    background : url(http://images.wallaceandgromit.com/films/wererabbit/cn_hutch.gif) left top no-repeat;
}

body.wererabbit ul#charnav a.ch_reverend {
    background : url(http://images.wallaceandgromit.com/films/wererabbit/cn_reverend.gif) left top no-repeat;
}

body.wererabbit ul#charnav a.ch_mulch {
    background : url(http://images.wallaceandgromit.com/films/wererabbit/cn_mulch.gif) left top no-repeat;
}

body.wererabbit ul#charnav a.ch_growbag {
    background : url(http://images.wallaceandgromit.com/films/wererabbit/cn_growbag.gif) left top no-repeat;
}

body.closeshave ul#charnav a.ch_wendolene {
    background : url(http://images.wallaceandgromit.com/films/closeshave/cn_wendolene.gif) right top no-repeat;
}

body.closeshave ul#charnav a.ch_preston {
    background : url(http://images.wallaceandgromit.com/films/closeshave/cn_preston.gif) right top no-repeat;    
}

body.closeshave ul#charnav a.ch_shaun {
    background : url(http://images.wallaceandgromit.com/films/closeshave/cn_shaun.gif) right top no-repeat;    
}

body.wrongtrousers ul#charnav a.ch_feathers {
    background : url(http://images.wallaceandgromit.com/films/wrongtrousers/cn_feathers.gif) left top no-repeat;    
}

body.wrongtrousers ul#charnav a.ch_wrongtrousers {
    background : url(http://images.wallaceandgromit.com/films/wrongtrousers/cn_wrongtrousers.gif) left top no-repeat;    
}

body.wererabbit div.characters ul#charnav.char_tottington a.ch_tottington, body.wererabbit div.characters ul#charnav.char_victor a.ch_victor, body.wererabbit div.characters ul#charnav.char_hutch a.ch_hutch, body.wererabbit div.characters ul#charnav.char_reverend a.ch_reverend, body.wererabbit div.characters ul#charnav.char_mulch a.ch_mulch, body.wererabbit div.characters ul#charnav.char_growbag a.ch_growbag, body.wrongtrousers div.characters ul#charnav.char_feathers a.ch_feathers, body.wrongtrousers div.characters ul#charnav.char_wrongtrousers a.ch_wrongtrousers, body.wererabbit div.characters ul#charnav a:hover, body.wrongtrousers div.characters ul#charnav a:hover {
    background-position : left -22px;
}

body.closeshave div.characters ul#charnav.char_wendolene a.ch_wendolene, body.closeshave div.characters ul#charnav.char_preston a.ch_preston, body.closeshave div.characters ul#charnav.char_shaun a.ch_shaun, body.closeshave div.characters ul#charnav a:hover  {
    background-position : right -22px;
}

/* Hide initial non-displayed characters */

body.wererabbit div.characters div#victor, body.wererabbit div.characters div#hutch, body.wererabbit div.characters div#reverend, body.wererabbit div.characters div#mulch, body.wererabbit div.characters div#growbag, body.closeshave div.characters div#wendolene, body.closeshave div.characters div#preston, body.closeshave div.characters div#shaun, body.wrongtrousers div.characters div#feathers, body.wrongtrousers div.characters div#wrongtrousers {
    display : none;
}

body.wererabbit div.charbox {
    width : 540px;
    height : 300px;
    position : absolute;
    right : -2px;
    bottom : 0;
}

body.closeshave div.charbox{
    width : 734px;
    height : 448px;
    left : 12px;
    bottom : 0;
    position : absolute;
}

body.wrongtrousers div.charbox{
    width : 734px;
    height : 436px;
    left : 12px;
    bottom : 0;
    position : absolute;
}

div.charbox h5 {
    position : absolute;
    left : -2000px;
    width : 300px;
}

body.wererabbit div.charbox p {
    padding-top : 109px;
    margin-left : 15px;
    margin-bottom : 2px;
    width : 270px;
    line-height : 1.25em;
}

body.closeshave div.charbox p {
    padding-top : 215px;
    margin-left : 440px;
    margin-bottom : 8px;
    width : 270px;
    line-height : 1.25em;
}

body.closeshave div.charbox div {
    /*position: absolute;
    left: 0px;
    top: 300px;*/
}

body.wrongtrousers div.charbox p {
    padding-top : 225px;
    margin-left : 450px;
    margin-bottom : 8px;
    width : 270px;
    line-height : 1.25em;
}

img.msnicon {
    border : 1px solid white;
}

body.wererabbit img.msnicon {
    display : block;
    float : left;
    margin-top : 6px;
    margin-left : 15px;
    margin-right : 4px;
}

body.closeshave img.msnicon {
    display : block;
    float : left;
    margin-top : 1px;
    margin-left : 440px;
    margin-right : 4px;
}

body.closeshave img.noborder {
    border: medium none;
    margin-top: 6px;
}

body.wrongtrousers img.msnicon {
    float : left;
	_display : inline;
    margin-top : 1px;
    margin-left : 450px;
    margin-right : 4px;
}

/*body.wrongtrousers .content * {border:1px solid #fff;}*/


div#tottington {
    background : url(http://images.wallaceandgromit.com/films/wererabbit/char_tottington.png) left bottom no-repeat;
}

div#victor {
    background : url(http://images.wallaceandgromit.com/films/wererabbit/char_victor.png) left bottom no-repeat;
}

div#hutch {
    background : url(http://images.wallaceandgromit.com/films/wererabbit/char_hutch.png) left bottom no-repeat;
}

div#reverend {
    background : url(http://images.wallaceandgromit.com/films/wererabbit/char_reverend.png) left bottom no-repeat;
}

div#mulch {
    background : url(http://images.wallaceandgromit.com/films/wererabbit/char_mulch.png) left bottom no-repeat;
}

div#growbag {
    background : url(http://images.wallaceandgromit.com/films/wererabbit/char_growbag.png) left bottom no-repeat;
}

div#wendolene {
    background : url(http://images.wallaceandgromit.com/films/closeshave/char-wendolene.png) left bottom no-repeat;
}

div#preston {
    background : url(http://images.wallaceandgromit.com/films/closeshave/char-preston.png) left bottom no-repeat;
}

div#shaun {
    background : url(http://images.wallaceandgromit.com/films/closeshave/char-shaun.png) left bottom no-repeat;
}

div#feathers {
    background : url(http://images.wallaceandgromit.com/films/wrongtrousers/char-feathers.png) left bottom no-repeat;
}

div#wrongtrousers {
    background : url(http://images.wallaceandgromit.com/films/wrongtrousers/char-wrongtrousers.png) left bottom no-repeat;
}