/*--------- Layout---------------------------------------*/
#footer #ftr_left, #footer #ftr_right { font-size: 9px; }
#footer #ftr_left ul li, #footer #ftr_right ul li { display: inline; }
#footer #ftr_left ul li a, #footer #ftr_right ul li a { padding: 0 6px 0 2px; border-right: 1px solid #000; color: #000; text-decoration: none;  }
#footer #ftr_right ul li a {border:0;}
#footer #ftr_left ul li a:hover, #footer #ftr_lright ul li a:hover { text-decoration: underline;  }

/* -------- Common styles ----------------------------- */
.right{float:right;}
/* -------- Navigation ----------------------------- */
#rewardSearch p {padding:0; }

/* -------- Home ----------------------------- */
a{word-wrap: break-word;}
.tropLink{float:left; margin-left:40px; position:relative; top:49px; color:#00834f; font-weight:bold; z-index:1;}
body .trop50
{
    border-left:1px solid #dcaa54;
    position:relative;
    left:150px;
    color:#00834F;
    padding-left:10px;
    padding-top:5px;
    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; }
.homebox h2 {height:174px; width:510px;} /*line 162 */


#cntRight 
{
    position:relative;
    color:#0093D0;
    display:inline;
    float:right;
    overflow:hidden;
    width:400px;

}

body .homebox div.options p {margin:0; padding:0;}

.loggedHomePage
{
    height:120px;
    margin-bottom:25px;
    max-height:130px;
    width:510px;
    padding:0;
    padding-bottom:20px;
}
.loggedHomePage li
{
    display:inline;
    float:left;
    margin-right:35px;
    text-align:center;
}
.marginL10{margin-left: 10px;}
.errM {padding-top:0; position:relative; top:-5px;}

.homebox .options .loginHome  {float:right; position:relative; padding:0; margin:0; right:65px;}

/* -------- To compensate for the Origami on Bank point pAGE ----------------------------- */


/* -------- Home Header Wecloming page----------------------------- */
body #header .help_box {
	width: 45px; 
	height: 20px; 
	position: absolute; 
	top: 0; 
	left:988px;
}


body #header .welcome_box {
	top: 0;
	left: 625px !important; /*775*/
}

#header .welcome_box a {color:#f37321;}
#header .welcome_box img {position:absolute; top: 15px; left:230px;}
.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;
}

/* -------- Partner Sub Navigation----------------------------- */
#navSub, #navSubSweep {position:relative; padding:0; text-align:center; width:180px; background-color:#76d2f6; display:none;}
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{line-height:17px;}
ul#navSubSweep #li_Sub1, ul#navSubSweep #li_Sub2, ul#navSubSweep #li_Sub3 {line-height:17px;}
ul#navSubSweep #li_Sub1 {height:90px;}
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;}

body #nav {
top:2px;
}
/*------CSS to to prevent conflicting background b/w Header Nav and Partner Rewards Sub Nav---- */ 

#nav li#li4 {
overflow:visible;
width:145px;
}

#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;}


#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;
    position:relative; 
    margin:0; 
    left:870px; 
    top:-35px;
    height:35px;
    width:26px;
    z-index:100;
   
}

.input .helper.phoneTxtInfo{width:210px; right:20px; }
.minHeight{min-height:45px;}
.input.paddingB{padding-bottom:10px;}
.error-msg {
background-color:#ffffff;
}
.error-msgR 
{
    color:#FF0000;
    display:block;
    font-weight:bold;
    padding:0;
    width:200px;
}
.error-msgR.LongWidth{width:240px;}
.error-msgR.leftPos{position:relative; left:60px;}
.error-msgR2 
{
    color:#FF0000;
    font-weight:bold;
    padding:0;
    width:500px;
}
#registration .iconselect {width:142px !important;}
#registration .ageL .iconselect {width:102px !important;} 
#registration .ageL .iconselectholder {width:108px !important;}
#registration .iconselectholder{ width:148px !important;} 
.ErrAligment{clear:both; display: block; width:350px; margin-left:105px;}

.error-iconAge {color:#FF0000; }
.error-iconL {color:#FF0000; margin-left:-55px;}
.error-iconState{color:#FF0000; margin-left:90px;}
input.retailerList{border:1px solid #00AEEF; padding:3px; width:215px;}

/* -------- Wecloming page----------------------------- */
.recycleC {padding-top: 20px; margin-bottom: 30px;}
.recycleC a{color:#0093D0; font-weight:bold;}
.recycleC a:hover{text-decoration:none;}

/* -------- My Account Favourite page----------------------------- */
#favs {
height:21px;
width:620px;
}

#RegMobile{
background:transparent url(../images/registerMobile.gif) no-repeat scroll left top;
height:27px;
width:263px;
}

#registration #UpdateDetails{
background:transparent url(../images/updateDeatil.gif) no-repeat scroll left top;
height:27px;
width:207px;
}

body #header{z-index:100;}

#bank_points{ position:relative; z-index:100;}

.origamiBankPoint {position:absolute; left:650px; top:150px; z-index:0; float:right;}


#terms 
{

    background:transparent url(../images/header_program_terms.gif) no-repeat scroll left top;
    height:28px;
    width:226px;
}

#faq 
{
    height:23px;
    width:241px;
}


#faqHelp 
{
    background:transparent url(../images/faqs.gif) no-repeat scroll left top;
     height:21px;
    width:82px;
}

/* -------- My Account Update Details page----------------------------- */
#registration .field .textfield.DisEnable 
{
    color:gray; 
    border: 1px solid gray;
}
.input .input.select.ageL{z-index:-1;}
.aligmentOptIn{width: 500px; float: left; clear: right;}
#registration .input.checkbox .field.CheckBoxAlignOptIn{float:left; margin-top:3px; width:auto;}

/* -------- To sarafi aligment issue on Regitration page----------------------------- */
@media screen and (-webkit-min-device-pixel-ratio:0){
div.iconselect div.comboboxfix {height:22px;}
}

/* -------- sweep Page----------------------------- */
#sweepImg {
    float:right;
    position:relative;
    top:205px;
}

#registration #MobileIcon 
{
    background:transparent url(../images/icon_mobile.gif) no-repeat scroll right top;
    height:16px;
    width:100px;
    
}

/* -------- Add friend Page----------------------------- */

#ShareWithFri
{
    color:#00AEEF;
    clear:both;
}

#ShareWithFri .input .field{float:left;}
#ShareWithFri .input label{width:110px; text-align:right;  float:left;}
#ShareWithFri .field{border: 1px solid #00AEEF; padding:3px; }
#ShareWithFri input{border:0 }
#ShareWithFri .submit
{
   
    width:77px;
    height:25px;
    border:0;
    float:right;
}


/* -------- Rainforest Page----------------------------- */
#registration .captcha .msg {margin:10px 0 0 110px;}


#RainRescue
{
    background:transparent url(../images/rescueRainforest.gif) no-repeat scroll left top;
    height:62px;
    width:320px; 
}
h1.RainRescueH{font-size:20px;}

#rainforestinformation
{
    background:transparent url(../images/rainforestFact.gif) no-repeat scroll left top;
    height:21px;
    width:228px;
}



body #registration .input div.field .selectfield {

width:203%;
}

body h1#points-banked  {width:209px; height:22px;}

body div.searchbar div.select div.field.widefield {width:175px !important;}
div.search_refine_head div.searchbar label.points{width:72px !important;}

body div.tree_text {color:#339933;}
#RrForestContainer .MarginTop {margin-top:40px;}

/* -------- Help - Contact Page----------------------------- */
#ContactHelp
{
   margin:0;
   padding:0;
   width:600px;
   font-size:1.2em;
   font-family:arial;
}

.contactHelpSplit
{
    float:left;
    width:195px;
    margin-top:30px;
    margin-left:40px;
    margin-right:60px;
    margin-bottom:40px;
}
.contactHelpSplit span
{
    display:block;
    color:#f57c30;
    font-weight:bold;
    line-height:1.2em;
    height:50px;
    text-align:center;
    margin-bottom:20px;
}
.contactHelpSplit img, .BtnAlign
{
    display:block;
    margin:0 auto;
}


.contact_holder .input .field .selectfield.dropDownW {width:auto;}

.input.phoneHome .textfield.mobile {width:15%; padding:3px;}
.ErrMessage{font-size:16px; font-weight:bold;}
.loginPageLine{
    background:transparent url(../images/dots.gif) repeat-x scroll left bottom;
    height:130px;
    margin-bottom:25px;
    max-height:130px;
    padding-bottom:30px;
    width:auto;
}

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;}