/*-------------------------*//* global layout styles *//*---------------------------------*/
/*/////////////////////////////////////////////////////////////////////////////////////////
/////////////////////////////////////////////////////////////////////////////////////////*/

.container{
	width:900px;
	margin:0 auto 20px;
	position:relative;
}
.container:after { content: "."; clear: both; display: block; height: 0; visibility: hidden; }

/*header*/
/*/////////////////////////////////////////////////////////////////////////////////////////
/////////////////////////////////////////////////////////////////////////////////////////*/

#header { padding: 0 0 20px; position: relative; zoom:1; }
.small_header #header { height:190px; }

#countdown { width: 156px; padding: 4px 10px 0; height: 90px; background: url(/images/bg_countdown.png) no-repeat 0 0; position: absolute; top: 0; left: 360px; text-align: center; font-weight: bold; }
#countdown p { margin: 0 0 2px; line-height: 1.1; }
#countdown .end_date { color: #fff; text-shadow: 0 -1px 1px #666; margin: 0; text-indent: -9999px; }
#countdown .hasCountdown { text-indent: 0; }
#countdown .hasCountdown span { font-size: 1.83em; }

#top_bar { color:#fff; background: #020202 url(/images/bg_top_bar.jpg); height: 35px; width: 275px; padding: 14px 0 0 5px; position: absolute; top: 0; right: 0; }
#top_bar div, #top_bar ul { float: left; }
#top_bar a { color: #fff; text-decoration: none; }
#top_bar a:focus, #top_bar a:hover { text-decoration: underline; }

#top_search { background: url(/images/bg_search.png) no-repeat 0 0; margin-right: 15px; }
#search { display: inline; }
#search * { vertical-align: top; }
#search .text { padding: 0; margin: 0; border: 0; background: none; height: 19px; padding: 4px 7px 0 29px; width: 92px; font-size: .92em; font-weight: bold; }

#top_categories h2 { font-size: .92em; margin: 0; }
#top_categories h2 a { color: #666; display: block; background: #fff url(/images/bg_top_categories.png) no-repeat 0 0; width: 125px; height: 19px; padding: 4px 0 0 11px; }
#top_categories ul { padding: 10px 15px 12px 11px; width: 114px; list-style: none; background: url(/images/bg_top_categories_list.png) no-repeat bottom; font-size: .92em; position: absolute; z-index: 1000; margin: -3px 0 0 -1px; left: -9999px; }
#top_categories.open ul { left: auto; }
#top_categories li { margin: 0 0 2px; }
#top_categories ul a { color: #515151; }
#top_categories ul a:focus, #top_categories ul a:hover { color: #37a2df; }
#top_categories #nav_winners { padding-bottom: 5px; margin-bottom: 5px; border-bottom: 1px solid #d1d1d1; }

#nav { margin: 0; padding: 3px 0 0 0; list-style: none; }
#nav li { margin: 0; padding: 0 0 0 18px; float: left; }

#nav ul { margin: 0 0 0 -11px; margin-left: -72px; padding: 10px 14px 11px 11px; top: 48px; width: 104px; list-style: none; background: url(/images/bg_my_account_list.png) no-repeat bottom; font-size: .92em; position: absolute; z-index: 1000; left: -9999px; }
#nav .open ul { left: auto; }
#nav ul li { padding-left: 0; margin: 0 0 5px; line-height: 1.1; float: none; }
#nav ul a:focus, #nav ul a:hover { color: #37a2df; }

#nav_my_account .playername { font-weight: bold; margin-bottom: 10px; }

#top_basket { position: absolute; top: 0; right: 0; background: #35a7e4 url(/images/bg_top_basket.png) no-repeat 0 0; }
#top_basket h2 { position: absolute; left: -9999px; }
#top_basket p { font-size: 2em; font-weight: bold; margin: 0; }
#top_basket a { display: block; width: 46px; height: 38px; padding: 11px 0 0 50px; }

#logo { display:block; margin: 8px 0; float: left; }

.full_header #header_info_charity, .full_header #header_info { height:236px; }
#header_info_charity {  height: 174px; }
#header_info_charity, #header_info { margin: 15px 0 0; width: 100%; position: relative; clear:both; }
#header_info h2{ text-shadow: #fff 0 1px 1px; line-height:1.1; }

#header_info_small{ background: url(/images/bg_header_info_small.png) top right no-repeat; padding:50px 100px 0 0; position:absolute; right: 35px; bottom:40px;}
#header_info_small p{ font-size:1.95em; text-shadow: #fff 0 1px 1px; }

#play_info, #charity_info{ float:left; }
#play_info h2, #charity_info h2{ font-size: 2.4em;}
#play_info p, #charity_info p{font-size:1.8em;}
#play_info {
  padding:0 60px 0 0;
  width:450px;
}
#charity_info{
  padding:0 0 0 52px;
  border-left:2px solid #FFF;
  width:328px;
  float:right;
}
#widget_wonder{ font-style:italic;}


/*content*/

#content { zoom: 1; }
#content:after { content: "."; clear: both; display: block; visibility: hidden; height: 0; }

#content_main { width:589px; margin:0 35px 0 0; float:left; }
#content_main.wide { width:auto; margin:0; float: none; }

#content_sub { width:276px; float:left; }

/* raffle list */

.thumbview {
	background: #f8f8f8; padding-left: 5px; padding-top: 3px;
}


.raffle_list ul { margin: 0 0 45px; width: 915px; padding: 0; list-style: none; }
.raffle_list ul:after { content: "."; clear: both; display: block; visibility: hidden; height: 0; }
.raffle_list li { float: left; margin: 0 15px 15px 0; position: relative; }
.raffle_list .thumb { display: block; border: 6px solid #ebebeb; padding: 0; position: absolute; top: 0; left: 0; text-decoration: none; width: 156px; height: 157px; }
.raffle_list .thumb img { display: block; }
.raffle_list .thumb span { position: absolute; bottom: 0; left: 0; width: 156px; text-align: center; padding: 7px 0 5px; background: #ebebeb; display: block; font-weight: bold; font-size: 1.08em; _margin-bottom: -1px; /* :hack: bring level to bottom in IE6 */ }
.raffle_list .info { width: 156px; height: 157px; padding: 6px; background: #c5effd; color: #000; font-weight: bold; }
.raffle_list .info h3 { font-size: 1em; margin: 5px; max-height: 2.66em; overflow: hidden; _height: 2.66em; /* :hack: max-height for ie6 */ }
.raffle_list .info ul { margin: 0 0 7px; padding: 0; width: auto; list-style: none; }
.raffle_list .info li { float: none; margin: 0; border-top: 1px solid #fff; padding: 3px 0 4px 5px; position: static; font-weight: bold; }
.raffle_list .info li span { width: 90px; display: inline-block; font-weight: normal; }
.raffle_list .info p { text-align: center; margin: 0; }
.raffle_list .advert img { display: block; }

.raffle_status { position:absolute; top:5px; right:5px; }
* html .raffle_status { background: url(/images/won_ie6.gif) no-repeat 100% 0; }
* html .raffle_status img { visibility: hidden; }

.raffle_list .button { margin: 0 auto; width: 436px; }
.raffle_list .button .showing { font-size: .66em; vertical-align: 1px; }


/* search results */

#results_head { margin: 0 0 20px; zoom: 1; }
#results_head:after { content: "."; clear: both; display: block; height: 0; visibility: hidden; }
#results_head h1 { float: left; font-size: 1.4em; font-weight: normal; margin-top: 5px; }
#results_head form { float: right; margin: 0 0 0 15px; }
#results_head form * { vertical-align: middle; }
#results_head select { width: 150px; }
#results_head input { margin: 0 0 0 5px; position: relative; bottom: 3px; }


/* raffle info */

#raffle_body { padding: 0 0 20px; zoom: 1; }
#raffle_body:after { content: "."; clear: left; display: block; height: 0; visibility: hidden; }
#raffle_body .column { width: 277px; float: left; margin: 0 35px 0 0; }
#raffle_body #voucher_column { margin: 0; }
#raffle_body #voucher_column p { font-weight: bold; font-size: 1.17em; }

#voucher_image, #raffle_image { margin-bottom: 10px; display:block; }

#raffle_thumb { margin: 0 0 10px; padding: 0; }
#raffle_thumb li { list-style: none; display: inline; }

#charity_blurb { margin: 0 0 30px; }
#charity_blurb img { float: left; }
#charity_blurb p { font-weight: bold; font-size: 1.5em; line-height: 1.17; color: #383838; margin: 0 0 0 70px; }
#charity_blurb a { color: #ad0019; }
#charity_blurb span { font-size: .61em; }

#prize_details, #reward_details { border-bottom: 1px solid #ebebeb; padding-bottom: 10px; margin-bottom: 15px; }
#prize_details h2, #reward_details h2 { font-size: 2em; }

#enter { position: relative; background: #fff29d url(/images/bg_enter.png) no-repeat bottom; padding: 0 15px 30px 25px; margin: 0 5px 7px 4px; zoom: 1; }
#enter:after { content: "."; clear: both; display: block; height: 0; visibility: hidden; }
#enter h2 { background: #24a5e2 url(/images/bg_enter_h2.png) no-repeat top; color: #fff; margin: 0 -15px 10px -25px; padding: 18px 20px 0 25px; height: 34px; font-size: 1.75em; }
#price { position: absolute; top: 14px; left: 200px; color: #fff; width: 47px; line-height: 1.1; }
#price strong { display: block; font-size: 1.5em; }
#enter label { width: 115px; color: #383838; }
#enter input.text { background: url(/images/bg_enter_input.png) no-repeat 0 0; width: 33px; height: 21px; padding: 4px 3px 0; border: 0; margin: 0 0 30px; font: bold 1.17em Arial, sans-serif; color: #37a2df; text-align: center; }
#total { position: absolute; bottom: 30px; left: 25px; font-size: 1.17em; font-weight: bold; color: #252525; margin: 0; }
#total span { font-size: 1.5em; margin-left: 5px; }
#enter input.submit { float: right; }

.js-enabled #entry_confirmation { background: #e0f7fe; border: 4px solid #2e84d1; -moz-border-radius: 5px; -webkit-border-radius: 5px; padding: 10px 10px 0; width: 225px; left: 100px; top: 110px; position: absolute; }
.js-enabled #entry_confirmation p { margin: 0 0 10px; text-align: center; font-weight: bold; color: #383838; }
.js-enabled #entry_confirmation em { font-style: normal; color: #35a7e4; }

#stats { background: #b9e8f7 url(/images/bg_stats.jpg) no-repeat 0 0; padding: 22px 20px 0 25px; margin: 0 0 15px; color: #252525; font-weight: bold; font-size: 1.17em; min-height: 357px; _height: 357px; /* :hack: min-height for IE6 */ }
#stats h2 { padding: 0; color: #252525; }
#stats p { line-height: 1.1; }
#stats strong { font-size: 1.71em; display: block; }
#stats span { font-weight: normal; }
.stats_countdown {
	background: #b9e8f7 url(/images/bg_stats_countdown.jpg) no-repeat 0 0 !important;
	
}

.js-enabled .explanation { z-index: 99; background: #fff; border: 4px solid #2e84d1; -moz-border-radius: 5px; -webkit-border-radius: 5px; padding: 12px 12px 2px; position: absolute; width: 262px; font-weight: normal; }
.js-enabled .explanation p { margin: 0 0 10px; }
.js-enabled .explanation .close { position: absolute; top: 3px; right: 3px; cursor: pointer; }

#charity_selector_explanation.explanation { margin-top: 120px; left: 40px;}
#charity_selector_explanation.explanation p { width: 265px; font-size: 1em;}
#admin_fee_explanation.explanation {left: 40px; margin-top: -100px; }
#gift_voucher_explanation.explanation { left: 40px; }
#charity_select_explanation.explanation { margin-top: 40px; left: 60px; width:500px;}
#admin_fee_explanation h5, #charity_select_explanation h5{ font-size: 1em;}

#raffle_played_overview { border: 1px solid #f2f2f0; padding: 10px 14px 5px; margin: 20px 0; }
#raffle_played_overview h2 { font-size: 1.2em; margin: 0 0 5px; }
.played_header, .played_message { display: block; font-size: 1.2em; line-height: 1.3; }
.played_header { font-style: italic; }
.played_message { font-weight: bold; margin: 0 0 5px; }

#raffle_toolbox { margin: 0 0 15px; padding: 0 0 10px; border-bottom: 1px solid #ebebeb; font-weight: bold; }
#raffle_view #raffle_toolbox { background: url(/images/bg_raffle_toolbox.png) no-repeat 185px 15px; }
#raffle_toolbox h2 { font-size: 1.17em; margin: 0 0 8px; }
#raffle_toolbox ul { list-style: none; margin: 15px 0; padding: 0; }
#raffle_toolbox li { display: inline; margin: 0 5px 0 0; }

#content_sub .players h2{ font-size:1.17em; }
.players ul { list-style: none; margin: 0 0 10px; padding: 0; }
.players li { float: left; margin: 0 4px 4px 0; }


/* closed raffles */
.closed_raffle_hdr span { font-size:0.5em; font-weight:normal; }

#raffle_win { background: #f2f2f0; padding: 10px; margin: 0 0 20px; zoom: 1; }
#raffle_win:after { content: "."; clear: both; display: block; height: 0; visibility: hidden; }
#raffle_win_header { float: left; width: 270px; border-right: 1px solid #ccc; padding: 15px 25px 15px 15px; }	
#raffle_win_header p { margin: 8px 0 0; font-size: 1.17em; }
#raffle_win_header h2 { font-size: 1.5em; margin: 0; }
#raffle_win_more { width: 495px; float: left; padding: 15px 15px 15px 26px; margin-left: -1px; border-left: 1px solid #ccc; }
#raffle_win_more p { margin: 0; }

#raffle_closed_image { float: left; margin: 0 40px 20px 0; }

#user_info { float: left; width: 272px; margin: 0 30px 20px 0; } 
#user_info h3 { background: #9addf7 no-repeat 0 100%; padding: 10px 15px 28px; font-size: 1.7em; }
#user_info_body img	{ border: 2px solid #fff; float: right; margin: 0 0 10px 10px; }
#user_info_body p { margin: 0 0 5px; }
#user_info_username, #user_info .winning_number { font-weight: bold; color: #000; }

#quick_numbers { float: left; border: 3px solid #f2f2f0; padding: 15px; width: 280px; }
#quick_numbers h3 { font-size:1.4em; }
#quick_numbers ul { list-style: none; margin: 0; }
#quick_numbers .number_highlight { font-weight: bold; color: #000; }

#raffle_closed_overview { clear: both; }
#raffle_closed_overview h3 { float: left; font-size: 1.7em; margin-bottom: 20px; }

#numbers_played { clear: both; list-style: none; margin: 0; overflow: hidden; }
#numbers_played li { float: left; width: 83px; background-color: #f2f2f0; text-align: center; font-size: 1.4em; font-weight: bold; color: #000; margin: 0 2px 2px 0; padding: 9px 0; border: 1px solid #f2f2f0; position:relative; }
.numbers_count { font-style: italic; color: #666; font-size: 0.8em; }
#numbers_played li.not_played, #numbers_played li.not_played .numbers_count { color:#999; }
#numbers_played li.played_by_user{ border-color: #09c; }
#numbers_played .winner, #numbers_played .winner .numbers_count { background-color: #09c; border-color: #09c; color: #fff; }

.played_icon { position: absolute; top:0; left: 10px; }


/* basket */

#step_marker ol { margin: 0 0 12px; padding: 0; zoom: 1; }
#step_marker ol:after { content: "."; clear: both; display: block; height: 0; visibility: hidden; }
#step_marker li { float: left; margin: 0 1px 0 0; color: #707070; list-style-position: inside; font-size: 1.33em; font-weight: bold; text-align: center; width: 299px; padding: 8px 0 0; height: 30px; background: #d7d7d7; }
#step_marker li.current { padding-bottom: 12px; background: #bcebfc url(/images/bg_step_marker.png) no-repeat 0 100%; color: #37a2df; }

#basket_header { margin: 0 0 0px; zoom: 1; }
#basket_header:after { content: "."; clear: both; display: block; height: 0; visibility: hidden; }
#basket_header h1 { float: left; color: #1B1B1B; font-size: 1.8em;}
#basket_header .intro { width: 305px; clear: left; font-weight: normal; font-size: 1.7em; color: #818181; }
#basket_header ul.confirmation{ margin: 0; list-style: none; clear: both;}
#basket_header ul.confirmation li{ color:#1B1B1B; font-size:1.6em; height:30px; margin-bottom:8px; padding-left:45px; padding-top:1px; width:900px;}
#basket_header li.intro_yes{ background: url(/images/icon_thumbs_up_small.png) no-repeat 0 0;}
#basket_header li.intro_no{ background: url(/images/icon_thumbs_down_small.png) no-repeat 0 0;}
p.hint_sprite{ width: 614px; margin-left: 40px; background: url(/images/hint_sprite_smaller.png) no-repeat 0 0; padding: 30px 15px; font-size: 1.4em; height: 35px;}
p.hint_sprite span{ background: url(/images/hint_sprite_smaller.png) no-repeat 100% 100%; padding: 15px; height: 35px; }

#how_do_i_win { margin: 0; padding: 0; float: right; width: 590px; height: 155px; margin-top: -10px; }

#useful_information { background: #fef1ba; font-size: 1.1em; padding: 6px 12px; color: #818181; margin: 0 0 20px; }
#useful_information p { margin: 0; }
#useful_information a, #useful_information span { font-weight: bold; text-decoration: none; }

.basket { width: 100%; border-collapse: collapse; margin: 0 0 20px; }
.basket th { font-weight: normal; color: #383838; text-transform: uppercase; font-size: .92em; vertical-align: bottom; white-space: nowrap; text-align: center; }
.basket th.description { padding-left: 130px; text-align: left; }

.basket td { background: #fff no-repeat center; vertical-align: middle; text-align: center; padding: 10px; }
.basket .odd td { background-color: #f3f3f3; }
.basket td.description { width: 450px; text-align: left; }
.basket td.description .raffle_info { display: inline-block; width: 315px; vertical-align: middle; #margin-top:12px;}
.basket td.description a {  text-decoration: none; font-weight: bold; color: #383838; font-size: 1.17em; }
.basket td.description a:focus, .basket td.description a:hover { text-decoration: underline; }
.basket td.description img { margin: 0 30px 0 0; border: 4px solid #c5effd; vertical-align: middle; #float:left; }
.basket td img.question_mark{ border: 0; margin-left:5px; margin-top:-1px}

#basket th.ticket_number { color: #fff; padding: 0; white-space: normal; }
#basket th.ticket_number span { background: url(/images/bg_ticket_number.png) no-repeat bottom; padding-bottom: 13px; display: block; position: relative; top: 11px; width: 111px; margin: 0 auto; }
#basket th.ticket_number span span { background: #2bbcff url(/images/bg_ticket_number_top.png) no-repeat top; padding: 6px 5px 3px; display: block; position: static; width: auto; }

#basket tr.subtotal td, #basket tr.total td, #basket tr.promotion td  { padding:3px 10px; font-weight: bold; border-color: #ccc; border-width: 1px; border-top-style: solid; }
#basket tr.subtotal td { padding-top: 10px;}
#basket tr.total td, #basket tr.promotion td {border: 0;}

#basket tr.transaction_fee td, #basket tr.subtotal td.description, #basket tr.total td.description, #basket tr.promotion td.description{ font-size: 1.4em;}
/*#basket tr.transaction_fee td.price {color: #2bbcff;}*/

#basket tr.transaction_fee td.description, #basket tr.subtotal td.description, 
#basket tr.total td.description, #basket tr.promotion td.description {color: #000;}

#basket tr.transaction_fee td span {font-weight: bold;}
#basket tr.transaction_fee td span.further_spend{color: #2BBCFF;}
#basket tr.transaction_fee td span.further_spend a{font-size: inherit; color: #37A2DF;}

#basket td.price { font-size: 1.4em; text-align: right; }
#basket td.ticket_number { background-image: url(/images/bg_ticket_input.png); }
#basket .odd td.ticket_number { background-image: url(/images/bg_ticket_input_grey.png); }
#basket td.ticket_number .fieldWithErrors { background: url(/images/bg_ticket_input_error.png) no-repeat center; padding: 5px 0; float: none; display: block; }
#basket .odd td.ticket_number .fieldWithErrors { background: url(/images/bg_ticket_input_error_grey.png) no-repeat center; padding: 5px 0; }
#basket td.ticket_number input { padding: 3px 4px; width: 52px; border: 0; background: transparent; color: #37a2df; font: bold 2em Arial, sans-serif; text-align: center; }

#results_confirmation td.ticket_number { color: #37a2df; font: bold 2em Arial, sans-serif; }


#promo_code { width:650px; border: 4px solid #f2f2f0; color: #000; padding: 12px 10px; margin: 0 0 25px; float: left; }
#promo_code label { float: left; width: 285px; font-size: 1.2em; margin: 0 0 10px; padding: 0; }
#promo_code label em { color: #000; }
#promo_code input { margin-top: 22px; }
#promo_code input.text { margin: 20px 5px 0 90px; width: 200px; float: left;}

#charity_encourage{ position: relative; padding: 10px 12px; border: 4px solid #F2F2F0; float: left; clear: both; text-align: left; width: 868px; margin-bottom: 20px;}
#charity_encourage h4{ color:#383838; float:left; font-size:1.3em; font-weight:bold; margin-top:12px;}
#charity_encourage ul{ list-style: none; float: right;}
#charity_encourage ul li{ float: left; margin-left: 10px;}
#charity_encourage ul.share_buttons{ margin: 10px 10px 0 0;}

.charity_support { width: 600px; float: left; margin-left: 34px;}
#basket_footer .charity_support { margin-top: 12px; width: 500px;}
.charity_support p {clear: both;}
.charity_support label {float: left; padding: 0; width: auto; min-width: 300px; margin-right: 5px; color:#383838;}
.charity_support input {float: left; margin: 0;}
.support_checkbox {float: left; width: 600px;}

img.supported_charity{ float: left;}
.email_count{ background: url(/images/email_speech_bubble.png) no-repeat 0 0; width: 59px;}
.email_count p{ text-align:center; width:58px; font-size:1.8em !important; font-weight:lighter !important; margin:0 0 7px; padding-top:4px;}
.email_count a img{ clear: both; margin: 3px 0 0 0;}

#select_charity{ padding: 10px 18px; border: 4px solid #F2F2F0; float: left; clear: both; text-align: left; width: 858px; margin-bottom: 20px;}
#select_charity h4{ font-size: 1.2em; color: #000; margin-bottom: 0;}
#select_charity p{ font-size: 1.2em; color: #000; width: 355px; float: left; margin-right: 100px; }

.charity_description{  display: none; left: 20px; top: 46px; margin: 0; background: #fff url(/images/charity_description_top.png) no-repeat 0 0; position: absolute; padding-top: 16px; width: 550px;}
.charity_description p{ margin-bottom: 0; border-bottom: 4px solid #37A2DF; border-left: 4px solid #37A2DF; border-right: 4px solid #37A2DF; padding: 10px;}
.show_description { display: block;}
strong.description_tooltip{ color: #37A2DF;}

#basket_footer { padding-top: 10px; text-align: right; margin: 0 0 20px; clear: both; }
/*#basket_footer * { vertical-align: middle; display: inline;}*/
#basket_footer p { font-weight: bold; margin-right: 20px; font-size: 2em; color: #383838; }
#basket_footer img.checkout_buttons { margin-left: 20px; display: inline;}

#basket_footer.empty_basket {text-align:left;}
#basket_footer.empty_basket img {margin:0 20px 0 0;}

#empty_basket_link { float:right; }
#empty_basket_link a { text-decoration: none; text-transform: uppercase; }

#basket_disclaimer { clear: both; background: #BCEBFC; padding: 10px; font-size: 0.95em; }

/* winners */

#content .winners { padding: 25px 0 15px; border-top: 1px solid #e4e4e4; font-weight: bold; clear: both; }
#content .winners h2 { font-size: 1.75em; display: inline; margin-right: 5px; }
#content .winners p { font-size: 1.17em; display: inline; }
#content .winners ul { margin: 20px 0 0; padding: 0; list-style: none; zoom: 1; }
#content .winners ul:after { content: "."; clear: left; display: block; height: 0; visibility: hidden; }
#content .winners li { float: left; margin: 0 0 10px 30px; }
#content .winners li.first { margin-left: 0; }
#content .winners li img { display: block; border: 2px solid #ddd; height: 50px; width: 50px; }


/* account user details */

#user_details { background: #f2f2f0; padding: 39px 17px 23px; position: relative; zoom: 1; }
#user_details:after { content: "."; clear: left; display: block; height: 0; visibility: hidden; }
#user_details p { margin: 0; color: #000; }
#user_details p img { float: left; margin: -25px 20px 0 0; }
#user_details p span { font-weight: bold; }
#user_details .logout { position: absolute; right: 35px; font-weight: bold; font-size: 1.17em; margin-top: -4px; top: 40%; }
#user_details .logout a { text-decoration: none; color: #2e84d1; }
#user_details .logout a:hover, #user_details .logout a:focus { text-decoration: underline; }


/* account navigation tabs */
#nav_sub { margin: 0 0 20px; padding: 6px 8px 0; border-bottom: 1px solid #ddd; background: #f2f2f0; zoom: 1; }
#nav_sub:after { content: "."; clear: left; display: block; height: 0; visibility: hidden; }
#nav_sub li { float:left; margin: 0 10px 0 0; list-style:none; position: relative; top: 1px; }
#nav_sub li a { display:block; float:left; background: #fff url(/images/nav_sub_bg.gif) repeat-x bottom; border: 1px solid #ddd; padding:5px 10px 3px; text-decoration: none; }

#body_account #nav_sub_account a, #live_raffles #nav_sub_live a, #closed_raffles #nav_sub_closed a, #account_statement #nav_sub_statement a, #body_account_edit #nav_sub_profile a, #body_photo #nav_sub_picture a, #body_password #nav_sub_password a {
	color: #666;
	border-bottom-color: #fff;
	text-decoration: none;
	background-image: none;
}

#playername input {
  float: left;
}
#playername div { 
  color: #999;
  border: 1px solid #999;
  background: #eee;
  width: 150px;
  float: right;
  padding-bottom: 6px;
  padding-top: 6px;
  margin-right: 55px;
  text-align: center;
} 
#playername div.hidden { display: none; } 
#playername div.bad { color: #e22; border: 1px solid #e22; background: #fcc; }
#playername div.good {color: #182; border: 1px solid #182; background: #dfd; }

/* tickets list */
#voucher_box { margin: 10px 0; padding: 15px 0 0; list-style: none; }
#voucher_box li { padding: 0 0 15px; border-bottom: 1px solid #ddd; margin: 0 0 15px; position: relative; zoom: 1; /* :hack: show border in IE6 */ }
#voucher_box p { font-size: 1.33em; }
#voucher_box img { float:left; margin:0 8px 0 0; }
#voucher_box li.used h3{ color:#999; text-decoration:line-through; font-weight:normal; }

#voucher_box .vinfo { padding-right: 11px; background: url(/images/down_arrow.gif) no-repeat 100% 4px; }

#view_switch { float: right; margin: -3.5em 0 0; font-size: 1.25em; font-weight: bold; padding-left: 14px; background: url(/images/bg_li.gif) no-repeat left; }

#voucher_box #no_rewards { padding-top: 6px; clear: both; }

#voucher_box .vsponsored { font-size: 1em; }
#voucher_box .vdescription { margin: 0px; padding-top: 1px; }
#voucher_box .vused { position: absolute; right: 0; top: 50px; font-size: 1em; font-weight: bold; }
#voucher_box .vused a { padding-left: 14px; background: url(/images/bg_li.gif) no-repeat left; }


/*raffles box*/
.raffles_box{ margin:0 0 30px;}

.raffles_box h2{font-size:1.6em; margin-bottom:10px;}

.raffles_box ul { margin:0; padding: 0; list-style:none; }
.raffles_box li { margin:0 0 15px; padding: 0 0 15px; border-bottom:1px solid #e0e0e0; zoom: 1; /* :hack: hasLayout for IE6 */ }
.raffles_box li:after { content: "."; clear: both; display: block; height: 0; visibility: hidden; }
	
.raffles_box img { float:left; margin:0 14px 0 0; }
.raffle_numbers { float:left; width:308px; overflow:hidden; }
.raffles_box h3 { margin:0; color:#666; }
.raffles_box dl { padding: 5px 0 0; color: #666; }
.raffles_box dt { width:auto; margin:0 5px 5px 0; }
.raffles_box dd { font-weight: bold; margin: 0 0 5px; }

.raffle_tickets { float: right; width: 230px; }
.raffle_tickets p { text-align: right; font-size: 1.17em; margin: 0 0 3px; }
.raffle_tickets .tickets_left span { font-weight: bold; }
.raffle_tickets .play a { padding-left: 14px; background: url(/images/bg_li.gif) no-repeat left; font-weight: bold; font-size: .86em; }


/* signup & activate */
#terms_and_conditions_label { clear: both; padding-top: 10px; margin-left: 170px; font-size: .92em; }
#contact #content_sub ul { list-style: none; margin: 0; padding: 0; }
#contact #content_sub li { padding-left: 14px; background: url(/images/bg_li.gif) no-repeat 0 5px; margin: 10px 0 0; }
#contact #content_sub li h3 { font-size: 1em; margin: 0 0 5px; }

#contact #company_details .contact { display: block; }

#body_signup_success #content_main { border: 4px solid #f2f2f0; padding: 20px; width: 541px; }
#body_signup_success #content_main .banner { display: block; margin: 0 0 20px; }
#body_signup_success #content_main p { font-size: 1.17em; line-height: 1.5; margin: 0 0 20px; }
#body_signup_success #content_main p.button { font-size: 1em; line-height: normal; width: 300px; margin: 30px auto; }
#body_signup_success #content_main #raffle_toolbox { margin: 0; padding: 0; border: 0; }


/*account login*/
#account_login #content_sub { margin: 0 35px 0 0; }
#account_login #content_main { margin: 0; }
#account_login #content_sub h2,
#account_login #content_main h2 { font-size: 2em; }
#account_login #content_sub p { font-size: 1.25em; margin-bottom: 3px; }
#account_login #content_sub p.info { font-weight: bold; }
#account_login #content_sub p.detail { font-size: 1em; }

#account_login #content_sub p#access_denied_basket { background: #c7f1fd url(/images/bg_create_an_account_whoops.gif) 50% 100% no-repeat; color: #299ece; font-weight: bold; font-size: 1.2 em; padding: 13px 15px 28px; }
#account_login #content_sub p#signup { font-size: 1.75em; line-height: 50px; background: url(/images/bg_create_an_account.gif) no-repeat; padding-top: 12px;}


/*statement page*/
#statement_header { padding: 0 0 15px; border-bottom: 3px solid #E4E4E4; margin-bottom: 10px; zoom: 1; }
#statement_header:after { content: "."; clear: both; display: block; height: 0; visibility: hidden; }

#statement_header h1 { margin-bottom: 0; font-size: 2.1em; float: left; }
#statement_header .pagination { float: right; }

#account_statement #content_main table { clear: both; border-collapse: collapse; width: 100%; margin: 0 0 20px; font-size: 1.2em; }
#account_statement #content_main th { color: #000; text-align:left; }
#account_statement #content_main th, #account_statement #content_main td { border-bottom: 1px solid #ccc; padding: 15px 0; }
#account_statement #content_main table .highlight { font-weight: bold; }
#account_statement #content_main table .highlight a { font-weight: normal; }

#account_statement .pagination, .div_show_pages { float: right; }
#account_statement .pagination p, #account_statement .pagination ul, .link_show_pages { font-weight: normal !important; }
.pagination_info { display: none; }


/* how to play page */
.boxout { margin: 0 0 20px; padding: 3px; background: #efefec; text-align: center; }
.boxout h2, .boxout p { margin: 10px 0; color: #37A2DF; }
.boxout h2 { text-transform: lowercase; }
#content_sub .boxout h2 { padding: 0; }
.boxout div { padding: 10px 15px; background: #fff; }
.boxout img { display: block; margin: 0 auto; }

#evolution p { text-align: left; color: #000; }

#how_header #how_do_i_win { margin: 0 0 20px 15px; width: 520px; }
#how_header p { font-size: 1.17em; }


/* about us page */

#body_aboutus #content_main .boxout { float: right; margin: 0 0 15px 15px; }
#body_aboutus #content_main .boxout h2 { font-size: 1.17em; }
#body_aboutus #content_main .boxout div { padding: 0; }
#body_aboutus #content_main .boxout img { margin: 0; }

#meet_us { clear: both; }
#meet_us ul { margin: 0 0 20px; padding: 0; list-style: none; zoom: 1; }
#meet_us ul:after { content: "."; clear: left; display: block; height: 0; visibility: hidden; }
#meet_us li { float: left; width: 175px; margin: 0 0 20px 30px; }
#meet_us .row_leader { clear: left; margin-left: 0; }
#meet_us .member { background: url(/images/bg_meet_us.png) no-repeat bottom; padding: 0 5px 15px; margin: 0 0 15px; width: 165px; height: 165px; }
#meet_us blockquote { margin: 0; padding: 0; background: none; font-style: italic; }
#meet_us p { margin: 0; }
#meet_us cite { font-style: normal; }
#meet_us .position, #meet_us a { font-weight: bold; text-decoration: none; }
#meet_us a:focus, #meet_us a:hover { text-decoration: underline; }

#helpers { margin: 0 0 20px; padding: 0; list-style: none; }
#helpers li { margin: 0 0 15px; padding: 5px 0 0 70px; zoom: 1; }
#helpers li:after { content: "."; clear: left; display: block; height: 0; visibility: hidden; }
#helpers img { float: left; margin: -5px 0 0 -70px; }

#quotes blockquote { padding-left: 0; background: none; font-style: italic; }
#quotes p { color: #383838; text-align: left; }
#quotes cite { font-weight: bold; }

#find_out_more p { font-size: 1.75em; color: #383838; margin: 0 0 15px; }


/* FAQs page */
.faq_panel { width:400px; float:left; }
.faq_panel.first { margin-right: 20px; }
.faq_panel h2 { font-size: 1.4em; }
.faq_panel ul { margin: 0 0 20px; }
.faq_panel ul li { list-style:none; background:url(/images/bg_li.gif) 0 5px no-repeat; padding: 0 0 0 14px; }
.answer { border-top:1px solid #ccc; padding:20px 145px 0 0; margin: 20px 0 0; position: relative; zoom: 1; /* :hack: make IE6 respect relative */ }
.answer p.back { position: absolute; right: 0; bottom: 30px; font-weight: bold; }
.answer p.back a { padding-left: 10px; background: url(/images/bg_top.gif) no-repeat left; }


/* Checkout styles */

#supported_cards { list-style: none; margin: 0 0 15px; padding: 0; }
#supported_cards li { display: inline; margin: 0 5px 0 0; }

#digicertsitesealcode { float: right; width: 180px; }
#digicertsitesealcode .info_tag { margin-top: 5px; text-align: center; }
#digicertsitesealcode .info_tag p { background-position: 0 0; }

#verification_value_explanation { margin: -200px 0 0 281px; _margin-top: -20px; /* :hack: don’t put panel over the top of selects in IE6 */ }

#check_out label { width: auto; font-size: 1.25em; margin-bottom: 10px; }
#check_out p { padding: 3px 30px 0 0; position: static; float: left; }

/*footer*/
/*/////////////////////////////////////////////////////////////////////////////////////////
/////////////////////////////////////////////////////////////////////////////////////////*/

#footer { background: #000 url(/images/bg_foot.jpg) repeat-x top; padding: 150px 0 30px; color: #fff; }

#frsb { position: absolute; top: -165px; right: 10px; }

#twitter { float: left; background: url(/images/bg_twitter.png) no-repeat top; padding: 65px 65px 20px 10px; width: 235px; margin: 10px 40px 30px 0; _position:relative; /* :hack: don’t clip background in IE6 */ }
#twitter h2 { position: absolute; left: -9999px; }
#twitter a { text-decoration: none;  }
#twitter .twitter a { font-style: italic; font-weight: bold; }
#twitter a:focus, #twitter a:hover { text-decoration: underline; }
#twitter p { font-size: .92em; margin-bottom: 15px; }
#twitter .twitter { font-size: 1.5em; }

#footer li a { color: #fff; text-decoration: none; }
#footer li a:focus, #footer li a:hover { text-decoration: underline; }

#blog { width: 232px; padding: 50px 12px 0; float: left; margin: 22px 49px 30px 0; background: url(/images/bg_blog.png) no-repeat top; _position:relative; /* :hack: don’t clip background in IE6 */ }
#blog h2 { position: absolute; left: -9999px; }
#blog h3 { font-size: 1.17em; font-weight: normal; margin: 0; }
#blog h3 a { text-decoration: none; }
#blog h3 a:focus, #blog h3 a:hover { text-decoration: underline; }
#blog p { font-size: .92em; font-style: italic; margin: 0; }
#blog .meta { font-style: normal; margin: 0 0 15px; }

#footer_nav { float: left; background: url(/images/bg_contact_raffleit.png) no-repeat top left; padding: 50px 0 0 13px; width: 222px; margin: 22px 0 10px 0; _position:relative; /* :hack: don’t clip background in IE6 */ }
#footer_nav h2 { position: absolute; left: -9999px; }
#footer_nav ul { font-size: 1.17em; font-weight: bold; margin: 0; padding: 0; list-style: none; zoom: 1; }
#footer_nav ul:after { content: "."; clear: both; display: block; height: 0; visibility: hidden; }
#footer_nav li { margin: 0 0 5px; }
#footer_nav #feedback_link, #footer_nav #faq_link, #footer_nav #home_link{ margin:0 0 20px;}
#footer_nav #supported_cards li{ margin:0 5px 0 0; }
#footer_nav #supported_cards li.last{ margin:0;}

#footer_blurb { clear: both; padding: 10px 0 0; border-top: 1px solid #292929; margin: 0 0 15px; list-style: none; line-height: .8; }
#footer_blurb li { display: inline; margin-left: 5px; padding-left: 8px; border-left: 1px solid #fff; }
#footer_blurb li.first { margin-left: 0; padding-left: 0; border-left: 0; }
li#nav_kyan, li#nav_brightbox { float: right; }
li#nav_brightbox { border-left: 0; padding-left: 0; margin-left: 0; }



#widget, .widget_html { background: #fff; }
#slider { position: relative; width: 200px; height: 200px; padding: 17px; background: #000; }
#slider h1 { width: 71px; height: 24px; margin: 0; position: absolute; bottom: 6px; right: 4px; z-index: 100; text-indent: -9999px; background: url(/images/widget/logo.png) no-repeat 0 0; font-size: 1em; }
* html #slider h1 { background: none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/widget/logo.png'); }
#slider .sell { position: absolute; text-align: center; width: 234px; margin: 0; top: 3px; left: 0px; color: #fff; text-transform: uppercase; font-size: 9px; }
#slider .more { position: absolute; margin: 0; top: 220px; width: 150px; height: 13px; overflow: hidden; left: 17px; color: #fff; text-transform: uppercase; font-size: 9px; }
#slider .more a { background: none; padding: 0; color: #fff; font-weight: normal; }
#slides { width: 200px; overflow: hidden; position: relative; }
#widget_list { list-style: none; margin: 0; }
#widget_list li { float: left; height: 200px; overflow: hidden; }
#widget .thumb { display: block; height:200px; width:200px; padding:0; position:absolute; text-decoration:none; border: 0; }
#widget .info { background:#C5EFFD; color:#000; font-weight:bold; height:195px; width:180px; padding: 5px 10px 0; }
#widget h2 { margin: 0 0 5px; overflow: hidden; height: 2.35em; line-height: 1.17; color: #000; font-size: 1.42em; text-shadow: 1px 1px 1px #fff; }
#widget .info p { margin: 0; }
#widget dl { margin: 0 0 8px; padding: 0; }
#widget dt, #widget dd { border-bottom: 1px solid #fff; padding: 2px 0; }
#widget dt.last, #widget dd.last { border: 0; }
#widget dt { width:100px; font-weight: normal; text-align: left; }
.widget_enter img { display: block; margin: 0 auto; }
#widget button { background: none; border: 0; cursor: pointer; margin: 0; padding: 0; overflow: visible; position: absolute; top: 184px; }
#widget button::-moz-focus-inner { border: 0; padding: 0; }
#widget .prev { left: 0; }
#widget .next { right: 0; }


.large .widget_box
{
	background: #000;
	width: 277px;
	padding: 3px 25px 3px 25px;
	position: relative;
	height: 337px;	
}

.large .outer_widget_box
{
	padding: 3px;
	background: #fff;
	border: 2px solid #dedede;
	width: 327px;	
}

.large #slider{
	position: relative;
	width: 332px;
	padding: 0 37px;
	background: none;
	height: auto;
}

.large #slides{
	width: 277px;
	overflow: hidden;
	position: relative;
	margin-bottom: 2px;
}

#widget.large .prev, #widget.large .next{
	background:transparent none repeat scroll 0 0;
	border:0 none;
	cursor:pointer;
	margin:0;
	padding:0;
	position:absolute;
	top: 151px;
	width:35px;
}

#widget.large .prev{
	left: -36px;
}

#widget.large .next{
	right: -38px;
}

.large ul#widget_list{
	list-style: none;
	margin: 0;
}

.large ul#widget_list li{
	float: left;
	height: 277px;
	overflow: hidden;
}

.large #slider h1
{
	font-size: 1.6em;
	margin-bottom: 4px;
	padding-bottom: 0px;
	color: #000;
	text-align: center;
	position: static;
	background: none;
	height: auto;
	width: auto;
	text-indent: 0;
}

#widget.large h3
{
	font-size: 0.9em;
	color: #fff;
	margin-bottom: 2px;
	padding-bottom: 0px;
	text-align: center;	
	font-weight: normal;
}

#widget.large .info {
background:#C5EFFD none repeat scroll 0 0;
color:#000000;
font-weight:bold;
height:237px;
width:237px;
padding: 10px 20px 30px 20px;
margin-bottom: 3px;
}

.large .info p{
	margin: 0;
}

#widget.large .thumb
{
	display:block;
	height:277px;
	padding:0;
	position:absolute;
	text-decoration:none;
	width:277px;
	border: 0;
}

#widget.large .info dt, #widget.large .info dd 
{
	border-bottom: 1px solid white;
	padding: 3px;
	font-size: 1.3em;
}

#widget.large .info dt.last, #widget.large  .info dd.last
{
	border-bottom: 0px !important;
}

#widget.large .info dt {
width:125px;
font-weight: normal;
text-align: left;
}

#widget.large .info dd{
	text-align: right;
}

#widget.large .powered_by
{
	text-align:center;
	background: url('/images/widget/powered_by.png') no-repeat 110px 0px;
	height: 40px;
	width: 277px;
}

#widget.large h2 {
	overflow: hidden;
	max-height:2.66em;
	min-height:2.66em;
	height: 2.66em;
	color: #000;
	text-shadow: 2px 2px 2px #fff;
	font-size: 2em;
	line-height: 1.33;
}

.large .widget_enter
{
	margin-left:0;
	margin-top:10px;
}

#widget.large, .large .widget_html
{
	background: #fff;
}

#widget.large dl
{
	clear:left;
	width: 239px;
	float: left;
	margin: 0;
	padding: 0;
}



/* charity page */

#body_charity #content ul, #body_charity #content p { font-size: 1.17em; }
#body_charity #content ul { margin: 20px 0; padding: 0; list-style: none; }
#body_charity #content li { margin: 0 0 20px; padding-left: 65px; zoom: 1; }
#body_charity #content li:after { content: "."; clear: both; display: block; height: 0; visibility: hidden; }
#body_charity #content li img { float: left; margin: 0 0 0 -65px; }
#body_charity #content_sub h2 { position: absolute; left: -9999px; }
#body_charity #content_sub img { display: block; margin: 0 auto; }
#body_charity #content_sub div { text-align: center; color: #4b4b4b; background: url(/images/bg_charity_sub.png) no-repeat 50% 50%; padding: 20px 60px 0; height: 169px; margin: 20px 0; }
#wufoo_form { margin-top: 50px; border: 4px solid #f2f2f0; padding: 20px; }
#badge { position: absolute; left: 520px; margin: -65px 0 0; }