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

html,body,h1,h2,h3,h4,h5,h6,section,header,nav,ul,li,ol,
article,aside,footer,hggroup,caption,figure,p,span,
blockquote,summery,details,tr,td,tbody,menu,mark,
canvas,audio,video,div{margin:0; padding:0;  }
img{border:0; vertical-align:middle;}
body{line-height:1; font-size:12px; background:#f6f6f7 url(../images/layout-bg.jpg) center top repeat-x fixed; font-family:Calibri, Helvetica, sans-serif;  color:#515151; margin:0; padding:0;}


.red{color:red}
.fleft{float:left;}
.fright{float:right;}
.marginBtm20{margin-bottom:20px;}
.width100{width:100%;}
.wdth500{width:500px !important;}
.wdth100{width:100px !important;}
.wdth65{width:66px !important;}
.wdth40{width:40px !important;}
.fnt16{font-size:19px;}
.clearfix{ display:table; content:""}
.clearfix:after, .clearfix:before{clear:both }

.mrgLft15{margin-left:15px;}
.userDtl{width:auto;}
.userDtl a{color:#333;  display:inline-block; vertical-align:middle; line-height:1.5; text-decoration:none; background:#f6f6f7; border:1px solid #e7e7e7; padding:0px 5px;}
.userDtl a:hover{color:#515151; text-decoration:none; background:#2a4287; border:1px solid #000; color:#fff;}

/*----Home page design---*/
.mainOuter{width:100%;}
.wrapper{width:1000px; margin:0 auto;}
.headr{background: none repeat scroll 0 0 rgba(255, 255, 255,1); height: 90px;
    border-bottom: 1px solid #e7e3e3;}
.homeLogo{float:left; margin:10px 0 0 2%;}
.bannerDiv {width:100%; height:400px; border-bottom:1px solid #e5e5e5; background:url(../images/bg2.jpg) bottom repeat-x;}
.bannerDiv .h1{ color: #505050; float: left;font-size: 28px;font-weight: bold; line-height: 40px; margin-top: 150px; text-align: center;width: 589px;}
.bannerDiv .mobileImg{width:400px; float:right; margin-top: 133px;}
.footer{width:100%; padding:50px 0; background:#f6f6f7; font-size: 14px;}


/*----Retailer page design---*/
.outerDiv{width:97%; min-height:600px; margin:30px auto; display:blcok; font-size:14px; border:1px solid #efefef; background: #f6f6f7; color:#515151;}
.retailerMain{ display:table; text-align: left; width:100%;}
.retailerIn{ padding:20px; width:100%; box-sizing: border-box; }
.retailerRow{width:100%; padding:0 0; float:left;}

.loginOutr{width:550px; margin:0 auto;}
.logoDiv{width:335px}
.logo{width:150px; }
.mrgnBtm20{margin-bottom:20px;}
.loginBox{ width:450px; padding:20px 50px; float:left; border: 1px solid #ddd;  border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; -webkit-border-radius: 10px; background:#fcfcfc; }
.loginBox h1{font-size:21px; font-weight:bold;}
.loginBxIn{float: left; width: 100%; }
.loginBxIn input[type="file"]{display:block; outline:none; margin:20px 0; width:436px; overflow:hidden; border:1px solid #ddd; padding:5px; font-size:13px; color:#666;}
.btn{display:block; cursor:pointer; font-size:12px; float:right; font-weight:bold; padding:8px; color:#fff; background:-moz-linear-gradient(top , #839be0, #2a4287); background:-webkit-linear-gradient(top , #839be0, #2a4287); background:-ms-linear-gradient(top , #839be0, #2a4287); border:1px solid #5a72b7; border-radius:5px;}
.btn2{display:block;  margin-right: 13px; cursor:pointer; font-size:12px; float:left; font-weight:bold; padding:5px 10px; color:#fff; background: #556db2;  border:1px solid #556db2; /*border-radius:5px;*/}
.btn4{display:block; cursor:pointer; font-size:12px; float:left; font-weight:bold; padding:5px 10px; color:#fff; background: #333;  border:1px solid #5a72b7; border-radius:5px;}
.dwnldBtn{display:block;  margin-right: 13px;  cursor:pointer; font-size:12px; float:left; font-weight:bold; padding:5px 10px; color:#333; background: #d9d9d9; border:1px solid #c6ccd2; /*border-radius:5px;*/}

.lgnRw{display:block;}
.lgnRw label{width:150px; font-size:17px; font-weight:bold; float:left;}
.lgnRw input[type="text"]{display:block;  outline:none; margin:20px 0; width:286px !important; overflow:hidden; border:1px solid #ddd; padding:5px; font-size:13px; color:#666;}


.tagline {text-align:center; font-size:16px; line-height:20px; }
.tagline br{margin:-4px 0; display:table; padding:0;}
.tagline p{font-weight:normal !important;}
.tagline img {vertical-align:baseline; margin-right:10px;}

form .retailerRow{padding:15px 0;}
.retailerRow .logo{width:120px; float:left; margin:0;  }
.retailerRow .wlcm{margin-right:8px; float:left; margin-top: 31px; font-size:13px; color:#666666;}
.retailerRow h2{float:left; font-size: 20px; line-height: 1.5;}
.retailerMain hr{ background: #c0c0c0; border: 0 none;height: 1px; width:100%; float:left;}
.retailerMain label{width:150px; font-weight:bold; display: inline-block;}
.retailerMain p{  line-height:2; }
.retailerMain p a{font-weight:bold; *margin-top:-23px;  float:right; margin-left:15px; font-size:13px; text-decoration:underline; color:#333 }
.retailerMain .label2{float:left;}
.retailerMain input[type="text"]{width:200px; padding:3px 5px; border:1px solid #ddd;}
.retailerMain select{width:214px; padding:3px 5px; border:1px solid #ddd;}
.retailerMain .btn2{float:left; }
.mandtry{float:right; font-size:11px; line-height: 2.9;}

table td a{text-decoration:underline; color:#333}
.tble{border:1px solid #ddd;  border-bottom:0; margin:10px 0; border-right:0;}
.tble tr{}
.tble tr th{background:#eaeaea;}
.tble td,.tble th{border-right:1px solid #ddd; border-bottom:1px solid #ddd; padding:10px;}
.t2pad{border:1px solid #ddd; border-bottom:0; margin:10px 0; border-right:0;}
.t2pad tr:nth-child(even){background:#ebf4fc;}
.t2pad th{background:#eaeaea;}
.t2pad th,.t2pad td{padding:5px; border-right:1px solid #ddd; border-bottom:1px solid #ddd; }
.tbl3{border:1px solid #ddd;  border-bottom:0; margin:10px 0; border-right:0;}
.tbl3 tr{}
.tbl3 tr th{background:#eaeaea; }
.tbl3 tr th.bgc{background:#2a4287; color:#fff; }
.tbl3 tr .brdr{border-left:2px solid ; }
 .tbl3 tr td.bga{background:#f1f1f1; color:#333; }
.tbl3 td,.tbl3 th{border-right:1px solid #ddd; border-bottom:1px solid #ddd; padding:5px;}