@charset "utf-8";
/* CSS Document */
@font-face {
    font-family: 'DIN-Regular';
    src: url('ufonts.com_din-regular1.eot');
    src: url('ufonts.com_din-regular1.eot?#iefix') format('embedded-opentype'),
         url('ufonts.com_din-regular1.woff') format('woff'),
         url('ufonts.com_din-regular1.ttf') format('truetype'),
         url('ufonts.com_din-regular1.svg#ufonts.com_din-regular1') format('svg');
    font-weight: normal;
    font-style: normal;
}

html, body{ margin:0; padding:0; font-family:"Segoe UI",Arial,sans-serif; font-size:14px; color:#1B1B1B;}
/*html, body{ margin:0; padding:0; font-family:"Segoe UI",Arial,sans-serif; font-size:14px; color:#1B1B1B; background:url(../images/main_bg.jpg) no-repeat top center;}*/
   
.center{margin:0 auto; text-align:center;}

.clear{ clear:both; margin:0 !important; padding:0 !important;}
.flt_lft{ float:left;}
.flt_rht{ float:right;}
ul{ list-style:none; margin:0; padding:0;}
p, h1, h2, h3, h4, h5, h6{ margin:0; padding:0;}
img{ margin:0; padding:0; border:none;}

a{ color:#0087B9; text-decoration:none;}
a:hover{ color:#0087B9; text-decoration:underline;}

a.homemessage{ color:#ef772f; text-decoration:none;font-size:16px;font-weight:bold;text-align:center}
a.homemessage:hover{ color:#ef772f; text-decoration:underline;}

#container{ margin:0; padding:0; width:100%; background:url(../images/headerbg.jpg) repeat-x;  }
#wrapper{ margin:0 auto; padding:0; width:1000px;}

#header{ margin:0; padding:0; width:1000px; height:25px;}
#header .resizer{ margin:0; padding:0; float:right; position:relative; top:-3px;}

#headerblock{ margin:10px 0; padding:0; width:1000px; height:59px;}
a.logo{ margin:0 0 10px 10px; padding: 0; background:url(../images/logo.jpg); height:59px; width:286px; display:block; float:left; text-indent:-9999px;}

#menu{ margin:0; padding:0; background:#403F3F; height:30px;}
#menu ul li{font-weight:bold; margin:0; padding:0; float:left; height:30px; line-height:30px; text-transform:uppercase; text-align:center; font-size:14px;}
#menu ul li a{ color:#FFF; text-decoration:none; padding:0; display:block; width:249px;}
#menu ul li a:hover{ color:#FFF; background:#2591B9; text-decoration:none;}
#menu ul li.separator{ border-left:1px solid #fff;}

#flashbox{ margin:0; padding:0; height:340px; width:1000px;}

#bodyWrap{ margin:0; padding:0; width:1000px;}
#contentWrap{ margin:0; padding:40px 10px; width:980px;}

#authorityLogo{ margin:0; padding:0; width:980px;}
#authorityLogo h2{ margin:0; padding:0 0 15px 0; font-size:20px; color:#1B1B1B; font-family:'DIN-Regular'; text-transform:uppercase;}
#authorityLogo ul li{ margin:0 0 0 125px; padding:0; float:left; display:block; font-family:'DIN-Regular'; text-align:center; background:#fff; font-size:14px; font-weight:bold; }
#authorityLogo ul li a{width:151px; margin:0; padding:0; color:#1b1b1b; text-decoration:none; display:block;}
#authorityLogo ul li a:hover{ color:#EE3526; text-decoration:none;}


#authorityLogoAbout{ margin:0; padding:0; width:980px;}
#authorityLogoAbout h2{ margin:0; padding:0 0 15px 0; font-size:20px; color:#1B1B1B; font-family:'DIN-Regular'; text-transform:uppercase;}
#authorityLogoAbout ul li{ margin:0 0 0 120px; padding:0; float:left; display:block; font-family:'DIN-Regular'; text-align:center; background:#fff; font-size:14px; font-weight:bold; }
#authorityLogoAbout ul li a{width:151px; margin:0; padding:0; color:#1b1b1b; text-decoration:none; display:block;}
#authorityLogoAbout ul li a:hover{ color:#EE3526; text-decoration:none;}

#onlineRenewal { margin:15px auto 0 auto; width:800px;}
#onlineRenewal ul li{ margin:0; padding:0 0 5px 0; height:27px; width:660px; display:block;}
#onlineRenewal label{ margin:0; padding:0; float:left; height:27px; line-height:27px; float:left; width:400px; font-size:14px;line-height: 18px;}
#onlineRenewal input[type=text]{ margin:0 0 0 10px; padding:5px; border:1px solid #1b1b1b; width:225px; float:left; height:25px; -webkit-border-radius: 5px; border-radius: 5px; }
#onlineRenewal input[type="submit"] {margin-left:410px;}

#pagelink{ margin:0; padding:0 15px; background:url(../images/quicknavbg.jpg); height:54px; border-bottom:1px solid #dedede;}
#pagelink ul{ margin:0; padding:0; list-style:none;}
#pagelink ul li{ margin:0 10px 0 0; padding:0; float:left; line-height:54px; font-weight:bold;}
#pagelink ul li a{ color:#0087b9; text-decoration:none;}
#pagelink ul li a:hover{ color:#636363; text-decoration:none;}
#pagelink ul li a.active{ color:#636363; text-decoration:none; cursor:default;}

#innerContainer{ margin:0; width:980px;}
#innerContainer .leftCol{padding:20px; margin:0; width:209px; float:left; background:#eeeeee;}


a.leftlogo{ margin:0 auto; padding:0; background:url(../images/logo1.jpg); height:72px; width:72px; text-indent:-9999px; display:block;}
.leftCol h3{ margin:0; padding: 8px 0; font-size:18px; color:#1b1b1b; font-family:'DIN-Regular'; text-transform:uppercase; text-align:center;}
.address td{ margin:0; padding:2px; vertical-align:top; font-size:14px;}

#innerContainer .rightCol{ margin:0; padding:20px; width:690px; float:right;}
.rightCol p{ margin:0; padding:10px 0 0 0; line-height:18px;}
.rightCol p:last-child{ margin:0; padding:0;}

#innerContainer .rightCol li
{
	background: url(../images/bullet.png) no-repeat;
	background-position: 0 60%;
list-style-position:outside;
padding-left:18px;
}

#innerContainer .fullPage{padding:20px; margin:0;}

.header
{
    padding:5px 0 5px 10px;

    margin-bottom:35px;
    border-left-color:#d7463f;
    border-left-width:6px;
    border-left-style:solid;
    display:block;
    position:relative;
}

h1
{    
    color:#1b1b1b;
    font-size:26px;
    font-weight:normal;
    padding-bottom:5px;
}

h2
{
	font-family:"Segoe UI"; font-weight:bold; font-size:20px; color:#1B1B1B;
}

form.form{ margin:0; padding:0; width:auto;}
form.form div{ margin:0 0 8px 0; padding:0;}
form.form label{ margin:0; padding:0 20px 0 0; width:150px; float:left;  line-height:30px; font-size:14px; text-align:right;}
form.form label span{ color:#F00;}
form.form input[type=text]{ border: 1px solid #B9BDC1;  color: #797979; font: 15px Arial,Helvetica; margin: 0; padding: 5px; width: 300px; float:left;}
form.form select{border: 1px solid #B9BDC1; color: #797979; font: 15px Arial,Helvetica; margin: 0; padding: 5px; width: 380px; float:right;}
form.form p{ margin:0; padding:0 0 8px 0; font-size:12px; line-height:18px; text-align:justify;}

#columns{ margin:0; padding:0;}

.form2{ margin:0; padding:0; width:auto;}
.form2 div{ margin:0 0 8px 0; padding:0;}
.form2 label{ margin:0; padding:0; width:100px; float:left; font-size:14px; text-align:right;}
.form2 label span{ color:#F00;}
.form2 input[type=text]{ border: 1px solid #B9BDC1; color: #000000; font: 15px Arial,Helvetica; width: 220px;}
.form2 textarea{ border: 1px solid #B9BDC1; color: #000000; font: 15px Arial,Helvetica; margin: 0; padding: 5px; float:left; }
.form2 select{border: 1px solid #B9BDC1; color: #000000; font: 15px Arial,Helvetica; margin: 0; padding: 5px; width: 246px; float:left;}
.form2 p{ margin:0; padding:0 0 8px 0; font-size:12px; line-height:18px; text-align:justify;}
.submit { background:url(../images/submitbtn.png); height:43px; width:114px; float:left; border:none; text-indent:-9999px; cursor:pointer;}
.cancel { margin:0 10px 0 95px;}

   

#footer{ margin:0; padding:20px 20px 1px 20px; width:100%; background:#D7DADF; font-size:14px;}
#footerMenu { margin:0; padding:0; height:28px; width:960px; line-height:28px;}
#footerMenu a.logo{ margin:0 8px 0 0; padding:0; background:url(../images/footer-logo.png) no-repeat; height:28px; width:70px; float:left;}
#footerMenu ul { height:28px; display:block; float:right; margin:0; padding:0; list-style:none;}
#footerMenu ul li{ margin:0 0 0 10px; padding:0; line-height:28px; float:left; color:#fff;}
#footerMenu ul li a{ color:#1b1b1b; text-decoration: none; font-size:12px;}
#footerMenu ul li a:hover{ color:#1b1b1b; text-decoration:underline;}
#footer a{ color:#1b1b1b; text-decoration: none; font-size:12px;}
#footer a:hover{ color:#1b1b1b; text-decoration:underline;}

#servicelink{ margin: 50px 0 10px 0; width:960px; padding:0;}
.servblock{ margin:0; padding:0; width:192px; float:left;}
.servblock h4{ margin:0; padding:0 0 4px 0; color:#1b1b1b; font-size:16px;}
.servblock ul li{ margin:0; padding:0; line-height:20px;}
.servblock ul li a{ color:#1b1b1b; text-decoration:none;}
.servblock ul li a:hover{ color:#1b1b1b; text-decoration:underline;}

#bottomlogobox{ margin:0; padding:0; width:960px; text-align:center;}


.submit,button, button.submit, input[type="submit"] {
	background-image: url('../images/icon_arrow.png');
	background-repeat: no-repeat;
	background-position: 97% center;
	background-color: #000;
	text-decoration:none !important;
	color: #FFF !important;
	padding: 4px 19px 4px 9px;
	border: 0px;
	text-transform:uppercase;
}

.submit:hover,button:hover, button.submit:hover, input[type="submit"]:hover {
	background-image: url('../images/icon_arrow2.png');
	background-color: #D7463F;
	text-decoration:none !important;
	color: #FFF !important;
	border: 0px;
	
}
.cancel, button.cancel, input[type="reset"] {
	background-color: #CDCBBC;
	color: #FFF;
	padding: 4px 10px;
	border: 0px;
	text-transform:uppercase;
}
.cancel:hover, button.cancel:hover, input[type="reset"]:hover {
	background-color: #FFF;
	color: #000;
	border: 1px solid #000;
	padding: 3px 9px;
}


/* breadcrumbs */
.section.links {
	height: 30px;
	margin: 5px 0;
	border: 1px solid #DEDEDE;
	position: relative;
	color: #0087B9;
	font-size: 12px;
}
.section.links .breadcrumbs {
	position: absolute;
}
.section.links .breadcrumbs {
	left: 15px;
	top: 7px;
	width:750px;
	height:18px;
	overflow:hidden;

}

.section.links .breadcrumbs span.variation-root,
.section.links .breadcrumbs span.variation-root + span {
	display:none;
}

.section.links .breadcrumbs span.current-page {
	margin-right: 0;
	color: #666877;
}
.section.links .breadcrumbs span.current-page:visited {
	color: #666877;
}
.section.links .breadcrumbs span.current-page:hover {
	text-decoration: none;
}

.helpquestion
{
	text-transform:uppercase;
	font-weight:bold;
}

.text-resize {
	font-weight: bold;
	color: #D9D9D9;
	line-height:20px;
}

.text-resize a {
	color: #D9D9D9;
}

.text-resize .small{
	font-size: 12px;
}
.text-resize .medium{
	font-size: 16px;
}
.text-resize .large{
	font-size: 20px;
}


    .small { font-size: 12px; }
    .medium { font-size: 14px; }
    .large { font-size: 16px;}
    
.resizer .resizerinner {margin-right: 8px; font-weight:bold;}
.resizer .resizerinner a {color:#d9d9d9;}

.resizer .small { font-size: 12px; }
.resizer .medium { font-size: 16px; }
.resizer .large { font-size: 20px; }

* {box-sizing:border-box}

/* Slideshow container */
.slideshow-container {
  max-width: 1000px;
  position: relative;
  margin: auto;
}

/* Hide the images by default */
.mySlides {
  display: none;
}

/* Next & previous buttons */
.prev, .next {
  cursor: pointer;
  position: absolute;
  top: 50%;
  width: auto;
  margin-top: -22px;
  padding: 16px;
  color: white;
  font-weight: bold;
  font-size: 18px;
  transition: 0.6s ease;
  border-radius: 0 3px 3px 0;
  user-select: none;
}

/* Position the "next button" to the right */
.next {
  right: 0;
  border-radius: 3px 0 0 3px;
}

/* On hover, add a black background color with a little bit see-through */
.prev:hover, .next:hover {
  background-color: rgba(0,0,0,0.8);
}

/* Caption text */
.text {
  color: #f2f2f2;
  font-size: 15px;
  padding: 8px 12px;
  position: absolute;
  bottom: 8px;
  width: 100%;
  text-align: center;
}

/* Number text (1/3 etc) */
.numbertext {
  color: #f2f2f2;
  font-size: 12px;
  padding: 8px 12px;
  position: absolute;
  top: 0;
}

/* The dots/bullets/indicators */
.dot {
  cursor: pointer;
  height: 15px;
  width: 15px;
  margin: 0 2px;
  background-color: #bbb;
  border-radius: 50%;
  display: inline-block;
  transition: background-color 0.6s ease;
}

.active, .dot:hover {
  background-color: #717171;
}

/* Fading animation */
.fade {
  -webkit-animation-name:fade;
  -webkit-animation-duration: 1.5s;
  animation-name:fade;
  animation-duration: 1.5s;
}

@-webkit-keyframes fade {
  from {opacity: .4}
  to {opacity: 1}
}

@keyframes fade {
  from {opacity: .4}
  to {opacity: 1}
}