* {margin:0; padding:0; border:0;}
ul {list-style:none;}
body {background: #fde92b url(images/background.gif) no-repeat center top; font:62.5% Verdana, Arial, sans-serif;}
#container {margin:0 auto 0 auto; width:774px; font-size:1.1em;}
#container[id] {}
#header {position:relative;}
#content {padding-bottom:5px; width:100%; margin-top:-5px; float:left; display:inline; background:url(images/ContentBg.gif) repeat-y; min-height:450px;}
#home #content {width:100%; margin-left:0; margin-top:-5px; padding-top:10px;}
#content h2 {margin-bottom:5px;}
#content h3 {font-size:1.0em;}
#content p {margin-bottom:15px;}
#content ol {margin-bottom:15px; margin-left:23px;}
#content ul { list-style:disc inside; }
#content li { margin: .5em 0 .5em 0; }
.clear {
	clear:both;
	width:100%;
}

#BBCLogo {
	float:left;
	margin:0 15px;
}

#BBCLogoTop {
	position:absolute;
	left:25px;
}

#InnerWrapper {
	padding-left:20px;
	width:740px;
	padding-top:10px;
}

/** Subscribe page **/
#subscribe {width:357px; background:url(images/subscribeCol_bg.gif); float:left; overflow:hidden; margin-bottom:15px;}
#subscribe p {width:100%;}
#subscribe label {width:94px;}
#subscribe p, #subscribe label {margin-left:16px; float:left; display:inline;}
#subscribe select, #subscribe input {border:1px solid #ccc; width:229px; float:left; /*margin-bottom:5px; margin-right:15px;*/}
#subscribe select {width:231px;}
#subscribe .formItem {float:left; margin-bottom:5px;}
#subscribe #confirm_label {margin-bottom:8px;}
#MainFooter {background:#FEF38B url(images/MainFooterBG.gif) no-repeat scroll 0 0;margin:10px auto 0;padding:0 0 25px;position:relative;width:766px;}

#MainFooter div p {margin:0 0 10px 0; color:#666138;}
#MainFooter div strong {margin:0 0 10px 0; color:#000000;}
#subscribe #emailInfo {float:left; margin-bottom:10px;}
#subscribe #emailInfo p {width:94px;}
#subscribe #emailInfo input {float:none; display:inline; margin:0; width:auto; border:0;}
#subscribe #emailInfo label {float:none; display:inline; margin:0; margin-left:10px;}
#subscribe #emailInfo #html_text {margin-left:26px;}
#subscribe #emailInfo #fields {float:right; width:231px; margin-right:15px; display:inline;}

#subscribe #under18 {clear:both; margin-bottom:15px; float:left; width:100%;}
#subscribe #under18 input {float:left; width:auto; margin-left:16px; margin-right:0; border:0;}
#subscribe #under18 label {width:295px; margin-left:8px; float:left;}

#subscribe #dateOfBirth {clear:both;}
#subscribe #dateOfBirth p {float:left; width:94px;}
#subscribe #dateOfBirth input {width:45px; float:left; margin-right:10px;}

#subscribe #gender {clear:both; float:left;}
#subscribe #gender p {float:left; width:94px;}
#subscribe #gender input {width:auto; float:left; margin-right:3px; border:0;} 
#subscribe #gender label {margin-left:0; width:auto; margin-right:20px;}

#subscribe #questions {float:left; background:url(images/subscribe_pink_bg.gif); margin:10px 0; padding-top:5px; padding-bottom:8px; position:relative; width:100%;}
#subscribe #questions input {width:326px; margin-left:16px; margin-bottom:5px;}
#subscribe #questions label {width:326px; margin-bottom:5px;}

#subscribe #dataCollection {padding-right:35px; float:left;}
#subscribe #dataCollection input {float:left; margin-left:17px; width:auto; border:0; margin-right:5px;}
#subscribe #dataCollection label {margin-left:0; width:40px;}
#subscribe #dataCollection p {margin-bottom:10px;}

#subscribe #submitBtn {border:0; width:86px; clear:both; float:left; margin:10px 0 10px 14px;}
#privacyPolicy {background:url(images/subscribe_pink_bg.gif); float:left; padding-right:35px; padding-top:10px;}
#privacyPolicy p {margin-bottom:10px; width:322px;}

#yourSettings {width:357px; background:url(images/yrSettingsCol_bg.gif); float:right; margin-bottom:20px;}
#yourSettings p {width:323px; margin-left:20px;}
#yourSettings label {margin-left:20px; float:left;}
#yourSettings input#set_email, #yourSettings input#set_password {border:1px solid #ccc; float:right; width:229px; margin-right:15px; margin-bottom:5px;}
#yourSettings #set_button {clear:both; float:right; margin-right:169px; margin-top:5px;}
#yourSettings #set_email_label {margin-top:2px;}
#yourSettings #set_pass_label {margin-top:10px;}

#newsletterImg {float:right; margin-right:28px;}

/** Home page **/
#coverImage {width:169px; height:225px; background:url(images/magCover_shadow.jpg); margin-left:21px; float:left; display:inline; margin-bottom:13px;}
#coverImage img {position:relative; top:3px; left:4px;}
#sideContent {width:500px; float:right; margin-right:74px; display:inline;}
#emailPromo {clear:both; width:726px; margin-left:24px; padding-bottom:24px; background:#bfd1df url(images/emailPromo_bg.gif) no-repeat left bottom; padding-bottom:11px; position:relative;}
#emailPromo p {width:575px; margin-left:14px;}
#emailPromo .emlPromoBtn {margin-left:14px;}
#emailPromo .newsletterImg {position:absolute; top:-22px; right:0;}

/** Home page - including link to digital edition **/

#digEdNarrow {clear:both; width:357px; float:left; background:#dca0b9 url(images/digiEd_btmBg.gif) no-repeat left bottom; padding-bottom:10px; margin-left:25px; display:inline;}
#digEdNarrow p {margin-left:14px;}
#digEdNarrow .button {margin-left:10px;}

#emailPromoNarrow {float:right; width:357px; background:#bfd1df url(images/emailPromoNarr_btmBg.gif) no-repeat left bottom; padding-bottom:10px; position:relative; display:inline; margin-right:24px;}
#emailPromoNarrow p {margin-left:14px;}
#emailPromoNarrow #newsletterImgNarrow {position:absolute; top:-13px; right:0;}
#emailPromoNarrow .emlPromoBtn {margin-left:13px;}

* html #emailPromoNarrow {position:relative; top:36px;}

/** Contact page **/
#contactImg {float:right; margin: 0 0 20px 20px;}

/** Footer **/
#footer {background: url(images/TOTPFooter.gif) no-repeat; color:#fff; height:35px; width:774px; margin:0 auto; background-repeat:no-repeat; clear:both; display:block;}
#footer[id] {background: url(images/TOTPFooter.gif) no-repeat; height:25px;}
#HelpLinks {margin:0 auto 0 auto; width:774px; color:#000000; padding-left:35px;}
#HelpLinks ul {padding:8px 0 0 0; font-size:1.1em; margin-bottom:25px;}
#HelpLinks ul li {float:left; margin-right:5px;}
#HelpLinks a {color:#000000; font-weight:bold; text-decoration:none;}
#HelpLinks a:hover {color:#000000; text-decoration:underline;}
#footer img {float:right; margin-top:8px; margin-right:25px;}
#copyright {clear:left; color:#7f7d7d; width:774px; margin:0 auto; margin-bottom:20px;}
#copyright p {margin:5px 0 0 4px;}

/** Misc **/
.pink {color:#ec008b;}
.left {float:left;}
.right {float:right;}

a {color:#ed008b; text-decoration:underline; font-weight:bold;}
a:hover {text-decoration:none;}

/* Start bbggSurvey */
#surveyBox {background:#BFD1DF url(images/bbggsurvey_727box_bottom.gif) no-repeat scroll left bottom;
float:left;
padding-bottom:15px;
width:727px;}
#surveyMainImage {float:right;}
#surveyBox #h2Box {float:left; background-color:#ffffff; width:514px; height:34px; padding:0px 0px 0px 16px;}
#surveyBox h3 {float:left; margin:0px;padding:0px;}
#surveyDescription {float:left; padding:18px 15px 18px 15px; width:500px;}
#surveyPrizeImage {float:left; padding-right:10px;}
.surveyHalfBox {float:left; width:340px; margin:0px 0px 0px 15px;display: inline; background: url(images/bbggsurvey_340box_bottom.gif) bottom left no-repeat #E3ECF3;}
.surveyHalfBox h4 {margin:0px; padding:0px;}
.surveyHalfBox p {margin:6px 10px 12px 22px;}
.surveyHalfBox .row {width:340px;float:left; padding:1px 0px 1px 0px;}
.surveyHalfBox .r1 {float:left; padding-left:22px; width:26px;}
.surveyHalfBox .r2 {float:left; width:26px;}
.surveyHalfBox .r3 {float:left; width:26px;}
.surveyHalfBox .r4 {float:left; width:240px; margin-top:1px;}
.surveyHalfBox .colTitle {font-weight:bold; color:#ED018A; font-size:10px;}
.odd {background-color:#E3ECF3;}
.even {background-color:#F0F3F5;}
.topnum {padding-bottom:3px;}
#surveyBox .missedOff {margin-top:12px;}
.missedOff input {width:296px;height:20px; border:solid 1px #CCCCCC;margin-top:3px;}
.surveyFullBox {float:left; width:697px; margin:15px 0px 0px 15px;display: inline; background: url(images/bbggsurvey_698box_bottom.gif) bottom left no-repeat #E3ECF3;}
.sfContents {float:left;padding:15px;}


.formline {float:left; width:667px; }
.formBox288 {float:left; width:288px; height:30px;}
.formBox288 .fieldlabel {float:left; width:82px;}
.formBox288 select, .formBox288 input  {float:left; width:198px; border:solid 1px #CCCCCC;}
.formBox576 {float:left; width:576px; height:30px;}
.formBox576 .fieldlabel {float:left; width:82px;}
.formBox576 select, .formBox576 input  {float:left; width:486px; border:solid 1px #CCCCCC;}
.over18CheckBox {float:left; width:18px;}
.over18Description {float:left; width:550px; margin-bottom:12px;}
.formBoxDOB {float:left; margin-top:10px;}
.formBoxDOB .fieldlabel {float:left; width:100px;}
.formBoxDOB #dobInputd {float:left; margin-right:10px; width:45px; border:solid 1px #CCCCCC;}
.formBoxDOB #dobInputm {float:left; margin-right:10px; width:45px; border:solid 1px #CCCCCC;}
.formBoxDOB #dobInputy {float:left; margin-right:10px; width:60px; border:solid 1px #CCCCCC;}
.formBoxGender {float:left; margin-top:10px; margin-bottom:10px;}
.formBoxGender .fieldlabel {float:left; width:90px;}
.submitButton {float:left;}
.tandcButton {float:right;}
/* End bbggSurvey */

/* Start: Survey Thanks */
#emailPromoPink {width:726px; padding-bottom:24px; background:#DCA0B9 url(images/emailPromo_bg_pink.gif) no-repeat left bottom; padding-bottom:11px; position:relative;}
#emailPromoPink p {width:550px; margin-left:14px;}
#emailPromoPink .emlPromoBtn {margin-left:14px;}
#emailPromoPink .newsletterImgPink {position:absolute; top:-22px; right:0;}

#surveyThanksBlue {width:726px; height:105px; margin-bottom:24px; background:#BFD1DF url(images/survey_thankyou_boxtop_bg.gif) no-repeat left bottom; position:relative;}
#surveyThanksBlue p {width:550px; margin-left:14px; margin-top:12px;}
#surveyThanksBlue .winImage {position:absolute; top:-22px; right:0;}
/* End: Survey Thanks */

/* Start: popup */
body.popup {float:left; background-color:#ffffff; background-image:none; margin:0px;padding:0px;width:550px}
#popupContainer {float:left; background:#ffffff url(images/popup_top.gif) no-repeat left top; padding:142px 24px 24px 24px;}
#popupFooter {float:left; background:#ffffff url(images/popup_bottom.gif) no-repeat left bottom; padding:8px 16px 7px 497px; width:37px; height:17px;}
#popupContainer ul { float:left; list-style:disc outside; padding: 20px 0px 0px 20px;  margin: 0px; }
#popupContainer li { padding:0px; margin-bottom:5px; }
/* End: popup */


.InnerContent .made-by-bbcw {
	clear:none;
	color:#FFFFFF;
	float:left;
	font-weight:bold;
	margin:11px 0 0 15px;
}

.InnerContent .bbcw-more {
	clear:none;
	margin-top:11px;
}

#MainFooter .InnerContent .bbcw-more a{
	color:#000000;
	text-decoration:none;
}

.InnerContent .bbcw-more a:hover, .InnerContent .bbcw-more a:active  {
	text-decoration:underline;
}

.arrowLink {
	background-image:url(images/totparrow1.jpg);
	background-repeat:no-repeat;
	padding:0 0 0 8px;
}

#MainFooter .FooterDescription {
	padding:20px 0 10px 0;
	margin:0;
}

#MainFooter .InnerContent {
	width:670px;
	margin:0;
	padding:13px 0 12px 0;
	float:left;
}

.Terms {
	margin:0;
	line-height:1.8em;
}