body { background:#000000; color:#ffffff; margin:0; }

#siteContainer{ width:865px; position:absolute; left:50%; margin-left:-431px;}
	#siteHeader{ float:left; margin:68px 0 31px; width:100%; }
    	#branding{ background:transparent url('../img/logo_bt.gif') no-repeat top left; float:left; width:226px; height:30px; position:relative; z-index:5; }
    #siteBody{ clear:both; position:relative; }
    	#contentArea{  float:left; clear:both; }
        	#visual{ background:transparent url('../img/bg_othercountries.jpg') no-repeat top right; width:865px; height:227px; float:left; }
        	#flash{ width:860px; height:400px; padding-left:5px; float:left; }
        	#content { padding:0 0 0 23px; width:842px; float:left;}
        	body#otherCountries #content{ background:transparent url('../img/bg_bt.jpg') no-repeat top right; }
        	body#TermsOfUse #content {padding:0 23px; width:819px; border-top:1px solid #333333;}
                .contentIntro{ margin-bottom:30px; padding-top:20px; width:523px; }
                .contentWide{ padding-top:20px; }
                .contentBox{ padding:20px 22px; width:477px; }
                #ThankYouMsg.contentBox{ background:transparent url('../img/bg_bt_thanks.jpg') no-repeat left bottom; height:470px; padding-top:40px; text-align:center; }	
    #siteFooter{ float:left; margin-top:40px; }
    	#footerLinks{ width:657px; height:47px; float:left; }
        #footerBranding{ width:208px; float:left; }

/************ Typography **********************/
body, form, input, select, textarea, ul {color:#ffffff; font:normal normal 11px/1.5 Tahoma,Arial,Helvetica,sans-serif;}
p, h1, h2, h3, h4, h5, h6 {margin:0;}
h1 {color:#ffcc00; font-size:12px; font-weight:bold; margin-bottom:20px;}
h2 {line-height:30px; text-indent:-9999px;}
h3 {font-weight:bold; font-size:12px; margin:0;}
h4 {font-weight:bold; font-size:11px;}
body#TermsOfUse h1 {font-size:18px;}
body#TermsOfUse p, body#TermsOfUse ul, body#ageCheck p {font-size:12px; margin-bottom:20px;}
a:link, a:visited {color:#ffffff; font-size:11px; font-weight:bold; text-decoration:underline;}
a:hover, a:active {color:#ffcc00;}
#footerLinks a:link, #footerLinks a:visited {font-weight:normal;}
.errorText, body#otherCountries ul {color:#ff0000;}
/************ END Typography ******************/

/************ Borders & Forms **********************/
.border {border:1px solid #333333;}
.borderTop {border-top:1px solid #333333;}
.borderBottom { border-bottom:1px solid #333333;}
form .formField {background:#333333; border:1px solid #666666; height:19px; color:#787878;/*initial form values for focus_blur.js*/}
form .input338p1, form .input338p2 {width:338px;}/*these goes with focus_blur.js - sets init.values in input field*/
form .input338p2, form .input247p2, form .input218p2, form .input86p2, form .input35p2 {color:#ffffff;}/*this goes with focus_blur.js - sets text color in input field*/
form .input247p1, form .input247p2 {width:247px;}/*this goes with focus_blur.js - sets init.values in input field*/
form .input218p1, form .input218p2 {width:218px;}/*this goes with focus_blur.js - sets init.values in input field*/
form .input86p1, form .input86p2 {width:86px;}/*this goes with focus_blur.js - sets init.values in input field*/
form .input35p1, form .input35p2 {width:35px;}/*this goes with focus_blur.js - sets init.values in input field*/
.inputtext {color:#ffffff !important;}
form span.fixed {display:inline-block; padding-left:2px;}
fieldset {border:none; margin:15px 0px; padding:0;}
fieldset div {margin-bottom:10px;}
legend {display:none;}
label.contact {display:inline-block; width:125px; line-height:250%; margin-right:5px; float:left; clear:left;}
.radio {margin-right:5px;}
form textarea#comments {height:100px; overflow:auto;}
body#ageCheck form {background:#000000; display:inline; border:1px solid #9f8300; width:672px; height:143px; float:left; margin:80px 0 0 89px;}
body#ageCheck form .pad {padding:25px 25px; float:left; width:622px;}
body#ageCheck form select {width:90px;}
/************ END Borders & Forms ******************/

/************ Buttons **********************/
input.btnSend {display:block; float:right; width:107px; height:22px; text-indent:-9999px;}
body#ageCheck input.btnSend {margin-top:-20px;}
a:link.btnSend, a:visited.btnSend {background:transparent url('../img/send_link.jpg') no-repeat top left;}
a:hover.btnSend, a:active.btnSend {background:transparent url('../img/send_hover.jpg') no-repeat top left;}
/************ END Buttons ******************/

/************ Lists **********************/
ul {margin:0 0 20px; list-style:disc outside; padding:0 0 0 20px;}
/************ END Lists ******************/

/************ Footer **********************/
#siteFooter img {border:none; float:left;}
#footerLinks span {display:inline-block; margin:12px 10px;}
/************ END Footer ******************/

p small {float:left; margin-top:6px;}
* {outline:none;}
.submit {margin-top:15px;}
.ageCheckBG {background:transparent url('../img/bg_agecheck.jpg') no-repeat right top;}
.clear {overflow:hidden; width:100%; /* generic container (i.e. div) for floating buttons */}