body.homepage { margin: 0px; padding: 0px; color: #666666; font-size: 12px; font-family: Helvetica, sans-serif; background: #fff url(../images/template/page_bkg.png) no-repeat scroll top center;}
body { margin: 0px; padding: 0px; color: #666666; font-size: 12px; font-family: Helvetica, sans-serif; background: #fff url(../images/template/page_bkg_internal.png) no-repeat scroll top center;}

.container { width: 1025px; margin-left: auto; margin-right: auto; position: relative;}

.logo { width: 228px; height: 94px; padding: 40px 0 0 0;}

.login { position: absolute; right: 0px; top: 69px;}

.social { position: absolute; right: 0; top: 0;}
	.social span { float: left; width: 43px;}


/* BANNER */
.banner { width: 1025px; height: 449px; text-align: right;}
#slideshow { position:relative; height: 449px;}
#slideshow IMG { position:absolute; top:0; left:0; z-index:8; opacity:0.0;}
#slideshow IMG.active { z-index:10; opacity:1.0;}
#slideshow IMG.last-active { z-index:9;}

.banner_text { position: absolute; margin: 108px 0 0 12px; width: 440px;}
	.banner_text a { float: left; margin: 0 15px 0 0;}
	.banner_text h1 { color: #0053a1;}

.banner_internal { width: 1025px; height: 449px;}
.banner_small { width: 1025px; height: 249px;}

/* CONTACT STYLES */
.spacer { font-weight: bold; float: left; width: 60px;}
.contact_left { text-align: left; width: 500px; float: left; margin: 0 30px 0 0;}
	.contact_left p, .contact_left li { text-align: justify;}
.contact_right { text-align: left; width: 410px; float: left; border: 5px solid #eaf0f5; padding: 15px;}
.form label { float: left; width: 200px; padding-top: 4px;}
.form .textfield { float: left; font-family: Helvetica, sans-serif; border: none; background: #eaf0f5; text-indent: 5px; color: #666666; height: 30px; margin: 0 0 10px 0; width: 200px;}
.form .textfieldsmall { float: left; font-family: Helvetica, sans-serif; border: none; background: #eaf0f5; text-indent: 5px; color: #666666; height: 30px; width: 80px; margin: 0 0 10px 0;}
.form .textarea { float: left; font-family: Helvetica, sans-serif!important; height: 80px!important; overflow: auto; border: none; background: #eaf0f5; text-indent: 5px; color: #666666; width: 198px; margin: 0 0 10px 0;}
.form .button { font-size: 12px; font-family: Helvetica, sans-serif!important; cursor: pointer; border: none; width: 200px; padding: 9px 0 10px 0; font-weight: bold; color: #fff; text-align: center; float: right; margin: 0 10px 0 0;
	background: #258be2; border-radius: 2px;
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#258be2', endColorstr='#0151a6');
	background:-webkit-gradient(linear, left top, left bottom, from(#258be2), to(#0151a6));
	background:-moz-linear-gradient(top,  #258be2,  #0151a6);
	background:-o-linear-gradient(top,  #258be2,  #0151a6);
}
.form .button:hover {
	background: #0151a6; color: #fff; text-decoration: none;
}

.form_large label { float: left; width: 290px; padding-top: 4px;}
.form_large .textfield { float: left; font-family: Helvetica, sans-serif; border: none; background: #eaf0f5; color: #666666; text-indent: 5px; height: 30px; margin: 0 0 10px 0; width: 240px;}
.form_large .textfieldsmall { float: left; font-family: Helvetica, sans-serif; border: none; background: #eaf0f5; color: #666666; text-indent: 5px; height: 30px; width: 80px; margin: 0 0 10px 0;}
.form_large select { width: 240px;}
.form_large .textarea { float: left; font-family: Helvetica, sans-serif!important; height: 80px!important; overflow: auto; text-indent: 5px; border: none; background: #eaf0f5; color: #666666; width: 238px; margin: 0 0 10px 0;}
.form_large .button { font-size: 12px; font-family: Helvetica, sans-serif!important; cursor: pointer; border: none; width: 240px; padding: 9px 0 10px 0; font-weight: bold; color: #fff; text-align: center; float: left; margin: 0 0 0 290px;
	background: #258be2; border-radius: 2px;
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#258be2', endColorstr='#0151a6');
	background:-webkit-gradient(linear, left top, left bottom, from(#258be2), to(#0151a6));
	background:-moz-linear-gradient(top,  #258be2,  #0151a6);
	background:-o-linear-gradient(top,  #258be2,  #0151a6);
}
.form_large .button:hover {
	background: #0151a6; color: #fff; text-decoration: none;
}

a.bluebutton { font-size: 12px; font-family: Helvetica, sans-serif!important; cursor: pointer; border: none; width: auto; padding: 5px 10px 5px 10px; font-weight: bold; color: #fff!important; text-align: center; line-height: 23px;
	background: #258be2; border-radius: 2px;
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#258be2', endColorstr='#0151a6');
	background:-webkit-gradient(linear, left top, left bottom, from(#258be2), to(#0151a6));
	background:-moz-linear-gradient(top,  #258be2,  #0151a6);
	background:-o-linear-gradient(top,  #258be2,  #0151a6);
}
a.bluebutton:hover {
	background: #0151a6; color: #fff; text-decoration: none!important;
}

a.remove { float: left; font-size: 12px; font-family: Helvetica, sans-serif!important; cursor: pointer; border: none; width: 15px; padding: 2px; margin: 4px 0 0 5px; font-weight: bold; color: #fff!important; text-align: center;
	background: #258be2; border-radius: 2px;
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#258be2', endColorstr='#0151a6');
	background:-webkit-gradient(linear, left top, left bottom, from(#258be2), to(#0151a6));
	background:-moz-linear-gradient(top,  #258be2,  #0151a6);
	background:-o-linear-gradient(top,  #258be2,  #0151a6);
}
a.remove:hover {
	background: #0151a6; color: #fff; text-decoration: none!important;
}

.nav { position: absolute; top: 45px; right: 140px; height: 106px;}
	.nav ul { margin: 0; padding: 0;}
	.nav li { list-style-type: none; float: left; margin: 0 40px 0 0;}
	.nav a { font-size: 11px; display: block; line-height: 86px!important; height: 86px; text-transform: uppercase; color: #666666; font-weight: bold; text-decoration: none; border-bottom: 3px solid #fff!important;}
	.nav a:hover { color: #0053a1; text-decoration: none; border-bottom: 3px solid #0053a1!important;}
	.nav li.highlight a { color: #0053a1; text-decoration: none; border-bottom: 3px solid #0053a1!important;}

.main { padding: 40px 0 40px 0;}
	.main a { color: #0053a1; text-decoration: none;}
	.main a:hover { color: #0053a1; text-decoration: underline;}

.content_left { width: 620px; float: left;}
	.content_left p, .content_left li { text-align: justify;}
.content_right { width: 300px; float: right; color: #1d93d2; border: 5px solid #eaf0f5; padding: 15px 15px 0 15px;}
	.content_right h2 { color: #0053a1;}
	
.content_aboutus_left { width: 540px; float: left;}
	.content_aboutus_left p, .content_aboutus_left li { text-align: justify;}
.content_aboutus_right { width: 400px; float: right; margin: 54px 0 0 0; color: #1d93d2; border: 5px solid #eaf0f5; padding: 15px 15px 0 15px;}
	.content_aboutus_right h2 { color: #0053a1;}
	.aboutus_arrow { background: url(../images/template/aboutus_arrow.png) no-repeat scroll top left; width: 400px; height: 68px; margin: 0 0 15px 0;}
	.aboutus_arrow_left { float: left; width: 230px; padding-left: 10px; line-height: 68px; font-size: 15px; color: #fff;}
	.aboutus_arrow_right { float: right; width: 135px; padding-right: 20px; line-height: 13px;}
	.aboutus_arrow_right td { vertical-align: middle!important; height: 68px;}
	
	.aboutus_arrow_small { background: url(../images/template/aboutus_arrow_small.png) no-repeat scroll top left; width: 400px; height: 68px; margin: 0 0 15px 0;}
	.aboutus_arrow_left_small { text-align: center; float: left; width: 90px; padding-left: 10px; padding-right: 40px; line-height: 68px; font-size: 15px; color: #fff;}
	.aboutus_arrow_right_small { float: right; width: 230px; padding-left: 15px; padding-right: 10px; line-height: 13px;}
	.aboutus_arrow_right_small td { vertical-align: middle!important; height: 68px;}

.home_pod { width: 290px; float: left; margin: 0 50px 0 0;}
	.home_pod p, .home_pod li { text-align: justify;}
	.home_pod a { text-transform: uppercase; color: #0053a1; font-size: 11px; font-weight: bold; text-decoration: none;}
	h2.icon_about { color: #666666!important; background: url(../images/template/icon_about.png) no-repeat scroll top left; padding-left: 30px; line-height: 25px; font-size: 12px; text-transform: uppercase; font-weight: 700!important; margin: 0 0 15px 0!important;}
	h2.icon_why { color: #666666!important; background: url(../images/template/icon_why.png) no-repeat scroll top left; padding-left: 30px; line-height: 25px; font-size: 12px; text-transform: uppercase; font-weight: 700!important; margin: 0 0 15px 0!important;}
	h2.icon_news { color: #666666!important; background: url(../images/template/icon_news.png) no-repeat scroll top left; padding-left: 30px; line-height: 25px; font-size: 12px; text-transform: uppercase; font-weight: 700!important; margin: 0 0 15px 0!important;}
	.home_pod h3 { color: #666666; font-size: 12px; font-weight: bold!important; text-align: justify;}
	.home_pod_news a { text-transform: none!Important; color: #0053a1; font-size: 12px; font-weight: normal!Important;}
	.home_pod_news p { margin: 0 0 15px 0; padding: 0;}

ul.bullets { margin: 0 0 20px 0; padding: 0;}
	ul.bullets li { margin: 0 0 10px 0; list-style-type: none; padding-left: 20px!important; background: url(../images/template/arrow.png) no-repeat scroll left 1px!important; line-height: 16px;}
	ul.bullets li li { list-style-type: square!important; background: none!important; padding: 0!important;}
	ul.bullets ul { margin: 0 0 0 20px!important;}
	
ul.bullets_blue { margin: 0 0 20px 0; padding: 0;}
	ul.bullets_blue li { text-align: justify; list-style-type: none; color: #666666; padding: 0 0 5px 15px; margin: 0 0 5px 0; border-bottom: 1px dotted #d6c8d1; background: url(../images/template/arrow_blue.png) no-repeat scroll left 1px; line-height: 16px;}
	ul.bullets_blue li li { padding: 0 0 0 15px!important; margin: 0!important; border: none!Important; background: url(../images/template/arrow_blue.png) no-repeat scroll left 1px;}
	
.footer_container { width: 100%!important; background: #0053a1!important; color: #fff;}
	.footer_container .footer { margin: 0 auto 0 auto; width: 1025px!important; background: #0053a1!important; padding: 10px 0 10px 0;}
	.footer_container .footer_left { float: left; width: 40%;}
	.footer_container .footer_left a { float: left; margin: 0 20px 0 0;}
	.footer_container .footer_right { float: right; text-align: right; width: 40%;}
	.footer_container .footer a { color: #fff!important; text-decoration: none;}
	.footer_container .footer a:hover { color: #fff!important; text-decoration: underline;}



/* ACCOUNT PAGE */
.account { position: relative;}
	.account h1 { color: #1d93d2!important;}
	.account h1 span { font-size: 20px; color: #0053a1!important;}
	
	.account_search { position: absolute; right: 0;}
	.account_search label { padding-top: 4px; font-size: 15px; width: auto!important; margin: 0 10px 0 0; float: left;}
	.account_search .textfield { float: left; font-family: Helvetica, sans-serif; border: 1px solid #b8b8b8; background: #fff; color: #666666; text-indent: 5px; height: 20px; margin: 0 10px 0 0; width: 170px;}
	.account_search .button_small { float: left;}

.account_left { height: 195px; float: left; width: 384px; color: #383838; padding: 20px; background: #f2f2f2;}
.account_right { min-height: 195px; float: right; width: 544px; padding: 20px; color: #383838; background: #f2f2f2;}
.account_left h2, .account_right h2 { font-weight: 500!important; color: #383838!important; font-size: 15px!important;}

.account_left label { padding-top: 4px; width: 130px!Important; float: left;}
.account_left select { width: 145px; float: left; margin: 3px 10px 0 0;}
.account_left .button_small { float: left;}

.account_right label { padding-top: 4px; width: auto!important; margin: 0 10px 0 0; float: left;}
.account_right select { margin: 3px 0 15px 0; float: left;}
.account_right .textfield { float: left; font-family: Helvetica, sans-serif; border: 1px solid #b8b8b8; background: #fff; color: #666666; text-indent: 5px; height: 23px; margin: 0 10px 15px 0; width: 170px;}
.account_right .textfield_small { float: left; font-family: Helvetica, sans-serif; border: 1px solid #b8b8b8; background: #fff; color: #666666; text-indent: 5px; height: 23px; margin: 0 10px 15px 0; width: 140px;}

.form_label { padding-top: 4px; float: left; margin: 0 15px 0 15px;}

.account_news { color: #383838; padding: 20px; background: #f2f2f2; margin: 15px 0 25px 0;}
.account_news_left { float: left; font-weight: bold; width: 80px;}
.account_news_right { float: left; width: 890px;}

ul.account_history { margin: 0 0 30px 0; padding: 0; border-bottom: 1px solid #f2f2f2;}
	ul.account_history li { border-top: 1px solid #f2f2f2; position: relative; list-style-type: none; padding: 12px 0 8px 0; font-size: 15px;}
	ul.account_history li span { color: #1d93d2;}
	ul.account_history h3 { float: left; width: 800px; font-size: 15px; color: #383838; margin: 0; padding: 0;}
	ul.account_history .button_small { float: right; font-size: 12px;}

form.validate p { position: relative; }
form.validate .LV_validation_message { position: absolute; right: 2px; color: white; background-color: rgb(64, 199, 90); font-size: 1em; padding: 1px 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; top: -9px; }
form.validate .LV_validation_message.LV_invalid { background-color: rgb(199, 64, 64); }
form.validate .LV_validation_message.LV_valid { display: none; }

#login-pop { display: none;}
#login-pop form label { width: 80px!important; float: left; padding-top: 8px;}
#login-pop .form_large .textfield { float: left; font-family: Helvetica, sans-serif; border: none; background: #eaf0f5; color: #666666; text-indent: 5px; height: 30px; margin: 0 0 10px 0; width: 240px;}
#login-pop .form_large .textfieldsmall { float: left; font-family: Helvetica, sans-serif; border: none; background: #eaf0f5; color: #666666; text-indent: 5px; height: 30px; width: 80px; margin: 0 0 10px 0;}
#login-pop .form_large select { width: 240px;}
#login-pop .form_large .textarea { float: left; font-family: Helvetica, sans-serif!important; height: 80px!important; overflow: auto; text-indent: 5px; border: none; background: #eaf0f5; color: #666666; width: 238px; margin: 0 0 10px 0;}
#login-pop .form_large .button { font-size: 12px; font-family: Helvetica, sans-serif!important; cursor: pointer; border: none; width: 240px; padding: 9px 0 10px 0; font-weight: bold; color: #fff; text-align: center; float: left; margin: 0 0 0 80px;
	background: #258be2; border-radius: 2px;
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#258be2', endColorstr='#0151a6');
	background:-webkit-gradient(linear, left top, left bottom, from(#258be2), to(#0151a6));
	background:-moz-linear-gradient(top,  #258be2,  #0151a6);
	background:-o-linear-gradient(top,  #258be2,  #0151a6);
}
#login-pop .form_large .button:hover {
	background: #0151a6; color: #fff; text-decoration: none;
}
.forgottenpassword { width: 240px; text-align: center; margin: 10px 0 0 80px!important;}
.forgottenpassword a { color: #0053a1; text-decoration: none;}
.forgottenpassword a:hover { color: #0053a1; text-decoration: underline;}

.report_content { display: none;} 




.backtotop { position: fixed; bottom: 20px; right: 20px;}

.table th { font-weight: bold; padding: 0 10px 0 10px; color: #1d93d2; white-space: nowrap; line-height: 20px; text-align: left; border-bottom: 1px solid #1d93d2;}
.table td { padding: 4px 10px 4px 10px; text-align: left;}
.table tr.gridrow { background: #fff;}
.table tr.gridrow_alternate { background: #f2f2f2;}

a.link { float: left; padding-left: 15px; margin: 0 15px 0 0; background: url(../images/template/linkarrow.png) no-repeat scroll left 3px; color: #0053a1; text-decoration: none;}
a.link:hover { color: #0053a1; text-decoration: underline;}

#advanced-pop1, #advanced-pop2 { display: none;}






.mobile_show, .nav_mobile, .nav_mobile_button, .logo_mobile, .logo_tel, .banner_small_mobile { display: none;}

.slicknav_menu {
	display:none;
}

@media screen and (max-width: 40em) {
	.js #menu {
		display:none;
	}
	
	.js .slicknav_menu {
		display:block;
	}
}

@media only screen and (min-width: 600px) and (max-width: 1024px) {
}

@media only screen and (min-width: 200px) and (max-width: 600px) {
html { min-width: 320px;}
body, body.homepage { background-color: #fff; background-image: none!important;}

h1 { font-size: 20px!important;}
h2 { font-size: 14px!important;}
h3 { font-size: 14px!important;}

.container { width: 96%; padding: 2%;}
.banner_small { display: none;}
.banner_small_mobile { display: block!important;}
.mobile_show { display: block; font-size: 10px;}
.nav, .mobile_hide, .logo, .login, .social { display: none;}

.logo_mobile { position: absolute; display: block; float: none; margin: 0; top: 0; left: 10px;}
.logo_tel { display: block; position: absolute; top: 5px; right: 45px;}


.banner, .banner_internal, .banner_small_mobile { width: 100%!important; height: auto;}
.banner img, .banner_internal img, .banner_small_mobile img { width: 100%; height: auto;}
#slideshow { height: auto;}
.banner_text { margin: 10px 0 0 10px; width: 60%;}
.banner_text h1 { font-size: 15px!important; margin: 0 0 5px 0!important;}
.banner_text h2 { font-size: 11px!important; margin: 0 0 5px 0!important;}
.banner_text br { display: none;}
.banner_text a { width: 44%; float: left!important; margin: 0 3px 0 0;}
.banner_text img { width: 93%; height: auto;}

.banner_internal { background: #e4edf4;}




.main { padding: 20px 0 20px 0;}

.content_left, .content_right, .content_aboutus_left { overflow: auto; width: 100%; float: none; margin: 0 0 20px 0; padding: 0;}	

.content_aboutus_right { width: 94%; float: none; margin: 0 0 0 0; border: 1% solid #eaf0f5; padding: 2%;}

.aboutus_arrow { width: 96%; padding: 2%; height: auto; background: none;}
.aboutus_arrow_left { background: #0254a9; width: 43%; padding: 20px 0 20px 5px; font-size: 12px; line-height: 15px;}
.aboutus_arrow_right { background: #fff; width: 43%; text-align: left; padding-top: 10px; padding-left: 10px; font-size: 12px; line-height: 15px;}
.aboutus_arrow_right td { vertical-align: top!important; height: auto!important;}

.aboutus_arrow_small { width: 96%; padding: 2%; height: auto; background: none;}
.aboutus_arrow_left_small { background: #0254a9; width: 43%; padding: 20px 0 20px 10px; font-size: 12px; line-height: 15px;}
.aboutus_arrow_right_small { background: #fff; width: 44%; text-align: left; padding-top: 10px; padding-left: 10px; font-size: 12px; line-height: 15px;}
.aboutus_arrow_right_small td { vertical-align: top!important; height: auto!important;}

.home_pod { width: 100%; float: none; margin: 0 0 20px 0; overflow: auto;}

.footer_container .footer { width: 100%!important;}
.footer_container .footer_left, .footer_container .footer_right { float: none; width: 100%; margin: 0 0 20px 0;}
.footer_left a { display: block; width: 100%; overflow: auto; text-align: center;}
.footer_right a { display: block; width: 100%; overflow: auto; text-align: center;}
.footer_container .small { font-size: 10px; text-align: center; padding: 2%; width: 96%;}

.contact_left { width: 100%; float: none; margin: 0 0 20px 0;}
.contact_right { width: 100%; float: none; border: none!important; padding: 0!important;}
.form label { overflow: auto; text-align: left!important; float: none; width: 100%; margin: 0 0 5px 0;}
.form_large label { overflow: auto; text-align: left!important; float: none; width: 100%; margin: 0 0 5px 0;}
.form_large p, .form label p { text-align: left!important;}
.content_aboutus_left p { text-align: left!important; width: 99%;}

.contact_left, .contact_right, .form_left, .form_right, .form label, .form input[type=text], .form input[type=password], .form select, .form textarea { width: 100%;}
.form_large label, .form_large input[type=text], .form_large input[type=password], .form_large select, .form_large textarea { width: 100%;}
.form .button, .form_large .button { padding: 15px 0 15px 0; width: 100%; float: none; margin: 0;}
.form .textarea { float: none; height: 80px!important; width: 100%; margin: 0 0 20px 0;}
.form_large .textarea { float: none; height: 80px!important; width: 100%; margin: 0 0 20px 0;}

.footer_left, .footer_right { text-align: center; width: 100%; padding: 0;}





.account_search { position: static; margin: 0 0 20px 0;}
	.account_search label { padding-top: 4px; width: 100%; margin: 0 0 10px 0; float: none;}
	.account_search .textfield { width: 100%; margin: 0 0 10px 0; float: none;}

.account_left { height: auto; float: none; width: 96%; padding: 2%; margin: 0 0 20px 0;}
.account_right { min-height: auto; float: none; width: 96%; padding: 2%; margin: 0 0 20px 0;}

.account_left label { padding-top: 4px; width: 100%!Important; float: none; margin: 0 0 5px 0;}
.account_left select { width: 100%; float: none; margin: 3px 0 20px 0;}

.account_right label { padding-top: 4px; width: auto!important; margin: 0 10px 0 0; float: left;}
.account_right select { margin: 3px 0 15px 0; float: left;}
.account_right .textfield { width: 100px;}
.account_right .textfield_small { margin: 0 0 15px 0; width: 50px;}
.account_right .field select { width: 150px;}


.account_news { padding: 2%; width: 96%;}
.account_news_left { float: left; width: 6%;}
.account_news_right { float: left; width: 90%;}

#login-pop .form label, #login-pop .form_large input[type=text], #login-pop .form_large input[type=password], #login-pop .form_large select, #login-pop .form_large textarea { width: 100%;}
#login-pop .form .button, #login-pop .form_large .button { padding: 15px 0 15px 0; width: 100%; float: none; margin: 0;}
#login-pop .form .textarea { float: none; height: 80px!important; width: 100%; margin: 0 0 20px 0;}
#login-pop .form_large .textarea { float: none; height: 80px!important; width: 100%; margin: 0 0 20px 0;}

.footer_left, .footer_right { text-align: center; width: 100%; padding: 0;}


#login-pop .form_large .button { width: 100%; float: none; margin: 0 0 0 0; }
.forgottenpassword { width: 100%; text-align: center; margin: 10px 0 20px 0!important;}
.backtotop { display: none;}

.table th { font-weight: bold; padding: 0 10px 0 10px; color: #1d93d2; white-space: nowrap; line-height: 20px; text-align: left; border-bottom: 1px solid #1d93d2;}
.table td { padding: 4px 10px 4px 10px; text-align: left;}
.table tr.gridrow { background: #fff;}
.table tr.gridrow_alternate { background: #f2f2f2;}

ul.account_history h3 { width: 90%;}

}