﻿
body 
{
    font: 12px/18px Tahoma, Verdana, sans-serif; 
    background:#FFF url(../images/hdr_bgrd.gif) no-repeat scroll 50% 0;
}
/* -------- Reset ------------------- */
* { margin: 0; padding: 0;}
a img { border: none;}
p {padding:0 0 20px;}
li { list-style: none outside; }
/* -------- Page Container --------------------- */
#page_container {margin:0 auto; width:960px;}
/* -------- Header ----------------------------- */
#header 
{ 
    height: 151px; 
    background: url('../images/hdr_bgrd.gif') no-repeat 50% 0; 
    position: relative; 
    z-index:100; 
    height:161px;
}
#header .search_options {height:28px; left:638px; position:absolute; top:16px; width:300px;}
#header .search_options li {float: left; display: inline; margin-right: 9px;}
#header .search_options li.last {margin-right: 0px;}
#header .button_box {position: absolute; top: 16px; left: 876px;}
#header h1 
{
    height:161px;
    left:409px;
    position:absolute;
    top:0;
    width:115px;
    z-index:1000;
}
#header h1 a 
{
    display:block;
    height:100%;
    overflow:hidden;
    text-indent:-1920px;
    width:100%;
}
#header .help_box 
{
    color:#F37321;
    font-family:Arial,Helvetica,sans-serif;
    height:20px;
    left:920px;
    line-height:15px;
    position:absolute;
    text-align:center;
    top:20px;
    width:45px;
}
#header .help_box a{color: #f37321;}
.trop50 
{
    border-left:1px solid #DCAA54;
    color:#00834F;
    left:150px;
    padding-left:10px;
    padding-top:5px;
    position:relative;
    top:-10px;
    width:88px;
}
.trop50GeneralInfo
{
    color:#00834F;
    height:75px;
    left:150px;
    padding-left:10px;
    padding-top:5px;
    position:relative;
    top:5px;
    width:88px;
}
.trop50 a{position:relative; color:#0066a4;font-weight:bold; left:10px; top:-3px;}
.trop50 a:hover{text-decoration:none;}
.trop50Link{position: relative; top:-4px; left:9px; z-index: 10}
.trop50Text{width: 150px; margin-top: 3px; font-weight:bold;}
 a.tropLinkGreen {color:#00834F; left:0;}
.trop50 a 
{
    color:#0066A4;
    font-weight:bold;
    left:10px;
    position:relative;
    top:-3px;
}
.tropLink {
    color:#00834F;
    font-weight:bold;
    margin-left:40px;
    position:relative;
    top:49px;
    z-index:1;
}

#nav {height:39px; position:relative; top:2px; width:100%; background:transparent none repeat scroll 0 0; }
#nav li {display:block; float:left; height:39px; overflow:hidden;}
#nav li a { display: block; width: 100%; height: 39px; text-indent: -1920px; background: url('../images/nav_bgrd.gif') left top no-repeat; }
#nav li#li1 {width:81px;}
#nav li#li1 a {background-position: -45px 0;}
#nav li#li1 a:hover {background-position: -45px -39px;}
#nav li#li2 {width:195px;}
#nav li#li2 a { background-position: -125px top;}
#nav li#li2 a:hover { background-position: -125px -39px;}
#nav li#li3 {width:130px; margin-right: 115px;}
#nav li#li3 a {background-position: -310px top;}
#nav li#li3 a:hover {background-position: -310px -39px;}
#nav li#li4 {width:135px;}
#nav li#li4 a {background-position: -555px top; }
#nav li#li4 a:hover { background-position: -555px -39px;}
#nav li#li5 {width:180px;}
#nav li#li5 a {background-position: -700px top; }
#nav li#li5 a:hover { background-position: -700px -39px;}
#nav li#li6 {width:124px;}
#nav li#li6 a { background-position: -875px top; }
#nav li#li6 a:hover { background-position: -875px -39px;}

#navSub, #navSubSweep {
    background-color:#76D2F6;
    padding:0;
    position:relative;
    text-align:center;
    width:180px;
    position:absolute;
    z-index:10;
    display:none;
}

ul#navSubSweep #li_Sub1 {height:90px;}
ul#navSub, #navSubSweep{list-style:none;}
ul#navSub li, ul#navSubSweep li{line-height:30px; border-top:2px solid #fff; width:180px;}
ul#navSub #li_Sub6, ul#navSubSweep #li_Sub2,ul#navSubSweep #li_Sub1, ul#navSubSweep #li_Sub3  {line-height:17px;}
ul#navSub a, #navSubSweep a{color:#ffffff; text-decoration:none; font-family:arial; font-size:13px; font-weight:bold;}  
#nav  li#li4 #navSub li a:hover{background-color:#00b7f1; height:39px;}
#nav  li#li5 #navSubSweep  li a:hover{background-color:#00b7f1; height:90px;}  
#nav #navSub li, #nav #navSubSweep li  {background-color:#76D2F6;}
#nav li#li4 a {
    background:transparent url('../images/nav_bgrd.gif') no-repeat scroll -555px top;
    display:block;
    height:39px;
    position:relative;
    width:100%;
    z-index:0;
}

#nav li#li5 {
overflow:visible;}

ul#nav ul#navSubSweep {position:absolute; z-index:10;}
#nav #navSubSweep li a {

background:none;
text-indent:0;
} 
#nav #navSub li a {

background:none;
text-indent:0;
}
#rescueTherainforestImage {
    background:transparent url(../images/Nav_rainforestAnimation.gif) no-repeat scroll right top;
    height:35px;
    left:831px;
    margin:0;
    position:relative;
    top:-35px;
    width:26px;
    z-index:100;
}

/* -------- Home Header Wecloming page----------------------------- */
#header .welcome_box 
{
    width:215px;
    height: 32px; 
    position: absolute; 
    top: 0; 
    left: 600px;  
    color: #0093D0; 
    text-align:right;
    font: 13px/15px Arial, Helvetica, sans-serif;
}

#header .welcome_box a {color:#f37321;}
#header .welcome_box img {position:absolute; top: 15px; left:230px;}
body #header .welcome_box span.your_points 
{
    display:block;
    font-size:20px;
    font-weight:bold;
    line-height:18px;
    margin:5px 0 0;
}
.noFlashPlayer, .noFlashPlayerResuce, .noFlashPlayerLeft{position:absolute; top:350px; width:200px; left:750px; color:#0093D0; }
.noFlashPlayerResuce, .noFlashPlayerLeft{left:850px;  color:#0093D0;}
.noFlashPlayerLeft{top:650px;}
.noFlashPlayerRtn
{
    color:#0093D0;
    left:450px;
    position:absolute;
    top:620px;
    width:200px;
}
/* -------- Content ---------------------------- */
#cnt2 {
    background:transparent url(../images/dots.gif) repeat-x scroll left bottom;
    clear:both;
    color:#0093D0;
    display:inline;
    float:left;
    margin-left:10px;
    min-height:350px;
    overflow:hidden;
    width:940px;
}
#login { color: #0093d0; }
#login h3 { width: 94px; height: 39px; background: url('../images/text_returning-members.gif') left top no-repeat; text-indent: -1920px; overflow: hidden; margin: 0 auto 10px auto;   }
#login h4 { font-weight: normal; font-size: 130%;  }
#login .submit { margin:0; margin-bottom:15px;   width: 42px; height: 23px; background: url('../images/login_button_go.gif') left top no-repeat; float: right; clear:both;  }
#rewardSearch {margin:0px; width:185px;position:relative; z-index:10;}
.LeftPanel .rewards-search{position:relative; margin:0; background:url('../images/search-button.gif') no-repeat bottom center; height:22px; width:114px; border:0;}
#rewardSearch p {padding:10px 0;}
.homebox {float:left; margin-bottom:26px; padding-bottom:25px; width:410px;}
.homebox h2 
{
    background:transparent url(../images/home_text_head4.gif) no-repeat scroll 0 0;
    height:178px;
    margin-top:14px;
    overflow:hidden;
    text-indent:-10000px;
    width:501px;
}
.homebox p {font-family:Arial,Helvetica,sans-serif; font-size:15px;line-height:18px;}
.homebox .options p {margin:0; padding:0;}
.homebox .options img {vertical-align:middle;}
.marginL10 {margin-left:10px;}
.cleaner {clear:both; display:block; height:1px;overflow:hidden;}
.LeftPanel {float:left;}
.LeftPanelHome {color:#0093D0;float:left;margin-left:10px;margin-top:35px;width:250px;}

.col { float: left; overflow: hidden;  }
.col.w2 {width:62%;}
.col.w23 {width: 66%;}
.col.w3 {width: 33%;}
.col .inner.pl { padding-left: 10px; }
.col .inner.pr { padding-right: 10px; }
.col.login { width: 410px; margin-left: 5px; margin-top: 10px;clear: left;}
.col.qs { width: 245px;  }
.loggedHomePage
{
    height:120px;
    margin-bottom:25px;
    max-height:130px;
    width:auto;
    padding:0;
    padding-bottom:20px;
}
.loggedHomePage li
{
    display:inline;
    float:left;
    margin-right:35px;
    text-align:center;
}
.homebox .options .loginHome  {float:right; position:relative; padding:0; margin:0; right:65px;}
.flashHome {display: inline; float:left;}

/* -------- Login Pop Up styles ----------------------------- */
.modalPopup {
    background-color:#FFFFFF;
    border:1px solid Gray;
    padding:20px;
    width:400px;
}
.modalBackground {background-color: #000; filter:alpha(opacity=70);opacity:0.7;}
.popUpBox label 
{
    color:#00AEEF; 
    padding-left:30px;
}

.popUpBox input 
{
    border:1px solid #00AEEF;
    margin-left :10px;
    margin-top:10px;
    outline:1px #00AEEF outset;

}
.popUpCheck input{position:relative; margin: 0 10px 0pt 28px; top:55px; left:80px;}
.popUpCheck label{position:relative; top:53px; left:80px; color:#00AEEF;} 
.popUpforgottenP a{position:relative; left:110px; top:-50px; color:#00AEEF; font-size:14px;}
.popUpLinkButton
{
    position:relative; 
    top: 30px; 
    background:url(../images/login.gif) no-repeat left top;
    width:75px;
    height:25px;
    left:-50px
    
}
#popUpTroReward
{
    color:#00AEEF;
    position:relative;
    left:80px;
}
.popUpTxtBox
{
    border: 1px solid #00AEEF;  
    outline:1px #00AEEF outset; 
    margin-left: 10px; 
    margin-bottom: 10px; 
    width: 240px;
}
.failedText{position:absolute; left:130px;}
.InstruLoginStyle 
{
    position:relative;
    color:#00AEEF;
    left:100px;
    text-align:left;
    width:230px;
    margin-bottom:10px;
}
.right {float:right;}
.InstruLoginStyle 
{
    color:#00AEEF;
    left:100px;
    margin-bottom:10px;
    position:relative;
    text-align:left;
    width:230px;
}
/* -------- Footer ---------------------------- */
#footer 
{
    height:57px;
    padding-top:10px;
    clear:both;
}
#ftr_left {padding-right:4%;width:34%; font-size:9px;}
#ftr_right{font-size:9px;}
.col {float:left; overflow:hidden;}
#footer #ftr_left ul li, #footer #ftr_right ul li {display:inline;}
#footer #ftr_left ul li a, #footer #ftr_right ul li a 
{
    border-right:1px solid #000000;
    color:#000000;
    padding:0 6px 0 2px;
    text-decoration:none;
}
#footer #ftr_right ul li a {border:0 none;}
/*---------------------Footer Pop Page-------------------*/

#Container{position:absolute; width:191px;}
#sbl { background:#ffffff url('../images/bubble_top.gif') top left no-repeat ; width: 191px; text-align: center; min-width: 191px;}
#str {padding: 10px; } 
#sb { padding: 2px 0px 10px 50px; background: url('../images/bubble_bottom.gif')  no-repeat 0 0 ; height:29px; }

.clear{clear:both;}
.cleaner {clear:both; display:block; height:1px; overflow:hidden;}

ul#nav ul#navSubSweep {position:absolute; z-index:10;}

/*---------------------Sweepstake Rules for PopUp Page-------------------*/

#splitterMainRules{margin:0; padding:0; margin-top:10px; color:#0093D0;}
#splitterMainRules .orange a{font-weight:bold; color:#f47321;}
#splitterMainRules .orange{width:150px; float:left; margin-left:40px;}

div.modalPopup.home {
padding:20px;
width:400px;
}