:root {
	--mdc-theme-primary: #FF9800;
	--mdc-theme-secondary: #D32F2F;
	--custom-theme-primary: #a00;
}

body {
	margin:0 auto;
	background:url(/images/template/bg.png);
	font-family: Roboto,sans-serif;
    font-size: 12px;
    letter-spacing: .01786em;
}

a {
	text-decoration:none;
	color: #2a4f84;
}

form {
	margin:0;
	padding:0;
}

ul.dropdown ul{  visibility: hidden; position: absolute; top: 100%; left: 0; }
ul.dropdown ul li{  float: none; }								
/* IE 6 & 7 Needs Inline Block */
ul.dropdown ul li a	{}
.error{
	color:#FF0000;
}
.clr{
	clear:both;
}
input.error,textarea.error{
	background-color:#FFFF00;
	border:1px solid #FF0000;
}

.input-srch{
	font-size:15px;
	font-weight:bold;
	background:#f7f2f0;
	border:1;
	height:30px;
	line-height:25px;
	color:#000000;
                      box-shadow: 4px 7px #b3b3b3;
}
.input-medium{
	width:167px;
	border:1px solid #181818;
	height:27px;
	line-height:27px;
	font-size:12px;
}

.input-small{
	width:110px;
	border:1px solid #181818;
	height:27px;
	line-height:27px;
	font-size:12px;
}
.sel-small{
	width:85px;
}
.frm_label{
	font-weight:bold;
	color:#3b3b3b;
	font-size:15.01px;
}
.search_label{
	color:#6D0006;
	font-weight:bold;
}
.font_10{
	font-size:10px;
}
#jquery-overlay{
	z-index:10000000 !important;
}
#jquery-lightbox{
	z-index:10000000 !important;
}
.spcr_10{
	height:10px;
}
.spcr_15{
	height:15px;
}
.spcr_20{
	height:20px;
}
.spcr_30{
	height:30px;
}
#parent_wrapper{
	position:relative;
	z-index:100;
	margin:0 auto;
	width:1200px;
                    background:#e6e6e6;
                    border:2px solid #616161;
                    box-shadow:0 0 10px #000;                      
}
#parentdiv{
                    float:center;
                    background:#FFFFFF;
                    box-shadow:0 0 10px #000;                      
}
#hdr_wrapper{
	padding-top:5px;
	padding-bottom:15px;
	padding-right:22px;
	padding-left:16px;
	position:relative;
	z-index:222110;
                     background:#ffffff;
}
#logo_wrapper{
	float:left;
                       background:#ffffff;
}
#hdr_right{
	float:right;
	position:relative;
	z-index:120;
                      background:#ffffff;
}
#hdr_right_top{
	height:42px;
	position:relative;
	z-index:130;
                       background:#ffffff;
}
#hdr_menu ul{
	width:auto;
	float:left;
	margin:0;
	padding-left:0px;
	list-style:none;
}
#hdr_menu li{
	float:left;
	padding-left:3px;
	padding-right:3px;
	color:#595959;
	line-height:30px;
}
#hdr_menu a{
	color:#595959;
}
#hdr_menu a.active{
	color:#c30000;
	font-weight:bold;
}
#hdr_right_btm_left{
	width:90px;
	height:50px;
	float:left;
}
#hdr_right_btm_right{
	width:530px;
	height:42px;
	background:#F1F1F1;
	color:#5a5a5a;
	font-size:12px;
	font-weight:bold;
	padding-left:20px;
	padding-right:20px;
	line-height:18px;
	padding-top:8px;
	float:left;
}
#menu_wrapper{
	height:28px;
	padding-top:0px;
	background:#555555;
	position:relative;
	z-index:20000;
}
#menu_wrapper ul{
	margin:0;
	padding:0;
	list-style:none;
	position:relative;
}
#menu_wrapper li{
	float:left;
	padding-left:3px;
	padding-right:3px;
	position:relative;
}

#menu_wrapper a{
	color:#FFF;
	font-weight:bold;
	height:29px;
	line-height:29px;
	text-align:center;
	display:block;
}
#menu_wrapper ul ul{
	position:absolute;
	left:19px;
	top:25px;
	border:1px solid #b22222;
	border-bottom:none;
}
#menu_wrapper ul ul li{
	padding:0;
	display:block;
	float:none;
}
#menu_wrapper ul ul a{
	background:#f5f5f5;
	color:#000000;
	margin:0;
	padding:0px 0px 3px 5px;
	width:177px;
	height:20px;
	font-size:13px;
	text-align:left;
	border-bottom:1px solid #b22222;
}
#menu_wrapper ul ul a:hover{
	background:#4b4b4b;
	color:#FFF;
}
#search_wrapper{
	padding:10px 0px 7px 10px;
	background:#C30000;
	color:#FFF;
}
#search_txt{
	width:125px;
	float:left;
}
#product_search{
	width:285px;
	float:left;
}
#product_search a{
	color:#FFF;
}
#merchant_search{
	width:475px;
	float:right;
	margin-right:20px;
}
#grey_hdr{
	background:#4D4D4D;
	position:relative;
	z-index:2;
	padding-top:7px;
	height:33px;
}
#get_start_wrapper{
	width:230px;
	float:right;
	background:#7fb20a;
	font-size:13px;
	font-weight:bold;
	color:#FFF;
	line-height:20px;
}
#start_hdng{
	font-size:16px;
	line-height:25px;
}
#steps_area{
	background:#F1F1F1;	
	height:140px;
}
#shopper{
	width:184px;
	height:140px;
	margin-left:2px;
	float:left;
	color:#4D4D4D;
}
#step_123{
	width:479px;
	height:75px;
	margin: 4px 0 0 35px;
	float:left;
	color:#4D4D4D;
	font-family:Verdana,Helvetica,Arial;
	font-size:30px;
}
#footer_wrapper{
	margin-top:35px;
	padding-top:25px;
	padding-bottom:25px;
	background:#C30000;
	color:#c3c3c3;	
}
#footer_wrapper a{
	color:#FFF;
}

#content_wrapper{
	padding-top:10px;
}
#content_left{
	width:205px;
	background:#ffffff;
	float:left;
	position:relative;

}
#content_left a{
  text-decoration: none;
  font-family: verdana,san serif;
  color: #a00;
  font-weight:bold;
  font-size: 13px;
  padding: 0.1em 0 0.5em;
}

#content_right{
	width:750px;
	background:#ffffff;
	float:right;
	position:relative;
	z-index:200;
}
#content_right h3{
	margin:0;
	padding:0;
	color:#c30000;
	font-size:14px;
	margin-bottom:5px;
}
#content_right p{
	margin:0;
	padding:0;
	margin-bottom:15px;
	color:#595959;
}
.btn{
  position: relative;
  top: 5px;
  left: 0px;
  height: 30px;
  width: 30px;
  text-align: center;
  background: #333333;
  border-radius: 3px;
  cursor: pointer;
  transition: left 0.4s ease;
}
.btn span{
  color: white;
  font-size: 22px;
  line-height: 30px;
}
.btn.click span:before{
  content: '\f00d';
}
.hr{
	clear:both;
	height:1px;
	background:#D6D6D6;
}

.dropdown .dropdown_wide {
	left:-999em;
	position:absolute;
	padding:11px;
}

.dropdown .dropdown_wide {width: 350px;}
.dropdown li:hover .dropdown_wide {
	left:-1px;
	top:15px;
}

.dropdown .dropdown_table {
	float: left;
	padding:10px 10px 10px 10px;
	background:#c0c0c0;
	border:1px solid #444444;
}
.dropdown .dropdown_table {width:495px;}

#menu_wrapper ul td a{
	background:#f5f5f5;
	color:#000033;
	margin:0;
	padding:0;
	padding-left:5px;
	width:110px;
	height:22px;
	text-align:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}

#menu_wrapper ul td a:hover{
	background:#4b4b4b;
	color:#FFF;
}


td.menutable {border:1px solid #B24301;}

#result {
	height:20px;
	font-size:16px;
	font-family:Arial, Helvetica, sans-serif;
	color:#333;
	padding:5px;
	margin-bottom:10px;
	background-color:#FFFF99;
}
#merchantname{
	padding:3px;
	border:1px #CCC solid;
	font-size:17px;
}
.suggestionsBox {
	position: absolute;
	left: 0px;
	top:20px;
	margin: 0px 0px 0px 0px;
	width: 350px;
	padding:0px;
	background-color: #800000;
	border-top: 1px solid #666;
	color: #fff;
	z-index:322110;
}
.suggestionList {
	margin: 0px;
	padding: 0px;
}
.suggestionList ul li {
	list-style:none;
	clear: both;
	margin: 0px;
	padding: 2px;
	border-bottom:1px dotted #666;
	cursor: pointer;
}
.suggestionList ul li:hover {
	background-color: #FC3;
	color:#000;
}
.suggestionList ul {
	font-family:Helvetica, sans-serif;
	font-size:13px;
	color:#FFF;
	padding:0;
	margin:0;
}

.load{
background-position:right;
background-repeat:no-repeat;
}

#suggest {
	position:relative;
}

.modal {
  opacity: 0;
  visibility: hidden;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  text-align: left;
  background: rgba(10, 40, 40, .2);
  transition: opacity .25s ease;
  z-index : 222222;
  }

.modal__bg {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  cursor: pointer;
}

.modal-state {
  display: none;
}

.modal-state:checked + .modal {
  opacity: 1;
  visibility: visible;
 }

.modal-state:checked + .modal .modal__inner {
  top: 0;
}

.modal__inner {
  transition: top .25s ease;
  position: absolute;
  top: -20%;
  right: 0;
  bottom: 0;
  left: 0;
  width: 900px;
  margin: auto;
  overflow: auto;
  background: #fff;
  border-radius: 5px;
  padding: 1em 2em;
  height: 55%;
}

.modal__close {
  position: absolute;
  right: 1em;
  top: 1em;
  width: 1.1em;
  height: 1.1em;
  cursor: pointer;
}

.modal__close:after,
.modal__close:before {
  content: '';
  position: absolute;
  width: 2px;
  height: 1.5em;
  background: #ccc;
  display: block;
  transform: rotate(45deg);
  left: 50%;
  margin: -3px 0 0 -1px;
  top: 0;
}

.modal__close:hover:after,
.modal__close:hover:before {
  background: #aaa;
}

.modal__close:before {
  transform: rotate(-45deg);
}

@media screen and (max-width: 768px) {
  .modal__inner {
    width: 90%;
    height: 90%;
    box-sizing: border-box;
  }
}

.sprite-Facebook{ background:url(/images/sprites/sprite-template-green.png) no-repeat; background-position: 0 0; width: 25px; height: 25px;} 
.sprite-Twitter{ background:url(/images/sprites/sprite-template-green.png) no-repeat; background-position: 0 -75px; width: 25px; height: 25px;} 
.sprite-get_started{ background:url(/images/sprites/sprite-template-green.png) no-repeat; background-position: 0 -150px; width: 160px; height: 42px; margin-left:30px;z-index:-5;} 
.sprite-join_now{ background:url(/images/sprites/sprite-template-green.png) no-repeat; background-position: 0 -242px; width: 143px; height: 27px;  margin-left:20px;z-index:-5;} 
.sprite-mail{ background:url(/images/sprites/sprite-template-green.png) no-repeat; background-position: 0 -319px; width: 25px; height: 25px;} 
.sprite-rss-icon{ background:url(/images/sprites/sprite-template-green.png) no-repeat; background-position: 0 -394px; width: 25px; height: 25px;} 
.sprite-search_txt{ background:url(/images/sprites/sprite-template-green.png) no-repeat; background-position: 0 -469px; width: 101px; height: 27px; } 
.sprite-signin{ background:url(/images/sprites/sprite-template-green.png) no-repeat; background-position: 0 -546px; width: 140px; height: 40px; } 
.sprite-signout{ background:url(/images/sprites/sprite-template-green.png) no-repeat; background-position: 0 -636px; width: 140px; height: 40px; } 
.sprite-step_triangle{ background:url(/images/sprites/sprite-template-green.png) no-repeat; background-position: 0 -726px; width: 34px; height: 140px; 	width:34px;	float:left;	position:relative;	z-index:10;	left:-1px;	top:0px;} 
.sprite-steps{ background:url(/images/sprites/sprite-template-green.png) no-repeat; background-position: 0 -916px; width: 479px; height: 71px; margin-top:0px;z-index:-5;} 

#userinfo .mdc-chip {
	margin-top: 5px;
}

.mdc-text-field--focused:not(.mdc-text-field--disabled) .mdc-floating-label {
	color: rgba(255, 152, 0, 0.8);
}

.mdc-select:not(.mdc-select--disabled) .mdc-select__native-control:focus ~ .mdc-floating-label {
	color: rgba(255, 152, 0, 0.8);
}

#userinfo .mdc-button:hover::before {
	opacity: 0.25;
}

.hidelogin {
  display: none;
}

.showlogin {
  display: block;
}