﻿/*----- Page Defaults -----*/
html {
	width: 99.99%;
	height: 99.99%;
}

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}
ol,ul {list-style:none;}
caption,th {text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
q:before,q:after{content:'';}
abbr,acronym {border:0;}

/*----- Typography Defaults -----*/
body { font : 12px arial, helvetica, clean, sans-serif ; width:99.99%; height:99.99%; } 
table { font-size : inherit ; font : 100% ; } 
select, input, textarea { font : 99% arial, helvetica, clean, sans-serif ; } 
pre, code { font : 115% monospace ; _font-size : 100% ; } 
body * { line-height : 1.22em ; }
img { border : 0 ; }

a { color:#6E6E6E; text-decoration:none; outline: none;}
a:hover {color:#F59600;}

/*----- Set full screen for flash -----*/
body {
	width: 100%;
	height: 100%;
	background-color: #000;
	text-align: center; /* centre in IE */
	color: #6E6E6E;
}
#site {
	width: 100%;
	height: 99%;
}
.notbold {
    font-weight: normal;
}
#miniAdventures {
	width: 100%;
	height: 100%;
}
#miniAdventures .forward {
	width: 753px;
	margin: 120px auto 0 auto;
}
#miniAdventures .forward h1 {
	width: 753px;
	height: 30px;
	margin-bottom: 36px;
	font-size: 18pt;
	font-weight: bold;
	color: #fff;
	text-indent: -1000em;
	background: url(../images/headings/title_alt.gif) 0 0 no-repeat;
}
#miniAdventures .forward p {
	margin-bottom: 12px;
	color: #fff;
	line-height: 18px;
}
#miniAdventures .forward p a {
	color: #ff9800;
}

/*----- START:Footer -----*/
.footer {
	position: fixed;
	z-index: 20;
	left: 0;
	bottom: 0;
	width: 100%;	
	height: 30px;
	background: url(../images/backgrounds/footer_red.gif) repeat-x ; 
	color: #fff;
	padding: 0;
	min-width: 560px;
    font-size: 8.5pt;
} 
.footer a {
    text-decoration: none;
    color: #fff;
    display: block;
    margin-right: 17px;
    float: left;
}
.footer a:hover {
    color: #fdd126;
}
.copyright {
    float: right;
    margin-top: 9px;
    margin-right: 11px;
    padding-right: 11px;
}
.BottomLineNav {
    float: left;
    margin-top: 9px;
    margin-left: 11px;
}


/* ----- Share Panel ----- */
.share {
	float:right;
	background: url(../images/share/shareicon_small.gif) 0 0 no-repeat !important;
	padding-left:18px;	
	display:block;
}
.share a.ls {
	padding-bottom: 4px;
}
.share .panel {
	position: absolute;
	z-index: 1;
	left: 598px;
	bottom: 26px;
	float: left;
	width: 120px;
	background: #0f0;
	display:none;
}
.share .panel ul {
	float: left;
	width: 120px;
	margin: 0;
	padding: 0;
	list-style: none;
	background: #fff;
}
.share .panel ul li {
	clear: left;
	float: left;
	list-style: none;
	width: 118px;
	margin: 0;
	border: 1px dotted #d2d2d2;
	border-top: none;
	font-size: 0.9em;
	background-color:#fff;
	float:left;
}
.share .panel ul li a {
	display: block;
	padding: 5px 5px 5px 25px;
	background-position: 5px 50%;
	background-repeat: no-repeat;
	color: #666;
}
.share .panel ul li a:hover {
	color: #000;
}
/*.share .panel ul li a.send {
	background-image: url(../images/share/send.gif)
}*/
.share .panel ul li a.facebook {
	background-image: url(../images/share/facebook.gif);
}
.share .panel ul li a.digg {
	background-image: url(../images/share/digg.gif);
}
.share .panel ul li a.reddit {
	background-image: url(../images/share/reddit.gif);
}
.share .panel ul li a.delicious {
	background-image: url(../images/share/delicious.gif);
}
.share .panel ul li a.furl {
	background-image: url(../images/share/furl.gif);
}
.share .panel ul li a.technorati {
	background-image: url(../images/share/technorati.gif);
}
/* ----- End Share Panel ----- */

/*----- END:Footer -----*/



/*----- START:Header -----*/
.header_main {
	position: absolute;
	z-index: 20;
	left: 0;
	top: 0;
	width: 100%;	
	background: url(../images/backgrounds/header_blk.gif) repeat-x ; 
	height: 73px;
	color: #fff;
	padding: 0;
	min-width: 942px;
}
.header_logo {
    float: left;
    width: 217px;
    height: 59px;
    margin-left: 11px;
    display: inline;
}
.header_logo a {
	display: block;
    width: 217px;
    height: 59px;
    text-indent: -1000em;
    background: url(../images/logos/do_more_01.gif) 0 0 no-repeat;
}
.header_logo a:hover {
	background-position: 0 -200px;
}
.top_line_nav {
    float: left;
} 
.top_line_nav a, .top_nav_desc {
    text-decoration: none;
    color: #fff;
    display: block;
    margin-right: 21px;
    float: left;
    font-size: 8pt;
    text-transform: uppercase;
    font-weight: bold;
    font-style: italic;
    margin-left: 0;
    margin-top: 37px;
}
.top_line_nav a.final_nav {
    margin-right: 0;
}
.top_line_nav a:hover {
    color: #ff9602;
}
.top_nav_desc {
    color: #9d9d9d;
    margin-left: 47px;
} 
.top_line_right {
    float: right;
    margin-right: 30px;
    margin-top: 13px;
    color: #c3c3c3;
    font-style:italic;
    font-size: 7.5pt;
    font-weight: bold;
	width: 200px;
}
.top_line_right h2 {
	float: left;
}
.top_line_right ul {
	float: left;
}
.top_line_right ul li {
	float: left;
}
.top_line_links {
	float: left;
} 
.tll_oos {
	float: left;
    margin-top: 4px;
    margin-right: 0px;
	margin-left:20px;
}
.top_line_signin {
	clear: left;
    color: #fff;
    text-transform: uppercase;
    font-size: 8pt;
    margin-top: 5px;
}
.top_line_signin a {
	float: left;
    color: #fff;
    text-decoration: none;
}
.top_line_signin a:hover {
    color: #ff9602;
}
.top_line_signin .si_button {
    float: left;
    margin-left: 12px;
    margin-right: 4px;
   	background: url(../images/Buttons/r_arrow_02.gif) no-repeat 0 0 ; 
   	width: 14px;
   	height: 14px;
}
.top_line_signin .si_button a {
    display: block;
}
.top_line_signin .si_button:hover {
    background-position: 0 -14px;
}
.top_line_signin .si_text {
    float: left;
}

#top-nav-share {
	float: right;
	margin: 15px 30px 0 0;
	display: inline;
}
#top-nav-share h2 {
	float: left;
	margin-right: 6px;
	padding-top: 1px;
    color: #c3c3c3;
    font-style:italic;
    font-size: 7.5pt;
    font-weight: bold;
}
#top-nav-share ul {
	float: right;
}
#top-nav-share ul li {
	float: left;
	margin-left: 4px;
}

#top-nav-profile {
	clear: right;
	float: right;
	margin: 5px 30px 0 0;
	display: inline;
}
#top-nav-profile ul {
	float: right;
}
#top-nav-profile ul li {
	float: left;
	margin-left: 12px;
	display: inline;
}
#top-nav-profile ul li a {
	display: block;
	padding-left: 17px;
   	background: url(../images/Buttons/r_arrow_02.gif) no-repeat 0 0 ; 
    color: #fff;
    text-transform: uppercase;
    font-weight: bold;
    font-style: italic;
    font-size: 8.5pt;
}
#top-nav-profile ul li a:hover {
	background-position: 0 -14px;
	color: #ff9602;
}

/*----- END:Header -----*/

/*----- START:Overlays -----*/
#overlay, #overlay-2 {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 20;
	width: 100%;
	height: 100%;
	background: url(../images/overlays/bg_tile.png) 0 0 repeat !important;
	background: none;
}
#overlay-2 {
	z-index: 21;
}
.overlay {
	position: relative;
	width: 526px;
	margin: 90px auto 0 auto;
	padding: 0;
	text-align: left;
}
.overlay .header {
	position: relative;
	width: 526px;
	height: 28px;
	background: url(../images/overlays/top.png) 0 0 no-repeat !important;
	background-image: url(../images/overlays/top.gif);
}
.overlay .header .close {
	position: absolute;
	top: 3px;
	right: 6px;
	width: 57px;
	height: 22px;
}
.overlay .header .close a {
	display: block;
	width: 57px;
	height: 22px;
	background: url(../images/buttons/overlay_close.png) 0 0 no-repeat !important;
	background-image: url(../images/buttons/overlay_close.gif);
	text-indent: -1000em;
	color: #fff;
}
.overlay .header .close a:hover {
	background-position: 0 -200px !important;
}
.overlay .content {
	float: left;
	width: 478px;
	height: 458px;
	padding: 20px 26px 20px 22px;
	background: url(../images/overlays/bg.png) 0 100% no-repeat !important;
	background-image: url(../images/overlays/bg.gif);
	color: #ccc;
}
.overlay .content .mask {
	width: 463px;
	height: 396px;
	padding-right: 15px;
	overflow-y: scroll;
}
.overlay .content h1 {
	margin-bottom: 12px;
	font-size: 1.8em;
	font-weight: bold;
	font-style: italic;
	color: #fff;
	text-transform: uppercase;
	text-shadow: #000 0px 0px 6px;
}
.overlay .content h1 strong {
	font-size: 1.4em;
	font-weight: bold;
	font-style: italic;
	color: #ffb500;
}
.overlay .content h2 {
	margin-bottom: 12px;
	color: #fff;
	font-size: 1.3em;
	font-weight: bold;
}
.overlay .content p {
	margin-bottom: 12px;
	line-height: 20px;
}
.overlay .content p.intro {
	color: #fff;
	font-size: 1.3em;
	line-height: 23px;
}
.overlay .content ol {
	margin: 0 0 24px 30px;
	list-style: decimal;
}
.overlay .content li {
	margin-bottom: 6px;
	line-height: 20px;
}
.overlay .content p strong, .overlay .content li strong {
	font-weight: bold;
}
.overlay ul.links li {
	float: left;
}
.overlay ul.links li.cancel {
	margin: 6px 0 0 12px;
}

/* ----- Headings ----- */
/* ------------------------------------------------------------ */


/* ----- Forms ---------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------------- */
#overlay table, #content .frame table {
	width: 480px;
	margin-bottom: 6px;
	text-align: left;
}
#content .frame table {
	margin-left: 178px;
	width: 520px;
}
#overlay table th, #overlay table td, #content .frame table th, #content .frame table td {
	padding: 0 12px 9px 0;
	vertical-align: top;
}
#overlay table th, #content .frame table th {
	width: 140px;
	padding-top: 5px;
	text-align: right;
	color: #fff;
	font-weight: bold;
}
#overlay table th strong, #content .frame table th strong, #content .frame table td h3 strong {
	color: #f59600;
}
#overlay table input, #overlay table textarea, #content .frame table input, #content .frame table textarea, .frame table select.address-list {
	float: left;
	width: 240px;
	padding: 3px 4px;
	background: #131313;
	border: 1px solid #f7ce05;
	color: #fff;
}
.frame table select.address-list {
	width: 360px;
}

#overlay table textarea, #content .frame table textarea {
	font: 1em Arial, Helvetica, sans-serif;
}
#overlay table select, #content .frame table select {
	float: left;
	padding: 3px 4px;
	background: #131313;
	border: 1px solid #f7ce05;
	color: #fff;
}
#overlay table input.terms, #content .frame table input.terms, #content .frame .form-row input.terms, #overlay table input.auto, #content .frame table input.auto, #overlay table input.radio, #content .frame table input.radio {
	float: left;
	width: 18px;
	margin-right: 6px;
	padding: 0;
	border: none;
}
#content .frame table #reg-dob-day, #content .frame table #reg-dob-month {
	margin-right: 6px;
}
#content .frame table #reg-dob-day {
	width: 20px;
}
#content .frame table #reg-dob-year {
	width: 40px;
}
#content .frame table #reg-postcode,
#content .frame table #reg-search-postcode {
	width: 60px;
}
#overlay table td label.alt, #content .frame table td label.alt, #content .frame .form-row label {
	float: left;
	display: block;
	width: 226px;
	font-size: 0.917em; /* 12*0.917=11 */
}
#content .frame .form-row label {
	width: auto;
	font-size: 1em;
}
#overlay table td h3, #content .frame table td h3 {
	float: left;
	margin-bottom: 12px;
	font-size: 1.167em; /* 12*1.167=14 */
	font-weight: bold;
}
#content .frame table td ul + h3 {
	margin-top: 18px;
}
#overlay table td p, #content .frame table td p {
	margin-bottom: 6px;
	line-height: 18px;
}
#content .frame table td ul li {
	margin: 0 0 6px 0;
	padding: 0;
	background: none !important;
	line-height: 1em;
}
#content .frame table td ul li label {
	font-size: 0.857em; /* 14*0.857=12 */
}
#overlay p.form-items, #content .frame table p.form-items {
	margin-bottom: 18px;
	color: #fff;	
}
#overlay p.form-items input, #content .frame table p.form-items input {
	width: auto;
	margin-left: 6px;
}  
/*----- END:Overlays -----*/  

.form_process {
	margin-top:0px;
	width: 720px;
    margin-left: auto;
    margin-right: auto;
   	/*background: url(../images/backgrounds/stormy_night.jpg) no-repeat;*/
   	min-height: 507px;
   	padding-top: 36px;
}
body  {
    background: #000 url(../images/backgrounds/stormy_night.jpg) center top no-repeat ; 
}

.form_process h1 {
    font-size: 22pt;
    font-weight: bold;
    text-transform: uppercase;
    font-style: italic;
    color: #fff;
} 
.form_process h1 img {
    position: relative;
    top: 3px;
}
.form_content {
    margin-top: 73px;
}
.process_body {
    width: 444px;
    margin-left: auto;
    margin-right: auto;
}
.process_body p {
    color: #c2c2c0;
    line-height: 13pt;
}
.progress_bar {
    margin-top: 16px;
    margin-bottom: 16px;
    margin-left: auto;
    margin-right: auto;
}
.form_process h2 {
    font-size: 13.5pt;
    font-weight: bold;
    text-transform: uppercase;
    font-style: italic;
    color: #fff;
} 
.formfield {
    margin-top: 12px;
    color: #fff;
}
.formfield label {
    margin-right: 17px;
}
.formfield input.promcode, .formfield input.postcode {
    height: 17px;
    padding-top: 3px;
    padding-left: 3px;
    background-color: #000000;
    color: #fff;
    border: 1px solid #ff9700;
    font-size: 9pt;
    font-weight: bold;
    width: 130px;
}
#voucherCodeForm .formfield span.ok, #postCodeForm .formfield span.ok {
	float: right;
	margin: 0 200px 0 -221px;
}
.promcode_ok {
    position: relative;
    left: 5px;
    top: 5px;
    visibility: hidden;
}
/*
span.ok {
    position: relative;
    left: 5px;
    top: 5px;
    width: 21px;
    height: 20px;
    background: url(../images/icons/orange_tick.gif) 0 0 no-repeat;
 }
 */
.promcode_rule {
    width: 550px;
    margin-left: auto;
    margin-right: auto;
    border-top: 1px solid #4e5760;
    margin-top: 43px;
    text-align: right;
    padding-top: 7px;
}
.promcode_rule.alt, .process2 .promcode_rule.alt {
	margin-bottom: 0;
	padding-bottom: 30px;
}
.promcode_rule h2 {
    width: 92%;
    float: left;
    margin-top: 7px;
}
.promcode_rule h2 a {
    color: #fff;
}
.promcode_rule h2 a:hover {color:#F59600;}
.continue_button {
    float: right;
    background: url(../images/Buttons/continue_arrow.gif) no-repeat 0 0 ; 
   	width: 33px;
   	height: 33px;
}
.continue_button {
   	text-indent: -9999em;
   	display: inline-block;
}
.continue_button:hover {
    background-position: 0 -33px;
}
.rule_700 {
    width: 700px;
    border-bottom: 1px solid #4e5760;
    margin-left: auto;
    margin-right: auto;
    text-align: left;
    padding-bottom: 6px;
    margin-top: 5px;
}
.rule_700 h3 {
    font-size: 11pt;
    font-weight: bold;
    text-transform: none;
    font-style: italic;
    color: #fff;
}
.box_700 {
    width: 700px;
    margin-left: auto;
    margin-right: auto;
    text-align: left;
    padding-top: 5px;
} 
.box_700 p {
    font-weight: bold;
    font-size: 9pt;
    color: #ccc;
} 
.box_715 { 
    width: 715px;
    margin-left: auto;
    margin-right: auto;
    text-align: left;
    padding-top: 7px;
    height: 200px;
}
.box_715 .img_cont {
    position: relative;
    display: inline;
    width: 142px;
    height: 94px;
    float: left;
}


.box_715 img {
    border: 1px solid #b0b2b1;
    position: absolute;
    top: 0;
    left: 0;
}
.box_715 .img_border {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 134px;
    height: 84px;
    border: 3px solid #f69802;
    display:none;
    color: #fff;
    font-weight: bold;
    font-size: 8.5pt;
}
.box_715 a {
    display: block;
}
.box_715 .img_border div {
    margin-top: 52px;
    padding-left: 3px;
    background: transparent url(../images/backgrounds/trans_70.png) repeat ; 
    padding-bottom: 3px;
}
.selected_prize, .prize_terms {
    text-align: left;
    width: 700px;
    margin-left: auto;
    margin-right: auto;
}

.selected_prize h3 {
    font-size: 10pt;
    font-weight: bold;
    text-transform: none;
    font-style: italic;
    color: #fff;
}
.selected_prize h3 em{
    color: #f69802;
    font-style: italic;
    font-weight: bold;
}
.selected_prize p {
    margin-left: 10px;
    margin-top: 5px;
    margin-bottom: 12px;
    color: #b8b8b8;
    font-size: 8pt;
}
.prize_terms { 
    width: 680px;
    display: none;
}
.prize_terms h4 {
    font-size: 8.5pt;
    font-weight: bold;
    text-transform: none;
    font-style: normal;
    color: #b7b7b7;
}
.prize_terms p {
    margin-top: 0;
    color: #b8b8b8;
    font-size: 8.5pt;
    font-weight: normal;
}
.prize_terms a {
    color: #f69802;
    text-decoration: underline;
}
.process2 .promcode_rule {
    width: 700px;
    margin-top: 30px;
    display: none;
    margin-bottom: 40px;
    padding-bottom: 80px;
}
.process2 .promcode_rule {
    display: none;
}
.process2 a.terms:hover {
    color: #fff;
}
.box_520 {
    width: 520px;
    margin-left: auto;
    margin-right: auto;
    text-align: left;
    margin-top: 17px;
}
.box_227 {
    float: left;
    width: 227px;
    height: 211px;
    margin-left: 30px;
}
.brdr_r {
    border-right: 1px solid #3b464a;
}

.process3 {
    font-size: 8.5pt;
    text-transform: none;
    color: #fff;
    font-style: italic;
    font-weight: bold;
}
.process3 h4 {
    font-size: 10pt;
    text-transform: none;
    color: #fff;
    font-style: italic;
    font-weight: bold;    
    margin-bottom: 20px;
}
.process3 h5 {
    font-size: 9pt;
    font-weight: bold;
    line-height: 1.6em;
}
.process3 .box_227 p {
    font-size: 8.5pt;
    font-weight:normal;
    font-style: normal;
    color: #c2c2c2;
}
.process3 input {
    height: 17px;
    padding-top: 3px;
    padding-left: 3px;
    background-color: #000000;
    color: #fff;
    border: 1px solid #ff9700;
    font-size: 9pt;
    font-weight: bold;
    width: 200px;
    margin: 9px 0 11px 0;
}
.process3 .signin_button {
    margin-left: 0px;
   	background: url(../images/Buttons/sign_in.gif) no-repeat 0 0 ; 
   	width: 85px;
   	height: 24px;
   	display: block;
}
.process3 .signin_button a {
    display: block;
}
.process3 .signin_button:hover {
    background-position: 0 -24px;
}
.process3 .register_button {
    margin-left: 0px;
   	background: url(../images/Buttons/register.gif) no-repeat 0 0 ; 
   	width: 85px;
   	height: 24px;
   	margin-top: 18px;
   	display: block;
}
.process3 .register_button a {
    display: block;
}
.process3 .register_button:hover {
    background-position: 0 -24px;
}
.process3 a.forgot_button {
    color: #f69802;
    text-decoration: underline;
    font-style: normal;
    font-size: 7.5pt; 
    font-weight: normal;   
}
.process3 .signin_div {
    margin-bottom: 10px;
}
.process3 a.forgot_button:hover {
    color: #fff;
}

.process4 .rule_700 {
    margin-bottom: 16px;
}
.form-container {
    width: 860px;
    margin-left: auto;
    margin-right: auto;
}
p.ni-check {
	clear: both;
	padding-top: 18px;
	font-size: 8.5pt;
}

/*=================================================== Register Details Page ==========================================================*/
#profile_logon {
    font-size: 9.5pt;
}
  
.ShowLeft {
    width: 85%; 
    float: left;
}
.ShowRight {
    width: 15%; 
    float: right; 
    text-align: right;
}
p.dark{
    color: #ccc;
}

#profile_logon table.RegForm {
	margin: 0 0 12px 0;
	font-weight: normal;
	font-size: 8.5pt;
}
#profile_logon table.RegForm th {
	width: 312px;
	padding: 7px 12px 0 0;
	vertical-align: top;
	text-align: right;
	line-height: 1.4em;
	color: #fff;
	font-size: 8.5pt;
}
#profile_logon table.RegForm td {
	width: 585px;
	padding: 3px 0;
	vertical-align: top;
	line-height: 1.4em;
}
#profile_logon table.RegForm .cnt {
	position: relative;
	display: block;
	float: right;
}
#profile_logon em {
	font-style: normal;
	font-weight: bold;
	color: #FF9700; 
}

#profile_logon td input {
    height: 17px;
    background-color: #000000;
    color: #fff;
    border: 1px solid #ff9700;
}
#profile_logon td select {
 background-color: #000000; 
 color: #fff; 
}
.field-opts a {
    text-decoration: underline;
    font-size: 0.9em;
}

.NotificationLeft {
    float: left;
    width: 5px;
    height: 29px;
	background-image: url('../Images/Chrome/bkgNotificationLeft.gif');
	background-repeat: no-repeat;
}
.NotificationRight {
    float: right;
    width: 5px;
    height: 29px;
	background-image: url('../Images/Chrome/bkgNotificationRight.gif');
	background-repeat: no-repeat;
}
.NotificationCenter {
    float: left;
    width: 892px;
    height: 29px;
 	background-image: url('../Images/Chrome/bkgNotificationCenter.gif');
	background-repeat: repeat-x;
	text-align: center;
	color: #fff;
	font-size: 0.83em;
	line-height: 29px;
}   

.navPrivacy {
    color: #FF9700;
    font-size: 9pt;
    font-family: Helvetica, Arial, Sans-Serif;
    font-style: normal;
    font-weight: normal;
    text-decoration: underline;
    line-height: 1.2em;
    font-size: .95em;
}
.smallerText {
    font-size: 0.9em;
}
.largerText {
    font-size: 1.1em;
}
.FullRow {
    width: 100%;
    text-align: center;
}
/*=================================================== Stylised Select Boxes ==========================================================*/
.ddn {    
	background-image: url('../Images/Icons/ddl_button.gif');
	background-position: right center;
	background-repeat: no-repeat;
	border: solid 1px #FF9700;
	height: 15px;
	padding: 1px;
	padding-right: 0px; 
	padding-left: 5px;
	color: #fff;
	text-align: left;
}
.ddnMulti {    
    display: none;
}
.ddn-container {
    border: solid 1px #FF9700;
    border-top: none; 
    position: absolute; 
    background-color: #000;
    color: #fff;
    z-index: 10;
}
.ddn-containerMulti {
    float: left;
    width: 400px;
    height: 170px;
    border: solid 1px #FF9700;
    background-color: #000;
    color: #fff;
    overflow: auto;
    font-size: 0.8em;
    scrollbar-base-color:#FF9700;
}

.ddn-item {
	padding: 2px;
	padding-left: 5px;
	padding-right: 20px;
	text-align: left;
}
.ddn-item-hover {
    background-color: #FF9700; 
    color: #000;
}
#ShowHideAddressList {
    display: none;
}

/*===================================================  ==========================================================*/
#UnknownPostcode, #NoPostcode {
    float: left;
    margin-left: 10px;
}

.hide {
    display: none;
}
/* ----- Form Elements ----- */
/* ------------------------------------------------------------ */

#profile_logon table.RegForm td {
    text-align: left;
}

#profile_logon table.RegForm td input, table.RegForm td select {
	width: 240px;
}
#profile_logon table.RegForm td textarea {
	width: 244px;
	font: 0.917em Verdana, sans-serif; 
}
#profile_logon table.RegForm td input.auto,
#profile_logon table.RegForm td span.auto input /* for ASP.NET CheckBox's */ {
	width: auto;
	border: none;
}
#profile_logon table.RegForm td input.date {
	width: 26px;
}
#profile_logon table.RegForm td select.month, #profile_logon table.RegForm td select.title, #profile_logon table.RegForm td select.gender, #profile_logon table.RegForm td input.date_input, #profile_logon table.RegForm td input.short {
	width: 120px;
}
#profile_logon table.RegForm td input.postcode {
    width: 100px;
}
#profile_logon table.RegForm td input.year {
	width: 50px;
}
#profile_logon table.RegForm td input.state {
	width: 112px;
}
#profile_logon table.RegForm .loader {
	float: left;
	display: none;
	width: 16px;
	height: 16px;
	margin-top: 10px;
	background: url(../images/icons/loader.gif) 0 0 no-repeat;
}
#profile_logon table.RegForm p.note {
	clear: left;
	margin-left: 2px;
	font-size: 0.917em; 
}
#profile_logon table.radio td input {
	width: auto;
	border: none;
	margin: 0 6px 0 0;
}

/* ----- Password Strength Indicator ----- */
/* ------------------------------------------------------------ */
#profile_logon .password-strength-result {
	clear: left;
	float: left;
	width: 197px;
	height: 10px;
	margin: 4px 0 0 2px;
	background: url(../images/icons/password_strength.gif) 0 0 no-repeat;
}
#profile_logon .password-strength-result.weak {
	background-position: 0 -20px;
}
#profile_logon .password-strength-result.average {
	background-position: 0 -40px;
}
#profile_logon .password-strength-result.strong {
	background-position: 0 -60px;
}
#profile_logon table.RegForm p.strength {
	float: left;
	margin-top: 0px;
	color: #ccc;
}
#profile_logon  table.RegForm p.back, p.back {
	display: block;
	margin-top: 0;
	text-decoration: underline;
    font-size: 0.9em;
}
#profile_logon  table.RegForm p.back a, p.back a {
	display: block;
	margin-top: 3px;
	text-decoration: underline;
}


div.FormBlock span.input {
	float: left;
	display: block;
	padding: 2px 20px 2px 2px;
	margin: 0;
}
div.process1 span.input {
	padding: 7px 20px 7px 2px;
	margin: 0;
}
div.process1 p.warning {
    display: inline;
    position: absolute;
    top: 9px;
    margin-left: 9px;
}
div.process1 div.formfield {
    position: relative;
}

div.FormBlock span.input2 {
	float: left;
	display: block;
	padding: 2px 2px 2px 2px;
	margin: 0;
	margin-right: 5px;
}
div.FormBlock p.warning {
	float: right;
	width: 290px;
	margin: 6px 0 0 0;
	padding: 0;
	font-size: 0.917em; 
	font-weight: bold;
	line-height: 1em;
	color: #f00;
	background: none;
}
div.FormBlock div.ChoiceOfDrinkCheckList p.warning {
    width: 190px;
}
div.ChoiceOfDrinkCheckList {
    float: left;
    margin-bottom: 10px;
}

div.FormBlock span.warning,
div.process1 span.warning {
	background: #f00 url("../Images/Icons/exclamation_warning_small.gif") 100% 50% no-repeat;
}
.box_520 p.warning {
	margin: 0 0 12px 30px;
	padding: 4px 5px;
	background: #f00 url("../Images/Icons/exclamation_warning_small.gif") 100% 50% no-repeat;
	color: #fff;
	font-weight: bold;
}
.box_520 p.success {
	margin: 0 0 12px 30px;
	padding-left: 18px;
	background: url("../Images/Icons/tick_success_small.gif") 0 50% no-repeat;
	color: #fff;
	font-weight: bold;
}
div.FormBlock span.ok {
	display: block;
	float: left;
	width: 21px;
	height: 21px;
	margin: 7px 0 0 -15px;
	background: url("../Images/Icons/tick_success_small.gif") 100% 50% no-repeat;
}
div.process1 span.ok {
	display: block;
	width: 21px;
	height: 21px;
	margin: 7px 0 0 -15px;
	background: url("../Images/Icons/tick_success_small.gif") 100% 50% no-repeat;
}
.cnt {
	position: relative;
	display: block;
	float: right;
}
.clear {
    clear: both;
}
p.hint {
	display: none;
	position: absolute;
	top: -6px;
	right: 0;
	z-index: 5;
	width: 300px;
	margin: 2px 0 0 -2px;
	padding: 5px;
	font-size: 9pt;
	font-weight: normal;
	line-height: 1.5em;
	background: #0b0b0b;
	color: #979797;
}
p.hint span {
	display: block;
	width: 280px;
	padding-left: 10px;
	padding-bottom: 10px;
	background: url(../Images/Chrome/arrow_left_orange_small.gif) 0 6px no-repeat;
}
.loader {
	float: left;
	display: none;
	width: 16px;
	height: 16px;
	margin-top: 5px;
	margin-left: 20px;
	background: url("../Images/icons/loader.gif") 0 0 no-repeat;
}
.loader-alt {
	float: left;
	width: 16px;
	height: 16px;
	margin-top: 8px;
	margin-left: 20px;
	background: url("../Images/icons/loader.gif") 0 0 no-repeat;
}
.FormErrorMessage {
    display: none;
    clear: both;
    float: left;
    width: 100%;
    text-align: left;
	margin: 11px 0 13px 0;
	padding: 0;
	font-size: 0.917em; 
	font-weight: bold;
	line-height: 1.2em;
	color: #f00;
	background-color: #3e160f;
	min-height: 33px;
} 
.ErrorIcon {
    float: left;
    width: 21px;
    height: 20px;
	background: url("../Images/icons/icnErrorAlert.gif") 0 0 no-repeat;
	margin: 6px 7px 7px 9px;
}
.FormSuccessMessage {
    display: none;
    float: left;
    width: 100%;
    text-align: left;
	margin: 11px 0 13px 0;
	padding: 0;
	font-size: 0.917em; 
	font-weight: bold;
	line-height: 1.2em;
	color: #fff;
	background-color: #16220f;
	min-height: 33px;
} 
.SuccessIcon {
    float: left;
    width: 21px;
    height: 20px;
	background: url("../Images/icons/tick_success_small.gif") 0 0 no-repeat;
	margin: 6px 7px 7px 9px;
}
.passwordRow {
    display: none;
    margin-top: 5px;
}
.Requirements {
    display: none;
}
.forgot-password {
    display: none;
    padding-top: 7px;
    color: #FF9700;
    font-size: 9pt;
    font-family: Helvetica, Arial, Sans-Serif;
    font-style: normal;
    font-weight: normal;
    text-decoration: underline;
    line-height: 1.2em
}

.btnNav_FindAddress {
	float: left;
	width: 96px; 
	height: 22px;
	overflow: hidden;
	margin: 0;
	margin-left: 0;
}
.btnNav_FindAddress a {
	display: block;
	margin: 0; 
	padding:0;
	width:100%; 
	height:100%;
	background: url( "../Images/Buttons/navFindAddress.gif" ) 0 0 no-repeat;
	width: 96px; 
	height: 22px;
}
.btnNav_FindAddress a:hover {
	background-position: 0 -22px;
}

.process2 div.prizedetail p b {
    color: #fff;
}
div.process4 {
    margin-bottom: 50px;
}
div.process4 input.auto,
div.process4 span.auto input /* for ASP.NET CheckBox's */ {
    display: block;
    float: left;
    margin-top: -2px;
    margin-right: 6px;
}
div.process4 div.checkboxbox {
    float: left; 
    clear: both;
    color: #fff;
    margin: 4px 0 0 4px;
}
div.process4 .AgreeTerms {
    color: #fff;
}
div.process4 .AgreeTerms a {
    color: #fff;
    text-decoration: underline;
}
.process4 .confirm_button {
    margin-left: 0px;
   	background: url(../images/Buttons/confirm_entry.gif) no-repeat 0 0 ; 
   	width: 121px;
   	height: 24px;
   	margin-top: 18px;
   	display: block;
   	margin-bottom: 50px;
   	margin-right: 10px;
   	float: left;
   	text-indent: -1000em;
}
.process4 .confirm_button a {
    display: block;
}
.process4 .confirm_button:hover {
    background-position: 0 -24px;
}

.process4 .cancel_button {
    margin-left: 0px;
   	background: url(../images/Buttons/cancel.gif) no-repeat 0 0 ; 
   	width: 121px;
   	height: 24px;
   	margin-top: 18px;
   	display: block;
   	margin-bottom: 50px;
   	float: left;
}
.process4 .cancel_button a {
    display: block;
}
.process4 .cancel_button:hover {
    background-position: 0 -24px;
}

/* ----- Profile ----- */
/* ------------------------------------------------------------ */
.profile {
	text-align: left;
}
.profile-group {
	margin-bottom: 18px;
	padding-bottom: 6px;
	border-bottom: 1px solid #464646;
}
.profile h1 {
	margin-bottom: 0;
	font-size: 2.4em;
	font-weight: bold;
	font-style: italic;
	color: #fff;
	text-transform: uppercase;
	text-shadow: #000 0px 0px 6px;
}
.profile h2 {
	margin-bottom: 12px;
	font-size: 1.2em;
	font-weight: bold;
	text-transform: none;
}
.profile p {
	margin-bottom: 12px;
}
.profile p.intro {
	margin-bottom: 24px;
}
.profile p.keyline {
	margin-bottom: 18px;
	padding-bottom: 6px;
	border-bottom: 1px solid #464646;
	color: #6E6E6E;
	font-size: 1em;
	font-style: italic;
	font-weight: bold;
}
.profile p.keyline strong {
	color: #fff;
	font-size: 1.3em;
	font-style: italic;
	font-weight: bold;
}
table.profile-summary {
	width: 100%;
	margin-bottom: 12px;
}
table.profile-summary th, table.profile-summary td {
	padding-bottom: 6px;
	text-align: left;
}
table.profile-summary th {
	width: 120px;
	color: #fff;
	font-weight: bold;
}
.profile p a {
	text-decoration: underline;
}
.profile-group .edit {
	float: right;
}
.profile-group .edit a {
	display: block;
	width: 71px;
	height: 24px;
	background: url(../images/buttons/edit.png) 0 0 no-repeat !important;
	background-image: url(../images/buttons/edit.gif);
	text-indent: -1000em;
}
.profile-group .edit a:hover {
	background-position: 0 -200px !important;
}
.profile-group a.save, .profile-group a.cancel {
	display: block;
	width: 91px;
	height: 24px;
	background: url(../images/buttons/save.png) 0 0 no-repeat !important;
	background-image: url(../images/buttons/save.gif);
	text-indent: -1000em;
}
.profile-group a.cancel {
	background-image: url(../images/buttons/cancel_2.png) !important;
	background-image: url(../images/buttons/cancel_2.gif);
}
.profile-group a.save:hover, .profile-group a.cancel:hover {
	background-position: 0 -200px !important;
}
.profile-group ul {
	margin: 10px 0;
}
.profile-group ul li {
	margin-bottom: 3px;
}
.profile-group ul.nav {
	margin: 5px 0 0 0;
}
.profile-group ul.nav li {
	float: left;
	margin-right: 15px;
}
.profile-group input {
	width: 300px;
}
.profile-group input.day {
	width: 30px;
}
.profile-group input.year, .profile-group input.postcode {
	width: 60px;
}
.profile-group input.checkbox, .profile-group .checkbox input, .profile-group .radio input {
	width: auto;
	margin-right: 6px;
}

/* ----- START:ReCaptcha ----- */
/* ------------------------------------------------------------ */
#recaptcha_table {
    border: none !important;
    width: 302px !important;
    height: 57px !important;
}
#recaptcha_switch_audio_btn, #recaptcha_whatsthis_btn, #recaptcha_logo {
    display: none !important;
}
table.recaptchatable .recaptcha_image_cell {
    padding: 0 !important;
    width: 302px !important;
    height: 57px !important;
}
table.recaptchatable #recaptcha_image {
    border: none !important;
}
#recaptcha_reload_btn {
    display: block;
    margin-left: 10px;
}
/* ----- END:ReCaptcha ----- */
/* ------------------------------------------------------------ */

/* ----- START:Contact Us Popup ----- */
/* ------------------------------------------------------------ */
#overlay table input.terms {
    border:medium none;
    float:left;
    margin-right:6px;
    padding:0;
    width:18px;
}
a.send {
	background-image: url(../images/buttons/send.png) !important;
	background-image: url(../images/buttons/send.gif);
}
a.pill {
	display: block;
	width: 124px;
	height: 32px;
	background-position: 0 0;
	background-repeat: no-repeat;
	text-indent: -1000em;
}
a.pill:hover {
	background-position: 0 -200px;
	cursor: pointer;
}
a.pill.disabled {
	background-position: 0 -400px;
}
/* ----- END:Contact Us Popup ----- */
/* ------------------------------------------------------------ */

/* ----- Generic Form Elements ------------------------------------------------------------ */
/* ---------------------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------------- */
span.ok, span.error {
	display: block;
	float: left;
	width: 21px;
	height: 21px;
	background: url(../images/icons/tick_disc.png) 0 0 no-repeat !important;
	background-image: url(../images/icons/tick_disc.gif);
}
span.error {
	margin-left: 6px;
	background: url(../images/icons/cross_disc.png) 0 0 no-repeat !important;
	background-image: url(../images/icons/cross_disc.gif);
}
p.server-error {
	clear: both;
	padding: 2px 0 6px 26px;
	background: url(../images/icons/cross_disc.png) 0 0 no-repeat !important;
	background-image: url(../images/icons/cross_disc.gif);
	color: #f00;
	font-weight: bold;
}
#content .frame p.server-error, #signin-panel .frame p.server-error {
	margin-bottom: 12px;
}

/* ----- Share This Button (no longer used) ----------------------------------------------- */
/* ---------------------------------------------------------------------------------------- */
#sharethis_0 .stbuttontext {
    line-height:13px;
}
#stwrapper {
	margin: 48px 0 0 -104px;
}
#stwrapper iframe {
	height: 228px;
}
