/*------------------- Define CSS of Card features -------------------*/
@import url('jquery.fancybox.css');
/*----------------- End define CSS of Card features -----------------*/

#main{width:1050px;margin:0 auto;font-size:13px;}


#header_bg{width:100%;height:125px; margin:0 auto;background:url(/myrewards/themes/card/imagesCard/bg_header.gif) ;background-repeat:no-repeat;}
#logo{float:left; width:300px;height:103px; margin:22px 0px 0px 85px; }
#logo img{height: 80px}
#header_right{float:right; height:50px;text-align:right; margin:20px 110px 0px 0px;}
#header_right .join_now{float:right;background:url(/myrewards/themes/card/imagesCard/bt_join_today.png) ;background-repeat:no-repeat; width:190px; height:34px;}
#header_right .join_now div{padding-top:10px; padding-right:10px}
#header_right .join_now a:link,#header_right .join_now a:visited{color:#FFF; font-weight:bold; text-decoration:none;}
#header_right .join_now a:hover{text-decoration:underline;}
#header_right .img_join_en{background:url(/myrewards/themes/card/imagesCard/bt_join_today.gif);width:190px;height:34px; margin:0px 0px 0px 300px}
#header_right .img_join_es{background:url(/myrewards/themes/card/imagesCard/bt_join_today_es.gif);width:190px;height:34px;margin:0px 0px 0px 300px}
#header_right_signup{float:right; height:50px;text-align:right; margin:10px 0px 0px 0px; color:#464637; font-size:14px}

#header_menu{float:right; width:555px;height:20px;text-align:right; margin:35px 110px 0px 0px ; }
#header_menu a:link,#header_menu a:visited{font-size:9px; font-weight:bold;color:#FFFFFF;text-decoration:none}
#header_menu a{background:url(/myrewards/themes/card/imagesCard/icon_drop1.gif);background-size:8px 7px;background-repeat:no-repeat;background-position:right;padding-right:10px}

/*Home page*/
#image_home{width:100%;height:333px; margin:0 auto;background:url(/myrewards/themes/card/imagesCard/image_home.jpg); background-repeat:no-repeat;}
#footer_bg_home{width:100%;height:198px; margin:0 auto;background:url(/myrewards/themes/card/imagesCard/bg_footer_home.gif); background-repeat:no-repeat;}
#footer_hone_icon{width:945px;height:60px; margin:0 auto;padding:12px 105px 0 0}
#footer_hone_menu{width:945px;height:126px; margin:0 auto;padding:15px 105px 0 0;color:#FFF;font-weight:bold}

.link_menu1 a:link, .link_menu1 a:visited{color: #FFF;text-decoration: none}
.link_menu1 a:hover{color: #FFF;text-decoration: none;	}

/*Inside page*/
#bg_inside{display:block; width:100%; margin:0 auto;background-color:#000000; background-image:url(/myrewards/themes/card/imagesCard/bg_inside.gif); background-repeat:repeat-x;background-position:top;  overflow:hidden;}

#content{width:866px;margin:0 auto;}
#content_top{width:866px;height:49px; margin:0 auto;background:url(/myrewards/themes/card/imagesCard/content_bg1.jpg); background-repeat:no-repeat;}
#content_left{float:left; width:516px;height:226px; background:url(/myrewards/themes/card/imagesCard/content_bg_left.jpg); background-repeat:repeat-x;}
#content_left_title{float:left; width:458px;height:79px; background:url(/myrewards/themes/card/imagesCard/title_uf.gif); background-repeat:no-repeat; margin-left:58px}
#content_left_text{float:left; width:458px;height:137px; margin:10px 0 0 58px ; font-size:13px; line-height:22px;font-weight:bold}

#content_right{float:left; width:350px;background:url(/myrewards/themes/card/imagesCard/content_bg_right.jpg); background-repeat:no-repeat;}
#content_image{float:left;width:866px;height:159px;background:url(/myrewards/themes/card/imagesCard/image1.jpg); background-repeat:no-repeat;}
#content_footer{float:left; width:866px;background-image:url(/myrewards/themes/card/imagesCard/bg_content_footer.gif); background-repeat:repeat-x;padding-top:10px;}
#content_footer_icon{float:left; width:846px;height:60px; padding-right:20px}
#content_footer_icon .bracket,#footer_hone_icon .bracket{font-size:60px;vertical-align: top}
#content_footer_icon a:hover,#footer_hone_icon a:hover{color:#A50000}
#content_footer_menu{float:left; width:846px;font-weight:bold;padding-right:20px;padding-top:25px;color:#FFF;height:50px}
#content_footer_text{text-align:left; padding: 0px 0 0 10px}

#title1{float:left;width:808px;height:38px;margin-left:58px}

#text1{float:left;width:800px;margin-left:38px; }
#text2{float:left;width:400px;}
ul{list-style-type: none;padding: 0px;margin: 0px;}
ul li{padding:5px 10px;}

/*General olor use for Card Feature*/
.bg_color{background-color: #A50000;}
.text_color{}
.border_color{color:#A50000;}

.link_menu2 a:link, .link_menu2 a:visited{color: #FFF;text-decoration: none}
.link_menu2 a:hover{color: #FFFFFF;text-decoration: none;}

.fancybox-skin{color:none}
.fancybox-type-iframe .fancybox-inner {border: 2px none #1E1A0A;}
.fancybox-close {top: 0px;right: 0px;width: 24px;height:24px;background-image: url(imagesPopupFancybox/btClose.png);margin:20px}
.fancybox-close-compare {top: 0px;right: 0px;width: 24px;height:24px;background-image: url(/myrewards/themes/card/imagesCard/btClose_Compare.png);margin:5px 20px;}
.fancybox-close-benefit {top: 0px;right: 0px;width: 24px;height:24px;background-image: url(/myrewards/themes/card/imagesCard/btClose_Benefit.png);margin:20px;}
.benefit ul li a:link,.benefit ul li a:visited{color:#FFF;text-decoration: none}

/*Popup*/
.popup{color:#FFF;background-color:#929292; -moz-border-radius: 20px;-webkit-border-radius: 20px;-khtml-border-radius: 20px;border-radius: 20px; border:solid 10px #929292;}
.popup .popup-frame{background-color:#929292; padding:15px; -moz-border-radius: 20px;-webkit-border-radius: 20px;-khtml-border-radius: 20px;border-radius: 20px; border:solid 2px #FFF}
.popup .popup-title{font-weight:bold; font-size:18px;padding-top:15px;background-color:#929292}
.popup .popup-desc{clear:both;font-size:15px;}

/* Popup Sign up*/
.signupPopup{position:absolute;width:634px; height:408px ;z-index:1;padding:10px;overflow:hidden;-moz-border-radius: 10px;-webkit-border-radius: 10px;-khtml-border-radius: 10px;border-radius: 10px; border:solid 5px}
.signupPopup .img-signupPopup{position:absolute;left:0px;top:0px;z-index:-1; min-width:400px;border:0px}
.signupPopup .content-signupPopup{line-height:18px;font-size:18px;width:400px;padding:10px;border:0px}
.signupPopup .content-signupPopup img{border:0px}

/*Popup benefit*/
.popupBenefit{}
.popupBenefit .popup-frame{width:400px;min-height:150px;}
.popupBenefit img{float:left; padding-right:10px; padding-bottom:10px;}
.popupBenefit .popup-title{}
.popupBenefit .popup-desc{}
.popupIntro{background-color:#FFF; padding:2px;}
.learnMore{color:#BE464C; font-weight:bold;position:absolute; z-index:1000; top:270px; left:860px;}

/*Popup comparison chart*/
.fancybox-type-iframe .fancybox-inner{border:1px none #000}
.comparison{background-color:#FFF; padding:10px; border:1px solid #000; overflow:auto;}
.comparison .levelComparison{width:320px;float:left}
.comparison .levelComparison .title{color:#B03B3E; font-weight:bold; font-size:18px;border-bottom: solid 3px #B03B3E;margin:5px 0px; padding: 0px 10px;white-space:nowrap;background-color:#FFF}
.comparison .levelComparison .col .type{width:100px}
.comparison .levelComparison .col .name{width:210px}
.comparison .col{display:table-cell}
.comparison .cols {}
.comparison .cols .col{width:220px;position:relative;float:left;display:table;vertical-align:middle; text-align:center;}
.comparison .col .sepa{border-top:dashed 1px #000}
.comparison .col .level{color:#B03B3E; font-weight:bold; font-size:18px;text-align:center;text-transform:uppercase; border-bottom: solid 3px #B03B3E;margin:5px 0px; height:44px}
.comparison .col .type{color:#B03B3E; font-weight:bold; background-color:#FFF; float:left;text-transform:uppercase; margin-left:10px; width:49%}
.comparison .col .name{float:right}
.comparison .col .row{border-right:dashed 1px #000;background-color:#E8E8E8; text-align:center; color:#B03B3E;padding: 0px 10px;clear:both; font-weight:bold;height:50px; overflow:hidden; line-height:17px;font-size:11px;}
.comparison .col .row .tbl,.comparison .col .type .tbl{display: table-cell;vertical-align: middle;height:50px; overflow:hidden}
.comparison .col .alt{background-color:#FEFEFE}
.comparison .col .name .row,.comparison .col .name .row a:link,.comparison .col .name .row a:visited{text-align:left; color:#1B1B1B; font-weight:bold; text-decoration:none}
.comparison .col .name .row a:hover{text-decoration:underline}
.comparison .col .type .tbl span{padding-right:20px;background-image:url('/myrewards/themes/card/imagesCard/arrow_r.PNG');background-repeat:no-repeat;background-position:right top;}
#compareFooter{text-align:left; padding:10px 0 0 10px; font-size: 12px}

.popupIntro{background-color:#FFF; padding:2px}
.popupIntro .btClose{cursor:pointer; float:right; background-color:#E4E4E4; padding:4px 8px;font-weight:bold;font-size:15px;}

/*Benefit*/
.bonus{}
.bonus tr td{vertical-align:top}
.bonus .benefit{width:800px; color:#494949;padding-left:50px}
.fb{width:185px; border: solid 2px #DB9A9A; left:0;}
.fb .platinum{background-color:#6C6F70; color:#FFF; font-size:16px; padding:5px;}
.fb .content{padding:5px; color:#C44247;}
.fb .content .caption{color:#000; font-size:16px;}
.fb .content  .text{padding-top:5px;}
.perk td{font-size:15px; font-weight:bold}
.perk td a{text-decoration:underline}

.premium-info,.premium-info a:link{color:#FFF; font-weight:bold; text-align:center; width: 250px; height: 50px;border-bottom: 1px;}
.premium-info .border{border: solid 1px rgb(250, 244, 244); padding: 5px;height: 80px;}
.premium-info .border div{float: left;overflow: auto;padding: 5px 5px;width: 100px;}
.premium-info .border a{text-decoration:underline}
.premium-info .border a:visited {color:#FFF;}

.prizes{padding-top:5px}
.prizes .item{border: solid 1px; float:left; width:196px; height:240px; padding:10px; overflow:hidden; text-align:center}
.prizes .item .img{text-align:center;}
.prizes .item img{height:120px}

.benefit{color:#626262; font-weight:bold}
.benefit .item{float: left;width: 380px;padding: 5px 0px 0px 10px;height: 35px;overflow: hidden;}
.benefit .item a:link,.benefit .item a:visited{color:#4B4B4B}
.benefit .item a:hover{text-decoration:underline}

/*Non premium popup*/
.non-premiummember{position:absolute;z-index:1;padding:10px;overflow:hidden;-moz-border-radius: 10px;-webkit-border-radius: 10px;-khtml-border-radius: 10px;border-radius: 10px; border:solid 5px #A50000;}
.non-premiummember .img-non-premium{position:absolute;left:0px;top:0px;z-index:-1; min-width:400px;}
.non-premiummember .content-non-premium{line-height:18px;font-size:18px;width:400px;padding:10px;}
.non-premiummember .content-non-premium .title-non-premium{}
.non-premiummember .content-non-premium .link-non-premium{line-height:30px;padding-top:10px;}
.non-premiummember .content-non-premium .link-non-premium a:link{text-decoration: underline;font-weight:bold;}

/*Popup message signup*/
.popupMsg{width:400px;}

/*Popup progress signup*/
.LockOff {
	visibility: hidden;
	display: none;
	position: absolute;
	top: -100px;
	left: -100px;
}
.LockBackground {
	position: absolute;
	top: 0px;
	left: 0px;
	visibility: visible;
	display: block;
	width: 105%;
	height: 255%;
	background-color: #FFF;
	z-index: 999;
	filter: alpha(opacity=75);
	opacity: 0.75;
	padding-top: 20%;
}
.LockPane {
	z-index: 1200;
	position: absolute;
	top: 0px;
	left: 0px;
	padding-top: 15%;
	visibility: visible;
	display: block;
	text-align: center;
	width: 100%;
	
}
.LockPane div {
	width: 55%;
	
	color: black;
	font-size: large;
	border: dotted 1px White;
	padding: 9px;
	margin-left: auto;
	margin-right: auto;
}
