/* CSS Document */
.become_banner{
	width:100%;
	background:url(../img/become_banner.jpg) no-repeat center center;
	background-size:cover;
	min-height:650px;
	float:left;
}
.become_banner h2{
	 background: url(../img/become_head_bg.png) no-repeat scroll left top rgba(0, 0, 0, 0);
    color: #fff;
    display: inline-block;
    font-family: "Glegoo",serif;
    font-size: 36px;
    margin: 350px 0 0;
    padding: 4px 78px 2px 21px;
	text-shadow: rgb(0, 0, 0) 0px 1px 3px;
}
.banner_content{
	background: none repeat scroll 0 0 rgba(27, 105, 235, 0.9);
    float: left;
    margin: 0;
    padding: 31px 0;
    width: 100%;
}
ul.become_first{
	 border-right: 2px solid #154491;
    float: left;
    margin: 0 37px 0 41px;
    padding: 0;
    width: 46%;
}
ul.become_first li{
	background: url(../img/check_arrow.png) no-repeat scroll left 17px rgba(0, 0, 0, 0);
    color: #fff;
    float: left;
    font-family: "Glegoo",serif;
    font-size: 21px;
    font-weight: 700;
    margin: 0;
    padding: 9px 9px 9px 34px;
    width: 91%;
}

ul.become_first_1{
	margin: 0px;
    padding: 0;
	float:left;
	width:46%;
	
}
ul.become_first_1 li{
	background: url(../img/check_arrow.png) no-repeat scroll left 17px rgba(0, 0, 0, 0);
    color: #fff;
    float: left;
    font-family: "Glegoo",serif;
    font-size: 21px;
    font-weight: 700;
    margin: 0;
    padding: 9px 9px 9px 34px;
}
.become_retailer {
	width:60%;
	min-height:700px;
	background:#fff;
	margin:50px auto;
	box-shadow: 0px 0px 2px 1px #d6d6d6;
	-webkit-box-shadow: 0px 0px 2px 1px #d6d6d6;
	position:relative;
	padding: 3% 4%;
	display:table;	
}
.become_form{
	background: none repeat scroll 0 0 #fff;
    margin: 0px auto;
    min-height: 100px;
    padding: 0;
    position: relative;
    width: 100%;
}
.become_form p{
	 background: none repeat scroll 0 0 #0245f4;
    color: #fff;
    font-family: "Glegoo",serif;
    font-size: 24px;
    margin: 0 0 36px 0;
    padding: 17px 77px;
    text-align: center;
}
.become_form ul{
	margin:0px;
	padding:0px;
}
.become_form ul li{
	border: medium none;
    float: left;
    margin: 8px 13px 8px 0px;
    width: 49%;
}
.become_form ul li input{
	 background: none repeat scroll 0 0 #f6f6f6;
    border: 1px solid #ececec;
    box-shadow: 1px 2px 0 0 #b2b2b2 inset;
    color: #a5a5a5;
    font-family: "Roboto",sans-serif;
    font-size: 18px;
    margin: 0;
    padding: 10px;
	width:89%;
}


.red_star{
	background: url(../img/red_start.png) no-repeat scroll left top rgba(0, 0, 0, 0);
    float: left;
    height: 10px;
    margin: 3px 0 0;
    width: 13px;
}
.become_form li.last-child{
	margin-right:0;
}
.become_form textarea{
	background: none repeat scroll 0 0 #f6f6f6;
    border: 1px solid #ececec;
    box-shadow: 1px 2px 0 0 #b2b2b2 inset;
    margin:-5px 0 0 12px;
    min-height: 200px;
    padding: 11px 10px;
    resize: none;
    width: 95%;
	  color: #a5a5a5;
    font-family: "Roboto",sans-serif;
    font-size: 18px;
}
.apply_btn{
	width:149px;
	height:52px;
	float:right;
	background:url(../img/apply_btn.png) no-repeat right top;
	margin:12px 0 0 0;
	padding:0px;
	cursor:pointer;
	border:none;
}
.apply_btn:hover{
	background:url(../img/apply_btn.png) no-repeat right bottom;
}

/*----------RATE PAGE CSS START----------*/
.rate_div{
	width:100%;
	float:left;
	margin:10% 0 0 0;
}
.rate_div h2{
	background: none repeat scroll 0 0 #ebebeb;
    box-shadow: none;
    color: #000;
    font-family: "Roboto",sans-serif;
    font-size: 27px;
    font-weight: bold;
    margin: 0;
    padding: 1%;
}
.rate_span{
	font-family: "Roboto",sans-serif;
	font-size:15px;
	color:#000;
	margin:11px 0;
	padding:0px;
	float:left;
}
.calling_div{
	width:100%;
	float:left;
}
.calling_left{
	width:50%;
	float:left;
}
.calling_right{
	width:50%;
	float:left;
}
.rate_table{
	border: 1px solid #ccc;
    border-radius: 21px;
    float: left;
    padding: 2% 2% 0;
    width: 96%;
	position:relative;
	margin:2% 0 3%;
}
.rate_table_td{
	 color: #fff;
    font-family: "Roboto",sans-serif;
    font-size: 18px;
    margin: 0;
    padding: 13px 20px;
}
.rate_table_grey{
	background:url(../images/rate_table_grey.jpg) repeat-y left top;
}
.rate_text{
	font-family: "Roboto",sans-serif;
	font-size:12px;
	color:#000;
	padding:0 20px;
}
.border_bottom{
	border-bottom:1px solid #666;
}
.rate_text_center{
	text-align:center;
}
.defaul_font{
	font-size:15px;
}
.rate_text_pad{
	padding:14px 22px;
}
.rate_price_bg{
	background: url(../images/rate_price_bg.png) no-repeat scroll left top rgba(0, 0, 0, 0);
    height: 59px;
    position: absolute;
    text-indent: -5000px;
    top: 11px;
}

.flag_field{
	width:100%;
	float:left;
}
.flag_field .left_div{
	width:40%;
	float:left;
}
.flag_field .left_div label{
	background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    color: #000;
    display: inline-block;
    font-family: "Roboto",sans-serif;
    font-size: 20px;
    margin: 14px 18px 0 0;
    padding: 0;
	float:none;
}

.flag_field .left_div .form-main {
    display: inline-block;
    margin: 10px 0;
    vertical-align: top;
    width: 67%;
	float:none;
}
.flag_field .right_div{
	width:40%;
	float:left;
	margin:0 1%;
}
.flag_field .right_div label{
	background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    color: #000;
    display: inline-block;
    font-family: "Roboto",sans-serif;
    font-size: 20px;
    margin: 14px 18px 0 0;
    padding: 0;
	float:none;
}

.flag_field .right_div .form-main {
    display: inline-block;
    margin: 10px 0;
    vertical-align: top;
    width: 67%;
	float:none;
}
.flag_field .right_div .bfh-selectbox.open > .bfh-selectbox-options{
	position:absolute;
}
.flag_field .left_div .bfh-selectbox.open > .bfh-selectbox-options{
	position:absolute;
}
.amt_div{
	width:50%;
	float:left;
	margin:2% 0;
}
.amt_div label{
	font-family: "Roboto",sans-serif;
	font-size:20px;
	margin:0 0;
	padding:0px;
	color:#000;
	background:none;
	display:inline-block;
	width:21%;
}
.amt_div .div_select{
	width:12%;
	background-color: rgb(255, 255, 255);
    background-image: none;
    border: 1px solid rgb(204, 204, 204);
    border-radius: 4px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
    color: rgb(85, 85, 85);
    display: inline-block;
    font-size: 14px;
    line-height: 1.42857;
    padding: 7px 10px;
    transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
    vertical-align: middle;
	margin:0 0 0 0.5%;
}
.amt_div .div_select select{
	width:100%;
	background:none;
	border:none;
}

/*----------RATE PAGE CSS END----------*/

/*----------LOGOS PAGE CSS START----------*/
.full_logos{
	width:100%;
}
.all_logos{
	width:100%;
	float:left;
	margin:2% 0;
}
.all_logos ul{
	margin:0px;
	padding:0px;
}
.all_logos ul li{
	list-style:none;
	display:inline-block;
	margin:4px 8px;
	padding:0px;
}
.all_logos ul li a{
	text-decoration:none;
}
/*----------LOGOS PAGE CSS END----------*/



/*--------FORGOT PASSWORD CSS START--------*/
.agent_forgot{
	margin:33px 0;
}
.agent_forgot fieldset{
	margin:0 auto;
	float:none;
}
.agent_forgot .forgot_submit{
	background: #fbad18;
	display: inline-block;
	vertical-align:top;
	padding: 18px 18px;
	width: auto;
	font-size: 27px;
	color: #7a7a7a;
	margin: 18px 4px;
	color:#ffffff;
	transition: all ease-in 0.2s;
	border:none;
	box-shadow:none;
}
.agent_forgot .forgot_submit:hover{
	background:#459300;
}
.agent_forgot .forgot_cancel{
		background:#fbad18;
	display: inline-block;
	vertical-align:top;
	padding: 18px 18px;
	width: auto;
	font-size: 27px;
	color: #7a7a7a;
	margin: 18px 4px;
	color:#ffffff;
	transition: all ease-in 0.2s;
	border:none;
	box-shadow:none;
}
.agent_forgot .forgot_cancel:hover{
	background:#459300;
}



/*-------MANAGE USER PAGE CSS START---------*/
.manage_user{
	width:100%;
}
.manage_user .left-part, .manage_user .right-part {
	float: left;
    width: 100%;
}
.manage_user .left-part h2, .manage_user .right-part h2{
	color: #000;
    font-family: "Roboto";
    font-size: 22px;
    padding: 8px 12px;
}
.manage_user .left-part fieldset, .manage_user .right-part fieldset{
	width:48%;
}
.manage_user .left-part label, .manage_user .right-part label{
    color: #adadad;
    float: left;
    font-family: "Roboto",sans-serif;
    font-size: 23px;
    font-weight: normal;
    padding: 15px 0 0;
    width: 29%;
}
.manage_user .left-part input, .manage_user .right-part input{
	border: 1px solid #ccc;
    box-shadow: 0 3px 0 0 #fef6dc inset;
    float: left;
    margin: 0 0 0 3%;
    padding: 23px 2%;
    width: 63%;
}
.manage_user .left-part .selectbox-1, .manage_user .right-part .selectbox-1  {
  border: 1px solid #ccc;
    box-shadow: 0 3px 0 0 #fef6dc inset;
    float: left;
    margin: 0 0 0 3%;
    padding:18px 3%;
    width: 61%;
}
.manage_user .buttons-2 {
    float: left;
	margin:0;
	width:auto!important;
}
.manage_user .buttons-1 .show_report, .manage_user .buttons-2 .show_report {
    background: none repeat scroll 0 0 #fea808;
    border: 0 none;
    box-shadow: none !important;
    color: #fff;
    float: right;
    font-family: "Roboto";
    font-size: 20px;
    margin: -3px 38px 0 0;
    padding: 19px 40px;
    width: auto;
}
.manage_user .buttons-1 .show_report:hover, .manage_user .buttons-2 .show_report:hover{
	background:#063dcf;
}

/*-------MANAGE USER PAGE CSS END---------*/



/*---------------customer lookup css start-----------------*/

.customer-lookup h2, .block-customer h2{
display:block;
background:#f0f0f0;
padding:8px 20px;
margin:0;
}

.customer-lookup h3, .block-customer h3{font-size:20px;
margin:15px 0 0px 0;
padding:0;
font-family: "Roboto",sans-serif;
display:inline-block;
}

.customer-lookup .checked_div{
	width:100%;
	float:left;
	margin:35px 0 0 5px;
}

.customer-lookup .checked_div label{
	width:auto;
	margin:22px 0 0 0;
}

.input-box-1{
	border: 1px solid #c9c9c9;
    box-shadow: 0 3px 0 0 #fef6dc inset;
    float: left;
    margin: 0 3% 0 20px;
    padding: 22px 20px;
    width: 20%;
}
.customer-lookup  .sales_checkbox{
	margin:25px 0 0;
}
.customer-lookup .show_report{
	background: none repeat scroll 0 0 #fea808;
    color: #fff!important;
    font-family: "Roboto";
    font-size: 20px;
    margin: 0 5px 0 0;
    padding: 20px 24px;
    width: auto;
}
.customer-lookup .show_report:hover{
	background:#063dcf;
}
.customer-table td{
	text-align:left;
}
.customer-table .input-box-1{
	 float: left;
    width: 50%;
	margin:0;
}

/*----------------block-customer--------------*/