html { background: #000 url(/img/bg_html.jpg) repeat top; }
body { font: .8125em/1.23 Helvetica,Arial,sans-serif; color: #fff; margin: 0; background: url(/img/bg_body.jpg) repeat-x top; overflow-x: hidden; position: relative;}

#wrapper { background: url(/img/bg_footer.jpg) repeat-x 50% 74px; }
#container { width: 978px; margin: 0 auto; position: relative; }

h2 { font-size: 1.5em; margin: 0 0 5px; color: #77B403;}
h3 { font-size: 1.38em; margin: 0 0 5px; }

p { margin: 0 0 10px; font-weight: bold;}
.intro { font-weight: bold; }

a { text-decoration: none; color: #77b403; }
a:focus, a:hover { text-decoration: underline; }
a img { border: 0; }

.more a { padding-right: 31px; background: url(/img/bg_more.png) no-repeat right; }

form { margin: 20px 0 0; }
fieldset { margin: 0; padding: 0; border: 0; }
fieldset div { margin: 0 0 30px; zoom: 1; }
fieldset div:after { content: "."; clear: both; display: block; height: 0; visibility: hidden; }
label { float: left; width: 179px; margin: 6px 10px 0 0; text-align: right; font-weight: bold; font-size: .92em; }
label.long { margin-top: 0; }
input.text, textarea { background: #fefefe url(/img/bg_input.png) repeat-x top; border: 0; -moz-border-radius:4px;-webkit-border-radius:4px;-o-border-radius:4px;border-radius:4px; font: 1em Helvetica,Arial,sans-serif; color: #000; padding: 6px 10px; width: 290px; }
select { width: 310px; }
#additional_fields{display: none;}

.checkboxes label { float: none; display: block; width: auto; text-align: left; margin: 0 0 5px 185px; font-weight: normal; }
.submit { padding: 0 0 20px 185px; }


/* layout */

#header { height: 242px; position: relative; margin: 0 43px 0 0; }

#strap { position: absolute; bottom: 0; left: 351px; font-size: 2.77em; font-weight: bold; color: #1b6308; text-shadow: 0 2px 2px #fff; margin: 0; width: 584px; padding: 34px 0 0; height: 108px; }
#strap em { font-style: normal; color: #ca0b0b; }

#nav { position: absolute; top: 36px; right: 0; margin: 0; padding: 0; list-style: none; }
#nav li { float: left; margin: 0 0 0 11px; background: url(/img/bg_nav.png) no-repeat 100% 0; font-weight: bold; font-size: .92em; text-transform: uppercase; }
#nav a { color: #fff; background: url(/img/bg_nav.png) no-repeat 0 -34px; display: block; padding: 9px 11px 0; margin-left: -4px; height: 24px; _float:left;_position:relative; /* :hack: IE6 fix */ }
#body_home #nav_home, #body_how #nav_how, #body_prize #nav_prize, #body_classic #nav_classic, #body_gallery #nav_gallery { background-position: 100% -68px; }
#body_home #nav_home a, #body_how #nav_how a, #body_prize #nav_prize a, #body_classic #nav_classic a, #body_gallery #nav_gallery a { background-position: 0 -102px; }

#content { margin: 0 43px; padding: 0 0 0 308px; zoom: 1; }
#content:after { content: "."; clear: both; display: block; height: 0; visibility: hidden; }
#content_main { float: left; width: 100%; }
#content_sub { width: 298px; float: left; margin: 0 0 0 -584px; position: relative; right: 308px; _display: inline; /* :hack: IE6 fix */ }

#footer { background: #fff url(/img/bg_footer.jpg) repeat-x top; height: 197px; font-size: .92em; font-weight: bold; color: #187200; }
#footer_sleeve { padding: 77px 0 0; height: 84px; width: 892px; margin: 0 auto; background: url(/img/logo_footer.jpg) no-repeat right; }
#footer a { color: #187200; text-transform: capitalize; }
#support_logo { position: absolute; top: 0; left: 955px; }
#support { position: absolute; top: 108px; left: 955px; }
#footer img{position: relative; top: 5px;}
#footer_sleeve img#humax_footer{/*left:771px;*/ float: right; position:relative; top:-24px;}

/* blocks */

.panel { background: url(/img/bg_panel.png) repeat; padding: 20px; margin: 0 0 23px; zoom: 1; }
* html .panel { background: none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/bg_panel.png',sizingMethod='scale'); }

.ad { margin: 0 0 15px; }
.ad a { color: #fff; display: block; background: url(/img/bg_ads.jpg) no-repeat 0 0; position: relative; padding: 103px 82px 0 32px; height: 70px; }
.ad a:focus, .ad a:hover { text-decoration: none; outline: none; }
.ad .head { position: absolute; left: -9999px; _position:static;_display:none; /* :hack: IE6 display bug */ }
.ad .icon { position: absolute; top: 0; right: 0; width: 115px; height: 140px; background: url(/img/ad_icons_new.png) no-repeat 0 0; }
* html .ad .icon { display: none; }

#ad_prize a { height: 245px; margin-bottom: 31px; padding: 0; }
#ad_how a { background-position: 0 -246px; padding-top: 90px; height: 83px; }
#ad_how .icon { background-position: 0 0; right: 10px; top: -5px; }
#ad_how a:focus .icon, #ad_how a:hover .icon { background-position: 0 -140px; }
#ad_gallery a { background-position: 0 -434px; }
#ad_gallery .icon { background-position: -115px 0; right: 10px; top: -6px; }
#ad_gallery a:focus .icon, #ad_gallery a:hover .icon { background-position: -115px -140px; }
#ad_classic a { background-position: 0 -622px; padding-right: 65px; }
#ad_classic .icon { background-position: -238px 0; right: 19px; top: -22px; }
#ad_classic a:focus .icon, #ad_classic a:hover .icon { background-position: -238px -140px; }
#ad_pack a { background-position: 0 -810px; }
#ad_pack .icon { background-position: -358px 0; right: 0; top: 8px; }
#ad_pack a:focus .icon, #ad_pack a:hover .icon { background-position: -358px -140px; }

.videos { margin: 0; padding: 0; list-style: none; clear: both; zoom: 1; }
.videos:after { content: "."; clear: both; display: block; height: 0; visibility: hidden; }
.videos li { float: left; width: 166px; margin: 0 0 30px 23px; font-size: .92em; _display:inline; }
.videos .row_leader { clear: left; margin-left: 0; }
.videos h3 { font-size: 1em; margin: 0 0 10px; }
.videos img { margin: 0 0 10px; display: block; }

#controls { padding: 0 0 10px; }
#controls img { vertical-align: middle; margin-right: 10px; }
#share { float: right; }
#share img { margin-right: 0; margin-left: 5px; }

.tabs { float: left; list-style: none; margin: 0 0 20px; padding: 0; }
.tabs li { width: 140px; text-align: center; float: left; font-weight: bold; color: #063000; background: #78b503 url(/img/bg_tabs.png) no-repeat 100% 0; margin: 0 10px 0 0; }
.tabs li.on { background-position: 100% -62px;}
.tabs em, .tabs a { display: block; padding: 8px 20px 0; height: 23px; background: url(/img/bg_tabs.png) no-repeat 0 -93px; font-style: normal; }
.tabs a { color: #fff; background-position: 0 -31px; }

.pagination { float: right; padding: 5px 0 0; }
.pagination * { display: inline; }
.pagination ol { margin: 0 5px; padding: 0; }
.pagination em, .pagination li a { display: inline-block; padding: 3px 0; width: 20px; text-align: center; }
.pagination em { background: #80c104; color: #063000; font-style: normal; font-weight: bold; }
.pagination li a { background: #3b3b3b; color: #fff; }
.pagination li.last, .pagination li.next{display: none;}
.pagination p a { font-weight: bold; }

/* home page */

#body_home #strap { padding: 24px 0 0; height: 118px; font-size: 1.92em; line-height: 1.28; }
#featured { margin: 0 auto 20px; width: 480px;}
#popular { border-top: 1px solid #77b403; padding-top: 20px; position: relative; zoom: 1; clear: both;}
#body_classic #popular { border-top: 0;}
#popular h2 { font-size: 1.38em; margin: 0 0 25px; }
#popular .more { position: absolute; top: 20px; right: 0; }


/* enter page */

#body_how #strap { background: url(/img/icon_enter.jpg) no-repeat 100% 0; padding-top: 26px; }

#tactics { border: 2px solid #77b403; padding: 22px; margin: 10px 0 20px; }
#tactics h2 { color: #77b403; font-size: 1.38em; }
#tactics ol { margin: 0; padding: 0; list-style: none; }
#tactics li { border-top: 1px solid #77b403; padding: 22px 0 12px; }
#tactics li.first { border-top: 0; }
#tactics li p { margin-left: 20px; }
#tactics fieldset div {margin-bottom: 0;}
#tactics label {width: 155px;}

.success{height: 436px; width: 474px; padding: 24px 27px 0; background: url(/img/success.png) no-repeat 0 100%; border: 2px solid #77b403;}
.success h2{ font-size: 4.2em; color: #77b403; margin-bottom: 15px;}
.success h3{margin-bottom: 15px;}
#body_starter_pack .panel .success p {width: auto;}
.success p{margin-bottom: 15px; }

/* classic moments page */

#body_classic #strap { background: url(/img/icon_moments.jpg) no-repeat 100% 0; font-size: 1.92em; line-height: 1.28; width: 524px; height: 118px; padding: 16px 60px 0 0; }

/* gallery page */

#body_gallery #strap { background: url(/img/icon_entries.jpg) no-repeat 100% 0; line-height: 1.28; width: 524px; height: 118px; padding: 16px 60px 0 0; }


/* starter pack */

#body_starter_pack #strap { background: url(/img/icon_starter.jpg) no-repeat 100% 0; font-size: 1.92em; line-height: 1.28; width: 524px; height: 118px; padding: 15px 60px 0 0; }

#starter_pack_img{position: absolute; left: 670px; top: 247px;}
#body_starter_pack form{margin-top: 106px;}
#body_starter_pack .panel p{ width: 275px;}
#body_starter_pack .panel p.starter_conditions{width: 500px;}
#body_starter_pack .error{ margin-bottom: 30px;}
.highlight_no_stock{ color: #D83838;}

/* prize */

#body_prize #strap { font-size: 1.92em; line-height: 1.28; width: 584px; height: 118px; padding: 24px 0 0 0; }
#prizes {margin: 40px 0 70px; zoom: 1; }
#prizes:after { content: "."; clear: both; display: block; height: 0; visibility: hidden; }
#prize_tv { position: relative; left: 122px; width: 359px; height: 234px; }
* html #prize_tv img { visibility: hidden; }
* html #prize_tv { filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/prize_tv.png'); }

#prize_humax { position: relative; left: 52px; margin: 20px 0; width: 435px; height: 133px; }
* html #prize_humax img { visibility: hidden; }
* html #prize_humax { filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/prize_humax.png'); }

#prize_fridge { float: left; margin: 30px 0 30px 10px; width: 286px; height: 193px; }
* html #prize_fridge img { visibility: hidden; }
* html #prize_fridge { filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/prize_fridge.png'); }

#prize_beer { float: right; margin-right: 15px; width: 204px; height: 250px; }
* html #prize_beer img { visibility: hidden; }
* html #prize_beer { filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/prize_beer.png'); }

/* validation styles */

.error{ border:1px solid #CE0A0B; background: #D83838; color:#FFF; padding: 3px 8px; margin-bottom: 4px; }
