﻿@font-face {
	font-family: 'SEGOEUIL';
	src: url('../fonts/SEGOEUIL.eot');
	src: local('SEGOEUIL'), url('../fonts/SEGOEUIL.woff') format('woff'), url('../SEGOEUIL.ttf') format('truetype');
}
.fontsforweb_fontid_1409 {
	font-family: 'SEGOEUIL' !important;
}

@font-face {
		font-family: 'ProximaNova';
		src: url('../fonts/ProximaNova-Reg-webfont.eot');
		src: url('../fonts/ProximaNova-Reg-webfont.eot?#iefix') format('embedded-opentype'),
		url('../fonts/ProximaNova-Reg-webfont.woff') format('woff'),
		url('../fonts/ProximaNova-Reg-webfont.ttf') format('truetype'),
		url('../fonts/ProximaNova-Reg-webfont.svg') format('svg');
		font-weight: 500;
		font-style: normal;
}

@font-face {
		font-family: 'Conv_Rupee';
		src: url('../fonts/Rupee.eot');
		src: url('../fonts/Rupee.eot?#iefix') format('embedded-opentype'),
		url('../fonts/Rupee.woff') format('woff'),
		url('../fonts/Rupee.ttf') format('truetype'),
		url('../fonts/Rupee.svg') format('svg');
		font-weight: 500;
		font-style: normal;
}

*,
*:before,
*:after {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}
html {
  font-size: 62.5%;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
body {
  font-family: "ProximaNova", Helvetica, Arial, sans-serif;
  /*font-family: 'ProximaNova';*/
  font-size: 14px;
  /*line-height: 1.428571429;*/
  line-height: 1.3;
  color: #333333;
  margin:0px;
  padding:0px;
  background-color:#fff;
}
#wrapper{ width:100%; margin:0px auto -76px; padding-top:0px; border:0px solid #333; min-height: 100%; height:auto !important; height: 100%; overflow-x:hidden }
#header{ height:91px;}
#techlogo {
    float: left;
    width: 189px;
    height: 70px;
    margin-top: 10px;
    margin-left: 10px;
}
img{max-width:100%;max-height:100%;}
#merchantlogo{ float:right; height:100%; width:40%;  text-align:right;}
#merchantlogo span{float:right; margin-right:65px; margin-top:40px; display:block; background:url(../Images/merchantlogo.gif) no-repeat right; width:97px; height:40px;}




ol { padding-left:30px;}
a, input{ outline:none;}
button,
input,
select,
textarea {
font-family: inherit;
font-size: 100%;
text-transform: none;
cursor: pointer;
border:1px solid #ccc;
border-radius : 3px;
margin-bottom : 10px;
}
input[type='radio'], input[type='checkbox']  
{border:0px;}

ul, li{ margin:0px; padding:0px; outline:none;}
select,
input {
/*height:30px;*/
padding:5px;
}

textarea {
  overflow: auto;
}
.radio label,
.checkbox label {
  display: inline;
  margin-bottom: 0;
  font-weight: normal;
}
.btn {

cursor: pointer;
display: inline-block;
padding: 6px 8px;
  margin-bottom: 0;
  font-size: 16px;
  font-weight: normal;
  line-height: 1.428571429;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  cursor: pointer;
  background-image: none;
  border: 1px solid transparent;
  border-radius: 4px;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
       -o-user-select: none;
          user-select: none;
}

.btn:focus {
  outline: thin dotted;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}

.btn:hover,
.btn:focus {
  color: #f47d35;
  text-decoration: none;
}

.btn:active,
.btn.active {
  background-image: none;
  outline: 0;
  -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
          box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}
.btn.disabled,
.btn[disabled],
fieldset[disabled] .btn {
  pointer-events: none;
  cursor: not-allowed;
  /*opacity: 0.65;*/
  background: #d5d5d5;
  filter: alpha(opacity=65);
  -webkit-box-shadow: none;
          box-shadow: none;
}

.btn-default {
  color: #333 !important;
  background: #fff; /* Old browsers */
 /* background:linear-gradient(to bottom, rgba(183,208,235,1) -85%, rgba(113,179,237,1) -100%, rgba(33,141,224,1) -100%, rgba(150,227,255,1) 100%);*/
  border:1px solid #adadad !important;
  padding:6px 10px;
  	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:4px;
	font-weight:normal;
	
}

.btn-default:hover,
.btn-default:focus,
.btn-default:active,
.btn-default.active,
.open .dropdown-toggle.btn-default {
  /*color: #333333;
  background-color: #ebebeb;
  border-color: #adadad;*/
}

.btn-default:active,
.btn-default.active,
.open .dropdown-toggle.btn-default {
  background-image: none;
}

.btn-default.disabled,
.btn-default[disabled],
fieldset[disabled] .btn-default,
.btn-default.disabled:hover,
.btn-default[disabled]:hover,
fieldset[disabled] .btn-default:hover,
.btn-default.disabled:focus,
.btn-default[disabled]:focus,
fieldset[disabled] .btn-default:focus,
.btn-default.disabled:active,
.btn-default[disabled]:active,
fieldset[disabled] .btn-default:active,
.btn-default.disabled.active,
.btn-default[disabled].active,
fieldset[disabled] .btn-default.active {
  background-color: #ffffff;
  border-color: #cccccc;
}

.btn-default .badge {
  color: #ffffff;
  background-color: #fff;
}

.btn-primary {
  color: #ffffff;
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.90);
  border-color: #357ebd;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:4px;
  padding:6px 26px;
  box-shadow:0 1px 5px rgba(0,0,0,.3),inset 0 -20px 50px rgba(0,0,0,.1),inset 0 1px 1px rgba(255,255,255,.3); font-weight:normal;
background: #004d79; /* Old browsers */
background: rgba(183,208,235,1);
/* Old Browsers */background: -moz-linear-gradient(top, rgba(183,208,235,1) 0%, rgba(113,179,237,1) 50%, rgba(33,141,224,1) 51%, rgba(150,227,255,1) 100%);
 /* FF3.6+ */background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(183,208,235,1)), color-stop(50%, rgba(113,179,237,1)), color-stop(51%, rgba(33,141,224,1)), color-stop(100%, rgba(150,227,255,1)));
/* Chrome,Safari4+  */background: -webkit-linear-gradient(top, rgba(183,208,235,1) 0%, rgba(113,179,237,1) 50%, rgba(33,141,224,1) 51%, rgba(150,227,255,1) 100%);
 /* Chrome10+,Safari5.1+ */background: -o-linear-gradient(top, rgba(183,208,235,1) 0%, rgba(113,179,237,1) 50%, rgba(33,141,224,1) 51%, rgba(150,227,255,1) 100%);
 /* Opera 11.10+ */background: -ms-linear-gradient(top, rgba(183,208,235,1) 0%, rgba(113,179,237,1) 50%, rgba(33,141,224,1) 51%, rgba(150,227,255,1) 100%);
 /* IE 10+ */background: linear-gradient(to bottom, rgba(183,208,235,1) 0%, rgba(113,179,237,1) 50%, rgba(33,141,224,1) 51%, rgba(150,227,255,1) 100%);
/* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7fc8e6', endColorstr='#2689d2', GradientType=0 );
/* IE6-9 */


}
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active,
.open .dropdown-toggle.btn-primary {
  color: #ffffff;
  background-color:#2AC0FF;
  border-color: #285e8e;
}

.btn-primary:active,
.btn-primary.active,
.open .dropdown-toggle.btn-primary {
  background-image: none;
}

.btn-primary.disabled,
.btn-primary[disabled],
fieldset[disabled] .btn-primary,
.btn-primary.disabled:hover,
.btn-primary[disabled]:hover,
fieldset[disabled] .btn-primary:hover,
.btn-primary.disabled:focus,
.btn-primary[disabled]:focus,
fieldset[disabled] .btn-primary:focus,
.btn-primary.disabled:active,
.btn-primary[disabled]:active,
fieldset[disabled] .btn-primary:active,
.btn-primary.disabled.active,
.btn-primary[disabled].active,
fieldset[disabled] .btn-primary.active {
  background-color: #428bca;
  border-color: #357ebd;
}

.btn-primary .badge {
  color: #428bca;
  background-color: #fff;
}
h1,
.h1 {
  font:normal 22px arial;  
  margin:0px 0px 10px;;
}

h2,
.h2 {
  font-size:18px; font-weight:400;
}

h3,
.h3 {
  font-size: 14px;
   color:#000000;
}

h4,
.h4 {
  font-size: 12px;
}

h5,
.h5 {
  font-size: 14px;
}

h6,
.h6 {
  font-size: 12px;
}
p {
  margin: 0 0 10px;
}
.left{ float:left;}
.right{ float:right;}
.col-left{ float:left; width:50%; border:0px solid;}
.col-right{ float:right; width:50%; border:0px solid;}
h3.mobhead{ display:none;}

.container {
  margin-right: auto;
  margin-left: auto;
  width:980px;
  /*padding:5px 30px;*/
}
.container:before,
.container:after {
  display: table;
  content: " ";
}

.container:after {
  clear: both;
}

.container:before,
.container:after {
  display: table;
  content: " ";
}

.container:after {
  clear: both;
}
.blankblock{ border-top: 1px solid #c4c4c4; border-bottom: 1px solid #c4c4c4; padding:10px; 	-moz-border-radius:none; -webkit-border-radius:none;	border-radius:none; background:#f9f9f9; margin-bottom:10px; color:#1e4679; font-weight:bold; font-size:16px; background-color:#f1f1f1;}
.blankblock span{ font:bold 16px Arial, Helvetica, sans-serif; color:#f47d35;}
.blankblock:before,
.blankblock:after {
  display: table;
  content: " ";
}

.blankblock:after {
  clear: both;
}

.blankblock:before,
.blankblock:after {
  display: table;
  content: " ";
}

.blankblock:after {
  clear: both;
}

.headblock{ border:0px solid #ffce59; padding:10px; 	-moz-border-radius:4px; -webkit-border-radius:4px;	border-radius:4px; background:#fff; margin:10px 0px 0px;}

.formrow{ margin:0px; padding:0px;}
.formrow:before,
.formrow:after {
  display: table;
  content: " ";
}

.formrow:after {
  clear: both;
}

.formrow:before,
.formrow:after {
  display: table;
  content: " ";
}

.formrow:after {
  clear: both;
}

.formrow label{ width:26%; float:left; line-height:35px; font-size:14px; color:#333;}
.formrow label.customwidth { width:34%; float:left; line-height:30px; font-size:14px; color:#333;}
.marginleft6percnt { margin-left:6%;}
.text-left {
  text-align: left;
}
.text-right {
  text-align: right;
}
.text-center {
  text-align: center;

}
.txt_ctr_left{text-align:left !important; margin-top:20px; margin-bottom:30px; margin-left:50px;}
@media only screen and (min-width: 320px) and (max-width: 676px)
{
  .txt_ctr_left{text-align:left !important;  margin-top:20px; margin-bottom:30px; margin-left:20px;}  }
h2.head{ border-bottom:1px solid #cfcfcf; padding-bottom:6px;}
.col_1,
.col_2,
.col_3,
.col_4,
.col_5,
.col_6,
.col_7,
.col_8,
.col_9,
.col_10,
.col_11,
.col_12 {
	display: block;
	float:left;
	margin: 0% 0 1% 1%;
	/*background:#cfcfcf;*/
}
.form-horizontal .form-group {
  margin-right: -15px;
  margin-left: -15px;
}

.form-horizontal .form-group:before,
.form-horizontal .form-group:after {
  display: table;
  content: " ";
}

.form-horizontal .form-group:after {
  clear: both;
}

.form-horizontal .form-group:before,
.form-horizontal .form-group:after {
  display: table;
  content: " ";
}

.form-horizontal .form-group:after {
  clear: both;
}

.form-horizontal .form-control-static {
  padding-top: 7px;
}
.form-horizontal .form-group .col_1,
.form-horizontal .form-group .col_2,
.form-horizontal .form-group .col_3,
.form-horizontal .form-group .col_4,
.form-horizontal .form-group .col_5,
.form-horizontal .form-group .col_6,
.form-horizontal .form-group .col_7,
.form-horizontal .form-group .col_8,
.form-horizontal .form-group .col_9,
.form-horizontal .form-group .col_10,
.form-horizontal .form-group .col_11,
.form-horizontal .form-group .col_12
 {
    display: inline;
 }
 .form-vertical .form-group{ padding-top:5px; clear:both;}
.form-vertical .form-group .col_1,
.form-vertical .form-group .col_2,
.form-vertical .form-group .col_3,
.form-vertical .form-group .col_4,
.form-vertical .form-group .col_5,
.form-vertical .form-group .col_6,
.form-vertical .form-group .col_7,
.form-vertical .form-group .col_8,
.form-vertical .form-group .col_9,
.form-vertical .form-group .col_10,
.form-vertical .form-group .col_11,
.form-vertical .form-group .col_12
 {
    display: block !important;
	width:100%;
	float:none;
	margin: 0 0 0 0;
 }
 
.first { margin-left: 0; }

/*  GROUPING  */
.row { clear: both; padding: 0px;	margin: 0px;}
.row:before,
.row:after {
	content:"";
	display:table;
}
.row:after {clear:both;}
                                               
					
/*  GRID OF TWELVE  */
.col_12 {
	width: 100%;
}

.col_11 {
  	width: 91.58%;
}
.col_10 {
  	width: 83.16%;
}

.col_9 {
  	width: 74.75%;
}

.col_8 {
  	width: 66.33%;
}

.col_7 {
  	width: 57.91%;
}

.col_6 {
  	width: 49.5%;
}

.col_5 {
  	width: 41.08%;
}

.col_4 {
  	width: 32.66%;
}

.col_3 {
  	width: 24.25%;
}

.col_2 {
  	width: 15.83%;
}

.col_1 {
  	width: 7.416%;
}

/*  OFFSET GRID OF TWELVE  */
.offset_12 {
	margin-left: 100%;
}

.offset_11 {
  	margin-left: 91.58%;
}
.offset_10 {
  	margin-left: 83.16%;
}

.offset_9 {
  	margin-left: 74.75%;
}

.offset_8 {
  	margin-left: 66.33%;
}

.offset_7 {
  	margin-left: 57.91%;
}

.offset_6 {
  	margin-left: 49.5%;
}

.offset_5 {
  	margin-left: 41.08%;
}

.offset_4 {
  	margin-left: 32.66%;
}

.offset_3 {
  	margin-left: 24.25%;
}

.offset_2 {
  	margin-left: 15.83%;
}

.offset_1 {
  	margin-left: 7.416%;
}

#poweredby{ text-align:left; float:left; width:auto;}
#poweredby span{font:bold 14px arial narrow;}
#poweredby img{ margin:0px 8px;}
.ipblock{ border-top:0px solid #ffce59; padding:0px; margin-top:0px; float:left; font:normal 11px arial; color:#333; background:#CCCCCC;}
.ipblock strong{ padding:6px 0px; display:block; font:bold 12px arial;}
.notebox{ font-size:80%; margin:10px auto;}
.btnblock{ padding:10px 0px; max-width: 450px;}
.tabcontent{ padding:0px 0px 10px;}
.snote{ font:normal 11px arial; color:#000; background:#FDF3D5 url(../Images/help.png) no-repeat 5px 3px; width:auto; border:1px solid #ffce59;
 padding:5px 5px; padding-left:25px; font-style:italic; margin-left:5px; display:inline-block;}
.note{ }
a.tooltip {outline:none; font:normal 11px arial; color:#000; }
a.tooltip strong {line-height:20px;}
a.tooltip:hover {text-decoration:none;} 
a.tooltip span {
    z-index:10;display:none; padding:14px 10px;
    margin-top:-45px; margin-left:180px;
    width:190px; line-height:13px;
}
a.tooltip:hover span{
    display:inline; position:absolute; color:#111;
    border:1px solid #DCA; background:#fffdfe;}
.callout {z-index:20;position:absolute;top:30px;border:0;left:-12px;}
.pay_card{display:inline-block; background:url(../Images/Credit_Cards.gif); width:41px; height:26px; margin-bottom:-7px; margin-left:5px;}
.pay_card #mastercard{ background:url(../Images/mastercard.gif) no-repeat; height:27px; width:36px; margin-bottom:-7px; display:inline-block;}
.pay_card #maestro{ background:url(../Images/maestro.gif) no-repeat; height:27px; width:36px; margin-bottom:-7px; display:inline-block;}
.pay_card #visa{ background:url(../Images/visa.gif) no-repeat; height:27px; width:36px; margin-bottom:-7px; display:inline-block;}
.mobfilter{ display:none;}
.rdcls{ border:none; font-family: 'ProximaNova'; margin-left:15px;}
.banklist{ padding:0px 0px 20px;}
.banklist:before,
.banklist:after {
  display: table;
  content: " ";
}

.banklist:after {
  clear: both;
}

.banklist:before,
.banklist:after {
  display: table;
  content: " ";
}

.banklist:after {
  clear: both;
}

.banklist label{padding:5px;
border:1px solid #ccc;
margin-top:5px;
margin-left:5px;
 -webkit-border-radius: 4px;
 -moz-border-radius: 4px;
border-radius: 4px;
}

.banklist label input {
margin-top:0px;
}

#axisbnk {
background:#fff url(../Images/axis_bank.png) no-repeat 30px center;
}
#citibnk {
background:#fff url(../Images/citibank.png) no-repeat 30px center;
}
#tstbnk {
background:#fff url(../Images/icici_bank.png) no-repeat 30px center;
}
#hdfcbnk {
background:#fff  url(../Images/hdfc_bank.png) no-repeat 30px center;
}
#yesbnk {
background:#fff url(../Images/yes_bank.png) no-repeat 30px center;
}
#stdbnk {
background:#fff url(../Images/uni_bank.png) no-repeat 30px center;
}

input[type='number']::-webkit-outer-spin-button,
input[type='number']::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}
#pushfooter{ clear:both; height:75px;  border:0px solid #ccc;}
#powered{ float:right; width:156px; height:76px; margin-top:20px; background:url(../Images/powered.png) no-repeat;}
#footer{width:100%; margin:0px auto; clear:both; border:0px solid #ccc;}
.btn-max{ background:#1e4679;; color:#FFFFFF; padding:8px 25px;  }
.btn-max:hover{ background:#265796;; color:#FFFFFF; padding:8px 25px;  }
.btn-maxcancel{ background:#fff; color: #1e4679; border:none;}
.btn-max:hover{color:#FFFFFF; border-radius:none !important; }
.mobheadbottom{ background:url(../Images/downarrow.png); width:27px; height:16px; margin:-8px auto 10px; display:none;}
.maxinput{ width:200px; display:block;}
.rupee{font:normal 16px 'Conv_Rupee' !important; color:#333333;}
.img{ position:absolute;}
.blankblockleft{width: 50%; float: left;}
.blankblockright{float:right; text-align:center;}
#policy-container-div { width:30%; margin:0px auto; }
.paying_option { margin: 0px auto;  width: 80%;  background: #F9F9F9;  border: 1px solid #ccc;  padding: 0px 5px 10px;}
.paying_option h2.head { border-bottom: 1px solid #FF7011;}
.marginbottom0px {
margin-bottom:0px;
}
.note-text {margin-top: 0px;  color: #003874;}
.notecontainer {background: #FFFFFF;  border-radius: 4px;  padding: 10px 10px;  border: 1px solid #d7d7d7; box-shadow: 0px 0px 3px #d7d7d7;}
.text-success { color:#4F8A10; font-size: 17px; margin-bottom: 25px;}
.text-error { color:#D8000C; font-size: 17px; margin-bottom: 25px;}
table {
  border-collapse: collapse;
}
td, th {
  border: 1px solid #999;
  padding: 7px 10px;
  text-align: left;
}
.thankyoubox {
    width: 85%;
    padding: 30px 10px 30px;
    margin: 50px auto 10px;
    position: relative;
    border: 2px solid #dfdfdf;
    background: #f1f1f1;
}
.success-icon {
background: url(../Images/success-icon.png) no-repeat center;
  /*position: absolute;*/
  height: 40px;
  top: -32px;
  left: 0;
  right: 0;
  display:block;
  background-size: 40px 40px;
  margin-bottom: 10px;
}
.error-icon {
background: url(../Images/failure.png) no-repeat center;
 /* position: absolute;*/
  height: 40px;
  top: -32px;
  left: 0;
  right: 0;
  display:block;
  background-size: 40px 40px;
  margin-bottom: 10px;
}

@media only screen and (min-width: 0px) and (max-width: 679px)
{
.error-msg 
{ color: rgb(204, 51, 0);
    margin-left: 0px !important;
    display: block !important;
    }
.paying_option { margin: 0px auto;  width: 100%;  background: #F9F9F9;  border: 1px solid #ccc;  padding: 0px 5px 10px;}
.paying_option h2.head {display:block;}
#policy-container-div {
width:100% !important;
margin: 0px !important;
}

.btn-alignment 
{margin-left: 0px !important;
 text-align:center;
    } 
    
.full-width {
width:100% !important;
}
.btn-primary { padding:6px 16px;}
.error { display:block; clear:both;}
.errorMsg{display:inline-block; clear:left;}
	.mobfilter{ display:inline-block;}
	.webfilter{ display:none;}
	.container {
  width:96%;
  /*padding:10px;*/
}
.pleasewait{height:55px; background-position:center; background-size:auto 100%; width:100%;}
/****20140507*****/
.endblankblock{ display:none;}
.head{ display:none;}
#cvvInfo{display:none;}
#cvInfoLable{display:none;}
/*.tpsl_snote{display:none;}*/
/*********/
#verifyLogo{display:none;}
#cardlogo{display:none;}
/****/

.text-left {
  text-align: left;
}
.text-right {
  text-align: left;
}
.col-left{ float:none; width:100%; border:0px solid;}
.col-right{ float:none; width:100%; border:0px solid;}
h3.mobhead{ display:block; margin:0px auto 5px;}
h3.mobhead a{ display:block;  height:100%; text-decoration:none; color:#fff; border:0px solid #ffce59; padding:10px;
background:#013976; font:normal 16px;}
h3.mobhead a.active{ display:block; width:100%; height:100%; text-decoration:none; color:#444; border:1px solid #ffce59; padding:10px; -moz-border-radius:4px; -webkit-border-radius:4px;	border-radius:4px;
background:#fff;}
/*h2.head{ display:none;}*/


 .arrow-up{margin-left:-20px;width:25px;display:inline-block; background: url(../Images/tabuparrow.png) no-repeat; width:37px;  height:34px; margin-top:-35px; float:right;}
 .arrow-down{margin-left:-20px;width:25px;display:inline-block; background: url(../Images/tabdownarrow.png) no-repeat; width:37px; height:34px; margin-top:-35px; float:right;}

.arrow-downimps{margin-left:-20px;width:25px;display:inline-block; background: url(../Images/tabdownarrow.png) no-repeat; width:37px; height:34px; margin-top:-35px; float:right;}

.tabdownimg{ background: url(../Images/tabdownarrow.png) no-repeat; width:37px; height:34px; margin-top:-40px; float:right; right:8px;}
.tabupimg{ background: url(../Images/tabuparrow.png) no-repeat; width:37px; height:34px;  margin-top:-35px; float:right; right:8px;}

.formrow label{ width:auto; float:none; line-height:30px;}
.col_12 {
		width: 100%; margin:1% auto;
	}
	.col_11 {
		width: 100%; margin:1% auto;
	}
	.col_10 {
		width: 100%; margin:1% auto;
	}
	.col_9 {
		width: 100%; margin:1% auto;
	}
	.col_8 {
		width: 100%; margin:1% auto;
	}
	.col_7 {
		width: 100%; margin:1% auto;
	}
	.col_6 {
		width: 100%; margin:1% auto;
	}
	.col_5 {
		width: 100%; margin:1% auto; float:none;
	}
	.col_4 {
		width: 100%; margin:1% auto;
	}
	.col_3 {
		width: 100%; margin:1% auto;
	}
	.col_2 {
		width: 100%; margin:1% auto;
	}
	.col_1 {
		width: 100%; margin:1% auto;
	}

.sm-col .col_12 {
	width: 100%;
}

.sm-col .col_11 {
  	width: 91.58%;
}
.sm-col .col_10 {
  	width: 83.16%;
}

.sm-col .col_9 {
  	width: 74.75%;
}

.sm-col .col_8 {
  	width: 66.33%;
}

.sm-col .col_7 {
  	width: 57.91%;
}

.sm-col .col_6 {
  	width: 49.5%;
}

.sm-col .col_5 {
  	width: 41.08%;
}

.sm-col .col_4 {
  	width: 32.66%;
}

.sm-col .col_3 {
  	width: 24.25%;
}

.sm-col .col_2 {
  	width: 32.66%;
	margin: 0% 0 1% 1%;
}

.sm-col .col_1 {
  	width: 24.0%;
	margin: 0% 0 1% 1%;
}
.pl-start{ margin: 0% 0 1% 0% !important;}
.ipblock {
width: auto;
}

	.well{ width:96%; margin:0px auto;}
	.offset_12, .offset_11, .offset_10, .offset_9, .offset_8, .offset_7, .offset_6, .offset_5, .offset_4, .offset_3, .offset_2, .offset_1{ margin-left:0%;}
	.form-inline input{
display:block;
width:99%;
}

.form-inline select {
display:block; margin:0px; width:99.4%;
}

.form-inline label {
vertical-align:middle;
padding-left:0px;
}
a.tooltip span {
    z-index:10;display:none; padding:14px 10px;
    margin-top:-125px; margin-left:70px;
    width:190px; line-height:13px;
}
a.tooltip:hover span{
    display:inline; position:absolute; color:#111;
    border:1px solid #DCA; background:#fffdfe;}
.callout {z-index:20;position:absolute;top:100px;border:0;left:-12px;}
.mobheadbottom{ display:block;}

.blankblockleft{width: 50%; float: left;}
.blankblockright{float:right; text-align:center; margin-top:-60px;}
.blankblockright .spanamount{ display:block;}

}

@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait)
and (-webkit-min-device-pixel-ratio: 1)  {

#cardlogo{ display:none;}
.container{ width:96%;}
.blankblockleft{width: 50%; float: left;}
.blankblockright{float:right; text-align:center; margin-top:-60px;}
.blankblockright .spanamount{ display:block;}

}

.instruction {
padding:5px;
background:#CDE1E7;
border-radius:4px;
border:1px solid #ccc;
margin-bottom:10px !important;
}

.instruction img {
vertical-align:bottom;
padding-right:5px;
}

.infobox{ position:relative;}
.infoicon{ position:absolute; top:5px; right:445px; width:10px; height:10px;}
.infoicon a{ width:20px; height:20px; display:block;}
.infoicon a span{ display:none}
.infoicon a:hover span{ display:block; position:relative; top:-5px; right:-200px;}
.infoicon a{ background:url(../Images/info.png) no-repeat center;}


#policy-container-div {
  width: 70%;
  margin: 0px 0px 0px 27%;
}

#policy-container-div .formrow label 
{    width: 15%;
    }
    
.btn-alignment 
{text-align: center;
  max-width: width 450px;
    }    
.ui-datepicker-trigger{padding:5px; border:none ;position:relative; width: 29px; height: 29px; margin-left: -30px; margin-top:3px;}

.error-msg 
{ color: rgb(204, 51, 0);
    margin-left: 30px;
    display: inline;
    }
.dcl{text-decoration:underline; color: blue;}

input[type="text"] {
  border: 1px solid d5d5d5;
  border-radius: 0px;
}  
input#MainContent_txtPolicyNo {
  padding:8px;
  border: 0;
  border-bottom:1px solid #f47d35;
  width: 240px;
}
input#MainContent_txtDOB
{

  padding: 8px;
  border: 0;
  border-bottom:1px solid #f47d35;
  width: 240px;
}

span.c_box_notic {
  margin-left: 25px;
  display: inline-block;
  margin-top: -25px;

}

#header {
  margin-right: auto;
  margin-left: auto;
  width:980px;
  /*padding:5px 30px;*/
}
#header:before,
#header:after {
  display: table;
  content: " ";
}

#header:after {
  clear: both;
}

.mrg_top{margin-top:25px; margin-bottom:10px;}{margin-top:25px; margin-bottom:10px;}
.mrg_bottom{margin-top:0px; margin-bottom:20px;}

.net_amt{text-align:center; margin-left:190px;}

@media only screen and (min-width: 320px) and (max-width: 676px)
{
    .net_amt{text-align:left; margin-left:20px;}
    
    }



#MainContent_txtNetDueAmount {
  color: #f47d35;
  padding:8px;
  border: 0;
  border-bottom:1px solid #f47d35;
  width: 100px;
  margin-bottom:20px;
}

#policy-container-div .formrow label.pr {
    width: 100%;
    line-height: initial;
    text-align: justify;
}

/*--------Spinner--------- */
.pageLoadSpinner {
  position: fixed;
  display:table;
  background-color: white;
  width: 100%;
  height: 100%;
  z-index: 9999;
  opacity: 0.8;
}





    
#checkoutmodal .merchant-detail-box{background: none !important;}
#checkoutmodal .security-info, #checkoutmodal .security-info .icon-info-circled{color: #373737 !important;}
#checkoutmodal .popup-close, #checkoutmodal .btnBanks_Back{color: #373737 !important;}