@charset "utf-8";
/* reset.css from: http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/ */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;}:focus{outline:0;}body{line-height:1;color:black;background:white;}ol,ul{list-style:none;}table{border-collapse:separate;border-spacing:0;}caption,th,td{text-align:left;font-weight:normal;}blockquote:before,blockquote:after,q:before,q:after{content:"";}blockquote,q{quotes:"" "";}.clear{clear:both;}
/* 
 * Built and powered by WeBuild (2009)
 * http://webuild.co.uk/ [djs]
 */
 
/* general */
body { font:12px/1.4 Arial, Helvetica, sans-serif; color:#fff; background:url(/pix/bg.jpg) #3399ff; }
a:link, a:visited { color:#fff; font-weight:bold; }
a:hover { }
a:active { }
p { margin-bottom:10px;}
h1 { }
h2 { }
h3 { }
ul { }
ol { list-style:decimal outside; padding-left:20px; }
strong, b { font-weight:bold; }
em, i { }

/* wireframe */
#header { background:#118ED2; }
.pagePadding { width:940px; padding:10px 25px 8px 25px; margin:0 auto; position:relative; }
#soundBox { display:none; width:22px; height:22px; background:no-repeat url(/pix/sound.gif) 0 0; float:right; }
#logo { width:194px; height:87px; display:block; position:absolute; top:-60px; left:20px; background:no-repeat url(/pix/logo.png) 0 0; z-index:+100; }
#logo a { width:194px; height:87px; display:block; text-indent:-2999px; }
#nav { height:36px; width:760px; margin:15px 0 0 190px;}
#nav li { float:left; display:inline; padding-right:8px; }
#nav li a { display:block; height:36px; background:no-repeat url(/pix/nav.jpg) 0 0; text-indent:-2999px; }
#nav #games { width:64px; }
#nav #videos { width:71px; background-position:-72px 0;}
#nav #make { width:96px; background-position:-151px 0; }
#nav #tv { width:83px; background-position:-255px 0; }
#nav #comps { width:125px; background-position:-346px 0; }
#nav #gal { width:79px; background-position:-479px 0; }
#nav #bday { width:100px; background-position:-566px 0; }
#nav #jokes { width:68px; background-position:-674px 0; }
#nav li:last-child { padding:0; }
#mainOuter { padding-bottom:285px; background:no-repeat url(/pix/bg-footer-top.jpg) bottom center; }
#main { width:968px; margin:9px auto 40px auto; min-height:600px; padding:0 0 0 22px; position:relative; }
#leftCol { float:left; display:inline; width:460px; margin:46px 0 0 0; }
h3#breadcrumb { -moz-border-radius:4px; -webkit-border-radius:4px; padding:5px 10px; background:red; }
h3#breadcrumb a:link, h3#breadcrumb a:visited { color:#fff; text-decoration:none; }
h3#breadcrumb a:hover { text-decoration:underline; }
#rightCol #mpu { position:relative; float:none; display:block; top:0; margin:0; }
#rightCol { float:left; display:inline; width:325px; margin:46px 0 0 45px; }
#skyscraper { width:120px; height:600px; float:right; display:inline; }
#footerOuter { background:no-repeat url(/pix/bg-footer-end.jpg) top center; }
#footer { width:990px; margin:0 auto; text-align:center; color:#1F92C9; padding-bottom:20px; }
#footer a { color:#1F92C9; text-decoration:none; }

/* homepage */
#video { float:left; display:inline; width:419px; height:309px; margin-bottom:15px; position:relative; }
#flashVideo { width:300px; height:250px; position:absolute; top:30px; left:74px; background:pink }
#videoBorder { z-index:+10; position:absolute; top:0; left:0; background:no-repeat url(/pix/bg-video.png) 0 0; width:100%; height:100%; }
#molly { z-index:+20; position:absolute; top:100px; left:0; width:160px; height:210px; }
#topPicks { width:300px; padding:0 24px 0 66px; height:224px; float:left; display:inline; background:no-repeat url(/pix/bg-picks.jpg) 0 0; margin-left:15px; position:relative; }
#topPicks h1 { height:45px; text-indent:-2999px; }
#topPicks a.img { float:left; display:inline; width:95px; height:72px; margin:0 5px 5px 0; }
#topPicks a.img img { width:95px; height:72px; }
#pip { position:absolute; top:0px; left:-55px; width:160px; height:180px; }
#favouriteCharacters { float:left; display:inline; clear:left; width:400px; height:234px; background:no-repeat url(/pix/bg-characters.jpg) 0 0; margin-bottom:15px; padding:0 30px 0 60px; position:relative; }
#favouriteCharacters h1 { text-indent:-2999px; height:55px; }
#leo { width:144px; height:147px; position:absolute; top:-8px; right:-35px; }
#birthdays { float:left; display:inline; clear:left; width:600px; height:255px; background:no-repeat url(/pix/bg-birthdays.jpg) 0 0; padding:0 144px 0 44px; position:relative; margin-bottom:15px; }
#birthdays h1 { text-indent:-2999px; height:50px; }
#birthdays a.img, #gallerys a.img { float:left; display:inline; width:92px; height:69px; margin:0 8px 8px 0; }
#birthdays img#rabbit { position:absolute; right:10px; }
#birthdays a.more, #gallerys a.more { text-indent:-2999px; display:block; width:85px; height:25px; clear:left; }
#mpu { float:left; display:inline; margin-left:35px; width:300px; height:250px; top:-70px; position:relative; }
#gallerys { float:left; display:inline; width:602px; height:251px; background:no-repeat url(/pix/bg-gallerys.jpg) 0 0; padding:0 225px 0 40px; position:relative; }
#gallerys h1 { text-indent:-2999px; height:48px; }
#elephant { position:absolute; right:0; }

#vidLink { display:block; position:absolute; width:300px; height:250px; text-indent:-2999px; left:75px; top:28px; }
.promoImg { position:absolute; }

/* birthdays */
.bday h3#breadcrumb { background:#51B218; }
h2 { color:#EAFC23; font-size:16px; font-weight:bold; margin:20px 0; }
#bdayPicker { width:233px; height:122px; padding:0 20px 0 20px; background:no-repeat url(/pix/puff-birthday.jpg) 0 0; position:relative; }
#bdayPicker h1 { text-indent:-2999px; height:45px; }
#bdayPicker #nextStep { display:block; position:absolute; width:90px; height:23px; top:68px; right:15px;  }
#bdayPicker table { margin:5px 0 0 25px; }
#bdayPicker td { width:50%; padding-right:10px; }
p.pageBtns { text-align:right; clear:both; padding-top:15px; }
p.pageBtns img { vertical-align:middle; }

/* -- inherited from yomego -- */
.ugcRepeater { width:99px; height:77px; background: transparent url(/pix/galleryFrame.gif) no-repeat center top; text-align: center; overflow:hidden; margin:0 10px 20px 0; float: left; display:inline; } 
.ugcRepeater img { margin:4px 0 5px 0; border:0; } .
ugcRepeater p { margin:0; } 
#breadcrumbWrapper {
	line-height:26px;
}
#breadcrumbInner {
	padding-left: 12px;
}
#breadcrumbWrapper ul {
	list-style-type:none;
	text-transform:lowercase;
}
#breadcrumbWrapper li {
	display:inline;
}
#breadcrumbWrapper a {
	color:#fff;
}
.bday #breadcrumbWrapper {
	background: url(../images/breadcrumb/birthdaysBot.gif) no-repeat bottom;
	margin-bottom: 16px;
	width: 460px;
}
.bday #breadcrumbInner {
	background: transparent url(../images/breadcrumb/birthdaysTop.gif) no-repeat top;
} 
.games #breadcrumbWrapper {
	background:transparent  url(../images/breadcrumb/gamesBot.gif) no-repeat bottom;
	margin-bottom: 20px;
	width: 460px;
}
.games #breadcrumbInner {
	background: transparent url(../images/breadcrumb/gamesTop.gif) no-repeat top;
} 

#breadcrumbWrapper {
	background:transparent  url(../images/breadcrumb/mandsBot.gif) no-repeat bottom;
	margin-bottom: 20px;
	width: 624px;
}
.downloads #breadcrumbWrapper {
	background: url(../images/breadcrumb/colourAndMakeBot.gif) no-repeat bottom;
	margin-bottom: 16px;
	width: 460px;
}
.downloads #breadcrumbInner {
	background: transparent url(../images/breadcrumb/colourAndMakeTop.gif) no-repeat top;
} 
#breadcrumbInner {
	background: transparent url(../images/breadcrumb/mandsTop.gif) no-repeat top;
} 
#birthdaysWrapper {
	width:722px;
}
#pagingWrapper {
	padding-top:14px;
	text-align:center;
	font-weight:bold;
	clear: both;
	height: 23px;
	width: 450px;
}
#pagingWrapper ul {
	list-style-type:none;
}
#pagingWrapper li {
	display:inline;
}
#pagingWrapper a {
	display:block;
	float:right;
	margin:3px 6px 0 0;
	padding-right:8px;
	border-right:1px solid #fff;
	color:#fff;
}
#pagingWrapper a:hover {
	color:#be0000;
}
#pagingWrapper a.noBorder {
	border:none;
}
#pagingWrapper a.pagingOn {
	color:#be0000;
}
#pagingWrapper #prevLink {
	width:86px;
	height:33px;
	background: transparent url(/pix/btn-prev.jpg) no-repeat;
	border:none;
	margin-top:0;
}
#pagingWrapper #nextLink {
	width:67px;
	height:33px;
	background: transparent url(/pix/btn-next.jpg) no-repeat;
	border:none;
	margin:0;
	padding:0;
}
a span { display:none; }
.gameRepeater {
	background: transparent url(../images/games/gamesFrame.gif) no-repeat;
	margin-bottom: 28px;
	width:452px;
	min-height:120px;
}
.thumbnailLink {
	display:block;
	float:left;
	width:132px;
	height:102px;
	padding:5px;
}
.gameRepeaterContent {
	margin:0 0 10px 158px;
}
.gameRepeaterContent h3 {
	background-color:#df0c94;
	margin:0;
	padding-left: 7px;
}
.gameTitleTop {
	height:5px;
	background: transparent url(../images/games/gameTitleTop.gif) no-repeat;
	font-size:0%;
}
.gameTitleBot {
	height:5px;
	background: transparent url(../images/games/gameTitleBot.gif) no-repeat;
	margin-bottom:8px;
	font-size:0%;
}
.gameRepeaterLinks {
	margin-left:158px;
}
.gameRepeater h4 {
	margin:0.75em 0 0 0;
}
.playLink {
	display:block;
	float:right;
	width:62px;
	height:36px;
	background: transparent url(/pix/btn-play.jpg) no-repeat;
}
.gameRepeater p {
	padding-top:4px;
}
#backWrapper {
	width:56px;
	padding-bottom:16px;
	clear:both;
}
#backWrapper a {
	width:56px;
	height:21px;
	display:block;
	background: transparent url(../images/back_button.gif) no-repeat;
}
#backWrapper.noClear { clear:none; }
.cmRepeaterContent {
	margin:0 0 10px 148px;
}
.cmRepeaterContent h3 {
	background-color:#1d9801;
	margin:0;
	padding-left: 7px;
}
.makeTitleTop {
	height:5px;
	font-size:0%;
	background: transparent url(../images/colourAndMake/makeTitleTop.gif) no-repeat 0 0;
	margin-left:0;
}
.makeTitleBot {
	height:5px;
	font-size:0%;
	margin-bottom:8px;
	background: transparent url(../images/colourAndMake/makeTitleBot.gif) no-repeat 0 0;
}
.cmRepeaterLinks {
	margin-left:148px;
}
.cmRepeater h4 {
	margin:0.75em 0 0 0;
}
.downloadLink {
	display:block;
	float:right;
	width:109px;
	height:25px;
	background: transparent url(../images/colourAndMake/download.gif) no-repeat;
}
.cmRepeaterLinks p {
	padding-top:4px;
}
.cmRepeaterLinks { clear:left; }
#getOnTVWrapper { background:no-repeat url(/pix/bg-joke-submit.jpg) 0 0; width:210px; height:161px; padding:20px; }
#getOnTVWrapper h2 { text-indent:-2999px; height:28px; margin:0; padding:0; }
#getOnTVWrapper textarea { width:100%; height:45px; margin-bottom:5px; border:1px solid #999; padding:2px;  }
#getOnTVWrapper #buttonWrapper input { float:right; }

.comps #breadcrumbWrapper {
	background: url(../images/breadcrumb/competitionsBot.gif) no-repeat bottom;
	margin-bottom: 20px;
	width: 470px;
}
.comps #breadcrumbInner {
	background: transparent url(../images/breadcrumb/competitionsTop.gif) no-repeat top;
}

.compWrapper {
	padding-bottom:18px;
	width: 470px;
	float: left;
	min-height: 300px;
	height: auto !important;
	height: 300px;
}
.prizeWrapper {
	width:100px;
	float:left;
}
.prizeWrapper .imageFrame {
	width:92px;
	height:69px;
	padding:4px;
	margin-bottom:10px;
	background: url(../images/competitions/frame.gif) no-repeat;
}
.compDetails {
	width:356px;
	/*margin-left: 114px;*/
	float:right;
}
.compDetails table {
	margin-bottom: 14px;
}
.compDetails h3 {
	background-color:#d31e10;
	margin:0;
	padding-left: 7px;
}
.compTitleTop {
	height:4px;
	font-size:0%;
	background: transparent url(../images/competitions/titleTop.gif) no-repeat 0 0;
}
.compTitleBot {
	height:4px;
	font-size:0%;
	background: transparent url(../images/competitions/titleBot.gif) no-repeat 0 0;
	margin-bottom:8px;
}
.compDetails h2 {
	font-size:0.75em;
	color:#fff;
}
.compDetails p.countDown {
	font-size:0.65em;
	font-weight:bold;
}
.compDetails p.countDown span {
	font-weight:normal;
}
.ansPic {
	width:57px;
	height:34px;
	padding:2px;
	background: url(../images/competitions/ansPicFrame.gif) no-repeat;
}
.enterCompWrapper {
	text-align:right;
	padding-top: 6px;
}
#pickOfPics {
	width:234px;
	float:right;
}
#compListWrapper {
	width:460px;
	padding: 10px;
}
#compListWrapper ul {
	list-style-position:inside;
}
#compListWrapper li {
	margin-bottom:1em;
}
#compListWrapper li a {
	font-size:0.75em;
	color:#fff;
}
#compListWrapper li a:hover {
	text-decoration:underline;
	color:#eafc23;
}

/*------------------- COMPETITIONS LIST --------------------*/
#compListWrapper .compListRepeater {
	width:8.5em;
	height:10em;
	text-align: center;
	overflow:hidden;
	margin:0 10px 10px 0;
	float: left;
	background: transparent url(../images/birthdays/galleryFrame.gif) no-repeat center top;
}
#compListWrapper .compListRepeater img {
	margin:4px 0 6px 0;
}
#compListWrapper .compListRepeater ul {
	list-style-type:none;
	font-size:0.75em;
}
#compListWrapper .compListRepeater li {
	margin:0;
}

/*------------------- TABS --------------------*/
li#tabRecent a {
	width:120px;
	margin:0 5px 0 10px;
	background: url(../images/competitions/most_recent_off.gif) no-repeat;
}
li#tab12Months a {
	width:135px;
	margin:0 5px 0 0;
	background: url(../images/competitions/12months_off.gif) no-repeat;
}
li#tabEveryone a {
	width:90px;
	margin:0 5px 0 10px;
	background: url(../images/artGallery/everyone_off.gif) no-repeat;
}
li#tabAtoZ a {
	width:120px;
	margin:0 5px 0 0;
	background: url(../images/artGallery/aToZ_off.gif) no-repeat;
}

li#tabRecent a.tabOn {background: url(../images/competitions/most_recent_on.gif) no-repeat; }
li#tab12Months a.tabOn {background: url(../images/competitions/12months_on.gif) no-repeat; }
li#tabEveryone a.tabOn {background: url(../images/artGallery/everyone_on.gif) no-repeat; }
li#tabAtoZ a.tabOn {background: url(../images/artGallery/aToZ_on.gif) no-repeat; }

/*------------------- POSTCARDS --------------------*/
#postcardFront {
	width:262px;
	height:173px;
	background: transparent url(../images/competitions/postcard_front.gif) no-repeat;
	margin:0 0 18px 18px;
}
#postcardFront.gallery {
	background-image: url(../images/competitions/postcard_front_photo.gif);
}

/*------------------- GALLERY FILTERS --------------------*/
#galleryFilters {
	margin-bottom:10px;
}
#galleryFilters ul {
	list-style-type:none;
	font-size:0.8em;
}
#galleryFilters li {
	float:left;
}
#galleryFilters span,
#galleryFilters a {
	display:block;
	padding:2px 5px;
	margin:0 3px 3px 0;
	background-color:#D31E10;
	color:#eafc23;
	font-weight:bold;
}
#galleryFilters a:hover {
	background-color:#d193dc;
}
#galleryFilters span {
	color:#000; 
	background-color:#d2d2d2;
	font-weight: normal;
}
#galleryFilters p {
	clear:both;
	margin:0 0 3px 0;
}
.compEntryDetails { width:470px; }

.formTable {
	font-weight:bold;
	margin-bottom:24px;
}
.formTable td {
	padding:6px;
}
.formTable td select {
	border:2px solid #b3f015;
	margin:0;
}
.OptFormTable {
	font-weight:normal;
	margin-bottom:24px;
}
.OptFormTable td {
	padding:6px;
}
.OptFormTable td label {
	display:block;
	padding:0 0 6px 6px;
	font-size:0.95em;
}
.textInput {
	border:2px solid #b3f015;
	width:218px;
}
.errorHighlight {
	background-color:#5C721E;
	border-top:1px solid #EAFC23;
	border-right:1px solid #EAFC23;
	border-left:1px solid #EAFC23;
}
.errorHighlightMessage {
	background-color:#5C721E;
	border-bottom:1px solid #EAFC23;
	border-right:1px solid #EAFC23;
	border-left:1px solid #EAFC23;
	padding:0;
	
}
.errorHighlightMessage p {
	color:#eafc23; 
	font-size:1em; 
	font-weight:normal;
	margin:0;
	padding:0 4px 4px 4px;
}
#dataProtectionWrapper {
	padding:8px;
	background-color:#7e9d27;
	font-size:0.9em;
	clear: both;
}
.marginBot24 {
	margin-bottom:24px;
}
/*------------------- CLASSES --------------------*/
.hide {
	display:none;
}
.zeroHeight {
	height:0px;
	clear: both;
	font-size: 0%;
}
.greyText {
	color:#ccc;
}
.alignRight {
	text-align:right;
	margin-bottom:12px;
}
.errorMessage {
	color:#CC0000;
	font-weight:bold;
}

.gallery #signpost {
	width:200px;
	height:145px;
	float: right;
	background: transparent url(/pix/galSignPost.jpg) no-repeat;
}

#flashPicturePlayer {
	width:242px;
	height:187px;
	padding:6px;
	float:left;
	background: url(../images/tvGuide/cartoonClipFrame.gif) no-repeat;
}
.gallery #signpost a.signpostFirst {
	margin-top:5px;
}
#flashScroller {
	padding-top:16px;
	clear:both;
}

.gallery #signpost a {
	display:block;
	height:40px;
	margin-bottom:10px;
}
.gallery #breadcrumbWrapper {
	background: transparent url(../images/breadcrumb/artGalleryBot.gif) no-repeat bottom;
	margin-bottom: 20px;
	width: 460px;
}
.gallery #breadcrumbInner {
	background: transparent url(../images/breadcrumb/artGalleryTop.gif) no-repeat top;
}

#bestPickDetailsInner { padding:8px; float:left;}
.jokes #breadcrumbWrapper {
	background: transparent url(../images/breadcrumb/jokesBot.gif) no-repeat bottom;
	margin-bottom: 14px;
	width: 460px;
}
.jokes #breadcrumbInner {
	background: transparent url(../images/breadcrumb/jokesTop.gif) no-repeat top;
} 
.jokes table { margin-bottom:10px; }
#postcardBack {
	width:236px;
	height:142px;
	background: transparent url(../images/postcard_blank.gif) no-repeat;
	margin: 0 0 18px 18px;
	padding: 20px 0 0 20px;
}
#postcardFront p {
    display:none;
}
#postcardBack p {
    color:#000;
}
.bday #postcardFront { background-image:url(/images/birthdays/postcard_front.gif)}
.gallery #postcardFront { background-image:url(/images/artGallery/postcard_front.gif)}

.moreGamesRepeater {
float:left;
margin-right:22px;
width:144px;
}
.moreGamesRepeater .thumbnailLink {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent url(../images/games/gamesFrame.gif) no-repeat scroll 0 0;
display:block;
height:102px;
margin-bottom:12px;
padding:5px;
width:132px;
}
.moreGamesRepeater h3 {
color:#EAFC23;
margin:0;
}
.gamesContent .noMargin {
margin:0;
}