@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;
}
a:focus { outline: 0; }
img { max-width: 100%;}

body { background: #fff; 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% -115px no-repeat; }
#canvas { border: 0; padding-top: 0px; width: 100%; position: relative; }
#canvas_padding { padding: 0; }

#canvas_padding:before {display: block; width: 200px; height: 169px; position: absolute; top: 340px; left: 50%; margin-left: 390px; content: ""; background: top center no-repeat;}

/*HEADER*/
#header { position: relative; min-height: 110px; width: 100%; background: #fff; padding: 25px 0 0 0;}
	#header .arch { position: relative; width: 100%; margin: 0px auto; height: auto!important;  background: #fff; padding: 0 15px; min-height: 0px; max-width: 1200px;}
    #header #header_wrap {}
	#header #logo_wrapper {float: left; margin-top: 0px; margin:0px; padding: 0px; min-height: 50px;}
    #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;}
	
#login_page #header #header_wrap #headermenu, 
#apply-for-account #header #header_wrap #headermenu, 
#forgetpass #header #header_wrap #headermenu {display: none;}

#header #headermenu {color: #000; float: right; font-family: 'Gotham SSm A', 'Gotham SSm B', Arial, Helvetica, sans-serif; margin: 15px 0 0 0; position: static; }
		#header #headermenu #client_logout {font-family: 'Gotham SSm A', 'Gotham SSm B', Arial, Helvetica, sans-serif;font-size: 14px;
    font-weight: 200; line-height: 1em;  margin: 0; padding: 0;}
		#header #headermenu #hm_user_pane_inner { border-right: 1px solid #fff; font-size: 14px;font-weight: 200; height: auto;line-height: 1em; padding: 0; }

#header #headermenu .balance { clear: both; text-align: right; }
#header #headermenu .balance #hm_user_pane_inner, #header #headermenu .balance .amount {float: none; display: inline-block; font-weight: bold; padding: 0px 0px 0px 0px; font-size: 16px;}
#header #headermenu .balance .amount {color: #c00;}
		.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; margin: 0 0 10px 0; text-indent: 0px; color: #000; padding-right: 15px;}
		.buttonlink a.invisible_arrow:hover { background-position: right 2px; color: #019497;}
.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; }

#masterhead { background-position: center top!important; height: 419px; }

/*NAVIGATION*/
#navigation { background: #c00; padding: 10px 0; width: 300px; position: absolute; top: 110px; left: 50%; margin-left: -600px; z-index: 10; height: 419px; }
body#login_page #navigation li a:before { display: none; }
#navigation:before { background: #c00; content: ''; display: block; width: 1000%; position: absolute; right: 100%; top: 0; bottom: 0; }
	#navigation ul#menu { background: #c00; margin: 0; position: relative; z-index: 5; }
		#navigation ul li { float: none; width: 100%; }
        #login_page #navigation li { width: auto; }
			#navigation ul li a { background: none; border-radius: 0; display: block; color: #fff; font-size: 16px; padding: 10px 15px 10px 35px; text-align: left; width: 300px; position: relative; }
            #navigation ul li.current a { background-color: #fff; border-bottom: 0; color: #c00; text-decoration: none; }
			#navigation ul li a:hover,
			#navigation ul li a.active { background-color: rgba(255,255,255,0.8); border-bottom: 0; color: #c00; text-decoration: none; }
			#navigation ul li.nav-active a { background-color: #fff; color: #e5242f; }
				#navigation ul li a:before { background: url(../images/sprite-nav.png) no-repeat; content: ''; display: inline-block; height: 25px; width: 25px; position: absolute; top: 5px; left: 5px; }
					#navigation .nav-dashboard a .icon { background-position: 0 0; }
					#navigation .nav-dashboard.current a:before,
					#navigation .nav-dashboard a:hover:before { background-position: 0 -25px; }
					#navigation .nav-account a:before { background-position: -25px 0; }
					#navigation .nav-account.current a:before,
					#navigation .nav-account a:hover:before { background-position: -25px -25px; }
					#navigation .nav-sales a:before { background-position: -50px 0;}
					#navigation .nav-sales.current a:before,
					#navigation .nav-sales a:hover:before { background-position: -50px -25px; }
					#navigation .nav-products a:before { background-position: -75px 0;}
					#navigation .nav-products.current a:before,
					#navigation .nav-products a:hover:before { background-position: -75px -25px; }
					#navigation .nav-rewards a:before { background-position: -100px 0;}
					#navigation .nav-rewards.current a:before,
					#navigation .nav-rewards a:hover:before { background-position: -100px -25px; }
					#navigation .nav-details a:before { background-position: -125px 0;}
					#navigation .nav-details.current a:before,
					#navigation .nav-details a:hover:before { background-position: -125px -25px; }
					#navigation .nav-hiw a:before { background-position: -150px 0;}
					#navigation .nav-hiw.current a:before,
					#navigation .nav-hiw a:hover:before { background-position: -150px -25px; }
					#navigation .nav-terms a:before { background-position: -175px 0;}
					#navigation .nav-terms.current a:before,
					#navigation .nav-terms a:hover:before { background-position: -175px -25px; }
					#navigation .nav-training a:before { background-position: -200px 0;}
					#navigation .nav-training.current a:before,
					#navigation .nav-training a:hover:before { background-position: -200px -25px; }
					#navigation .nav-links a:before { background-position: -225px 0;}
					#navigation .nav-links.current a:before,
					#navigation .nav-links a:hover:before,
					#navigation .nav-links a.active:before { background-position: -225px -25px; }
					#navigation .nav-contact a:before { background-position: -250px 0;}
					#navigation .nav-contact.current a:before,
					#navigation .nav-contact a:hover:before { background-position: -250px -25px; }
#useful-links { display: none; background: #fff; background: rgba(255,255,255,0.8); height: calc(100% + 26px); width: 250px; position: absolute; top: -13px; left: 100%; bottom: 0; transition: 0s; }
#useful-links .aside-box-content ul { margin-left: 0; margin-top: 13px; }
#navigation #useful-links ul li a { color: #c00; padding: 10px 15px; width: auto; }
#navigation #useful-links ul li a:before { display: none; }


#page{ width: 100%; margin: 0px auto; max-width: 1200px; padding: 0 15px; }
#page h3 { color: #019497; font-size: 30px; font-weight: 300; margin: 0 0 5px 0; }


#footer { position: relative; width: 100%; background: #fff; padding: 15px 0; color: #000;font-size: 14px;border-top: 5px solid #ccc; margin: 0 auto; max-width: 1200px; }
#footer .arch .footer-layer{ width: 100%; position: static; }
#footermenu #fm_links a, #copy { color: #000; }
.account_manager .footer a { color: #000; }
#footer #footer_powered { display: none; }
#footermenu { margin: 0; padding: 0; }
		

/* LOGIN PAGES */

/*#login_page #masterhead,
#forgetpass #masterhead,
#activateaccount #masterhead,
#activateaccount #navigation,
#activateaccount2 #navigation,
#termsconditions_all #masterhead,
#policy #masterhead { display: none; }*/
#activateaccount2 #masterhead { height: 400px; }

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

#login_page #navigation,
#forgetpass #navigation, 
#activateaccount #navigation, 
#activateaccount2 #navigation, 
#termsconditions_all #navigation, 
#policy #navigation { background: none; height: auto; margin: 20px 0 0 0px; position: static; padding-left: 0px; border-top: none; min-height: 0px;width: auto;}

#login_page #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: 1200px; margin: 0px auto; width: 90%;}


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

#login_page #navigation #menu,
#forgetpass #navigation #menu, 
#activateaccount #navigation #menu, 
#activateaccount2 #navigation #menu, 
#termsconditions_all #navigation #menu, 
#policy #navigation #menu { background: none; height: auto; }

#login_page #navigation ul li.current a,
#forgetpass #page .main-col h1,
#activateaccount #page .main-col h1,
#activateaccount2 #page .main-col h1, 
#terms-conditions #page #content .blocktext h2 strong
{ background: none; border: none; color: #231f20; font-weight: 500; font-size: 50px; font-style: normal; padding: 0; display: block; text-decoration: none;}

#forgetpass #page .main-col h1 {font-size: 50px; margin-bottom: 15px; }

#login_page .left-col h2,
#login_page #form_secured { display: none; }
#login_page .main-col h1, #terms-conditions #page .content h2 { display: none; color: #231f20; font-size: 50px; font-weight: 500; margin: 20px 0; padding: 0; }
#login_page .main-col h1 + p { color: #000; }
#login_page #navigation ul li.current a { display: inline-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; }

#login_page #page,
#forgetpass #page, 
#termsconditions_all #page, 
#policy #page { margin: 0 auto 0px auto; padding: 0px 0 0 0; max-width: 1200px;}

#login_page #page { margin: 0 auto 30px auto;}

/*#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;padding: 0px 0px 15px 0px; }
#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: 0 20px 0 0; text-align: left; width: 300px; color: #000; font-weight: 200; }
#login_page .col-grid-24 .column-12,
#forgetpass .column-12 { width: auto; }
#login_page .left-col,
#forgetpass .left-col { clear: both; float: none; margin: 0; }
#activateaccount .left-col,
#activateaccount2 .left-col { clear: both; }

#login-form-container ol.formgrid li .label-block label {color: #000;font-weight: 200;}
#login-form-container ol.formgrid.label-across-input li#r_button_subscribe .label-block {width: 300px;}
#r_button_subscribe .button-input input {background: #cc0000;font-size: 18px;font-weight: bold;padding: 8px 25px;border-radius: 0px;}
#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: 0px;
}
#loyalty_customers_forgetpass_login_id #r_img_captcha label, #loyalty_customers_login #r_img_captcha label, #promorequest_forgetpass_login_id #r_img_captcha label, #promorequest_login #r_img_captcha label {
    display: block;
}
#login_page #r_img_captcha #div_img_captcha input, 
#forgetpass #r_img_captcha #div_img_captcha input {width: 150px;}
#login_page #r_img_captcha #div_img_captcha, #login_page #r_img_captcha #div_img_captcha + div, 
#forgetpass #r_img_captcha #div_img_captcha, #forgetpass #r_img_captcha #div_img_captcha + div {display: inline-block;}
#login_page #r_img_captcha #div_img_captcha + div>img, 
#forgetpass #r_img_captcha #div_img_captcha + div>img {margin: 0px 0px 0px 10px;}
#r_img_captcha #a_l_img_captcha{font-size: 13px; font-style: normal;}


#registration-form-container ol.formgrid li .field-block input {width: 202px;font-family: 'Gotham SSm A', 'Gotham SSm B', Arial, Helvetica, sans-serif;}

#login_page #content .main-col {display: block; margin: 0; width: auto; float: none;}

#login_page #navigation .navigation_layout li + li {position: static!important; }

#login_page #content .main-col h1 + p + p span {font-weight: normal; color: #000; font-size: 16px;}
#login_page #content .main-col h1 + p + p span + a {font-weight: 500; color: #000; font-size: 18px;}

#login_page #navigation .navigation_layout li + li {position: absolute; bottom: 80px;}

#loyalty_customers_login ol.form-submit li:first-child {display: block;}

#apply-for-account .navigation_layout li, 
#forgetpass .navigation_layout li  {display: none;}

/* 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: bold; }
.home_page .buttonlink a.invisible_arrow { background: url(../images/bullet_li.png) right center no-repeat; margin: 0 0 10px 5px; padding: 0 15px 0 0; }
.home_page .buttonlink a.invisible_arrow:hover { color: #c00; }
.home_page #masterhead .mh_slide { background: none; height: 140px; }

#apply-for-account #masterhead {height: 250px;}
#apply-for-account #canvas_padding:before { top: 120px; }
#apply-for-account #navigation,
#activateaccount #navigation,
#terms-conditions #navigation,
#forgetpass #navigation { display: none!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 #page #content:after { content: ""; display: table;  clear: both;}
#apply-for-account #pageintro,
#activateaccount #pageintro { background: none; position: relative; max-width: 100%; padding-bottom: 0px; margin-bottom: 0px; }
#apply-for-account #pageintro h1,
#activateaccount #pageintro h1 { color: #000; font-size: 24px; margin: 0; }
#apply-for-account #pageintro h1 strong,
#activateaccount #pageintro h1 { font-size: 50px; font-weight: 500; display: block; margin: 0 0 20px 0; }
#apply-for-account #pageintro p { padding-top: 30px;}
#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 .content-block h1 { color: #c00; font-weight: 300; }
.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 #bottom-content { background: #fff; color: #6e6e6f; padding: 0 0 20px 0; }
.home_page .main-col cite, 
.home_page #bottom-content cite { color: #000; display: inline-block; font-style: normal; margin: 0 0 15px 0!important; }
.tooltipsy { background: #000; font-size: 13px; opacity: 0.9; border-radius: 3px; box-shadow: 0px 0px 3px #000; max-width: 120px; }

#r_button_subscribe .field-block { float: none; text-align: center; }
#login_page #r_button_subscribe .field-block { text-align: left; }

#activateaccount .col-grid-24 .column-8,
#activateaccount .col-grid-24 .column-16 { float: none; margin: 0; width: 100%; }
#activateaccount #login-form-container ol.formgrid li .label-block label { color: #000; }
#activateaccount #login-form-container .form-container-inner { padding: 20px 0; }
#activateaccount #r_img_captcha div:nth-child(3) { clear: both; margin-left: 25%; }
#activateaccount #r_img_captcha #a_l_img_captcha { display: none; }


.menu_login_sub_title, .menu_link_forgetpass_sub_title {display: inline; font-size: 20px;padding: 0 5px 0 0; font-size: 16px;}
#navigation ul li span.menu_login_sub_title + a, #navigation ul li span.menu_link_forgetpass_sub_title + a {display: inline; font-size: 20px;padding: 0; color: #cc0000;}

#navigation ul li span.menu_login_sub_title + a:hover, #navigation ul li span.menu_link_forgetpass_sub_title + a:hover {text-decoration: underline;}

#login_page .navigation_layout .frontend_navi li {padding-bottom: 15px;}
#login_page .navigation_layout .frontend_navi span + a {font-weight: 500; color: #000; font-size: 18px;}



#login-form-container ol.formgrid li .field-block input {width: 280px;font-family: 'Gotham SSm A', 'Gotham SSm B', Arial, Helvetica, sans-serif;}

/**/

#welcomepad { float: none; max-width: 100%; margin-right: 0px; }
#welcomepad:after { content:""; display: block; clear:both; }
.incentives-title { clear: left; float: none; }
#welcomepad, #bottom-content-container { padding: 0 0 15px 0; }
#bottom-content-container { clear: both; max-width: 770px; padding: 15px 0; }
#bottom-content-container .required { color: #c00; }
#welcomepad h1 { font-size: 30px; color: #c00; font-size: 36px;}
#welcomepad cite, #bottom-content-container cite { color: #000; font-size: 18px; }
#bottom-content-container cite { font-size: 18px; }
.incentives-title h2 { color: #333; font-size: 30px; margin: 0 0 20px 0; padding: 0; }
.incentive-container.half { background: none; }
.incentive-container.half .incentive-points-details p { color: #000; display: block; }
.incentive-container .incentive-caption { background: none; 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; padding: 0px;}
#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%; border: 0px; }

.incentives-grid-holder .half.first {margin-right: 30px;}
#linkto-vendor-001 {}
#linkto-vendor-001.incentive-container .incentive-caption {top: 0; bottom: auto;}
#linkto-vendor-001.incentive-container.half .incentive-points {display: none;}
#linkto-vendor-001.incentive-container.half .incentive-points-details {margin: 0 0px;}
#linkto-vendor-001.incentive-container.half .incentive-points-details p {padding: 0px 0px 0px 30px; background: url(../images/title_halfcircle.png) left top no-repeat;}
#linkto-vendor-001.incentive-container.half .incentive-points-details p a {display: block; background:none; padding: 0px; font-weight: 400;}

.aside-col,
.hasleftCol .aside-col { float: right; width: 370px; }
#account-home .aside-col { position: relative; }
#account-home #canvas { /*max-width: 1110px;*/ }
#account-home .hasRightCol .main-col,
#account-home .hasleftCol .main-col { max-width: 770px; }
.aside-col .card-align-left { float: left; margin: 0 5% 15px 0; width: 35%; }
.aside-col .card-align-left + div { float: left; padding: 20px 0 0 0; width: 60%; }
.aside-col .points-align { display: block; margin: 30px auto; }
.aside-col .required { color: #c00; }

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

.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; }
#terms-conditions #content ol li { font-size: 14px; list-style: decimal inside; }
#aside-menu #terms-conditions { background-image: none; }
#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; }
#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: #019497; font-weight: 200;}
#aside-menu #useful-links .aside-box-content ul li a:hover { color: #c00;}

.aside-layer-caption h2 { background: top left no-repeat; color: #000; font-size: 30px; padding-top: 20px; 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: #019497; font-size: 14px; font-weight: bold; text-align: center; text-transform: none; }
.video_box .play-video { background: url(../images/video_play.png) center center no-repeat; height: 68px; width: 68px; margin-top: -34px; margin-left; -34px; }
.video_box a:hover .play-video { background: url(../images/video_play.png) center center no-repeat; opacity: 0.5; }

/*BasicLayout CSS overrides*/

#pageintro h1 {color: #c00;font-size: 30px; margin: 0 0 20px 0; text-transform: none;}
#pageintro p { color: #000; font-size: 15px; font-weight: 400;}
#pageintro ul { margin: 0; }
#pageintro ul li {background: url("../images/bullet_li.gif") no-repeat scroll left 2px;color: #000; margin: 0; }
#pageintro { padding: 0 0 20px;}
#pageintro #intro-container { background: none; padding: 10px 0;}

.main-col h1 {color: #c00;font-size: 30px;font-style: normal;font-weight: 200; margin: 0 0 20px 0; padding: 0;}

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

#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; width: 240px;max-width: initial;}
#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: 16px; font-weight: 600;}

.training-materials-grid .training-material {margin: 30px 60px 0 0;
}
.thumb-right .intro-thumb { float: none; font-size: 14px; line-height: 18px; margin: 0; }
.aside-col #intro-content { clear: both; margin: 0 0 50px 0; overflow: hidden; }

.thumb-right .intro-thumb a.thumb-ballance-check {
    background: none;
    display: inline;
    padding: 0; 
    text-transform: none;
    width: auto;
}

.thumb-right .intro-thumb a.thumb-ballance-check img{display: block; float: right; margin-top: -15px;}

/*TABLES CSS File overrides*/
.tabular { background: url(../images/shadow-1600.png) no-repeat center top transparent; background-size: 100%; }
.table_box {background:#FFFFFF;border: none;padding:0;}
.table-caption h2 {color:#000;font-size: 24px;margin-top: 15px;}

.tabular table thead { 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 20px 4px; background: url(../images/tabular_th_sorter.gif) no-repeat right 17px transparent; display: inline-block; font-family:'Gotham SSm A', 'Gotham SSm B', Arial, Helvetica, sans-serif; }

	.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; font-family: inherit; padding: 6px;}


#tfoot {background: none;border: none; padding: 15px 5px;}

/*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 { float: left; min-height: 4em; overflow: visible; width: 49%; }

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

#r_button_subscribe { text-align: center; }

ol.formgrid li input, 
ol.formgrid li textarea, 
ol.formgrid li select {background: #f4f4f4;border: 1px solid #e0e0e0; color: #9a9b9c; padding: 5px 3px; width:200px;}

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

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: #cc0000; /* Old browsers */
	border-radius: 0px; 
	padding: 10px 30px!important;
	height: auto;
	font-size: 16px;
	color: #fff;
     font-family: 'Gotham SSm A', 'Gotham SSm B', Arial, Helvetica, sans-serif;
}

.button-clear-filter .button-input input  {
	background: #666; /* Old browsers */	
	text-transform: capitalize;
	}


/*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;}
#uploadsales-form-container ol.formgrid li .label-block label {color: #000;font-size: 17px;}
		

#page { padding: 30px 0; }

.incentive-container { margin-bottom: 50px; }
.incentive-container .incentive-points { background: #c00; border-radius: 50%; height: 120px; left: auto!important; right: 10px; top: -23px; left: auto; right: 0px; top: -70px;}
.incentive-container .incentive-caption { top: 100%;}
.incentive-container.full .incentive-caption { bottom: 10px; }
.incentive-container .incentive-points-details { line-height: 22px; margin: 0px 120px 0 0;}
.incentive-container.half .incentive-points-details { clear: none; top: 0px;margin: 0px 100px 0 0; }
.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: 0px; 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; }

#pageintro { background: none; float: left; max-width: 780px; width: 100%; }
#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; overflow: hidden; 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%; line-height: 24px; 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: #c00; font-size: 30px; margin: 0 0 10px 0; text-transform: none; }

#uploadsales-form-container h2 { color: #000; font-size: 24px; margin: 0 0 10px 0; padding: 0; }

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

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

#content ol.formgrid { list-style: inside; margin: 0 0 15px 0; }
.home_page #content ol.formgrid { list-style: none; }

#button_subscribe { background: #c00; border-radius: 0px; color: #fff; }

#tfoot {width:100%;}

.button-update .button-input, 
.button-update .button-input input, 
.button-input input {text-transform: capitalize;}

.table-nav .nextpage span, 
.table-nav .prevpage span {margin-top: 6px;}

#data_points, #data_points_value {font-family:'Gotham SSm A', 'Gotham SSm B', Arial, Helvetica, sans-serif}

#listdetails-backend-form-container .form-container-inner { background: url(../images/sep.png) top center no-repeat; padding: 30px 0; }
ol.formgrid.label-across-input li .label-block { color: #666; padding: 0 10px 0 0; width: 25%!important; }
#listdetails-salesperson-form-container .table_box, #listdetails-backend-form-container .table_box { float: left; margin-left: 24%; width: auto; }
#listdetails-backend-form-container ol.formgrid.form-submit { clear: none; float: left!important; width: auto; }
#listdetails-backend-form-container ol.formgrid li .buttonlink { margin: 0; }
.buttonlink a.gel-noicon-grey-border { background: #666; color: #fff; font-weight: normal; height: auto; padding: 5px 25px; }
.table_box .buttonlink a.gel-noicon-grey-border { background: #019497; }
.buttonlink a.gel-noicon-grey-border:hover { background: #c00; color: #fff; }
.buttonlink a.gel-noicon-grey-border div { display: none; }
#listdetails-backend-form-container .table-caption { display: none; }

.dialog { box-shadow: 0 0 30px rgba(0,0,0,0.5); border: 0; max-width: 730px; margin-left: -365px; padding: 30px; width: 100%; }
.dialog a.close_x_white { background: #c00 url(../images/icon-x.png) center center no-repeat!important; float: none; height: 25px; min-width: 0; overflow: hidden; text-align: center; text-indent: -9999px; width: 25px; position: absolute; top: 30px; right: 30px; }
.dialog a.close_x_white:hover { background: #019497 url(../images/icon-x.png) center center no-repeat!important; }

#form_module_editpost_dialogue ol.formgrid, #form_module_editpost_dialogue .msg_user { background: url(../images/sep.png) top center no-repeat; border: 0; padding: 15px 0; }
.dialog .dlg_hm h2, .dialog #form_module_editpost_dialogue h2 { margin: 0 0 15px 0; }

ol.formgrid li { margin: 10px 0; }
ol.formgrid li .label-block label { display: block; padding: 5px 0; }
ol.formgrid li input, ol.formgrid li textarea, ol.formgrid li select { background: #f4f4f4; color: #000; font-family: 'Gotham SSm A', 'Gotham SSm B', Arial, Helvetica, sans-serif; padding: 5px; }
#listdetails-backend-form-container .form-container-outer div.field-block { padding: 5px 0; }
#button_subscribe,
#r_button_subscribe .button-input input { background: #019497; font-family: 'Gotham SSm A', 'Gotham SSm B', Arial, Helvetica, sans-serif; font-weight: normal; }
#button_subscribe:hover,
#r_button_subscribe .button-input input:hover { background: #c00; color: #fff; }
#form_module_editpost_dialogue ol.formgrid.form-submit { background: none; margin-left: 25%; padding: 0; }
#form_module_editpost_dialogue ol.formgrid, #form_module_editpost_dialogue .msg_user { margin: 0; }
#form_module_editpost_dialogue ol.formgrid li .field-block { width: 75%; }
#form_module_editpost_dialogue ol.formgrid li .field-block[id=input-text] input { width: 60%; }

/* Slider */
ul.bjqs { display: none; list-style: none; margin: 0; overflow: hidden; padding: 0; position: relative; }
#gallery ul.bjqs { padding: 50px 0 0 0; }
li.bjqs-slide { position: absolute; }

ul.bjqs-controls { list-style: none; width: 370px; position: absolute; bottom: 65px; z-index: 9; }
#gallery ul.bjqs-controls { top: 0; }
ul.bjqs-controls.v-centered li a { background: url(../images/slider-controls.png); border-radius: 0px; height: 44px; margin: 5px 0 0 0; text-indent: -9999px; width: 44px; position: absolute; }
ul.bjqs-controls.v-centered li.bjqs-prev a { background-position: 0 0; left: 15px; }
ul.bjqs-controls.v-centered li.bjqs-next { float: right; margin: 0 35px 0 0; }
ul.bjqs-controls.v-centered li.bjqs-next a { background-position: -44px 0px; right: 15px; }
ul.bjqs-controls.v-centered li a:hover { opacity: 0.75; }

ol.bjqs-markers {list-style: none; margin: 0; padding: 0; position: absolute; left: 0; bottom: 33px; transition: 0s; }
ol.bjqs-markers.h-centered { text-align: center; }
ol.bjqs-markers li { border: 0; display: inline-block; float: none; margin: 0 1px; width: 15px; }
ol.bjqs-markers li a { background: #acadaf; border: 0px; border-radius: 50%; display: inline-block; height: 10px; font-size: 1px; line-height: 10px; text-indent: 0px; width: 10px; position: relative; }
ol.bjqs-markers li a:hover, ol.bjqs-markers li.active-marker a { background: #3d4145; }
p.bjqs-caption { display: block; margin: 0; padding: 2%; width: 96%; position: absolute; bottom: 0; }

#lcpromotions { background: #f2f2f2; border: 1px solid #e2e2e2; margin: 0 0 50px 0; text-align: center; }
#lcpromotions img { margin: 0 0 30px 0; }
#lcpromotions h4 { color: #019497; font-size: 24px; font-weight: bold; padding: 0 15px 15px 15px; }
#lcpromotions h4 a { color: #019497; }
#lcpromotions p { color: #666; font-size: 15px; padding: 0 15px; }

#dashboard-items {}

#dashboard-items .active-promotions-list { margin: 0 0 65px 0; overflow: hidden; }
#dashboard-items .active-promotion-box { float: left; height: 380px; margin: 0 100px 15px 0; text-align: center; width: 270px; position: relative; }
#dashboard-items .active-promotion-box .img { height: 270px; margin: 0 0 20px 0; }
#dashboard-items .active-promotion-box .img img { border-radius: 50%; height: 270px; width: 270px; }
#dashboard-items .active-promotion-box .img .roundel { background: #c00; border-radius: 50%; color: #fff; font-size: 18px; height: 120px; padding: 15px 10px 0 10px; text-align: center; width: 120px; position: absolute; top: 0; right: -60px; }
#dashboard-items .active-promotion-box .img .roundel .num { display: block; font-size: 42px; font-weight: bold; padding: 5px 0; }
#dashboard-items .active-promotion-box .img .roundel strong { font-size: 14px; text-transform: uppercase; }
#dashboard-items .active-promotion-box h4 { font-size: 30px; }
#dashboard-items .active-promotion-box h6 { color: #019497; font-size: 18px; line-height: 20px; }

.aside-col .active-promotions-list { margin: 0 0 20px 0; overflow: hidden; }
.aside-col .active-promotion-box { margin: 0 0 15px 0; text-align: center; width: 270px; position: relative; }
.aside-col .active-promotion-box .img { height: 270px; margin: 0 0 20px 0; }
.aside-col .active-promotion-box .img img { border-radius: 50%; height: 270px; width: 270px; }
.aside-col .active-promotion-box .img .roundel { background: #c00; border-radius: 50%; color: #fff; font-size: 18px; height: 120px; padding: 15px 10px 0 10px; text-align: center; width: 120px; position: absolute; top: 0; right: -60px; }
.aside-col .active-promotion-box .img .roundel .num { display: block; font-size: 42px; font-weight: bold; padding: 5px 0; }
.aside-col .active-promotion-box .img .roundel strong { font-size: 14px; text-transform: uppercase; }
.aside-col .active-promotion-box h4 { font-size: 30px; }
.aside-col .active-promotion-box h6 { color: #019497; font-size: 18px; line-height: 20px; }

.other-offers { background: url(../images/other-offers.jpg) center center no-repeat; color: #fff; font-size: 36px; height: 314px; margin: 0 0 30px 0; max-width: 670px; padding: 80px 40% 0 50px; width: 100%; }
.other-offers h2 { font-weight: 300; line-height: 40px; margin: 0 0 25px 0; }
.other-offers a { background: #00b0c3; color: #fff; display: inline-block; font-size: 18px; padding: 15px 30px; }
.other-offers a:hover { background: #c00; text-decoration: none; }

#qualifying_products { text-align: center; }
#qualifying_products .product-box { float: left; height: 235px; margin: 0 30px 30px 0; overflow: hidden; vertical-align: top; width: 230px; }
#qualifying_products .product-box.captions { display: none; }
#qualifying_products .data_date_start,
#qualifying_products .data_date_end,
#qualifying_products .data_product_series_txt,
#qualifying_products .data_product_name_txt,
#qualifying_products .standard_points,
#qualifying_products .points_value { display: none; }
#qualifying_products .expand-products { background: url(../images/expand.png) center center no-repeat; display: block; float: left; height: 228px; width: 187px; opacity: 0.75; }
#qualifying_products .expand-products:hover { opacity: 1; }

#qualifying_products .active-promotions-list { margin: 0 0 65px 0; overflow: hidden; }
#qualifying_products .active-promotion-box { float: left; margin: 0 15px 15px 0; text-align: center; width: 200px; position: relative; }
#qualifying_products .active-promotion-box .img { margin: 0 0 20px 0; }
#qualifying_products .active-promotion-box .img img { border-radius: 50%; height: 147px; width: 147px; }
#qualifying_products .active-promotion-box .img .roundel { background: #c00; border-radius: 50%; color: #fff; font-size: 11px; height: 65px; padding: 7px 10px 0 10px; text-align: center; width: 65px; position: absolute; top: 0; right: -20px; }
#qualifying_products .active-promotion-box .img .roundel .num { display: block; font-size: 22px; font-weight: bold; padding: 2px 0; }
#qualifying_products .active-promotion-box .img .roundel strong { font-size: 10px; text-transform: uppercase; }
#qualifying_products .active-promotion-box h4 { font-size: 20px; }
#qualifying_products .active-promotion-box h6 { color: #019497; font-size: 12px; line-height: 20px; }

.filterBox { border: 0; padding: 0; }
.filterBox .form-submit { border-top: 0; padding-top: 0; }

#account-dashboard { margin: 0 0 50px 0; }
#account-dashboard h2 { font-size: 30px; margin: 0 0 30px 0; }
#account-dashboard .points { float: left; margin: 0 0 60px 0; width: 33.3%; position: relative; }
#account-dashboard .points .num { font-size: 36px; }
#account-dashboard .points .tooltip { background: #00b0c3; border-radius: 50%; box-shadow: none; color: #fff; display: inline-block; height: 22px; line-height: 23px; padding: 0; text-align: center; width: 22px; position: relative; top: -20px; }
#account-dashboard .points .tooltip:hover { background: #c00; text-decoration: none; }
#account-dashboard .points .tooltips { display: none; background: rgba(0,0,0,0.75); padding: 10px; position: absolute; top: -5px; left: 0; z-index: 9; transition: 0s; }
.tooltip_content .stat_row label { color: #fff; }

#account-dashboard .points strong { display: block; font-size: 14px; max-width: 200px; text-transform: uppercase; }
#account-dashboard .graph { float: left; width: 50%; }
#account-dashboard .graph .cols { background: url(../images/bg-graph.gif) top left repeat-x; border-bottom: 1px solid #000; height: 217px; margin: 0 0 15px 0; max-width: 360px; position: relative; }
#account-dashboard .graph .cols .col { background: rgba(0,0,0,0.75); color: #fff; font-size: 14px; padding: 10px; text-align: center; width: 70px; position: absolute; bottom: 3px; }
#account-dashboard .graph .cols .col.h0 { height: 0%; }
#account-dashboard .graph .cols .col.h1 { height: 1%; }
#account-dashboard .graph .cols .col.h2 { height: 2%; }
#account-dashboard .graph .cols .col.h3 { height: 3%; }
#account-dashboard .graph .cols .col.h4 { height: 4%; }
#account-dashboard .graph .cols .col.h5 { height: 5%; }
#account-dashboard .graph .cols .col.h6 { height: 6%; }
#account-dashboard .graph .cols .col.h7 { height: 7%; }
#account-dashboard .graph .cols .col.h8 { height: 8%; }
#account-dashboard .graph .cols .col.h9 { height: 9%; }
#account-dashboard .graph .cols .col.h10 { height: 10%; }
#account-dashboard .graph .cols .col.h11 { height: 11%; }
#account-dashboard .graph .cols .col.h12 { height: 12%; }
#account-dashboard .graph .cols .col.h13 { height: 13%; }
#account-dashboard .graph .cols .col.h14 { height: 14%; }
#account-dashboard .graph .cols .col.h15 { height: 15%; }
#account-dashboard .graph .cols .col.h16 { height: 16%; }
#account-dashboard .graph .cols .col.h17 { height: 17%; }
#account-dashboard .graph .cols .col.h18 { height: 18%; }
#account-dashboard .graph .cols .col.h19 { height: 19%; }
#account-dashboard .graph .cols .col.h20 { height: 20%; }
#account-dashboard .graph .cols .col.h21 { height: 21%; }
#account-dashboard .graph .cols .col.h22 { height: 22%; }
#account-dashboard .graph .cols .col.h23 { height: 23%; }
#account-dashboard .graph .cols .col.h24 { height: 24%; }
#account-dashboard .graph .cols .col.h25 { height: 25%; }
#account-dashboard .graph .cols .col.h26 { height: 26%; }
#account-dashboard .graph .cols .col.h27 { height: 27%; }
#account-dashboard .graph .cols .col.h28 { height: 28%; }
#account-dashboard .graph .cols .col.h29 { height: 29%; }
#account-dashboard .graph .cols .col.h30 { height: 30%; }
#account-dashboard .graph .cols .col.h31 { height: 31%; }
#account-dashboard .graph .cols .col.h32 { height: 32%; }
#account-dashboard .graph .cols .col.h33 { height: 33%; }
#account-dashboard .graph .cols .col.h34 { height: 34%; }
#account-dashboard .graph .cols .col.h35 { height: 35%; }
#account-dashboard .graph .cols .col.h36 { height: 36%; }
#account-dashboard .graph .cols .col.h37 { height: 37%; }
#account-dashboard .graph .cols .col.h38 { height: 38%; }
#account-dashboard .graph .cols .col.h39 { height: 39%; }
#account-dashboard .graph .cols .col.h40 { height: 40%; }
#account-dashboard .graph .cols .col.h41 { height: 41%; }
#account-dashboard .graph .cols .col.h42 { height: 42%; }
#account-dashboard .graph .cols .col.h43 { height: 43%; }
#account-dashboard .graph .cols .col.h44 { height: 44%; }
#account-dashboard .graph .cols .col.h45 { height: 45%; }
#account-dashboard .graph .cols .col.h46 { height: 46%; }
#account-dashboard .graph .cols .col.h47 { height: 47%; }
#account-dashboard .graph .cols .col.h48 { height: 48%; }
#account-dashboard .graph .cols .col.h49 { height: 49%; }
#account-dashboard .graph .cols .col.h50 { height: 50%; }
#account-dashboard .graph .cols .col.h51 { height: 51%; }
#account-dashboard .graph .cols .col.h52 { height: 52%; }
#account-dashboard .graph .cols .col.h53 { height: 53%; }
#account-dashboard .graph .cols .col.h54 { height: 54%; }
#account-dashboard .graph .cols .col.h55 { height: 55%; }
#account-dashboard .graph .cols .col.h56 { height: 56%; }
#account-dashboard .graph .cols .col.h57 { height: 57%; }
#account-dashboard .graph .cols .col.h58 { height: 58%; }
#account-dashboard .graph .cols .col.h59 { height: 59%; }
#account-dashboard .graph .cols .col.h60 { height: 60%; }
#account-dashboard .graph .cols .col.h61 { height: 61%; }
#account-dashboard .graph .cols .col.h62 { height: 62%; }
#account-dashboard .graph .cols .col.h63 { height: 63%; }
#account-dashboard .graph .cols .col.h64 { height: 64%; }
#account-dashboard .graph .cols .col.h65 { height: 65%; }
#account-dashboard .graph .cols .col.h66 { height: 66%; }
#account-dashboard .graph .cols .col.h67 { height: 67%; }
#account-dashboard .graph .cols .col.h68 { height: 68%; }
#account-dashboard .graph .cols .col.h69 { height: 69%; }
#account-dashboard .graph .cols .col.h70 { height: 70%; }
#account-dashboard .graph .cols .col.h71 { height: 71%; }
#account-dashboard .graph .cols .col.h72 { height: 72%; }
#account-dashboard .graph .cols .col.h73 { height: 73%; }
#account-dashboard .graph .cols .col.h74 { height: 74%; }
#account-dashboard .graph .cols .col.h75 { height: 75%; }
#account-dashboard .graph .cols .col.h76 { height: 76%; }
#account-dashboard .graph .cols .col.h77 { height: 77%; }
#account-dashboard .graph .cols .col.h78 { height: 78%; }
#account-dashboard .graph .cols .col.h79 { height: 79%; }
#account-dashboard .graph .cols .col.h80 { height: 80%; }
#account-dashboard .graph .cols .col.h81 { height: 81%; }
#account-dashboard .graph .cols .col.h82 { height: 82%; }
#account-dashboard .graph .cols .col.h83 { height: 83%; }
#account-dashboard .graph .cols .col.h84 { height: 84%; }
#account-dashboard .graph .cols .col.h85 { height: 85%; }
#account-dashboard .graph .cols .col.h86 { height: 86%; }
#account-dashboard .graph .cols .col.h87 { height: 87%; }
#account-dashboard .graph .cols .col.h88 { height: 88%; }
#account-dashboard .graph .cols .col.h89 { height: 89%; }
#account-dashboard .graph .cols .col.h90 { height: 90%; }
#account-dashboard .graph .cols .col.h91 { height: 91%; }
#account-dashboard .graph .cols .col.h92 { height: 92%; }
#account-dashboard .graph .cols .col.h93 { height: 93%; }
#account-dashboard .graph .cols .col.h94 { height: 94%; }
#account-dashboard .graph .cols .col.h95 { height: 95%; }
#account-dashboard .graph .cols .col.h96 { height: 96%; }
#account-dashboard .graph .cols .col.h97 { height: 97%; }
#account-dashboard .graph .cols .col.h98 { height: 98%; }
#account-dashboard .graph .cols .col.h99 { height: 99%; }
#account-dashboard .graph .cols .col.h100 { height: 100%; }
#account-dashboard .graph .cols .col span { color: #000; font-size: 24px; font-weight: bold; text-align: center; width: 70px; position: absolute; top: -30px; left: 0; }
#account-dashboard .graph p { color: #000; font-size: 14px; max-width: 360px; text-align: center; }
#account-dashboard .graph .cols .col1 { left: 15px; }
#account-dashboard .graph .cols .col2 { left: 100px; }
#account-dashboard .graph .cols .col3 { left: 185px; }
#account-dashboard .graph .cols .col4 { left: 270px; }
#account-dashboard .graph1 .cols .col1 { background: rgba(0,176,195,0.75); height: 60%; left: 15px; }
#account-dashboard .graph2 .cols .col1 { background: rgba(125,1,98,0.75); height: 60%; left: 15px; }
#account-dashboard .graph1 .cols .col1 span { color: #019497; }
#account-dashboard .graph2 .cols .col1 span { color: #7d0162; }
#account-dashboard .graph .cols .col.h0 span,
#account-dashboard .graph .cols .col.h1 span,
#account-dashboard .graph .cols .col.h2 span,
#account-dashboard .graph .cols .col.h3 span,
#account-dashboard .graph .cols .col.h4 span,
#account-dashboard .graph .cols .col.h5 span,
#account-dashboard .graph .cols .col.h6 span,
#account-dashboard .graph .cols .col.h7 span,
#account-dashboard .graph .cols .col.h8 span,
#account-dashboard .graph .cols .col.h9 span,
#account-dashboard .graph .cols .col.h10 span,
#account-dashboard .graph .cols .col.h11 span,
#account-dashboard .graph .cols .col.h12 span,
#account-dashboard .graph .cols .col.h13 span,
#account-dashboard .graph .cols .col.h14 span,
#account-dashboard .graph .cols .col.h15 span,
#account-dashboard .graph .cols .col.h16 span,
#account-dashboard .graph .cols .col.h17 span,
#account-dashboard .graph .cols .col.h18 span,
#account-dashboard .graph .cols .col.h19 span,
#account-dashboard .graph .cols .col.h20 span { top: -50px; }
#account-dashboard .graph .cols .col strong { text-align: center; width: 100%; position: absolute; bottom: 10px; left: 0; }
#account-dashboard .graph .cols .col.h0 strong,
#account-dashboard .graph .cols .col.h1 strong,
#account-dashboard .graph .cols .col.h2 strong,
#account-dashboard .graph .cols .col.h3 strong,
#account-dashboard .graph .cols .col.h4 strong,
#account-dashboard .graph .cols .col.h5 strong,
#account-dashboard .graph .cols .col.h6 strong,
#account-dashboard .graph .cols .col.h7 strong,
#account-dashboard .graph .cols .col.h8 strong,
#account-dashboard .graph .cols .col.h9 strong,
#account-dashboard .graph .cols .col.h10 strong,
#account-dashboard .graph .cols .col.h11 strong,
#account-dashboard .graph .cols .col.h12 strong,
#account-dashboard .graph .cols .col.h13 strong,
#account-dashboard .graph .cols .col.h14 strong,
#account-dashboard .graph .cols .col.h15 strong,
#account-dashboard .graph .cols .col.h16 strong,
#account-dashboard .graph .cols .col.h17 strong,
#account-dashboard .graph .cols .col.h18 strong,
#account-dashboard .graph .cols .col.h19 strong,
#account-dashboard .graph .cols .col.h20 strong { color: #000; }

.rate-image { float: none; text-align: center; }

#loyalty_sellers ol.form-submit,
#loyalty_contact_us ol.form-submit { margin-left: 25%; }
#loyalty_contact_us #captcha_img { display: none; }

#loyalty_contact_us { margin: 15px 0; padding: 15px 0; }
#loyalty_contact_us #div_aditional_comments { width: 75%; }
#loyalty_contact_us textarea { height: 150px; width: 100%; }

#user_administration { line-height: 24px; padding: 30px 0; }

#listdetails-backend-form-container ol.formgrid li { padding-bottom: 0; }

.form_intro { margin: 0 0 15px 0; }

#button_subscribe_u_info { display: none; }

@media (max-width: 1500px) {
    
}

@media (max-width: 1350px) {
    #login_page #navigation .navigation_layout, #forgetpass #navigation .navigation_layout, #activateaccount #navigation .navigation_layout, #activateaccount2 #navigation .navigation_layout, #termsconditions_all #navigation .navigation_layout, #policy #navigation .navigation_layout { max-width: none; padding-left: 15px; padding-right: 15px; width: 100%; }
    #login_page #page { max-width: none; width: 100%; }
    #login_page #page .arch { padding-left: 15px; padding-right: 15px; }
}

@media (max-width: 1199px) {
    #navigation { left: 0; margin-left: 0; }
    
	#login_page #navigation { margin: 20px 0 0 0px; }
	#login_page #page, 
	#forgetpass #page { margin: 0 auto; }
	#login_page #page .main-col { left: 40px; }
	#forgetpass .col-grid-24 .column-12 { width: 90%; }
	#login_page #page .left-col,
	#forgetpass #page .left-col { margin: 0; }
    #login_page #page .left-col { margin: 0px 0px 100px 0px; }
	
	.home_page #form_module_login ol.formgrid { float: none; width: 100%; }
	#apply-for-account #pageintro h1 { font-size: 30px; }
	.home_page #pageintro p { color: #000; position: static; }
	.home_page #registration-form-container .form-container-inner { padding: 20px; }
	.home_page #bottom-content { padding: 0 20px 20px 20px; }
    
    #pageintro {float: none;max-width: 100%;width: 100%;}
    .aside-col, .hasleftCol .aside-col {float: none; width: auto;}
    .hasRightCol .main-col, .hasleftCol .main-col { float: none; width: auto; max-width: 100%;}
    
    #page { padding-left: 15px; padding-right: 15px; }
    
    #aside-menu .aside-box .aside-box-content ul li .tooltip {position: static; display: none; background: none; box-shadow: none; max-width: 250px;}
    .tooltip:after {content: ""; display: block; clear: both;}    
    #aside-menu .aside-box .aside-box-content ul li .tooltip .boxarrow {display: none;}
    #aside-menu .aside-box .aside-box-content ul li .tooltip_content {float: left;}
    #aside-menu .aside-box .aside-box-content ul li .tooltip_content p {color: #999;}
	
    #footer { padding-left: 15px; padding-right: 15px; }
    
    #canvas_padding:before { left: auto; right: 15px; margin-left: 0; }
    #account-home .hasRightCol .main-col, #account-home .hasleftCol .main-col { max-width: none; }
    .aside-col .active-promotion-box { float: left; margin: 0 100px 15px 0; }
    .incentive-container { margin-bottom: 0; }
}

@media (max-width: 899px) {
	
    .col-grid-24 .indicatorwrap.column-8 {float: none;width: auto;}
    .meter-caption {min-height: 1em;}
    
    #header #headermenu {right: 0px;}
    
    #account-dashboard .graph { clear: both; float: none; margin: 0 0 30px 0; width: 100%; }
	
}

@media (max-width: 699px) {
    #header { height: 200px; }
    #header #header_wrap { text-align: center; }
    #header #logo_wrapper { float: none; margin-bottom: 15px; }
    #header #logo_wrapper a { display: inline-block; }
    #header #headermenu { float: none; text-align: center; }
    #header #headermenu #client_logout { float: none; }
    .home_page .buttonlink a.invisible_arrow { display: inline-block; }
    .buttonlink a.invisible_arrow:before { display: none; }
    #header #headermenu #hm_user_pane_inner { float: none; margin: 0 0 10px 0; }
    
    #navigation { top: 200px; }
    
	#login-form-container ol.formgrid li .label-block { width: 100%;}
    #login-form-container ol.formgrid.label-across-input li#r_button_subscribe .label-block, 
    #login-form-container ol.formgrid.label-across-input li#r_button_subscribe .label-block{ display: none; }
    
    .thumb-right .intro-thumb {float: none;}
    .thumb-right .intro-thumb a.thumb-ballance-check {background: url("../images/icon_balance_check_card.jpg") no-repeat scroll left top rgba(0, 0, 0, 0);font-size: 14px;font-weight: bold;min-height: 110px;padding: 0px 0 0 150px;text-transform: uppercase;width: 300px;
    margin-top: 30px;}
    
    .thumb-right .intro-thumb a.thumb-ballance-check img{display: block; float: none; margin-top: 5px;}
    
    #account-dashboard .points { clear: both; float: none; margin: 0 0 30px 0; width: 100%; }
}


@media (max-width: 599px) {
    #r_button_subscribe { padding-left: 0; }
	/*#login_page #page ol.formgrid,
	#forgetpass #page ol.formgrid { border-radius: 10px; clear: both; min-height: inherit; }
	#login_page #page .form-submit { background: none; float: right!important; }*/
    
	#forgetpass #page .form-submit { background: none; float: left; }
    #login_page #canvas_padding:before { left: auto; right: 20px;}
	
    #login_page #navigation ul li.current a, #forgetpass #page .main-col h1 { font-size: 48px;}
    
    ol.formgrid li .label-block,
    ol.formgrid.label-across-input li .label-block,
    ol.formgrid li .field-block { float: none!important; overflow: hidden; width: 100%!important; }
    #loyalty_account_info .field-block span { max-width: none; }
    #listdetails-salesperson-form-container .table_box, #listdetails-backend-form-container .table_box { float: none; margin-left: 0; }
    #listdetails-backend-form-container ol.formgrid.form-submit { float: none!important; }
    
    #masterhead,
    #canvas_padding:before { display: none; }
    #navigation { height: auto; padding: 1px 0; width: 100%; position: static; }
    #navigation ul li a { width: 100%; }
    #useful-links { height: auto; width: 100%; position: static; }
}
@media (max-width: 400px) {
    #lcpromotions { max-width: 260px; overflow: hidden; }
}