/*
-------------------------------------------------------- 
Agent by RPM - Master Stylesheet
Author: Mediumrare
Author URI: http://mrare.ca

-------------------------------------------------------- 
*/


/*----------------------------
 * GLOBAL 
 *--------------------------*/
* { margin: 0;padding: 0; }
body { background: #fff url(../images/top_bg.png) top left repeat-x; color: #000; background-position: 0 25px;}
#container { margin: 0 auto; width: 958px;} 
:focus {-moz-outline-style: none;}
#noshow {display: none;}
.clear {clear: both;}
img {border: none;}
.float-l {float: left;}
.float-r {float: right;}
 
/*----------------------------
 * Topbar - Nav/Logo 
 *--------------------------*/
div#topbar {margin: 25px 0 0 0; clear: both;}
h2#logo a {
background: url(../images/logo.png) no-repeat top left;
width: 319px; height: 110px;
display: block; text-indent: -9999px;
float: left; margin-bottom: 30px;}

#topbar ul#nav { padding: 0 0 0 0; width: 597px; float: left; margin: 42px 0 0 35px;}
#topbar ul#nav li {list-style:  none; float: left; overflow: hidden; line-height: 34px; padding: 0 0 0 0;}
#topbar ul#nav li a { background: transparent url(../images/ipr_nav.gif) no-repeat;
display: block; text-indent: -9999px; line-height: 34px; height: 34px;}
/*nav normal states*/
#topbar ul#nav li a.nav1 { width: 81px; background-position: 0px -34px;}
#topbar ul#nav li a.nav2 { width: 175px; background-position: -81px -34px;}
#topbar ul#nav li a.nav3 { width: 223px; background-position: -256px -34px;}
#topbar ul#nav li a.nav4 { width: 118px; background-position: -479px -34px;}
/*hover states*/
#topbar ul#nav li a.nav1:hover { width: 81px; background-position: 0px 0px;}
#topbar ul#nav li a.nav2:hover { width: 175px; background-position: -81px 0px;}
#topbar ul#nav li a.nav3:hover { width: 223px; background-position: -256px 0px;}
#topbar ul#nav li a.nav4:hover { width: 118px; background-position: -479px 0px;}
/*_selected states*/
body#nav1 #topbar ul#nav li a.nav1 { width: 81px; background-position: 0px 0px;}
body#nav2 #topbar ul#nav li a.nav2 { width: 175px; background-position: -81px 0px;}
body#nav3 #topbar ul#nav li a.nav3 { width: 223px; background-position: -256px 0px;}
body#nav4 #topbar ul#nav li a.nav4 { width: 118px; background-position: -479px 0px;}

/* Text/Lists/Links
 *--------------------------*/
h1, h2, h3, h4, h5, p, li {font-family: Arial, Helvetica, sans-serif; }
h2, h3, h4 {color: #333;}
h2 { font-weight: bold; font-size: 1.8em;}
p {color: #282828;}
/*home deal text*/
div#deal {position:relative;}
#deal h1 {color: #fff; font-size: 2.35em; font-weight: 600; letter-spacing: 0.01em; margin-bottom: 20px;}
#deal h2 {color: #fff; font-size: 1.0em; font-weight: normal; margin-bottom: 15px;}
#nav4 #deal h1 {color: #fff; font-size: 2.35em; font-weight: 600; letter-spacing: 0.01em; margin-bottom: 20px;}
#nav4 #deal h2 {color: #fff; font-size: 1.0em; font-weight: normal; margin-bottom: 20px;}

body#nav5 div#deal h2 a {color: #ffe400;}

/*footer text */
#footer h3 {font-size: 1.15em; letter-spacing: 0.01em;}
#footer h4 {font-size: 1em; font-weight: normal;}
#footer p {font-size: 0.75em; line-height: 1.25em;}
#legal {}

/* Framework
*--------------------------*/
/*default*/
div#deal {background: url(../images/current_bg.jpg) no-repeat top left; width: 425px; height: 230px;
padding: 38px 239px 0 294px;}
div#deal_home_tier2 {background: url(../images/tier2_bg.jpg) no-repeat top left; width: 702px; height: 148px;
padding: 21px 239px 19px 17px; margin: 0 0 20px 0;}
/*specific deal bgs
You must duplicate both and give a unique class name*/
div.anyapp1 {background: url(../game_bgs/anyapp_bg_top.jpg) no-repeat top left !important;}
div.anyapp2 {background: url(../game_bgs/anyapp_bg_bottom.jpg) no-repeat top left  !important; }
div.kawi1 {background: url(../game_bgs/kawi_bg_top.jpg) no-repeat top left !important;}
div.kawi2 {background: url(../game_bgs/kawi_bg_bottom.jpg) no-repeat top left  !important; }
div.hottie1 {background: url(../game_bgs/hottie_bg_top.jpg) no-repeat top left !important;}
div.hottie2 {background: url(../game_bgs/hottie_bg_bottom.jpg) no-repeat top left  !important; }
div.generic1 {background: url(../game_bgs/generic_bg_top.jpg) no-repeat top left !important;}
div.generic2 {background: url(../game_bgs/generic_bg_bottom.jpg) no-repeat top left  !important; }

/* Gord isolated-elements approach to changing games - These do NOT change regularly. -g */
div#aboveLogo { z-index:5; position:absolute; left:47px; top:38px; color:#FFFFFF; font-size:21px;  vertical-align:top;  line-height:20px; letter-spacing:1px; font-family:"Lucida Sans Unicode","Lucida Grande","MS Sans Serif",sans-serif; }
div#gameLogo { z-index:6; position:absolute; left:47px; top:126px; width:101px; height:101px; }
div#gameScreen { position:absolute; left:760px; top:89px; width:126px; height:259px; }
/* Gord isolated-elements approach to changing games - These DO change or expand as current and old games are updated. -g */
div#aboveLogo.current { /* JUST USE TEXT -g  background:url(../images/the_current_rebate.png); width:103px; height:56px; */  }
div#aboveLogo.how { /* No image will use text on page. -g */ }
div#aboveLogo.old { /* No image will use text on page. -g */ }
div#gameLogo.hottie { background:url(../game_isolated/hottie_logo.png); }
div#gameScreen.hottie { background:url(../game_isolated/hottie_screen.png); }
div#gameLogo.kawi { background:url(../game_isolated/kawi_logo.png); }
div#gameScreen.kawi { background:url(../game_isolated/kawi_screen.jpg); }
div#gameScreen.roulette { background:url(../game_isolated/roulette_screen.jpg); }


/*other bgs*/
body#nav3 div#deal {background: url(../images/how_bg.jpg) no-repeat top left;}
body#nav5 div#deal {background: url(../images/about_bg.jpg) no-repeat top left;}
/*other bgs end*/

div#footer { background: #bbb; width: 958px; }

/*Newsletter Signup*/
dl#nl_signup { float: left; width: 252px; margin: 1px 26px 0 0;}
dl#nl_signup dt {background: url(../images/knowing_title.gif) no-repeat top left; width: 210px; height: 18px;
text-indent: -9999px; line-height: 18px; margin: 0 0 5px 0;}
dl#nl_signup dd label {display: none;}
dl#nl_signup input {border: none; font-size: 1em; font-family: Arial, sans-serif;}
dl#nl_signup input#name { background: url(../images/nl_signup_name.gif) no-repeat; width: 192px; height: 34px;
line-height: 34px; padding: 0 0 0 60px; margin: 0.5em 0 0 0;}
dl#nl_signup input#djijw-djijw { background: url(../images/nl_signup_email.gif) no-repeat; width: 193px; height: 37px;
line-height: 37px; padding: 0 0 0 60px; margin: 0.5em 0 8px 0;}
dl#nl_signup input#sub_btn { width: 107px; height: 30px;}
/*How does it work*/
p#how_work { float: left; width: 378px;}

/*General Buttons*/
#deal_btn_home a {background: url(../images/im_in_btn.gif) no-repeat top left; width: 262px; height: 41px;
display: block; overflow: hidden; text-indent: -9999px;}
.mr10 {margin: 0 10px 0 0;}

/*Footer*/
div#foot1 {position:relative; height:84px;}
div#foot2 {position:relative; height:84px;}
div#foot3 {position:relative; height:84px;}
div#footer div.fbox {background: #eee; width: 256px; display: block; float: left; margin: 20px 0 20px 25px; padding: 0.9em 0.9em 0.9em 0.9em; }
/* Replace img with text.-g  div#footer #letsgo_btn a {background: url(../images/footer_letsgo_btn.gif) no-repeat; width: 92px; height: 30px; display: block; overflow: hidden; text-indent: -9999px; margin: 1.25em 0 0 0;} */
div#footer #foot3_btn a { position:absolute; bottom:14px; padding:8px 0 8px 0; background-color:#ffe400; width: 92px; display: block; overflow: hidden; font-size: 1.20em; font-weight:900; letter-spacing: 0.01em;  color:#000000; text-align:center; }
div#footer #foot3_btn a:link { color:#000000; text-decoration:none; }
div#footer #foot3_btn a:hover { color:#000000; text-decoration:none; }
div#footer #foot3_btn a:visited { color:#000000; text-decoration:none; }
div#footer #foot2_btn a { position:absolute; bottom:14px; padding:8px 0 8px 0; background-color:#ffe400; width: 92px; display: block; overflow: hidden; font-size: 1.20em; font-weight:900; letter-spacing: 0.01em;  color:#000000; text-align:center; }
div#footer #foot2_btn a:link { color:#000000; text-decoration:none; }
div#footer #foot2_btn a:hover { color:#000000; text-decoration:none; }
div#footer #foot2_btn a:visited { color:#000000; text-decoration:none; }

/*Legal*/
div#legal ul { margin: 2em 0 0 0; padding: 0 0 2.5em 0;}
div#legal ul li { float: left; list-style: none; font-size: 0.8em; margin: 0 2em 0 0;}
div#legal ul li a { color: #141414; text-decoration: none;}
div#legal ul li a:hover { color: #141414; text-decoration: underline;}

/*countdown styles*/
#defaultCountdown { z-index:50; background: url(../images/timer_bg.gif) repeat-x top left;  width: 240px; height: 51px; position: absolute; margin: /*201px*/ 1px 0 0 717px; padding: 6px 0 0 0;}

.hasCountdown {	background-color: #eee;}
.countdown_rtl {	direction: rtl;}
.countdown_holding span {background-color: #ccc;}
.countdown_row { clear: both; width: 100%;	padding: 0px 2px; text-align: center;}
.countdown_show1 .countdown_section {	width: 98%;}
.countdown_show2 .countdown_section {	width: 48%;}
.countdown_show3 .countdown_section {	width: 32.5%;}
.countdown_show4 .countdown_section {	width: 24.5%;}
.countdown_show5 .countdown_section {	width: 19.5%;}
.countdown_show6 .countdown_section {	width: 16.25%;}
.countdown_show7 .countdown_section {	width: 14%;
}
.countdown_section { display: block; float: left; text-align: center;
font-size: 0.6em; font-family: Arial, sans-serif; text-transform: uppercase;}
.countdown_section br {margin: 0 0 6px 0;}
.countdown_amount {	font-size: 250%; color: #fff; font-weight: bold;}
.countdown_descr {	display: block;	width: 100%;}