/******* Common CSS ******/

body{margin:0px; padding:0px; line-height:inherit !important; font-family:Arial, Helvetica, sans-serif !important; font-size:12px; background:#fff !important;}
p,h1,h2,h3,h4,h5,h6,h7,ul,li{ display:block;}
img{ border:0px;}
.main-container{width:100%; display:block;}
.CustomContainer{width:960px; margin:0 auto;}
.container-bg{background:#fff; border:1px solid #eee; padding-top:3px;}
.text-right{ text-align:right;}
.clearfix{ clear:both;}
.banner img{ width:100%; display:block;}
.left-box{ width:68%;}
.right-box{ width:32%;}
.left-box p{ padding:10px; color:#505153; font-size:14px; line-height:20px;}
.left-box h1{ padding:0 10px; color:#505153; font-size:24px; margin:0px;}
.left-box .title{ font-size:14px; font-weight:bold; background:#0059a0; padding:8px; text-align:center; color:#fff; text-transform:uppercase;}

/*****************  Header CSS  *********************/

header{ padding:40px 0 0px 0;}
header .logo1{ width:121px; height:17px; margin-top:26px;}
header .logo2{ width:48px; height:43px;}

/*****************  Navigation CSS  *********************/
.custom-nav-bar.navbar-default { background-color: #0059a0;  border-color: #0059a0;}
.custom-nav-bar.navbar { border-radius:0px; min-height:30px; margin:5px 0 0;}
.custom-nav-bar.navbar-default .navbar-nav > li > a { color: #fff !important;}
.custom-nav-bar .navbar-nav > li > a { padding-bottom:5px;  padding-top:5px; font-size:12px;}
.custom-nav-bar .navbar-nav > li > a.active{ background:#333;}
.custom-nav-bar .nav > li > a:focus, .custom-nav-bar .nav > li > a:active, .custom-nav-bar .nav > li > a:hover { background-color: #0d70bf;  text-decoration: none;}
.custom-nav-bar.navbar-default .navbar-nav > .open > a, .custom-nav-bar.navbar-default .navbar-nav > .open > a:focus, .custom-nav-bar.navbar-default .navbar-nav > .open > a:hover{ background-color: #0d70bf;}
.custom-nav-bar.navbar-default .navbar-nav > .open > a{ color:#fff;}
.custom-nav-bar .dropdown-menu{ background-color:#0059a0; border-radius:inherit; border:0 none;}
.custom-nav-bar .dropdown-menu > li > a { color: #fff !important;  padding: 3px 15px;}
.custom-nav-bar .dropdown-menu > li > a:focus, .custom-nav-bar .dropdown-menu > li > a:hover { background-color: #0d70bf;  color: #fff;}
.custom-nav-bar.navbar-default .navbar-brand { color: #fff; display:none;}
.custom-nav-bar.navbar-default .navbar-brand:focus, .custom-nav-bar.navbar-default .navbar-brand:hover { background-color: transparent;  color: #fff;}
/*****************  Banner CSS  *********************/
.banner-box{width:68%;}
.banner-home{width:68%;}
.content-box{ width:100%; padding:4px 0 0 0; box-sizing:border-box;}
.carousel-indicators, .carousel-control.left, .carousel-control.right{ display:none;}
.left-box .dream{ width:100%;}

/*****************  Reward Tile CSS  *********************/
.reward-tile-box{ width:32%;}
.reward-tile{ background: #0366b0 none repeat scroll 0 0;  box-sizing: border-box; margin:0 4px 4px;}
.reward-tile img{ width:100%; display:block;}

/*****************  Login CSS  *********************/

.login-tile{ background: #f7f7f5 none repeat scroll 0 0;  box-sizing: border-box;  margin: 0 4px; }
.login-tile .title{ font-size:14px; font-weight:bold; background:#0059a0; padding:8px; text-align:center; color:#fff; text-transform:uppercase;}
.login-tile .form-box{padding:10%;}
.filter-box{ margin-bottom:4px !important;}
.login-tile label{ display:block; font-size:12px; color:#333; padding:5px 0; width:100%; box-sizing: border-box;}
.login-tile input[type="text"], .login-tile input[type="password"], .login-tile select
{ border:1px solid #ccc; border-radius:6px; padding:5px; display:block; width:100%; box-sizing: border-box;}
.login-tile input[type="text"]:focus, .login-tile input[type="password"]:focus, .login-tile select:focus {
border-color: #0059a0;  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 6px rgba(102, 175, 233, 0.6); outline: 0 none;}
.login-tile input[type="submit"]{ background: rgba(0, 0, 0, 0) url("../images/login-btn.png") no-repeat scroll left top;
border: 0 none; float: right; cursor:pointer; height: 29px;  margin: 10px 5px 0 15px; text-indent: -10000px; width: 71px;}
.remember{ display: inline-block;  margin: 13px 0 0 5px;}
.remember > span {  float: right;  margin: 2px 0 0 5px;}

/*****************  Tabing CSS  **********************/
.tabbox{ width:32%;}
.tabbox{ background:#fff; padding:0 5px;}
.tabbox .SigninBox{ padding:0 5px 10px;}
.SigninBox .gold{color:#d3ad6a; text-decoration:underline;}
.tabbox .detail{ padding:10px 0;}
.tabbox .DateAs{font-size:12px; color:#0059a0; margin-top:7px;}
.table1 { padding-top: 5px;}
.table2 { padding-top: 10px;}
.SigninBox p{ padding:5px 0 0; color:#505153; font-size:13px; line-height:15px; margin:0px;}
.custom-tab-content{ padding:0 5px; background:#eeefe8;}
.nav-tabs.custom-nav-tabs > li > a { background:#333; color:#fff; border: 1px solid transparent; border-radius:0px !important; margin-right: 2px;}
.nav-tabs.custom-nav-tabs > li.active > a, .nav-tabs.custom-nav-tabs > li.active > a:focus, .nav-tabs.custom-nav-tabs > li.active > a:hover {
background-color: #0059a0; border-color: #0059a0 #0059a0 transparent;	color:#fff;}
.nav.custom-nav-tabs > li > a { display: block; padding:2px 5px; position: relative; font-size:11px;}
.nav.custom-nav-tabs > li > a:focus, .nav.custom-nav-tabs > li > a:hover { background-color: #0059a0;}
.nav-tabs.custom-nav-tabs > li > a:hover { border-color: #0059a0 #0059a0 #0059a0;}
.nav-tabs.custom-nav-tabs {border-bottom: 2px solid #0059a0; padding:0 10px;}
.achieve{ font-size:11px; color:#333; margin-right:10px;}
.monthlyachieve{ font-size:14px; color:#0059a0; margin:0 0 5px;}
.tablescroll{height:200px; overflow-x: hidden; overflow-y: scroll;}
.announcement img { width: 100%; display:block;}
.custom-table{ background:#fff; padding:5px;}
.custom-table td{ padding:3px; font-size:11px; border-top:2px solid #eeefe8; border-right:2px solid #eeefe8;}
.meter {   background: #333 none repeat scroll 0 0;    height: 10px;    margin: 5px 0 5px;    position: relative;}
.meter.orange > span {  background-color: #0059a0; width:20%;}
.meter > span {  background-color:#0059a0;  display: block;  height: 100%;  overflow: hidden; position: relative;}
.custom-tab-content .tab-pane.fade.active.in{min-height:264px;}
/************** Accordian ***************/
.custom-panel-group{ padding:2% 7%; margin:0px !important; min-height:210px;}
.custom-panel-body th{ color:#fff;}
.custom-panel-group .panel-default > .panel-heading{ background:#f7f7f5; border-bottom:1px solid #0059a0;}
.custom-panel-group .panel-heading { border-bottom: none; border-top-left-radius: 0px;  border-top-right-radius: 0px;
padding: 0px; border:0 none;}
.custom-panel-group .panel-title {color:#0059a0; font-size: 14px; font-weight: bold; padding: 0 0 5px; text-transform: uppercase;}
.custom-panel-group .panel-title a{ display:block;}
.custom-panel-group .panel-title a:hover, .custom-panel-group .panel-title a:focus{ text-decoration:none; outline:none;}
.custom-panel-group .panel-default { border-color:#f7f7f5;}
.custom-panel-group .panel{ box-shadow:none;}
.custom-panel-group .panel-body{ padding:0px; background:#f7f7f5;}
.custom-panel-body td{ border:1px solid #ddd; padding:1px 0; font-size:11px; text-align:center; font-weight:bold;}
.custom-panel-body th{ padding:1px 0; font-size:11px; text-align:center; font-weight:bold;}
.custom-panel-group .panel-default > .panel-heading + .panel-collapse > .panel-body { border-top-color: #f7f7f5;}
.custom-panel-group .collapse.in { margin: -1px;}
.PlusIcon.pull-right { border: 1px solid #0059a0; border-radius: 50%; padding:0px 4px;}

/*****************  Gallery CSS  *********************/

.gallery-box{ margin:4px 0; width:100%;}
.gallery-box ul{ width:100%; display:block; margin:0px; padding:0px;}
.gallery-box ul .title{ font-size:14px; font-weight:bold; background:#f58220; padding:8px; text-align:center; color:#fff; text-transform:uppercase;}
.gallery-box li{display: inline-block; width: 24.6%; box-sizing:border-box; 
-webkit-transition: all 100ms ease-in;
    -webkit-transform: scale(1.0);
    -ms-transition: all 100ms ease-in;
    -ms-transform: scale(1.0);   
    -moz-transition: all 100ms ease-in;
    -moz-transform: scale(1.0);
    transition: all 100ms ease-in;
    transform: scale(1.0);
	}
	
.gallery-box img { display: block; width: 100%;}
.gallery-box li:first-child { margin-left: 0px;}
.gallery-box li:hover
{
    box-shadow: 1px 1px 4px #999;
    z-index: 2;
    -webkit-transition: all 100ms ease-in;
    -webkit-transform: scale(1.1);
    -ms-transition: all 100ms ease-in;
    -ms-transform: scale(1.1);   
    -moz-transition: all 100ms ease-in;
    -moz-transform: scale(1.1);
    transition: all 100ms ease-in;
    transform: scale(1.1);
	cursor: pointer;
}

/**************  My Account  ************************/

.myaccount-table { padding:10px;}
.myaccount-table table{border-right:1px solid #ccc;}
.myaccount-table tr{ border-bottom:1px solid #ccc;}
.myaccount-table td, .myaccount-table th{ padding:5px; text-align:center; border-left:1px solid #ccc;}
.myaccount-table th{ color:#fff;}
.myaccount-table tr:last-child{ color:#fff;}
.quote{ background:#0366b0; width:50%; margin:-4px auto 40px auto; border-bottom-left-radius:30px; border-bottom-right-radius:30px;}
.quote p{ text-align:center; color:#fff; font-size:20px; padding:10px 20px;}
.quote .call{ font-size:24px;}
ul.faqtxt{ margin:0px; padding:10px 30px; overflow:scroll; overflow-x:hidden; height:300px; margin:20px;}
.faqtxt li{ background:url(../images/bullet.png) no-repeat top left; padding-left:40px;}
.faqtxt li h1{color:#505153; font-size:14px; font-weight:bold; margin:0px 0 5px;}
.faqtxt li p{color:#505153; font-size:12px; font-weight:bold;}
.uploadeditbtn {
	position: relative;
	margin: 0 0 0 0px;
	padding: 0;
}
.uploadeditbtn a{ display:inline-block; margin:0 10px;}
.uploadeditbtn span.upload, .uploadeditbtn span.editpic {
	position: absolute;
	bottom: -10px;
	z-index:1;
	display: block;
	margin: 0;
	padding: 0;
	color: #444;
	font-size: 14px;
	text-decoration: none;
	text-align: center;
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
	opacity: 0;
}
.uploadeditbtn span.upload {left: -10px;}
.uploadeditbtn span.editpic {left: 65px;}

.uploadimg {width:47px; height:42px; background:url(../images/uploadphoto.png) no-repeat top left !important;}
.uploadimg:hover { width:47px; height:42px;background:url(../images/uploadphoto-hover.png) no-repeat top left !important;}
.editimg { width:47px; height:42px; background:url(../images/editphoto.png) no-repeat top left !important;}
.editimg:hover { width:47px; height:42px; background:url(../images/editphoto-hover.png) no-repeat top left !important;}

.uploadimg, .editimg { margin: 0; padding: 0;background: #fff; overflow:hidden;}

.uploadimg:hover+span.upload, .editimg:hover+span.editpic {
	bottom: -20px;
	opacity: 1;
}
/*******************  News & Event  ******************/

ul.newsevent{ margin:30px 0 0; padding:10px; overflow:scroll; overflow-x:hidden; height:600px;}
.newsevent li{  display: inline-block; margin:14px; width: 30%;}
.newsevent li h1{ margin:0px; background:#f5f5f5; font-size:20px; font-weight:bold; text-align:center; padding:10px;}
.newsevent > li img { width: 100%; display:block;}
.custom-pagination .pagination > li > a:focus, .custom-pagination .pagination > li > a:hover, .custom-pagination .pagination > li > span:focus, .custom-pagination .pagination > li > span:hover { background-color: #0059a0; border-color: #0059a0;
color:#fff;}

/************************  Reward Gallery  ***********************/
.product-box{ padding:10px 20px;}
.product-filter { background: #f1f1eb; padding: 15px;}
.custom-form-input{ display:inline-block !important; width:48% !important;}
.search-icon.input-group-btn:last-child > .btn, .search-icon.input-group-btn:last-child > .btn-group {
margin-left: -1px;  margin-top: 22px;  z-index: 2;}
.slider.slider-horizontal { margin-top: 8px;}
.repeat-bg{ background:url(../images/repeat-bg.jpg) repeat-x left center; color:#fff; font-size:22px; font-weight:bold; padding:5px 10px; margin:10px 0px;}
.pointtxt{ color:#333; font-size:14px;  margin:15px 0px;}
ul.product-listing{ width:100%; margin:0px; padding:0px; list-style:none;}
.product-listing li{ border: 1px solid #ccc;  display: inline-block; width: 47%; margin-bottom:15px;}
.product-listing .mrgrht{ margin-right:15px;}
.product-listing li .product{ text-align:center;}
.chkbox{padding:0 8px;}
.desc{ background:#f1f1eb; padding:15px 8px; margin-top:5px;  text-align:center;}
.desc p{ font-size:12px; color:#333; padding:0px; line-height:16px; margin-bottom:5px;}
.redeem.btn-default {  background-color: #f6802b; font-size:12px;  border-color: #f6802b;  color: #fff; margin:10px 5px 0 5px;}
.reward.btn-default{  background-color: #005ea6;  font-size:12px; border-color: #005ea6;  color: #fff; margin:10px 5px 0 5px;}
.category-box{ background: #f1f1eb none repeat scroll 0 0;  box-sizing: border-box;  margin: 0 4px; }
.category-box .title{ font-size:14px; font-weight:bold; background:#0059a0; padding:8px; text-align:center; color:#fff; text-transform:uppercase;}
.category-box ul{ margin:0px; padding:20px;}
.category-box ul li{background: rgba(0, 0, 0, 0) url("../images/plus-icon.png") no-repeat scroll left top;
font-size: 12px; padding:0px 0 10px 20px;}
.category-box ul li a{ color:#333; }
.product-filter input[type="text"]:focus, .product-filter select:focus {
border-color:#0059a0; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 6px rgba(102, 175, 233, 0.6); outline: 0 none;}
.custom-input-group.input-group .form-control:not(:first-child):not(:last-child), .custom-input-group.input-group-addon:not(:first-child):not(:last-child), .custom-input-group.input-group-btn:not(:first-child):not(:last-child){border-top-left-radius:4px !important; border-bottom-left-radius:4px!important;}
.brand{ color:#005ea6;}
a.wishlist-btn, a.cart-btn{ background:#005ea6; color:#fff; font-size:16px; padding:0px 15px; line-height:46px; cursor:pointer;}
a.wishlist-btn:hover, a.cart-btn:hover{ color:#fff; text-decoration:none;}
a.wishlist-btn{ border-top-right-radius:25px !important; border-bottom-right-radius:25px!important;}
a.cart-btn{ border-top-left-radius:25px !important; border-bottom-left-radius:25px !important;}
.btnmrgn{ margin:0 5px;}
.spacer{ display:block; height:50px; width:100%;}


/*******************************  Partner Registration  *******************************/
.partner-reg{padding:10px 20px;}
.partner-reg-form-box { width: 60%;}
.partner-reg-form-box h1{ font-size:18px; color:#333; font-weight:bold; margin:10px 0 30px;}
.partner-reg-form-box input[type="text"], .partner-reg-form-box input[type="password"], .partner-reg-form-box select, .partner-reg-form-box textarea{ border:1px solid #ccc; border-radius:6px; padding:5px; display:block; width:100%; box-sizing: border-box;}
.partner-reg-form-box input[type="text"]:focus, .partner-reg-form-box input[type="password"]:focus, .partner-reg-form-box select:focus, .partner-reg-form-box textarea:focus { border-color: #0059a0;  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 6px rgba(102, 175, 233, 0.6);
 outline: 0 none;}
 .partner-reg-form-box input[type="submit"] {
    background: rgba(0, 0, 0, 0) url("../images/submit.png") no-repeat scroll left top;
    border: 0 none;
    cursor: pointer;
    height: 36px;
    margin: 10px 5px 0 0px;
    text-indent: -10000px;
    width: 108px;
}
.dependent-profile input[type="submit"] {
    background: rgba(0, 0, 0, 0) url("../images/dependent-profile.png") no-repeat scroll left top;
    border: 0 none;
    cursor: pointer;
    height: 36px;
    margin: 10px 5px 0 0px;
    text-indent: -10000px;
    width: 180px;
}

/********************  Event Page  *********************/
.event-box { padding: 10px 20px; height:580px; overflow:scroll; overflow-x: hidden;}
.mycarousel.carousel-control.left, .mycarousel.carousel-control.right{ display:inline-block;}
 .thumbnail {margin-bottom:6px;}
.carousel-control.left,.carousel-control.right{
  background-image:none;
  margin-top:10%;
  width:5%;
}

/*****************  Footer CSS  *********************/

footer{ padding:10px 10px 50px 10px;}
.social-link, .inline-link, .poweredby{ width:33.3%; color:#505153; display:inline-block; box-sizing:border-box;}
.inline-link a{ padding:0 5px; line-height:26px; border-left:1px solid #ccc; text-decoration:none; color:#505153; box-sizing:border-box;}
.inline-link a:hover{color:#f79455; text-decoration:underline;}
.inline-link a:first-child{border-left:none;}
.social-link a{ text-decoration:none; color:#333; padding:0 5px; }
.poweredby a{text-decoration:none; color:#f79455; box-sizing:border-box; line-height:26px;}
.poweredby a:hover{text-decoration:underline;}



/*****************  Sales Dash CSS  *********************/
.container-bg-sl{background:#fff; border:none; padding-top:3px;}
.content-box-sl{ margin-top: 20px; width:100%; padding:0px; box-sizing:border-box; border:1px solid #cccccc; overflow:visible; }
.content-box-sl .heading{width:100%; background:#fed79e; font-size:20px; padding:10px 20px; color:#4d4d4d; font-weight:bold;}
.content-box-sl.gray { background:#f2f2f2; }
.content-box-sl.gray.tb table { text-align:center; border-color:#cbcbcb; color:#666666; margin-bottom:20px;}
.content-box-sl.gray.tb table th {padding:10px; text-align:center; font-weight:bold; border-color:#cbcbcb;}
.content-box-sl.gray.tb table td {padding:5px; border-color:#cbcbcb;}
.content-box-sl.gray.tb table td a {color:#666666; border-color:#cbcbcb;}
.tier15{background:#b3b3b3; color:#323232; border-color:#cbcbcb;}
.tier16{background:#4d4d4d; color:#FFF; border-color:#cbcbcb;}
.tier17{background:#019245; color:#FFF; border-color:#cbcbcb;}
.blue_td{ color:#0060ae; border-color:#cbcbcb;}
.orange_td{ color:#aa6124; border-color:#cbcbcb;}
.green_td{ color:#009245; border-color:#cbcbcb;}

.onoffdiv {width: 140px; height:40px; margin-left:20px; margin-top:10px}
.onoffheading { display:block; text-align:center; width:120px; margin-bottom:3px; color:#333; font-size:9px;}
.onofflabel{ float:left; font-size:9px; padding:5px 3px;color:#999; }
.onoffswitch { position: relative; width: 34px;	float:left; -webkit-user-select:none; -moz-user-select:none; -ms-user-select: none; }
.onoffswitch-checkbox {display: none;}
.onoffswitch-label { display: block; overflow: hidden; cursor: pointer; border: 1px solid #ababab; border-radius: 20px; background:#4d4d4d; }
.onoffswitch-inner { display: block; width: 100%; margin-left: -100%; transition: margin 0.3s ease-in 0s; }
.onoffswitch-inner:before, .onoffswitch-inner:after { display: block; float: left; width: 50%; height: 18px; padding: 0; box-sizing: border-box; }
.onoffswitch-inner:before { content: ""; padding-left: 10px; background-color: #4d4d4d; color: #FFF; }
.onoffswitch-inner:after { content: ""; padding-right: 10px; background-color: #4d4d4d; color: #FFF; text-align: right; }
.onoffswitch-switch { display: block; width: 20px; margin: 0px; background: #FFF; position: absolute; bottom: 5px; border: none; border-radius: 20px; transition: all 0.3s ease-in 0s; border:solid 1px #4d4d4d;height: 20px; }
.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-inner { margin-left: 0; }
.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-switch { right: 0px; }

.btn.year { text-align:center;	margin-left:30px; margin-top:20px; padding:3px 15px; font-size:18px; color:#4b4f50; font-weight:bold; border: 1px solid #919ca2; border-radius: 7px; background: #faffff; background: -moz-linear-gradient(top, #faffff 0%, #e5e9ec 50%, #d7dce0 51%, #fbffff 100%); 
	background: -webkit-linear-gradient(top, #faffff 0%,#e5e9ec 50%,#d7dce0 51%,#fbffff 100%); 
	background: linear-gradient(to bottom, #faffff 0%,#e5e9ec 50%,#d7dce0 51%,#fbffff 100%); 
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#faffff', endColorstr='#fbffff',GradientType=0 ); /* IE6-9 */
}
.btn.year:hover { color:#045499;}
#sales-graph-1, #reg-graph-1, #pro-graph-1, #reg-graph-2, #pro-graph-2, #reg-graph-3, #pro-graph-3 { overflow:hidden; left:0;}
#reg-graph-1, #pro-graph-1, #reg-graph-2, #pro-graph-2, #reg-graph-3, #pro-graph-3 {}
#reg-graph-1, #pro-graph-1,  #reg-graph-3, #pro-graph-3 { opacity:.2; }
 g.highcharts-legend {display: block;}
.regional_heading, .product_heading { font-size:16px; color:#0060b2; margin-left:40px; margin-top:20px;  height: 30px;}
.line_div{ background:url(../images/line.jpg) repeat-x; width:75%; height:18px; float:left; margin-left:5px;}
.product_heading .line_div{ background:url(../images/line.jpg) repeat-x; width:62%; height:18px; float:left; margin-left:5px;}

/*.regional_heading{ position:relative; z-index:99; top:80px; left:50px; font-size:16px; color:#0060b2;}
.product_heading{ position:relative; z-index:99; top:400px; left:50px; font-size:16px; color:#0060b2;}*/


/*****************  Sales Total CSS  *********************/
.content-box-sd .heading img {float:left;}
.content-box-sd.blue-hd .heading{background:#66a0ce;}
.content-box-sd.orange-hd .heading{background:#f6b68a;}
.content-box-sd.blue-hd .heading .total_no{ color:#003281;}
.content-box-sd.orange-hd .heading .total_no{ color:#a96224;}
.content-box-sd .heading .total_hd {display:block; margin-top:7px;}
.total_no{ font-size:36px;}
.content-box-sd{ margin-top: 20px; width:100%; padding:0px; box-sizing:border-box; border:1px solid #cccccc; overflow:visible; }
.content-box-sd .heading{width:100%; background:#fed79e; font-size:14px; padding:10px 40px; color:#000000;}
.content-box-sd.orange-hd.tb table { text-align:left; border-color:#cbcbcb; color:#666666; margin-top:20px;}
.content-box-sd.orange-hd.tb table th {padding:10px; font-weight:bold; border-color:#cbcbcb; background:#fdf3eb;}
.content-box-sd.orange-hd.tb table td {padding:10px; border-color:#cbcbcb; background:#FFFFFF;}
.content-box-sd.orange-hd.tb table th a {color:#666666; border-color:#cbcbcb;}
.content-box-sd.orange-hd.tb table th.blue-th{color:#0060ae;}
.content-box-sd.orange-hd.tb table th.orange-th{color:#ee8639;}
.content-box-sd.orange-hd.tb table td.blue-th{color:#0060ae; text-align:right;}
.content-box-sd.orange-hd.tb table td.orange-th{color:#ee8639; text-align:right;}

.content-box-sd.green-hd .heading .green_head{width:200px; height:50px;}
.content-box-sd.green-hd .heading {height:85px;}
.content-box-sd.green-hd .heading img {float:left;}
.content-box-sd.green-hd .heading .total_no{ color:#009244;}
.content-box-sd.green-hd .heading{background:#bbde8e; font-size:14px; padding:10px 40px; color:#000000;}
.mem_btn{ padding-top:15px; }
#mem_red{ width:150px; margin-right:10px; border: solid 2px #FFFFFF; border-radius:7px;}
#mem_log{width:150px; margin-right:10px; border: solid 2px #FFFFFF; border-radius:7px;}
#mem_red.active{ background:#999999; cursor: default; pointer-events: none;}
#mem_log.active{ background:#999999; cursor: default; pointer-events: none;}
#mem_red.inactive{ background:#39b54a;}
#mem_log.inactive{ background:#0060ae;}
.bordr { border:solid 1px rgba(215,215,215,1.00);}


/*****************  Redemption CSS  *********************/
.content-box-sl.green .heading{ background:#a0a618; color:#FFF;}
.content-box-sl.green .heading a{ color:#FFF;}
.content-box-sl.green {background:#f2f2f2; }
.overview {padding:10px}
.overview .col-lg-4, .overview .col-sm-4, .overview .col-md-6, .overview .col-sm-12, .overview .col-xs-4 {
    padding-right: 5px;  padding-left: 5px; }
.overview{margin-top:20px; align-content:center; text-align:center;}
.overview .row { margin-right: -5px; margin-left: -5px;}
.arrow {margin:70px auto 0 auto;}
.arrow img {display: block; margin-left: auto; margin-right: auto}
.content-box-sl.green.tb table { text-align:center; border-color:#cbcbcb; color:#666666; }
.content-box-sl.green.tb table th {padding:10px; text-align:center; font-weight:bold; border-color:#cbcbcb;}
.content-box-sl.green.tb table td {padding:10px; border-color:#cbcbcb; background:#FFFFFF;}
.content-box-sl.green.tb table th a {color:#666666; border-color:#cbcbcb;}
.green_rw{color:#009245; margin-top:20px; display:block;}
.green_r{color:#009245;}


/*****************  leaderbound CSS  *********************/
.row1 {	-moz-column-width: 30em; column-width: 30em; -webkit-column-width: 30em; column-gap:1em; -moz-column-gap: 1em; -webkit-column-gap:1em; margin: 20px; margin-bottom: 10px;}
.item {	display: inline-block;	padding: .25rem; width: 100%; margin-bottom:10px; }
.well1 { position:relative; display: block; padding: 0;}
.content-box-sl.blue-hd .heading{background:#7fb9de;}
.content-box-sl.blue-hd table {text-align:left; border-color:#cbcbcb; color:#666666; margin-bottom:0px;}
.content-box-sl.blue-hd table th {padding:10px; text-align:left; font-weight:bold; border-color:#cbcbcb; background:#e8e8e8;}
.content-box-sl.blue-hd table td {padding:10px; border-color:#cbcbcb; background:#FFFFFF;}
.table_head{text-align:left;}
.table_head h4{color:#0077c3; font-weight:bold;}
.content-box-sl.blue-hd .drop_down{border: solid 1px #0077c3; color:#333333; padding:5px; border-radius:5px; background: #f8fbfd; background: -moz-linear-gradient(top, #f8fbfd 0%, #cacaca 100%); background: -webkit-linear-gradient(top, #f8fbfd 0%,#cacaca 100%);
background: linear-gradient(to bottom, #f8fbfd 0%,#cacaca 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f8fbfd', endColorstr='#cacaca',GradientType=0 );}
.content-box-sl.blue-hd table th.green-th{color:#20995b;}
.content-box-sl.blue-hd table td.green-th{color:#20995b;}
.download{ float:right; font-size:11px; white-space: nowrap; display:table; margin-top:5px;}
a.download , a.download:hover{ color:#626262; }
.download:after { padding:0 0 0 5px; content: url(../images/download_icon.jpg);}
select > .placeholder { display: none;}
.table_head select { display:inline-block;  margin-bottom:5px;  margin-right:5px; }
.fadeout {opacity:.5;}


/***** Targetvsachievement ****/
.circleValue { position: absolute; width: 100%; margin: -130px 0 0 -10px; }
.circleValue p { font-size: 3.5em; display: inline-block; font-style:italic; line-height:0.6em; }
.circleValue p span{ font-style:normal; font-size: 0.4em; font-weight:bold;}
body{min-width:420px;}
.content-box-st {background:#f2f2f2; color:#4d4d4d;}
.content-box-st .heading { text-align:center; font-size:18px; font-weight:bold; padding:20px; }
.content-box-sm .heading { text-align:center; font-size:18px; font-weight:bold; padding:20px; }
.content-box-st .target { float:left; margin-top:5%; margin-left:10%; }
.content-box-st .remaining { float:right; margin-top:5%; margin-right:10%; text-align:right; }
.number{font-weight:bold;}
.content-box-st.green_sr .heading {background:#c5e29f;}
.content-box-st.orange_sr .heading {background:#fbc98e;}
.content-box-st.red_sr .heading {background:#f8ac92;}
.content-box-sm.blue_sr .heading {background:#94d5f1;}
.content-box-sm.blue_sr > div{background:#f2f2f2;}
.graph_sr { margin-top:20px;}
.content-box-st.aqua1_sr .heading {background:#7fd4cd;}
.content-box-st.aqua2_sr .heading {background:#7fb39c;}
.container-bg-sl table {margin: 10px 5% 15px 5%;}
.content-box-sm.blue_sr .arrow_left{ position:absolute; left:20px; top:50%; z-index:50; }
.content-box-sm.blue_sr .arrow_right { position:absolute; right:20px; top:50%; z-index:50; }

#carousel-occasional-lg .carousel-control.left, #carousel-occasional-lg .carousel-control.right {display:block; background:none; margin-top: 12%;}
#carousel-occasional-sm .carousel-control.left, #carousel-occasional-sm .carousel-control.right {display:block; background:none; margin-top: 18%;}
#carousel-occasional-xs .carousel-control.left, #carousel-occasional-xs .carousel-control.right {display:block; background:none; margin-top: 25%; width: 10%;}


/**************************************/
/* Large Devices, Wide Screens */
@media only screen and (max-width : 1200px) {

.regional_heading, .product_heading { font-size:14px; height: 30px;}
.line_div{width:65%;}
.product_heading .line_div{ width:57%; }

}


/* Medium Devices, Desktops */
@media only screen and (max-width : 992px) {

.regional_heading, .product_heading { font-size:14px; height: 25px;}
.line_div{width:80%;}
.product_heading .line_div{ width:70%; }
}

/* Small Devices, Tablets */
@media only screen and (max-width : 800px) {
.CustomContainer{ width:800px;}
.custom-nav-bar .navbar-nav > li > a{ padding:10px 8px;}
.gallery-box li{ width:24.5%;}
.CustomContainer { margin-left: auto;  margin-right: auto;  padding-left: 15px; padding-right: 15px;}
.login-tile .form-box{padding:10% 5%;}
.tabbox{ width:100%;}
.banner-home{ width:100%;}
.partner-reg-form-box { width:100%;}
.slider.slider-horizontal { width: 100% !important;}
.product-filter label{ width:100% !important;}
}

/* Small Devices, Tablets */
@media only screen and (max-width : 768px) {
.CustomContainer{ width:768px;}
}

@media only screen and (max-width : 640px) {
.CustomContainer{ width:640px;}
.navbar-default .navbar-toggle { border-color: #fff;}
.custom-nav-bar.navbar-default .navbar-toggle:focus, .custom-nav-bar.navbar-default .navbar-toggle:hover { background-color: #0059a0;}
.custom-nav-bar.navbar-default .navbar-toggle .icon-bar { background-color: #fff;}
.custom-nav-bar.navbar-default .navbar-brand { color: #fff; display: inline-block;}
.left-box, .right-box{width:100%;}
.dream-box{ margin:0 4px;}
.left-box p { font-size: 12px;  line-height: 18px;}
.login-tile input[type="submit"] { float: inherit;  margin: 10px 5px 0 4px;}
.quote{ width:70%;}
.product-listing li { width: 48%;}
.category-box{ margin-bottom:15px;}
.line_div{width:65%;}
.product_heading .line_div{ width:57%; }

.content-box-sd.green-hd .heading {height: 130px;}
#mem_log{ display: inline-block; margin-right:2px; }
}

/* Extra Small Devices, Phones */ 
@media only screen and (max-width : 480px) {
.CustomContainer{ width:480px;}
.banner-box { width:100%;}
.reward-tile-box {width: 100%; margin-top:5px;}
.left-box, .right-box { width:100%;}
.gallery-box li{display:block; width:100%;}
.social-link, .inline-link, .poweredby { text-align: center !important;  width: 100%; margin-top:10px;}
.gallery-box ul{ margin:0 4px; width:auto;}
.quote{ width:90%;}
ul.faqtxt { padding: 10px;}
.product-listing li { width: 47%;}
.content-box-sd.green-hd .heading {height: 180px;}
#mem_log{ margin-right:30px; }
}

/* Custom, iPhone Retina */ 
@media only screen and (max-width : 360px) {
.CustomContainer{ width:360px;}
.myaccount-table { overflow: scroll; padding: 10px; width: 320px; overflow-y:hidden;}
.quote p { font-size: 16px;}
.quote .call { font-size: 18px;}
.product-listing li {  width: 100%;}
.custom-pagination .pagination > li > a, .custom-pagination .pagination > li > span{ padding:6px 10px !important;}
a.cart-btn, a.wishlist-btn {  margin-top: 10px;  text-align: center;  width: 100%;}

}
@media only screen and (max-width : 320px) {
.CustomContainer{ width:320px;}
.nav-tabs.custom-nav-tabs { padding: 0;}
.myaccount-table {width: 280px;}
.custom-pagination .pagination > li > a, .custom-pagination .pagination > li > span{ padding:6px 8px !important;}
.line_div{width:40%;}
.product_heading .line_div{ width:30%; }
}