@charset "utf-8";
/* CSS Document */

@import url('https://cloud.typography.com/7738512/694566/css/fonts.css'); 

*, *:before, *:after {
  -webkit-box-sizing: border-box; 
  -moz-box-sizing: border-box; 
  box-sizing: border-box;
  transition: 0.3s;
}
img { max-width: 100%;}

body { background: url(../images/bg.jpg) top center no-repeat; font-style: normal; font-size: 16px; color: #000; padding: 0px; font-family: 'Gotham SSm A', 'Gotham SSm B', Arial, Helvetica, sans-serif;}
/* body.account_manager { background: url(../images/bg-manager.jpg) 50% -69px no-repeat; } */
body.account_manager { background-position: 50% 88px!important; }
/*#loyalty-all-login, #forgetpass, #activateaccount, #activateaccount2, #termsconditions_all, #policy { background: url(../images/bg-login.jpg) center 92px no-repeat!important; }*/
#loyalty-all-login, #forgetpass, #activateaccount, #activateaccount2, #termsconditions_all, #policy { background-position: center 92px!important; }
#canvas { border: 0; padding-top: 0px; width: 100%; position: relative; }
#loyalty-all-login #canvas_padding:before {display: none; width: 260px; height: 220px; position: absolute; top: 120px; left: 260px; content: ""; background: url(../images/cas_prelogin.png) top center no-repeat;}

#loyalty-all-login #page .arch,
#forgetpass #page .arch, 
#activateaccount #page .arch, 
#activateaccount2 #page .arch, 
#termsconditions_all #page .arch, 
#policy #page .arch {width: 100%;}

#uploadsales-form-container ol.formgrid li .field-block input[type=radio] { 
	width: auto;
	padding: 0;
	margin-top: 1px;
	margin-left: 0;
}
#uploadsales-form-container ol.formgrid li .field-block label { width: auto; padding: 0; }

#home #canvas_padding:before {display: none; width: 260px; height: 220px; position: absolute; top: 120px; left: 525px; content: ""; background: url(../images/cas_prelogin.png) top center no-repeat;}

#header { position: relative; width: 100%; background: #fff; padding: 20px 0px;}
	#header .padding { position: relative; width: 90%; margin: 0px auto; }
	#header .branding { display: table; height: auto; table-layout: fixed; width: 100%; min-height: 32px; }
		#header .left { background: url(../images/branding-top-left.png) top left no-repeat; display: table-cell; padding: 0px 0 0 0; text-align: left; vertical-align: top; width: 222px; }
		#header .left img { width: 71px; }
		#header .middle { /*background: url(../images/branding-top-middle.png) top left repeat-x;*/ color: #fff; display: table-cell; font-size: 35px; padding: 0px 0 0 27px; vertical-align: top; width: 100%;  text-indent: -5000px;}
		#header .right { background: url(../images/branding-top-right.png) top right no-repeat; display: table-cell; vertical-align: top; width: 43px; }
	    #header #headermenu {color: #000; position: absolute; top: 25px; right: 35px; font-family: 'Gotham SSm A', 'Gotham SSm B', Arial, Helvetica, sans-serif;}
		#header #headermenu #client_logout { margin: 0; font-family: 'Gotham SSm A', 'Gotham SSm B', Arial, Helvetica, sans-serif;}
		#header #headermenu #hm_user_pane_inner { border-right: 1px solid #fff; height: 32px; line-height: 32px;}
		.buttonlink a.invisible_arrow:before { content:"|"; padding-right: 5px; }
		
		.buttonlink a.invisible_arrow { background: url(../images/arrow-logout-new.png) right 2px no-repeat; display: block; height: 31px; text-indent: 0px; color: #000; padding-right: 15px;}
		.buttonlink a.invisible_arrow:hover { background-position: right 2px; color: #019497;}
        
        /*LNG Selector*/
        .lng_select{ border-right: 0px solid #000; clear: both; height: 32px;line-height: 16px;margin: 0 10px 0 0;text-align: right;padding-right: 4px; position: relative; top: -68px; }  
        #loyalty-all-login #headermenu,
        #activateaccount #headermenu,
        #activateaccount2 #headermenu { position: static; }
        /*#loyalty-all-login .padding,
        #activateaccount .padding,
        #activateaccount2 .padding { display: none; }*/
        #loyalty-all-login .lng_select,
        #activateaccount .lng_select,
        #activateaccount2 .lng_select,
        #forgetpass.select_lng .lng_select { position: static; }
        .lng_select select{border: 1px solid #cecece;padding: 4px 2px; border-radius: 2px;line-height: 16px; }
        
        .lng_select:after { content:"|"; display: inline-block; padding-right: 5px; width: 5px; }

        .home_page .lng_select:after { display: none;}



.list_menu_link_forgetpass  { clear: both; font-size: 18px; }
.list_menu_link_forgetpass a { color: #000; font-weight: bold; }
.menu_link_forgetpass_sub_title { display: inline-block; margin: 0 5px 0 0; }

#navigation { background: #e5242f; padding: 0 0 0 5%; /*width: 25%;*/ min-width: 320px; width: 470px; position: absolute; top: 93px; left: 0; z-index: 10; }
#loyalty-all-login #navigation,
#forgetpass #navigation, 
#activateaccount #navigation, 
#activateaccount2 #navigation, 
#termsconditions_all #navigation, 
#policy #navigation { padding: 0 0 0 0%; }
	#navigation ul { margin: 0; }
		#navigation li { width: 100%; }
			#navigation ul li a { background: none; border-radius: 0; display: block; color: #fff; font-size: 16px; padding: 15px 25px 15px 25px; text-align: left; position: relative; }
			#navigation ul li a:hover {	background: #fff; color: #e5242f; text-decoration:none; }
			#navigation ul li.nav-active a { background-color: #fff; color: #e5242f; }
				#navigation ul li a .icon { background: url(../images/sprite-nav.png) no-repeat; display: inline-block; height: 30px; width: 35px; position: absolute; top: 0px; left: 3px; }
					#navigation .nav-home a .icon { background-position: 0 0; margin: 7px 0 0 0; }
					#navigation .nav-home.nav-active a .icon,
					#navigation .nav-home a:hover .icon { background-position: -35px 0; }
					#navigation .nav-redeem a .icon { background-position: 0 -35px; margin: 7px 0 0 0; }
					#navigation .nav-redeem.nav-active a .icon,
					#navigation .nav-redeem a:hover .icon{ background-position: -35px -35px; }
					#navigation .nav-pending a .icon { background-position: 0 -350px; margin: 7px 0 0 0; }
					#navigation .nav-pending.nav-active a .icon,
					#navigation .nav-pending a:hover .icon{ background-position: -35px -350px; }
					#navigation .nav-promos a .icon { background-position: 0 -70px; margin: 7px 0 0 0; }
					#navigation .nav-promos.nav-active a .icon,
					#navigation .nav-promos a:hover .icon{ background-position: -35px -70px; }
					#navigation .nav-sales a .icon { background-position: 0 -105px; margin: 7px 0 0 0; }
					#navigation .nav-sales.nav-active a .icon,
					#navigation .nav-sales a:hover .icon{ background-position: -35px -105px; }
					#navigation .nav-accdetails a .icon { background-position: 0 -140px; margin: 7px 0 0 0; }
					#navigation .nav-accdetails.nav-active a .icon,
					#navigation .nav-accdetails a:hover .icon{ background-position: -35px -140px; }
					#navigation .nav-notes a .icon { background-position: 0 -175px; margin: 7px 0 0 0; }
					#navigation .nav-notes.nav-active a .icon,
					#navigation .nav-notes a:hover .icon{ background-position: -35px -175px; }
					#navigation .nav-about a .icon { background-position: 0 -245px; margin: 7px 0 0 0; }
					#navigation .nav-about.nav-active a .icon,
					#navigation .nav-about a:hover .icon{ background-position: -35px -245px; }
					#navigation .nav-faqs a .icon { background-position: 0 -280px; margin: 7px 0 0 0; }
					#navigation .nav-faqs.nav-active a .icon,
					#navigation .nav-faqs a:hover .icon{ background-position: -35px -280px; }
					#navigation .nav-terms a .icon { background-position: 0 -315px; margin: 7px 0 0 0; }
					#navigation .nav-terms.nav-active a .icon,
					#navigation .nav-terms a:hover .icon{ background-position: -35px -315px; }
				#navigation ul li a .string { padding: 0 0 0 20px; }

#page { background: #fff; padding: 30px 0px; }
	#page  .arch{ width: 90%; margin: 0px auto; }
	
.account_manager #page { background: none; padding: 50px 0 10px 0; }
	#pageintro { background: none; overflow: hidden; padding: 80px 10% 100px 10%; }
	.account_manager #pageintro { padding: 0; }
	#pageintro h1 {color: #231f20; font-size: 70px; margin: 0 0 30px 1%; text-transform: none;}
	.account_manager #pageintro h1 { font-size: 48px; margin: 0 0 20px 0; font-weight: 200; color: #c00;}
	#pageintro p { font-size: 16px; color: #333; font-weight: 200; margin: 0 0 15px 0; }
	#pageintro ul li {background: url("../images/bullet_li.gif") no-repeat scroll left 2px;color: #000;}
	#pageintro #intro-container { background: none; padding: 0; }

.upload-sales-crm { overflow: hidden; }
.crm_loyalty_sellers-css a,
.crm_loyalty_sellers_multiple-css a { border-bottom: 4px solid #aaa; color: #aaa; display: inline-block; float: left; font-size: 20px; margin: 0 50px 30px 0; padding: 0 0 5px 0; }
.crm_loyalty_sellers-css a span { background: url(../images/sprite-tab-arrows.png) 0 0 no-repeat; display: block; float: left; height: 22px; margin: 0 5px 0 0; width: 20px; }
.crm_loyalty_sellers_multiple-css a span { background: url(../images/sprite-tab-arrows.png) -20px 0 no-repeat; display: block; float: left; height: 22px; margin: 0 5px 0 0; width: 32px; }
.crm_loyalty_sellers-css a:hover,
.crm_loyalty_sellers_multiple-css a:hover { border-bottom: 4px solid #c00; text-decoration: none; }
.crm_loyalty_sellers-css a.active,
.crm_loyalty_sellers_multiple-css a.active { border-bottom: 4px solid #c00; color: #c00; text-decoration: none; }
.crm_loyalty_sellers-css a.active span { background-position: 0 -22px; }
.crm_loyalty_sellers_multiple-css a.active span { background-position: -20px -22px; }
.upload-sales-crm { clear: both; }

.footer { position: relative; width: 100%; background: #fff; padding: 30px 0px; color: #000;font-size: 14px;border-top: 4px solid #eeeeee;}
.footer .padding { position: relative; width: 90%; margin: 0px auto;  }
.account_manager .footer { color: #666; }
	.footer a { color: #000; }
	.account_manager .footer a { color: #000; }
	.footer .branding { display: table; height: auto; margin: 0 0 20px 0; table-layout: fixed; width: 100%; }
		.footer .left { /*background: url(../images/branding-bottom-left.png) bottom left no-repeat;*/ display: table-cell; text-align: center; vertical-align: middle; width: 36px; }
		.footer .middle { /*background: url(../images/branding-bottom-middle.png) bottom left repeat-x;*/ display: table-cell; vertical-align: top; width: 100%; }
		.footer .right { /*background: url(../images/branding-bottom-right.png) bottom right no-repeat;*/ display: table-cell; vertical-align: top; width: 110px; }
	
	
	
	
/* LOGIN PAGES */

#loyalty-all-login #masterhead,
#forgetpass #masterhead,
#activateaccount #masterhead,
#termsconditions_all #masterhead,
#policy #masterhead { display: none; }
#activateaccount2 #masterhead { height: 50px; }

#termsconditions_all #pageintro,
#policy #pageintro {padding: 0px;}

#loyalty-all-login #navigation,
#forgetpass #navigation, 
#activateaccount #navigation, 
#activateaccount2 #navigation, 
#termsconditions_all #navigation, 
#policy #navigation { background: none; height: auto; margin: 430px 4% 0 4%; position: static; }

#loyalty-all-login #navigation .navigation_layout,
#forgetpass #navigation .navigation_layout, 
#activateaccount #navigation .navigation_layout, 
#activateaccount2 #navigation .navigation_layout, 
#termsconditions_all #navigation .navigation_layout, 
#policy #navigation .navigation_layout { padding: 0 0 0 0%; max-width: none;}


#forgetpass #navigation .navigation_layout, 
#activateaccount #navigation .navigation_layout, 
#activateaccount2 #navigation .navigation_layout, 
#termsconditions_all #navigation .navigation_layout, 
#policy #navigation .navigation_layout {display: none;}

#loyalty-all-login #navigation #menu,
#forgetpass #navigation #menu, 
#activateaccount #navigation #menu, 
#activateaccount2 #navigation #menu, 
#termsconditions_all #navigation #menu, 
#policy #navigation #menu { background: none; height: auto; }

#loyalty-all-login #navigation ul li.current a,
#forgetpass #page .main-col h1,
#activateaccount #page .main-col h1,
#activateaccount2 #page .main-col h1 { background: none; border: none; color: #231f20; font-weight: 500; font-size: 70px; font-style: normal; padding: 0; display: block;}

/*#forgetpass #page .main-col h1 { margin: 0 0 25px 1%; }*/

#activateaccount .main-col,
#activateaccount2 .main-col{ margin: 0 0 25px 1%; }
#activateaccount .main-col p,
#activateaccount2 .main-col p{ color: #231f20; }
#loyalty-all-login #page,
#forgetpass #page, 
#activateaccount #page, 
#activateaccount2 #page, 
#termsconditions_all #page, 
#policy #page { margin: 0 4% 100px 4%;}

/*#forgetpass #page,
#activateaccount #page,
#activateaccount2 #page { margin: 80px 0 100px 10%; }*/

#activateaccount .column-8,
#activateaccount2 .column-8 { width: 100%; }
#activateaccount .column-16,
#activateaccount2 .column-16 { width: auto; }

#login-form-container {background: none; border-radius: 10px; color: #000; padding: 15px; }
#login-form-container .form-container-outer,
#login-form-container .form-container-inner { background: none; border: 0; padding: 0; width: auto; }
#login-form-container ol.formgrid li .label-block { padding: 8px 20px 0 0; text-align: right; width: 220px; }
#loyalty-all-login .col-grid-24 .column-12,
#forgetpass .column-12 { width: auto; }
#forgetpass .left-col.column-12 { display: inline-block; }
#activateaccount .left-col,
#activateaccount2 .left-col { clear: both; }



/* FORMS */

ol.formgrid li input[type="text"], 
ol.formgrid li input[type="password"], 
ol.formgrid li textarea, 
ol.formgrid li select {background: #f4f4f4; border-radius: 0px; color: #9a9b9c; font-size: 14px; padding: 6px 3px; width:200px;}
.account_manager ol.formgrid li input[type="text"], 
.account_manager ol.formgrid li input[type="password"], 
.account_manager ol.formgrid li textarea, 
.account_manager ol.formgrid li select { border: 1px solid #e0e0e0; border-radius: 0; width: 190px!important; }

.account_manager ol.formgrid li input[type="checkbox"]{ border: 1px solid #e0e0e0; border-radius: 0; width: 15px !important; }
#l_right_txt_terms_conditions { float: left; margin: 2px 0 0 0; }

#form_module_editpost_dialogue ol.formgrid li input[type="text"] { width: 215px!important; }

#r_img_captcha #a_l_img_captcha { display: none; }
#login-form-container ol.formgrid li .field-block input { width: 280px; }
#div_img_captcha { float: left; width: 145px; }
#img_captcha { width: 145px!important; }
#r_img_captcha div:last-child { float: right; }
#change-pass #r_img_captcha div:last-child { float: left; margin: 0 0 0 5px; }

.captcha { margin: 0; }
#login-form-container ol.formgrid.label-across-input li#r_button_subscribe .label-block,
ol.formgrid.label-across-input li#r_button_subscribe .label-block { width: 220px; }
#r_button_subscribe .button-input input { background: #cc0000; /*background: -webkit-gradient( linear, left top, left bottom, color-stop(0, #E00000), color-stop(1, #C80000) ); background: -o-linear-gradient(bottom, #E00000 0%, #C80000 100%); background: -moz-linear-gradient(bottom, #E00000 0%, #C80000 100%); background: -webkit-linear-gradient(bottom, #E00000 0%, #C80000 100%); background: -ms-linear-gradient(bottom, #E00000 0%, #C80000 100%); background: linear-gradient(to bottom, #E00000 0%, #C80000 100%);*/ font-family: 'Gotham SSm A', 'Gotham SSm B', Arial, Helvetica, sans-serif; font-size: 18px; font-weight: normal; padding: 7px 20px;border-radius: 0px;}
#r_button_subscribe .button-input input:hover { text-decoration: none;background: #e00;  }

#purchase_upload_file, #upload_serial_number { background: none; border: 0; }
#date_purchase { width: 230px!important;}
#date_purchase_u_info { display: none; }

#canvas_padding { padding: 0; }

#header .arch { background: none; }
/*#header #header_wrap { background: none; }*/
#header #logo_wrapper a {
    display: block;
    background: url(../images/logo.png) top left no-repeat;
    background-size: contain;
    width: 150px;
    height: 52px;
    line-height: 1em;
}


#masterhead {height: 415px;  }

.footer-layer { max-width: 965px; width: 100%; top: 70px; background-size:}

/* LOGIN & FORGOTTEN PASS PAGES */
#login_page #headermenu { display: none; }
#forgetpass #headermenu,
#apply-for-account #headermenu { right: 0; }
#login_page #masterhead .mh_slide { background: none; height: 100px; }
#login_page #navigation { background: none; height: 90px; margin: 10px 0 0 130px; position: static; }
#login_page #navigation #menu { float: none; }
#login_page #navigation a { background: none!important; border: 0!important; color: #231f20; font-size: 70px; font-weight: 200; }
#login_page #menu { background: none!important; position: relative; }
#login_page #navigation .notcurrent { display: block; position: absolute; top: 310px; }
#login_page #navigation .current a { margin: 0; padding: 0; }
#login_page #navigation .notcurrent a { color: #000; display: inline-block; font-weight: bold; font-size: 12px; margin: 10px 0 0 0; padding: 0; }
#login_page #navigation a:hover { color: #231f20; }
#login_page #page .main-col { position: absolute; top: 250px; left: 130px; }
#login_page #page .main-col h1,
#login_page #page .main-col p { display: none; }
#login_page #page .main-col p:last-child { color: #000; display: block; font-size: 12px; }
#login_page #page .main-col p a { color: #000; font-weight: bold; }
#forgetpass #page .main-col p { display: none; }
#login-form-container h2 { display: none; }
#login-form-container ol.formgrid li .label-block label { color: #000; font-size: 17px; text-align: left; }
#loyalty_customers_forgetpass_login_id #r_img_captcha .label-block, #loyalty_customers_login #r_img_captcha .label-block, #promorequest_forgetpass_login_id #r_img_captcha .label-block, #promorequest_login #r_img_captcha .label-block { margin-top: 0; }
#login_page ol.formgrid li,
#forgetpass ol.formgrid li { margin: 10px 0 0 0; }
#login_page .label-across-input { }
#login_page .label-infounder,
#forgetpass .label-infounder { margin-top: 30px; }
#login_page .captcha,
#forgetpass .captcha { margin: 0; }
#login_page #form_secured,
#forgetpass #form_secured { display: none; }
#login_page #r_button_subscribe .button-input, 
#login_page #r_button_subscribe .button-input input,
#forgetpass #r_button_subscribe .button-input, 
#forgetpass #r_button_subscribe .button-input input { background: none; }
#login_page input[type="submit"],
#forgetpass input[type="submit"],
#apply-for-account input[type="submit"] { background: #cc0000!important; border-radius: 0px; color: #fff; font-size: 18px; font-weight: 600;  margin: 0; padding: 7px 20px; }

#login_page input[type="submit"]:hover,
#forgetpass input[type="submit"]:hover,
#apply-for-account input[type="submit"]:hover { background: #e00!important;}


#login_page #footer_powered { display: none; }
#login_page #footermenu #fm_links,
#forgetpass #footermenu #fm_links { color: #fff; }
#login_page #footermenu #fm_links a, 
#login_page #copy,
#forgetpass #footermenu #fm_links a, 
#forgetpass #copy { color: #fff; }

/* HOME PAGE (REGISTER and all others) */

/*.home_page #headermenu { color: #fff!important; top: -45px!important; right: 0!important; }*/
.home_page #hm_user_pane_inner { font-weight: normal; }
.home_page .buttonlink a.invisible_arrow:hover { color: #019497; }
.home_page #masterhead .mh_slide { background: none; height: 140px; }
#apply-for-account #navigation,
#forgetpass #navigation { display: block!important; }
/*.home_page #navigation { height: 250px; position: static; }*/
/*.home_page #pageintro #intro-container { background: none; }*/
/*.home_page #pageintro { background: none; height: 200px; margin: 0; padding: 0 0 0 15px; }*/
/*.home_page #pageintro h1 { color: #000; font-size: 56px; margin: 0 20px 10px 0; }*/
/*.home_page #pageintro p { color: #6e6e6f; font-size: 16px; position: relative; top: 100px; left: -15px; }*/
#apply-for-account #pageintro { background: none; position: relative; }
#apply-for-account #pageintro h1 { color: #000; font-size: 36px; margin: 0; position: absolute; top: -235px; }
#apply-for-account #pageintro h1 strong { font-size: 70px; font-weight: normal; display: block; margin: 0 0 20px 0; }
#apply-for-account #pageintro p { color: #6e6e6f; }
#apply-for-account #pageintro #intro-container { padding: 0; }
#apply-for-account #bottom-content strong { color: #000; }
#apply-for-account .form-block { overflow: inherit; }
.home_page #registration-form-container { background: none; padding: 0; }
.home_page #registration-form-container .form-container-outer { border: 0; }
/*.home_page #pageintro #intro-container { padding: 0; }*/
.home_page #registration-form-container .form-container-inner { background: #fff; padding: 0 0 20px 0; }
.home_page #form_module_login ol.formgrid.col_1 { margin: 0 0 20px 0; }
.home_page .contentBlock { margin: 0; }
.home_page .content-block { margin: 0; }
.home_page #registration-form-container h2 { display: none; }
.home_page ol.formgrid.label-across-input li .label-block { width: 155px; }
.home_page #registration-form-container ol.formgrid li .label-block label { color: #333;  width: 100%; }
/*.home_page ol.formgrid li input, 
.home_page ol.formgrid li textarea, 
.home_page .input,
.home_page ol.formgrid li select { background: #f4f4f4; border: 1px solid #e0e0e0; color: #9a9b9c; width: 230px!important; }*/
input:focus,
select:focus { color: #333!important; }
.home_page #registration-form-container ol.formgrid li .field-block select,
.home_page #loyalty_apply_account #loyalty_stores{ width: 203px!important; }
.home_page #registration-form-container ol.form-submit { border-top: 1px solid #cbd7e1; margin: 0; padding: 10px 0 0 0; width: 100%; }
.home_page #registration-form-container ol.form-submit .field-block { float: right; }
.home_page #bottom-content { background: #fff; color: #6e6e6f; padding: 0 0 20px 0; }
.home_page .main-col cite, 
.home_page #bottom-content cite { font-size: 15px; }
.tooltipsy { background: #000; font-size: 12px; opacity: 0.9; }


#welcomepad { float: left; max-width: 620px; }
.incentives-title { clear: left; float: left; }
#welcomepad, #bottom-content-container { padding: 0 0 15px 0; }
#bottom-content-container { clear: both; padding: 15px 0; }
#welcomepad h1 { font-size: 30px; }
#welcomepad cite, #bottom-content-container cite { color: #000; font-size: 16px; }
#bottom-content-container cite { font-size: 15px; }
.incentives-title h2 { color: #333; font-size: 25px; margin: 0 0 20px 0; }
.incentive-container.half { background: none; }
.incentive-container.half .incentive-points-details p { color: #000; display: block; }
.incentive-container .incentive-caption { background: url(../images/red-corner.png) bottom right no-repeat; height: 74px; width: 100%; left: auto; right: 0; }
#linkto-vendor-001.incentive-container.half .incentive-points { background: url(../images/incentives_linktopromos.png) center center no-repeat; height: 44px; float: right; margin: 15px 40px 0 0; width: 45px; position: absolute; top: 0; left: 0; }
.incentive-container.half .incentive-points-details { clear: both; margin: 0; position: relative; top: 10px; }
#linkto-vendor-001.incentive-container.half .incentive-points-details p a { background: url(../images/bullet-link.png) center left no-repeat; color: #df1b21; display: inline-block; line-height: 30px; padding: 0 0 0 20px; }
.incentive-container .incentive-creative img { border-radius: 0!important; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 100%; }

.aside-col,
.hasleftCol .aside-col { float: right; }
#account-home .aside-col { position: relative; top: -160px; }
#account-home #canvas { /*max-width: 1110px;*/ }
#account-home .hasRightCol .main-col,
#account-home .hasleftCol .main-col { max-width: 700px; }

.hasRightCol .main-col,
.hasleftCol .main-col { float: left; margin: 0; max-width: 780px; width: 100%; }

#my-details .content-layer { clear: both; }
#my-details #pageintro { margin: 0; padding: 0; }
#my-details #pageintro #intro-container { padding: 0 0 20px 0; }

.aside-box .aside-box-caption h2 { background: none; border: 0; }
.aside-box .aside-box-caption h2 span { background: url(../images/asidemenu_icons.png) no-repeat; color: #000; font-size: 16px; padding: 10px 0 10px 35px; text-transform: none; }
#redeem-points .aside-box-caption h2 span { background-position: 0 8px; }
#upload-sales .aside-box-caption h2 span { background-position: 0 -42px; }
#view-rewards .aside-box-caption h2 span { background-position: 0 -92px; }
#how-it-works .aside-box-caption h2 span { background-position: 0 -142px; }
#terms-conditions .aside-box-caption h2 span { background-position: 0 -192px; }
#training-materials .aside-box-caption h2 span { background-position: 0 -242px; }
#useful-links .aside-box-caption h2 span { background-position: 0 -292px; }
.aside-box .aside-box-caption h2 a:hover span { color: #666; }
#aside-menu .aside-box .aside-box-content { border: 0; padding: 0; }
#useful-links .aside-box-content ul { margin-left: 38px; }
#aside-menu .aside-box-content ul li { background: url(../images/bullet_li.png) center left no-repeat; padding: 3px 0 3px 15px; }
#aside-menu #useful-links .aside-box-content ul li { background: url(../images/bullet_li.png) center left no-repeat; padding: 3px 0 3px 15px; }
#aside-menu #useful-links .aside-box-content ul li a { color: #666; }

.aside-layer-caption h2 { color: #000; font-size: 30px; text-transform: none; }
.video_container { background: none; padding: 0; }
.video_box { background: none; }
.video_box a { display: inline-block; position: relative; }
.video-caption h4, .video-caption h4 a { color: #000; font-size: 14px; text-align: left; text-transform: none; }

/*BasicLayout CSS overrides*/






#aside-menu .aside-box .aside-box-content p {color: #000;}
#aside-menu .aside-box .aside-box-content ul {}
#aside-menu .aside-box .aside-box-content ul li {color: #009bd6;background: url("../images/bullet_canon_blue.png") no-repeat scroll left center; padding: 7px 0 7px 15px;}
#aside-menu .aside-box .aside-box-content ul li a {color: #009bd6; font-size:16px;}

#aside-menu .aside-box .aside-box-content ul li .tooltip {background: url("../images/bgr_lightblue_80.png") repeat scroll 0px 0px;}
#aside-menu .aside-box .aside-box-content ul li .tooltip .boxarrow {background-image: url("../images/tooltip_boxarrow_sprite.png");}
#aside-menu .aside-box .aside-box-content ul li .tooltip .tooltip_content img {border: none;}
#aside-menu .aside-box .aside-box-content ul li .tooltip p {color: #fff;}

.hashint:hover, 
#aside-menu .aside-box .aside-box-content ul li.hashint:hover {background-color: transparent;}

.aside-box .aside-box-caption h2 span {font-size: 15px;}

.training-materials-grid .training-material {margin: 30px 60px 0 0;
}

/*TABLES CSS File overrides*/
.tabular { background-size: 100%; }
.table_box {background:#FFFFFF;border: none;padding:0;}
.table-caption h2,
 #upload-sales #pageintro h1,
 #contact #pageintro h1,
 #credit_notes #pageintro h1,
 #faq #pageintro h1,
.termsconditions h1 {color:#666666!important;font-size: 24px!important; font-weight: 100!important; margin: 0 0 30px 0!important; text-align: left!important;}
.termsconditions h1 strong { font-weight: normal; }

.tabular table thead,
.tabular table tr { border-bottom: 1px solid #e0e0e0; }
.tabular table th {background: none; color: #000; border: none; text-align: left;}
.tabular table th a {font-weight: bold; font-size: 12px;color: #333; padding: 13px 20px 13px 4px; background: url(../images/tabular_th_sorter.gif) no-repeat right 17px transparent; display: inline-block; }
.tabular table tbody tr:first-child td { background: url(../images/shadow-1600.png) center top no-repeat; }

	.tabular table th a.sorted_desc{background: url(../images/tabular_th_sorter.gif) no-repeat right -133px transparent;}	
	.tabular table th a.sorted_asc{background: url(../images/tabular_th_sorter.gif) no-repeat right -283px transparent;}
	.tabular table th a:hover{color: #000;background-color: transparent;}

.tabular table tbody tr:hover {background-color: #f4f4f4;}
.tabular table tbody td {border:none;color: #000000;padding: 6px;}


#tfoot {background: none;border: none;}

/*FORMS CSS File overrides*/
.home_page #form_module_login .appl_alert {
    float: left;
    clear: both;
    padding-bottom: 15px;
}
.filterBox ol.formgrid li, .datagridBox ol.formgrid li {min-height: 4em;overflow: visible;}

ol.formgrid.label-over-input li .label-block label {float: none; display: block; font-size: 14px; min-height: 1.2em;}

ol.formgrid li .field-block input.calendarButton,
#uploadsales-form-container ol.formgrid li .field-block input.calendarButton
{width: 33px; height:30px; background: url(../images/calendarbtn.gif) no-repeat right top transparent; opacity:0.6; filter: alpha(opacity=60); margin: 2px 0 0 3px; }

ol.formgrid li .field-block input.calendarButton:hover, 
#uploadsales-form-container ol.formgrid li .field-block input.calendarButton:hover
{opacity:1; filter: alpha(opacity=100);}
	

.button-input { padding-right: 0; }
.button-input input { height: auto; text-transform: none; }

.button-update .button-input, 
.button-continue-green .button-input
.button-clear-filter .button-input, 
.button-continue-green .button-input, 
.button-clear-filter .button-input, 
#uploadsales-form-container ol.formgrid li .field-block .button-input, 
#r_button_subscribe .button-input
{background: none;}


.button-update .button-input input, 
.button-continue-green .button-input input,
.button-clear-filter .button-input input, 
.button-continue-green .button-input input, 
.button-clear-filter .button-input input, 
#uploadsales-form-container ol.formgrid li .field-block .button-input input
 { 
	background: #dd0000; /* Old browsers */
	/*background: -moz-linear-gradient(top, #dd0000 0%, #c70000 100%);  FF3.6+ */
	/*background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#dd0000), color-stop(100%,#c70000));  Chrome,Safari4+ */
	/*background: -webkit-linear-gradient(top, #dd0000 0%,#c70000 100%);  Chrome10+,Safari5.1+ */
	/*background: -o-linear-gradient(top, #dd0000 0%,#c70000 100%);  Opera 11.10+ */
	/*background: -ms-linear-gradient(top, #dd0000 0%,#c70000 100%);  IE10+ */
	/*background: linear-gradient(to bottom, #dd0000 0%,#c70000 100%);  W3C */
	/*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dd0000', endColorstr='#c70000',GradientType=0 );  IE6-9 */
	border-radius: 0px; 
	padding: 10px 20px!important;
	height: auto;
	font-size: 16px;
	color: #fff;
}

.button-clear-filter .button-input input  {
	background: #333; /* Old browsers */
	/*background: -moz-linear-gradient(top, #666 0%, #222 100%);  FF3.6+ */
	/*background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#666), color-stop(100%,#222));  Chrome,Safari4+ */
	/*background: -webkit-linear-gradient(top, #666 0%,#222 100%);  Chrome10+,Safari5.1+ */
	/*background: -o-linear-gradient(top, #666 0%,#222 100%);  Opera 11.10+ */
	/*background: -ms-linear-gradient(top, #666 0%,#222 100%);  IE10+ */
	/*background: linear-gradient(to bottom, #666 0%,#222 100%);  W3C */
	/*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#666', endColorstr='#333',GradientType=0 );  IE6-9 */
	font-family: 'Gotham SSm A', 'Gotham SSm B', Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	}


/*Individual Forms*/
#uploadsales-form-container,
#uploadsales-form-container .form-container-outer, 
#uploadsales-form-container .form-container-inner 
{background: none; border:none;border-radius: 0px; padding: 0px;}

#uploadsales-form-container ol.formgrid li .label-block,
#uploadsales-form-container ol.formgrid.label-across-input li#r_button_subscribe .label-block {width: 260px; min-height: 1em;}
#uploadsales-form-container ol.formgrid li .label-block label {color: #000;font-size: 17px;}
#uploadsales-form-container ol.formgrid.label-across-input li #date_purchase { width: 190px!important;}		








.incentive-container { margin-bottom: 100px; }
.incentive-container .incentive-points { background: none; left: auto!important; right: 10px; top: -23px; }
.incentive-container.full .incentive-caption { bottom: 10px; }
.incentive-container .incentive-points-details { line-height: 22px; margin: 70px 0 0 0; }
.incentive-container.half .incentive-points-details { clear: none; top: 70px; }
.incentive-container .incentive-points-details h3,
.incentive-container .incentive-points-details p { color: #000; font-size: 21px; }
.incentive-container .incentive-points-holder { padding: 30px 0 0 0; }
.incentive-container .incentive-points-holder p { font-size: 14px; }

.tabular table thead { background-size: 100%; }

#redeemforcash-form-container { background: none; }
#redeemforcash-form-container .form-container-outer { background: none; border: 0; border-radius: 0; }
#redeemforcash-form-container .form-container-inner { background: none; padding: 0; }

.slider-intro p label { font-style: normal; font-weight: bold; }

#slider { background: #00b0c3; border: 0; border-radius: 3px; }
#slider a { background: url(../images/ui-slider-handle.png) center center no-repeat; top: -0.5em; }
.slider-min,
.slider-max { color: #000; font-size: 18px; }
#data_points { background: #fff; border: 0!important; color: #000; font-size: 17px; font-weight: bold; }
#data_points_value { border: 0!important; color: #000; font-size: 17px; font-weight: bold; }
#r_data_grid > .label-block { display: none; }

#form_redeem_for_cash #submit-button-register { margin: 0; padding: 0; text-align: right; width: 100%; }
#form_redeem_for_cash #submit-button-register, #form_redeem_for_cash #submit-button-register input { background: none; }
#form_redeem_for_cash #submit-button-register input { background: #d10000; border-radius: 5px; margin: 0; padding: 10px 30px!important; text-align: center; }
#form_redeem_for_cash #submit-button-register input:hover { background: #eee; color: #d10000; }
#form_redeem_for_cash .form-submit .field-block { float: none; }

#account-credit { clear: right; }

.indicatorwrap { background: none; }
.indicatorwrap h4 { color: #000; font-weight: bold; }
#account-dashboard { background: none; border: 0; border-radius: 0; min-height: 0; padding: 0; }

#div_data_grid { float: none; }
#div_data_grid label { color: #545555; font-size: 17px; }

#listdetails-backend-form-container .form-container-outer { background: none; border: 0; border-radius: 0; }

#tfoot .table-nav-scroller a,
#tfoot .table-nav-scroller div { height: 22px; line-height: 22px; padding: 0 7px; }
.table-nav .pagenum span,
#tfoot .table-nav-scroller div span { padding-top: 0; }
.table-nav .tofirst span,
.table-nav .tolast span,
.table-nav .previouspage span { margin-top: 6px; }
#tfoot .table-nav-scroller a span { color: #000; }
#tfoot .table-nav-scroller a.current span { color: #fff; }

#upload-sales #intro-container { background: url(../images/shadow-1600.png) no-repeat center bottom transparent; background-size: 100%; padding: 0 0 30px 0; }


#serial-number .aside-box-caption h2 span { background: none; color: #009BD6; font-size: 16px; padding: 10px 0; }

.training-materials-grid h2 { color: #333; font-size: 30px; margin: 0 0 10px 0; text-transform: none; }

#uploadsales-form-container h2 { color: #666; margin: 0 0 10px 0; }

.blocktext h2 { color: #333; font-size: 30px; }

.blocktext table { margin: 0; }
.blocktext table th { background: #c00; }

#button_subscribe { background: #c00; border-radius: 0px; color: #fff; font-family: 'Gotham SSm A', 'Gotham SSm B', Arial, Helvetica, sans-serif; font-weight: 400; }

.top-offers { margin: 0 0 20px 0; }
.top-offers .title { font-size: 26px; font-weight: bold; margin: 0 0 20px 0; }
.top-offers .filter { border-bottom: 1px solid #ccc; margin: 0 0 30px 0; overflow: hidden; padding: 0 0 0px 0; }
.top-offers .filter li { /*background: url(../images/arrow-right-red.png) center left no-repeat;*/background: url(../images/circle_14_bottom.png) -999px bottom no-repeat; float: left; margin: 0 0px 0 0; padding: 0 15px 10px 15px; }
.top-offers .filter li.active { background-position: center bottom; }
.top-offers .filter li a { color: #9a9b9c; }
.top-offers .filter li.active a { color: #000; background-position: center bottom; }
.top-offers .offers-list { margin: 0 0 30px 0; text-align: center; }
.top-offers .offers-list li { display: inline-block; margin: 20px; }
.top-offers .paging { color: #a1a1a1; font-size: 24px; text-align: right; }
.top-offers .paging div { display: inline-block; position: relative; top: 2px; }
.top-offers .paging a { color: #a1a1a1; display: inline-block; margin: 0 5px; vertical-align: middle; }
.top-offers .paging a.active { color: #000; }
.top-offers .paging a:hover { text-decoration: none; opacity: 0.5; }

.table_box { margin: 0 0 20px 0; }
.table_box .title { font-size: 26px; font-weight: bold; margin: 0 0 20px 0; }
.table_box .filter { border-bottom: 1px solid #ccc; margin: 0 0 30px 0; overflow: hidden; padding: 0 0 10px 0; }
.table_box .filter li { background: url(../images/arrow-right-red.png) center left no-repeat; float: left; margin: 0 30px 0 0; padding: 0 0 0 13px; }
.table_box .filter li a { color: #9a9b9c; }
.table_box .filter li.active a { color: #000; }
.table_box .offers-list { margin: 0 0 30px 0; text-align: center; }
.table_box .offers-list li { display: inline-block; margin: 20px; }
.table_box .paging { color: #a1a1a1; font-size: 24px; text-align: right; }
.table_box .paging div { display: inline-block; position: relative; top: 2px; }
.table_box .paging a { color: #a1a1a1; display: inline-block; margin: 0 5px; vertical-align: middle; }
.table_box .paging a.active { color: #000; }
.table_box .paging a:hover { text-decoration: none; opacity: 0.5; }

#header #headermenu #client_logout { margin: 15px 10px 0 0; }
#header #headermenu #hm_user_pane_inner { border-right: 0px solid #000; height: 32px; line-height: 16px; margin: 15px 0px 0 0; text-align: right; /*text-shadow: 0 1px 1px rgba(0, 0, 0, 0.5);*/padding-right: 4px; }
#masterhead { position: relative; }
#masterhead .balance { position: absolute; top: 5px; right: 50px; }
#masterhead .balance .text { background: rgba(00,00,00,0.75); color: #fff; font-size: 20px; float: left; padding: 10px 15px; }
#masterhead .balance .amount { background: rgba(204,00,00,0.75); color: #fff; font-size: 30px; font-weight: bold; float: right; padding: 3px 15px; }
#dlg_user_details #pageintro {display: none;}

/* Calendar */

#calc_div .cpMonthNavigation, #calc_div .cpYearNavigation { background-color: #ddd!important; border: 0; }
.cpTodayText, .cpDayColumnHeader { background: #eee; color: #888; }
#calc_div_caltbl_id table { width: 144px; }

/*Account Details*/

body#contact #contract_frame, 
body#contact #contract_frame + ol.formgrid.form-submit.label-across-input{ width: 90%; margin: 50px auto 20px auto; float: none;}

.main-col #listdetails-backend-form-container .form-container-outer #form_block_crm_bank_details h1.form-title, #l_download_link_contract {width: 40%}

#listdetails-backend-form-container #form_block_fields_crm_bank_details, #form_block_fields_crm_loyalty_account_info, #contract_frame, body#contact #contract_frame ol li {min-width: 600px; width: auto;}

body#contact #contract_frame ol li {max-width: 600px; width: auto;}

body#contact #listdetails-backend-form-container, 
body#contact #listdetails-backend-form-container #crm_loyalty_account_info, 
body#contact #contract_frame ol {max-width: 800px; width: 100%;}

body#contact #listdetails-backend-form-container ol.formgrid .label-block, 
body#contact #listdetails-backend-form-container ol.formgrid .field-block { max-width: 300px; width: auto;}

body#contact #listdetails-backend-form-container ol.formgrid li .label-block, 
body#contact #contract_frame ol.formgrid li .label-block {width: 40%;}



body#contact #r_data_crm_store_name .fieldelements-block .field-block{}

@media (max-width: 1199px) {
	
}
@media (max-width: 999px) {
	#masterhead .balance { display: none; }	
}
@media (max-width: 799px) {
	#header #headermenu { /*clear: both; float: left; padding: 0;*/ top: 20px; }
	#header #headermenu #client_logout { clear: both; float: right; padding: 0; margin: 0px; }
	#header #headermenu #hm_user_pane_inner { margin: 0px; text-align: left; clear: both; float: left; padding: 0;}
	.buttonlink a.invisible_arrow:before { display: none; }
	
	#loyalty-all-login #canvas_padding:before, #home #canvas_padding:before {display: none;}
	
	#header .middle { font-size: 22px; }	
	#loyalty-all-login #navigation ul li.current a,
	#forgetpass #page .main-col h1,
	#activateaccount #page .main-col h1,
	#activateaccount2 #page .main-col h1 { font-size: 36px; }
}
@media (max-width: 699px) {
	.top-offers .offers-list li { max-width: 200px; margin: 5px; }	
}
@media (max-width: 599px) {
	
	body.account_manager {/*background: none;*/}
	#header #headermenu { clear: both; float: left; padding: 0;position: static; }
	
	#header #headermenu #client_logout {position: absolute; top: 30px; right: 20px;}
	#header #headermenu #hm_user_pane_inner {margin: 15px 0 0 4%; padding-right: 4px;text-align: right;}
	#navigation {top: 140px; width: 100%;}
	
	
	#header .middle { text-indent: -9999px; }
	#loyalty-all-login #page,
	#forgetpass #page, 
	#activateaccount #page, 
	#activateaccount2 #page, 
	#termsconditions_all #page, 
	#policy #page { margin: 0 0 50px 0; }
	
	#loyalty-all-login #navigation,
	#forgetpass #navigation, 
	#activateaccount #navigation,
	#activateaccount2 #navigation,
	#termsconditions_all #navigation, 
	#policy #navigation, { margin: 50px 0 0 0; }
	
	#loyalty-all-login #navigation .navigation_layout,
	#forgetpass #navigation .navigation_layout, 
	#activateaccount #navigation .navigation_layout, 
	#activateaccount2 #navigation .navigation_layout, 
	#termsconditions_all #navigation .navigation_layout, 
	#policy #navigation .navigation_layout { padding: 0; }
	/*#forgetpass #page,
	#activateaccount #page,
	#activateaccount2 #page { margin: 50px 0; }*/
	
	#login-form-container ol.formgrid li .label-block { margin: 0 0 5px 0; text-align: left; width: 100%; }	
	#r_img_captcha div:last-child { clear: both; float: none; padding: 10px 0 0 0; }
	#img_captcha { width: 280px!important; }
	#r_purchase_upload_file .label-block { display: none; }
	#crm_loyalty_sellers .form-submit .label-block { display: none; }
	
	
	/*Account Details*/
	body#contact #listdetails-backend-form-container ol.formgrid li .label-block, body#contact #contract_frame ol.formgrid li .label-block { width: 100%;}
	.main-col #listdetails-backend-form-container .form-container-outer #form_block_crm_bank_details h1.form-title, #l_download_link_contract {width: 100%; clear: both; padding-bottom: 20px;}
	body#contact #listdetails-backend-form-container ol.formgrid .label-block, body#contact #listdetails-backend-form-container ol.formgrid .field-block {width: 300px;}
	#r_data_grid {width: 100%; clear: both;}
	#listdetails-backend-form-container #form_block_fields_crm_bank_details, #form_block_fields_crm_loyalty_account_info, #contract_frame, body#contact #contract_frame ol li {min-width: 0px; width: 100%;}
	
	.footer {text-align: center;}
}
@media (max-width: 480px) {
	#navigation { padding: 0 5%; }	
}

.top-offers .offers-list li,
.table_box li
 { display: inline-block; margin: 20px; margin-bottom: 45px; position: relative; }
 
 .top-offers .offers-list li a, .table_box li img{ position: relative; z-index: 5; }

.top-offers .offers-list li .circle, 
.table_box li .circle { 
	display: inline-block;
	border: 2px solid #fff;
	border-radius: 50%; 
	min-width: 20px;
	min-height: 20px;
	padding: 4px;
	background: #c00; 
	color: #fff;
	line-height: 1;
	text-align: center;
	box-sizing:  content-box;
	white-space: nowrap;
	box-shadow: 2px 2px 2px rgba(00,00,00,0.5); 
	position: absolute;
	top: -40px;
	left: -30px;
	z-index: 2;
}
.top-offers .offers-list li .circle:before, 
.table_box li .circle:before {
	content: "";
	display: inline-block;
	vertical-align: middle;
	padding-top: 100%;
	height: 0;
}
.top-offers .offers-list li .circle:after, 
.table_box li .circle:after {
	content: "";
	display: inline-block;
	vertical-align: middle;
	padding: 10px;
	margin: 0;
	width: calc(100% + 8px);
	height: calc(100% + 8px);
	position: absolute;
	top: -4px;
	left: -4px;
	border: 2px solid #c00;
	border-radius: 50%;
	background: transparent;
}
/*
.top-offers .offers-list li .circle .border .cashback , 
.table_box li .circle .border .cashback { display: block; font-size: 26px; line-height: 1em; }

.top-offers .offers-list li .circle { height: 100px; width: 100px; }
.top-offers .offers-list li .circle .border { height: 94px; width: 94px; padding-top: 35px; }
*/
.top-offers .offers-list li .circle .border .cashback {  font-size: 22px; }

.top-offers .offers-list li .circle .border ,
.table_box li .circle .border { 
	display: inline-block;
	vertical-align: middle;
}
.top-offers .offers-list li .circle .border .cashback {
	display: inline;
}

/* FAQ Accordion */
.faq-list .accordion-panel { font-size: 16px; margin: 0 0 15px 0; }
.faq-list h4 { background: url(../images/icon-faq.png) 25px 0 no-repeat; cursor: pointer; font-size: 16px; padding: 0 0 10px 0; }
.faq-list h4:hover a { color: #00b0c3; text-decoration: none; }
.faq-list h4 a { color: #000; display: inline-block; line-height: 20px; padding: 0 0 0 60px; font-weight: 200;}
.faq-list h4.active a { color: #019497; }
.faq-list .panel-body { background: #e5f7f9; color: #000; padding: 15px 15px 5px 60px; transition: 0s; position: relative;font-size: 14px; }
.faq-list .panel-body .arrow { position: absolute; top: 0; left: 24px; }

#upload-sales #button_subscribe_u_info { display: none; }

/*reduce Roundels in Tables */
#redeem-points .table_box, 
#view-rewards .table_box { overflow-x:auto }

#redeem-points .table_box li img, 
#view-rewards .table_box li img { min-width: 140px; margin-top: 12px;}

#view-rewards .table_box li .circle, 
#redeem-points .table_box li .circle { height: 60px; width: 60px;  left: -20px;  }

#view-rewards .table_box li .circle .border, 
#redeem-points .table_box li .circle .border { height: 54px; width: 54px; padding: 17px 4px 0px 4px;}

#view-rewards .table_box li .circle .border .cashback, 
#redeem-points .table_box li .circle .border .cashback {  font-size: 18px; }

.ui-datepicker { z-index: 1000 !important ;}