/* RESET CODE */
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%; vertical-align: baseline; }
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: "" ""; }
body, html { height: 100%; }
button::-moz-focus-inner { border: 0; padding: 0; }

body {
	font: 11px/1.5 Arial, Helvetica, sans-serif;
	background: url('../images/bg-wallpaper-repeat.jpg') center center;
}
#container {
	width: 100%; height: 100%; min-height: 605px;
	font-size: 1em;
	position: absolute;
}
#bg-spotlight {
	position: fixed;
	left: 0; top: 0; bottom: 0; right: 0;
	background: url('../images/bg-spotlight.png') center center;
	z-index: -100;
}
#dartboard {
	width: 145px; height: 555px;
	position: absolute;
	left: 0; top: 50%;
	margin: -245px 0 0;
}
#blackboard {
	width: 953px; height: 605px;
	margin: -303px auto 0 auto;
	position: relative;
	top: 50%;
	background: #141414 url('../images/bg-blackboard-top.jpg') no-repeat;
}
#blackboard h1 {
	width: 476px; height: 108px;
	position: absolute;
	left: 249px; top: 63px;
	background: url('../images/crest-the_worlds_first_virtual_london_pub.png') no-repeat;
	text-indent: -9999em;
	z-index: 1100;
}
#blackboard h1 a {
	width: 100%; height: 100%;
	position: absolute;
	left: 0; top: 0;
}
#blackboard ul#nav,
#blackboard ul.thumbnails {
	left: 0; top: 0;
	position: absolute;
}
#blackboard ul#nav {
	z-index: 100;
}
#blackboard ul.thumbnails {
	z-index: 90;
}
#also-featuring {
	z-index: 80;
}
#main-logos {
	z-index: 110;
}
#blackboard ul#nav li {
	position: absolute;
	text-indent: -9999em;
}
#blackboard ul#nav li a {
	position: absolute;
	left: 0; top: 0;
	width: 100%; height: 100%;
}
#blackboard ul#nav li.nav1 {
	width: 174px; height: 24px;
	top: 432px; left: 323px;
}
#blackboard ul#nav li.nav1 a {
	background: url('../images/link-enter_competition.jpg') no-repeat;
}
#blackboard ul#nav li.nav1 a:hover {
	background-position: 0 -24px;
}
#blackboard ul#nav li.nav2 {
	width: 102px; height: 72px;
	top: 399px; left: 572px;
}
#blackboard ul#nav li.nav2 a {
	background: url('../images/link-watch_video.jpg') no-repeat;
}
#blackboard ul#nav li.nav2 a:hover,
#blackboard ul#nav li.nav2 a.hover {
	background-position: 0 -72px;
}
#blackboard ul.thumbnails li a {
	text-indent: -9999em;
}
#blackboard ul.thumbnails li.thumb1 a {
	width: 174px; height: 121px;
	position: absolute;
	background: url('../images/home-thumbnail_1.jpg') no-repeat;
	left: 85px; top: 136px;
}
#blackboard ul.thumbnails li.thumb1 a:hover {
	background-position: 0 -121px;
}
#blackboard ul.thumbnails li.thumb2 a {
	width: 165px; height: 103px;
	position: absolute;
	background: url('../images/home-thumbnail_2.jpg') no-repeat;
	left: 88px; top: 277px;
}
#blackboard ul.thumbnails li.thumb2 a:hover {
	background-position: 0 -103px;
}
#blackboard ul.thumbnails li.thumb3 a {
	width: 178px; height: 111px;
	position: absolute;
	background: url('../images/home-thumbnail_3.jpg') no-repeat;
	left: 719px; top: 141px;
}
#blackboard ul.thumbnails li.thumb3 a:hover {
	background-position: 0 -111px;
}
#blackboard ul.thumbnails li.thumb4 a {
	width: 175px; height: 118px;
	position: absolute;
	background: url('../images/home-thumbnail_4.jpg') no-repeat;
	left: 689px; top: 252px;
}
#blackboard ul.thumbnails li.thumb4 a:hover {
	background-position: 0 -118px;
}
#blackboard ul.thumbnails li.thumb5 a {
	width: 163px; height: 93px;
	position: absolute;
	background: url('../images/home-thumbnail_5.jpg') no-repeat;
	left: 714px; top: 370px;
}
#blackboard ul.thumbnails li.thumb5 a:hover {
	background-position: 0 -93px;
}
#blackboard ul.thumbnails li.thumb6 a {
	width: 359px; height: 247px;
	position: absolute;
	background: url('../images/home-thumbnail_6.jpg') no-repeat;
	left: 311px; top: 171px;
}
#blackboard ul.thumbnails li.thumb6 a:hover,
#blackboard ul.thumbnails li.thumb6 a.hover {
	background-position: 0 -247px;
}
#also-featuring {
	width: 255px; height: 198px;
	left: 50px; top: 357px;
	position: absolute;
	background: url('../images/home-also_featuring_list.jpg') no-repeat;
}
#also-featuring h2,
#also-featuring ul {
	display: none;
}
#main-logos {
	height: 37px;
	position: absolute;
	bottom: 60px; left: 355px;
}
#main-logos img {
	float: left;
}
#main-logos img.logo1 {
	margin-right: 29px;
}
#main-logos img.logo2 {
	margin-right: 23px;
}
#screenshots {
	position: absolute;
	left: 50px; top: 50px;
	z-index: 1000;
}
#video {
	position: absolute;
	left: 50px; top: 50px;
	width: 853px; height: 505px;
	color: white;
}
#video p {
	text-align: center;
	position: relative;
	top: 50%;
	margin: -0.7em 0 0;
}
a.close-button {
	width: 197px; height: 81px;
	position: absolute;
	background: url('../images/button-close.png') no-repeat scroll top left;
	text-indent: -9999em;
	bottom: -9px; left: 381px;
	z-index: 1200;
}
a.close-button:hover {
	background-position: 0 -81px;
}
ul#screenshots-navigation,
ul#video-navigation {
	position: absolute;
	bottom: -9px;
	left: 381px;
	z-index: 1200;
}
ul#screenshots-navigation li,
ul#video-navigation li {
	text-indent: -9999em;
	float: left;
	display: block;
}
ul#screenshots-navigation li a,
ul#video-navigation li a {
	background: no-repeat 0 0;
	display: block;
}
ul#screenshots-navigation li a:hover,
ul#video-navigation li a:hover {
	background-position: 0 -81px;
}
ul#screenshots-navigation li.prev,
ul#screenshots-navigation li.prev a,
ul#video-navigation li.play,
ul#video-navigation li.play a {
	width: 70px; height: 81px;
}
ul#screenshots-navigation li.prev a {
	background-image: url('../images/screenshot_controls-prev.png');
}
ul#video-navigation li.play a {
	background-image: url('../images/video_controls-play.png');
}
ul#screenshots-navigation li.close,
ul#screenshots-navigation li.close a,
ul#video-navigation li.close,
ul#video-navigation li.close a {
	width: 58px; height: 81px;
}
ul#screenshots-navigation li.close a {
	background-image: url('../images/screenshot_controls-close.png');
}
ul#video-navigation li.close a {
	background-image: url('../images/video_controls-close.png');
}
ul#screenshots-navigation li.next,
ul#screenshots-navigation li.next a,
ul#video-navigation li.pause,
ul#video-navigation li.pause a {
	width: 69px; height: 81px;
}
ul#screenshots-navigation li.next a {
	background-image: url('../images/screenshot_controls-next.png');
}
ul#video-navigation li.pause a {
	background-image: url('../images/video_controls-pause.png');
}
#blackboard img#blackboard-bottom {
	position: absolute;
	left: 0;
	bottom: -101px;
}
a.back-button {
	width: 95px; height: 49px;
	position: absolute;
	left: 78px; top: 86px;
	display: block;
	background: url('../images/button-home.gif') no-repeat;
	text-indent: -9999em;
}
a.back-button:hover {
	background-position: 0 -49px;
}
#competition h2 {
	width: 452px; height: 31px;
	position: absolute;
	left: 261px; top: 201px;
	background: url('../images/competition-enter_heading.png') no-repeat;
	text-indent: -9999em;
}
#competition p#entry-instructions {
	width: 289px; height: 121px;
	position: absolute;
	left: 154px; top: 273px;
	background: url('../images/competition-entry_instructions.gif') no-repeat;
	text-indent: -9999em;
}
#competition p.good-luck {
	width: 86px; height: 12px;
	position: absolute;
	left: 153px; top: 425px;
	background: url('../images/competition-good_luck.png') no-repeat;
	text-indent: -9999em;
}
#competition form#entry-form {
	height: 210px;
	padding: 4px 0 0 35px;
	position: absolute;
	left: 474px; top: 258px;
	background: url("../images/vertical_divider.png") no-repeat left 0;
}
#competition form label,
#competition form input {
	float: left;
}
#competition form label {
	width: 149px; height: 32px;
	clear: left;
	text-indent: -9999em;
	background: no-repeat 0 10px;
}
#competition label.confirmemail {
	background-image: url('../images/competition-confirm_email_address.gif');
}
#competition label.email {
	background-image: url('../images/competition-email_address.gif');
}
#competition label.psnid {
	background-image: url('../images/competition-playstation_network_id.gif');
}
#competition form input#psnid,
#competition form input#email,
#competition form input#confirmemail {
	width: 146px; height: 23px;
	border: none;
	padding: 8px 21px 0 10px;
	margin: 0 0 5px;
	background: url('../images/competition-field_bg.gif') no-repeat;
	color: white;
	font-size: 11px;
}
#competition form input.error {
	background-position: 0 -31px !important;
}
#competition form #error-alert,
span.checkbox-error {
	width: 200px;
	padding: 5px;
	position: absolute;
	border: 1px solid red;
	color: red;
	line-height: 1.2em;
}
span.checkbox-error {
	right: 18px; bottom: 17px;
}
#competition form #error-alert {
	right: 18px; bottom: 7px;
}
#competition button {
	padding: 0;
	width: 57px; height: 21px;
	position: absolute;
	top: 168px;	left: 31px;
	border: none;
	cursor: pointer;
	outline: none;
	background: none;
}
#competition button span {
	width: 57px; height: 21px;
	display: block;
	background: url('../images/button-submit.gif') no-repeat;
	text-indent: -9999em;
	cursor: pointer;
}
#competition button:hover span,
#competition button.hover span {
	background-position: 0 -21px;
}
input#termsagree,
span.ui-checkbox {
	position: absolute;
	left: 33px;
	top: 120px;
}
#competition label.termsagree {
	width: 268px; height: 9px;
	position: absolute;
	left: 66px; top: 125px;
	background: url('../images/competition-i_have_read.png') no-repeat;
	text-indent: -9999em;
}
a.terms-popup {
	display: block;
	position: absolute;
	width: 110px; height: 11px;
	background: url('../images/competition-terms_and_conditions.gif') no-repeat;	
}
a.terms-popup:hover {
	background-position: 0 -11px;
}
form#entry-form label.termsagree a.terms-popup {
	right: 0; top: 0;
}
p#entry-instructions a.terms-popup {
	left: 52px; top: 32px;
}
#thanks h2 {
	left: 558px; top: 211px;
	width: 189px; height: 31px;
	position: absolute;
	background: url('../images/competition-thanks_for_entering_the_competition.png') no-repeat;
	text-indent: -9999em;
}
#thanks img.main-image {
	top: 216px; left: 131px;
	position: absolute;
}
#thanks a.back-button {
	 left: 552px; top: 385px;
}
#thanks p.main-para {
	width: 278px; height: 96px;
	left: 557px; top: 267px;
	position: absolute;
	background: url('../images/competition-thanks_para.png') no-repeat;
	text-indent: -9999em;
}

/* begin styles for custom checkboxes/radio buttons */
	.ui-radio-state-disabled,
	.ui-radio-state-checked-disabled,
	.ui-radio-state-disabled-hover,
	.ui-radio-state-checked-disabled-hover {
		color: #999;
	}
	span.ui-checkbox,
	span.ui-radio {
		display: block;
		float: left;
		width: 23px;
		height: 21px;
		background: url("../images/competition-checkbox.gif") no-repeat 0 0;
	}
	span.ui-helper-hidden,
	.ui-helper-hidden-accessible {
		display: none !important;
	}
	span.ui-radio-state-hover,
	span.ui-checkbox-state-hover {
		background-position: 0 0;
	}
	span.ui-checkbox-state-checked {
		background-position: 0 -21px;
	}
	span.ui-checkbox-state-checked-hover {
		background-position: 0 -21px;
	}
	span.ui-radio-state-checked-disabled-hover,
	span.ui-radio-state-checked-disabled,
	span.ui-radio-state-checked {
		background-position: 0 -21px;
	}
	span.ui-radio-state-checked-hover {
		background-position: 0 -21px;
	}
/* end styles for custom checkboxes/radio buttons */
body#terms-and-conditions {
	background: #141414 url('../images/bg-terms_and_conditions.jpg') fixed;
	color: white;
	padding: 40px 40px 40px 60px;
	line-height: 1.3;
}
body#terms-and-conditions a {
	color: white;
	text-decoration: none;
}
body#terms-and-conditions a:hover {
	text-decoration: underline;
}
body#terms-and-conditions h1 {
	width: 178px; height: 17px;
	position: relative;
	left: -18px;
	background: url('../images/terms_and_conditions-heading.png') no-repeat;
	text-indent: -9999em;
}
body#terms-and-conditions ol.root-list {
	margin: 55px 0 40px;
}
body#terms-and-conditions ol li {
	margin: 0 0 14px;
	padding: 0 0 0 10px;
	list-style-type: decimal;
}
body#terms-and-conditions ol li ol li {
	margin: 0;
	list-style-position: inside;
	list-style-type: none;
	padding: 0;
}
body#terms-and-conditions ol li ol li span {
	width: 30px;
	display: block;
	float: left;
}
body#terms-and-conditions ol li ol li:before {
}


/* London Pub Radio */
/*****************************************************************************************************/

body#london-pub-radio #blackboard {
	background: #dcd8d8 url('../images/bg-london_pub_radio.jpg') no-repeat;
	font-size: 12px;
}
body#london-pub-radio #blackboard #body-content {
	width: 754px;
	height: 370px;
	padding: 146px 0 0 26px;
	margin: 0 auto;
	position: relative;
}
body#london-pub-radio img {
	position: absolute;
	right: 10px;
	top: 119px;
}
body#london-pub-radio a.upload-track {
	width: 166px;
	height: 30px;
	background: url('../images/button-upload_my_track.png') no-repeat;
	display: block;
	text-indent: -9999em;
	overflow: hidden;
	position: absolute;
	bottom: 20px;
}
body#london-pub-radio a:hover.upload-track {
	background-position: 0 -30px;
}
body#london-pub-radio #blackboard h1 {
	background: none;
	height: auto;
	left: auto;
	position: static;
	text-indent: 0;
	top: auto;
	width: auto;
	z-index: auto;
	width: 370px;
	margin: 0 0 8px;
	color: #d70000;
	font-size: 30px;
	line-height: 32px;
}
body#london-pub-radio #blackboard p {
	width: 350px;
	margin: 0 0 7px;
	line-height: 15px;
}
body#london-pub-radio #blackboard p strong {
	color: #d80a0a;
	font-size: 13px;
	line-height: 19px;
	margin-bottom: 3px;
	display: block;
}



body#london-pub-radio-terms {
	background: url("../images/bg-wallpaper-repeat-2.jpg") 6px -58px;
}
body#london-pub-radio-terms #terms #page-content {
	width: 977px;
	padding: 0 0 0 71px;
	margin: 0 auto;
	background: url('../images/bg-london_pub_radio-terms.jpg') no-repeat center top;
	font-size: 11px;
	position: relative;
}
body#london-pub-radio-terms #container h1 {
	padding: 222px 0 0;
	font-size: 30px;
	line-height: 32px;
	color: #d70000;
	margin: 0 0 23px;
}
body#london-pub-radio-terms #container h2 {
	color: #d70000;
	font-weight: bold;
	margin: 0 0 12px;
}
body#london-pub-radio-terms #terms #page-content #intro-text {
	padding: 0 0 0 92px;
	width: 555px;
	font-size: 12px;
}
body#london-pub-radio-terms #terms #page-content #intro-text p {
	margin: 0px 0px 13px;
}
body#london-pub-radio-terms #terms #page-content #intro-text p em {
	color: #d80a0a;
	font-size: 13px;
}
body#london-pub-radio-terms #terms #page-content ol {
	padding: 19px 0 0 92px;
	margin: 0 0 249px;
	width: 817px;
	background: url('../images/bg-london_pub_radio-terms-page.jpg') repeat-y center top;
}
body#london-pub-radio-terms #terms #page-content ol li {
	width: 495px;
}
body#london-pub-radio-terms #terms #page-content ol li li {
	width: auto;
}
body#london-pub-radio-terms #terms #page-content ol ol {
	width: auto;
	padding: 0;
	margin: 0;
	background: 0;
}
body#london-pub-radio-terms #terms #page-content ol li li,
body#london-pub-radio-terms #terms #page-content ol p {
	margin: 0 0 10px;
}
body#london-pub-radio-terms #terms #page-content ol li {
	margin: 0 0 30px;
}
body#london-pub-radio-terms strong {
	font-weight: bold;
}
body#london-pub-radio-terms #terms-footer {
	height: 249px;
	width: 981px;
	background: url('../images/bg-london_pub_radio-terms-footer.png') no-repeat center top;
	position: absolute;
	bottom: -249px;
	left: 36px;
}
body#london-pub-radio-terms #terms #page-content #terms-footer ol {
	width: 611px;
	height: 90px;
	background: url('../images/london_pub_radio-controls.png') no-repeat !important;
	left: 126px;
	top: 32px;
	position: absolute;
	padding: 0 !important;
}
body#london-pub-radio-terms #terms #page-content .agreed ol {
	background-position: 0 -90px !important;
}
body#london-pub-radio-terms #terms #page-content #terms-footer ol h3 {
	display: none;
}
body#london-pub-radio-terms #terms #page-content #terms-footer ol a.agree {
	position: absolute;
	left: 0px;
	top: 33px;
	width: 370px;
	height: 30px;
	text-indent: -9999em;
	overflow: hidden;	
}
body#london-pub-radio-terms #terms #page-content #terms-footer ol a.send-sounds {
	position: absolute;
	left: 405px;
	top: 23px;
	width: 193px;
	height: 47px;
	text-indent: -9999em;
	overflow: hidden;
	cursor: default;
}