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

/*General CSS*/
*{margin:0; padding:0;}

/*fonts*/
@font-face {
    font-family: 'latobold';
    src: url('fonts/Lato-Bold-webfont.eot');
    src: url('fonts/Lato-Bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/Lato-Bold-webfont.woff2') format('woff2'),
         url('fonts/Lato-Bold-webfont.woff') format('woff'),
         url('fonts/Lato-Bold-webfont.ttf') format('truetype'),
         url('fonts/Lato-Bold-webfont.svg#latobold') format('svg');
    font-weight: normal;
    font-style: normal;
}


@font-face {
    font-family: 'latolight';
    src: url('fonts/Lato-Light-webfont.eot');
    src: url('fonts/Lato-Light-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/Lato-Light-webfont.woff2') format('woff2'),
         url('fonts/Lato-Light-webfont.woff') format('woff'),
         url('fonts/Lato-Light-webfont.ttf') format('truetype'),
         url('fonts/Lato-Light-webfont.svg#latolight') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'latoregular';
    src: url('fonts/Lato-Regular-webfont.eot');
    src: url('fonts/Lato-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/Lato-Regular-webfont.woff2') format('woff2'),
         url('fonts/Lato-Regular-webfont.woff') format('woff'),
         url('fonts/Lato-Regular-webfont.ttf') format('truetype'),
         url('fonts/Lato-Regular-webfont.svg#latoregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

body{color:#a3a3a3; font-family: 'latolight'; font-size:14px; line-height:20px;}
body a{font-family: 'latobold'; font-size:18px; line-height:22px; color:#000; text-decoration:none;}
body a:hover{color:#d8261c;}
h1{font-family: 'latoregular'; font-size:22px; line-height:28px; color:#535353; text-align:center; display:block; font-weight:normal; margin:2% 0 0.5%;}
h2{font-size:20px; line-height:28px; text-align:center; display:block; font-weight:normal; margin:0.5% 0 0;}
ul{list-style:none;}
body img{border:none;}
.wrapper{max-width:1160px; padding:0 15px; margin:0 auto;}
.clearfix{clear:both;}
.headerLogin{margin-bottom:5px; padding-bottom:5px; border-bottom:1px solid #ccc; }
.header-left{width:100%;}
.header-left .logo{width:23%; margin:0 auto;}
.header-left .logo img{width:100%;}
.header-right{width:100%;}
form input{width:94%; background:url(../LoginPageImages/text-bg.gif) repeat-x; border:1px solid #ccc; border-radius:5px; padding:2%; font-size:14px; line-height:20px;}
form .field{margin-bottom:5%;}
form .field label{font-size:14px; line-height:18px; margin-bottom:1%; display:block;}
form .field a{text-decoration:underline; font-size:14px; line-height:18px; font-family: 'latolight'; display:block; margin-top:2%; color:#d8261c;}
form .field a:hover{text-decoration:none;}
form input.login{background:none;background-color:#da231b; color:#fff; border-color:#da231b; width:49%; cursor:pointer; font-size:14px; line-height:18px; font-weight:bold; font-family: 'latoregular';}
form input.login:hover{background-color:#7b7b7b; border-color:#7b7b7b;}
.footer-right a{font-size:14px; line-height:18px;}
.slider{margin:2% 0 0;}
.slide li{float:left; width:43%; border:1px solid #ccc; padding:1% 5% 1% 1%;}
.slide li.btn{border-top:none;}
.slide li.bln{border-left:none;}
.slide li.brn{border-right:none;}
.slide li.bbn{border-bottom:none;}
.slide li .imgCont{float:left; width:17%;}
.slide li .imgCont img{width:92%;}
.slide li .textCont{float:right; width:78%;  font-family: 'latoregular'; color:#000; line-height:18px;}
.slide li .textCont a{display:block; color:#d8261c; margin-bottom:0.5%; font-size:16px; line-height:20px; font-family: 'latobold';}
.slidesjs-navigation{display:none;}
.slidesjs-pagination{text-align:center;}
.slidesjs-pagination li{display:inline-block; text-align:center; background:#fff;}
.slidesjs-pagination li a{color:#fff; font-size:1px; display:inline-block; text-align:center; width:15px; height:15px; border-radius:15px; border:2px solid #ccc; background:#fff; margin-right:5px;}
.slidesjs-pagination li a.active{border-color:#d8261c;}
.slidesjs-stop.slidesjs-navigation, .slidesjs-play.slidesjs-navigation{display:none !important;}

.footerLogin{margin-top:20px; padding-top:7px; padding-bottom:5px; border-top:2px solid #da2419;}
.footer-left{width:100%; text-align:center; margin-bottom:2%; font-size:14px; line-height:18px;}
.footer-left a{font-size:14px; line-height:18px; color:#a3a3a3;}
.footer-right{width:100%; text-align:center; vertical-align:middle;}
.footer-right img{vertical-align:middle; margin-left:2%;}

.header-right{position:relative;}
#showSummary{position:absolute; top:0; width:70%; right:0; text-align:left;}
.MMA{margin-left:2%;}
@media screen and (min-width : 600px){
	.header-left{float:left; width:35%;}
	.header-right{float:right; width:60%; text-align:right; padding-top:2%;}
	.header-left .logo{margin:0; text-align:left;}
	
	 form{padding:1% 0 0;}
	 form .field{display:inline-block; width:25%; vertical-align:top; margin-bottom:0; margin-right:1%; text-align:left;}
	 form .field.login{margin-right:0; margin-top:2.5%; text-align:right;}
	 form .field.login input{padding:3.5%; float:left;}
	 h1{font-size:20px; line-height:22px;}
	 h2{font-size:17px; line-height:21px;}
	 
	 .footer-left{float:left; width:40%; text-align:left; margin-bottom:0; padding:1% 0;}
	 .footer-right{float:right; width:60%; text-align:right;}
}

@media screen and (min-width : 600px) and (max-width : 767px){
	form .field.login{margin-top:5.1%;}
	h1{font-size:28px; line-height:32px;}
	h2{font-size:23px; line-height:27px;}
	.slide li .textCont span{display:none;}
}

@media screen and (min-width : 768px) and (max-width : 979px){
	form .field.login{margin-top:5.1%;}
	.slide li .textCont span{display:none;}
}

@media screen and (min-width : 100px) and (max-width : 599px){
.slide li .textCont span{display:none;}
.slide li .textCont a{font-size:12px; line-height:16px;}
.slidesjs-container{height:155px !important;}
.slidesjs-control{height:100% !important;}
.slide li{height:40px !important;}
.slidesjs-pagination li a{width:10px; height:10px;}
form input.login{width:100%; margin:0 0 5px 0;}
#showSummary{width:83%;}
}

.logo-2 {
  float: right;
  padding: 10px 0px;
}


.form-message {
    display: none;
    background-color:rgb(239, 239, 239);
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -khtml-border-radius: 10px;
    border-radius: 10px;
    -webkit-box-shadow: 3px 3px 3px 3px rgba(0, 0, 0, 0.2);
    box-shadow: 3px 3px 3px 3px rgba(0, 0, 0, 0.2);
    border: 2px solid #BBB;
    color: #333;
    z-index: 10002;
}

.success-message {
    color: green;
    padding: 5px 22px;
    border: 1px solid green;
    background-color: #FFFFFF;
    background: url("../images/tick.png") no-repeat scroll;
    padding-left: 30px;
    background-position: left 2px center;
}

.fail-message {
    color: red;
    padding: 3px 24px 3px 30px;
    border: 1px solid red;
    margin-bottom: 10px;
    background-color: #FFFFFF;
    background: url("../images/error.png") no-repeat scroll;
    padding-left: 30px;
  background-position: left 2px center;
}

.information-message {
    color: green;
    padding: 5px 22px;
    border: 1px solid green;
    background-color: #FFFFFF;
    background: url("../images/warning.gif") no-repeat scroll;
    padding-left: 30px;
  background-position: left 2px center;
}