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

/* Resets */

html,body,div,span,
applet,object,iframe,
h1,h2,h3,h4,h5,h6,p,blockquote,pre,
a,abbr,acronym,address,big,cite,code,
del,dfn,em,font,img,ins,kbd,q,s,samp,
small,strike,sub,sup,tt,var,
dd,dl,dt,li,ol,ul,
fieldset,form,label,legend,
table,caption,tbody,tfoot,thead,tr,th,td {
	margin: 0;
	padding: 0;
	border: 0;
	font-weight: normal;
	font-style: normal;
	font-size: 100%;
	line-height: 1;
	font-family: "Trebuchet MS"  ,Arial, Helvetica, sans-serif;
	text-align: left;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
ul {
	list-style: none;
}
q:before,q:after,
blockquote:before,blockquote:after {
	content: "";
}

/* Resets end _______________________>*/

/* Global Properties */

.fl                    			{ float: left; }
.fr                    			{ float: right; }
.clear                 			{ clear: both; }
.mr100							{ margin: 0 100px 0 0; }
.pb5							{ padding: 0 0 5px 0; }
.pb10							{ padding: 0 0 10px 0; }
.pb20							{ padding: 0 0 20px 0; }
.dkgray							{ color: #666; }
.blue							{ color: #067ab4; }
.f12							{ font-size: 0.75em; }
.f14							{ font-size: 0.875em; }
.f16							{ font-size: 1.0em; }

/* Containers */

#page-wrap             			{ width: 780px; height: 100%; margin: 0 auto; }
#header                			{ background: url(../css/img/bg-sprite.png) 0 -98px repeat-x; height: 197px; border: solid 1px #25410e; margin: 0 0 10px 0; }
#header-02						{ background: url(../css/img/bg-sprite.png) 0 -345px repeat-x; height: 40px; }
#footer                			{ background: url(../css/img/bg-footer.jpg) repeat-x; height: 48px; border: solid 1px #25410e; margin: 10px 0 1px 0;}

/* Headings */

h1                     			{ font-size: 0.814em; color: #014759; letter-spacing: 0px; padding: 6px 0 0 10px; }
h3                     			{ color: #85e7ff; font-style: italic; font-size: 1.0em; }
h4   							{ color: #014759; padding: 0 0 20px 0; }
h4 strong						{ font-size: 0.875em; }
h4 span							{ font-size: 0.75em; }
h4.content						{ color: #0183a3; font-size: 0.875em; padding: 30px 0 0 0; }
h5    							{ color: #014759; padding: 0 0 30px 0; }
h5 strong						{ color: #014759; font-size: 1.0em; line-height: 1.25em; }
h5 span                         { font-size: 0.75em; } 
h6              				{ color: #014759; font-size: 1.0em; padding: 0 0 5px 0; }

/* Typography */

#main-content p					{ color: #067ab4; font-size: 0.75em; }

/* Links */

a.main-link						{ color: #067ab4; font-weight: bold; text-decoration: none; }
a:hover.main-link				{ color: #014759; text-decoration: underline; }

a.underline            			{ text-decoration: underline; font-size: 0.75em; color: #0183a3; font-style: italic; }
a:hover.underline      			{ color: #e3f9fe; }

a.italic                        { color: #067ab4; font-size: 0.689em; font-style: italic; padding: 10px 0 0 0; text-decoration: none; }
a:hover.italic					{ color: #014759; text-decoration: underline; } 

a.read-btn						{ color: #067ab4;
								  font-size: 0.689em;
								  font-style: italic;
								  padding: 10px 0 0 0;
								  margin: 0 75px 0 0;
								  text-decoration: none;
								  float: right;
} 
a:hover.read-btn				{ color: #014759; text-decoration: underline; }

/* Lists */

ul#top-nav li          			{ float: left; }
ul#top-nav li a        			{ color: #76ae01; text-decoration: none; font-size: 0.75em; font-weight: bold; padding: 0 0 0 8px; }
ul#top-nav li a:hover  			{ color: #014759; }

ul#nav                 			{ width: 773px; }
ul#nav li              			{ float: left; }
ul#nav li a            			{ color: white; 
								  text-decoration: none;
								  font-size: 0.875em;
								  display: block;
								  padding: 8px 29px;
								  border-right: solid 1px #679800;
}
ul#nav li a:hover               { color: #014759; background: rgba(255, 255, 255, 0.2); }
ul#nav li.highlight a           { color: #014759; background: rgba(255, 255, 255, 0.5); font-weight: bolder; }
ul#nav li.highlight a:hover     { color: #679800; }

ul#footer-nav li       			{ float: left; text-align: center; }
ul#footer-nav li a     			{ color: white; font-size: 0.75em; padding: 0 0 0 30px; }

ul.site-map						{ padding: 0 0 120px 0; }
ul.site-map li					{ padding: 0 0 6px 0; }
ul.site-map li a				{ color: #067ab4; font-size: 0.875em; text-decoration: underline;}
ul.site-map li a:hover			{ color: #014759; }

/* Logo Box */

.heading-box                    { background: url(../css/img/bg-sprite.png) 0 -487px repeat-x;
								  border-right: solid 1px #f5f5f5;
								  border-bottom: solid 1px #f5f5f5;
								  border-left: solid 1px #f5f5f5;
								  width: 590px;
								  height: 27px;
								  margin: 0 0 15px 0;
}
#logo .logo-box        			{ float: left; height: 42px; width: 287px; margin: 0 0 10px 0; }
#logo .cards-box       			{ float: right; height: 34px; width: 178px; padding: 14px 0 0 0; }

/* Header */

#header .col-left               { float: left; margin: 0 0 0 60px; padding: 15px 0 0 0; width: 305px; }
#header .col-left p				{ color: #e3f9fe; font-size: 0.75em; line-height: 1.5em; padding: 8px 0 6px 20px; }
#header .col-left p span		{ color: #ceee71; font-style: italic; }
#header .col-right     			{ float: right; background: url(../css/img/bg-globe.png) no-repeat; width: 297px; height: 193px; margin: 6px 17px 0 0; }

/* SideBar */

#sidebar						{ width: 240px; float: left; }
#top-container					{ margin: 0 10px 10px 0; }
.content-bg       				{ width: 198px; padding: 20px; border: solid 1px #ccc; background: url(../css/img/bg-sidebar.jpg) bottom right repeat-x; }
.signup-box						{ border-bottom: solid 1px #ccc; padding: 0 0 10px 0; }
.login-box						{ padding: 20px 0 0 0; }

ol#signup                       { padding: 0 0 0 30px; }
ol#signup li 			        { color: #679800; font-size: 0.875em; padding: 0 0 20px 0; }
ol#signup li span               { color: #067ab4; font-size: 0.75em; }
ol#signup li.pencil				{ background: url(../css/img/ico-pencil.png) no-repeat right top; width: 154px; height: 26px; }
ol#signup li.lock				{ background: url(../css/img/ico-lock.png) no-repeat right top; width: 154px; height: 26px; }
ol#signup li.gears				{ background: url(../css/img/ico-gears.png) no-repeat right top; width: 154px; height: 26px; }

ol#signup li a					{ color: #679800; font-size: 1.0em; font-weight: bold; text-decoration: none; }
ol#signup li a:hover			{ color: #014759; text-decoration: underline; }

/* Main Content */

#main-content 					{ width: 448px; float: left; margin: 0 0 0 10px; }
.content-bg02                   { padding: 20px 40px; border: solid 1px #ccc; background: url(../css/img/bg-sidebar.jpg) repeat-x bottom left; }
#services-box					{ border-bottom: solid 1px #ccc; padding: 0 0 30px 0; }
#table-box						{ padding: 20px 0 0 0; }

#fees-box						{ background: url(../css/img/ico-check.png) no-repeat center left; height: 60px; width: 400px; padding: 10px 0; }			  
#connections-box				{ background: url(../css/img/ico-tools.png) no-repeat center left; height: 60px; width: 400px; padding: 10px 0; }
#international-box				{ background: url(../css/img/ico-graph.png) no-repeat center left; height: 60px; width: 400px; padding: 10px 0; }

div.hr							{ border-bottom: solid 1px #ccc; margin: 0 0 30px 0; }

#main-content .caption			{ width: 260px; padding: 0 0 0 100px; }
#main-content .caption p 		{ color: #067ab4; } 
#content-box					{ margin: 20px 0 65px 0;}
#content-box p					{ color: #014759; font-size: 0.75em; }
#content-box .hr				{ border-bottom: solid 1px #ccc; margin: 25px 0; }
#content-box span				{ color: #0183a3; font-size: 0.875em; padding: 0 0 10px 0; display: block; }
#content-box p					{ color: #014759; font-size: 0.75em; line-height: 1.375em; padding: 10px 0 0 0; }
#content-box a					{ color: #76ae01; text-decoration: none; font-weight: bold; }
#content-box a:hover			{ color: #014759; text-decoration: underline; }
#content-box ol					{ padding: 0 0 0 30px; }
#content-box ol li				{ color: #014759; font-size: 0.75em; line-height: 1.5em; }

	
/* Footer */

p#footer-menu          			{ text-align: center; color: #fff; padding: 5px 0 0 0; }
p#footer-menu a        			{ color: #fff; font-size: 0.75em; text-decoration: none; }
p#footer-menu a:hover  			{ color: #85e7ff; } 
p#footer-info          			{ text-align: center; font-size: 0.689em; color: #0183a3; padding: 7px 0 0 0; }
p#footer-info a		   			{ color: #fff; }
p#footer-info a:hover  			{ color: #85e7ff; }

/* Forms */

form#login label				{ display: block; font-size: 0.75em; font-weight: bold; color: #666; padding: 0 0 10px 0; }
form#login label span			{ font-size: 0.689em; font-style: italic; }

.login_frm				{ background: url(../css/img/bg-sprite.png) 0 -417px repeat-x;
								  border: solid 1px #ccc; 
								  margin: 3px 0 0 0;
								  padding: 3px 5px;
								  width: 186px;
								  height: 14px;
}
.btn			{ background: url(../css/img/bg-login_btn.jpg) no-repeat;
								  border: none;
								  cursor: pointer;
								  width: 54px;
								  height: 18px;
								  display: block;
								  float: right;
}
.rate_prev{
	
}
/* Sign Up Form */

#form-box fieldset              { width: auto; border: solid 1px #f2f2f2; padding: 20px; margin: 0 0 20px 0; }
#form-box fieldset legend		{ font-size: 0.875em; color: #76ae01; padding: 0 5px; }
#form-box #left-box p			{ font-size: 0.75em; line-height: 1.125em; color: #014759; }
#left-box						{ float: left; width: 200px; padding: 20px; background-color: #f5fafb; }
#form-box #right-box p			{ font-size: 0.689em; color: #067ab4; font-style: italic; padding: 3px 0 0 0; }
#right-box						{ float: left; width: 360px; padding: 0 0 0 60px; }
 label					{ display: block; color: #014759; font-size: 0.75em; padding: 0 0 2px 0; }
 label a				{ color: #067ab4; font-size: 0.689em; font-style: italic; text-decoration: none; }
 #label a:hover			{ color: #014759; text-decoration: underline; }
#form-box input,
#form-box select					{ margin: 0 0 14px 0; }
#form-box input[type=text],		
#form-box input[type=password]	{ background: url(../css/img/bg-sprite.png) 0 -417px repeat-x;
								  border: solid 1px #ccc; 
								  padding: 3px 5px;
								  width: 186px;
								  height: 14px;
}
#emblems						{ padding: 14px 0 0 0; }
img.cc							{ padding: 0 0 14px 0; }
#login_Panel1 label {font-weight:bolder;}



/* Table */
.nostyle {border:0px;}
.rate_prev{
	border:0px;
	font-size:11px;
	text-align:left;
	}
#Rate_preview1_dl_fp table tr td {border:0;}
table#mini-rate					{ width: 450px; border-top: 1px solid #ccc; border-right: solid 1px #ccc; background: #fff; }
caption							{ color: #014759; font-size: 0.875em; caption-side: top; text-align: center; letter-spacing: .1em; padding: 0 0 8px 0; }
thead th						{ background: #f4f9fe; text-align: center; font: bold 0.875em; color: #067ab4; }
tr.odd td						{ background: #f7fbff; }
th								{ font-size: 0.75em;
								  font-weight: bold;
								  color: #678197;
								  text-align:center;
								  border-bottom: solid 1px #ccc;
								  border-left: solid 1px #ccc;
								  padding: 5px 8px;
}
td								{ color: #014759;
								  border-bottom: solid 1px #ccc;
								  border-left: solid 1px #ccc;
								  padding: 5px 8px;
								  text-align: center;
								  font-size: 0.75em;
}
tfoot th						{ text-align: center; background: #f4f9fe; }
tfoot a							{ font-size: 0.875em; color: #067ab4; text-decoration: none; }
tfoot a:hover					{ color: #014759; text-decoration: underline; }

/* Main Navigation */

.nav-bar						{ list-style-type: none;
								  list-style-position: outside;
								  position: relative;
								  margin: 0;
								  padding: 0 0 1px 0;
								  width: 780px;
								  height: 40px;
}

.nav-bar li						{ display: block;
								  overflow: hidden;
								  padding: 0;
								  cursor: pointer;
								  float: left;
								  width: 130px;
								  height: 40px;
								  margin-right: 0px;
								  background: url(../css/img/nav_sprite.gif) no-repeat;
}
.nav-bar a						{ display: block; height: 40px; text-indent: -9999px; outline: none; }

#nav-btn1						{ background-position: 0px 0px; }
#nav-btn2						{ background-position: -130px 0px; }
#nav-btn3						{ background-position: -260px 0px; }
#nav-btn4						{ background-position: -390px 0px; }
#nav-btn5						{ background-position: -520px 0px; }
#nav-btn6						{ background-position: -650px 0px; }

#nav-btn1.active, #nav-btn1:hover		{ background-position: 0px bottom; }
#nav-btn2.active, #nav-btn2:hover		{ background-position: -130px bottom; }
#nav-btn3.active, #nav-btn3:hover		{ background-position: -260px bottom; }
#nav-btn4.active, #nav-btn4:hover		{ background-position: -390px bottom; }
#nav-btn5.active, #nav-btn5:hover		{ background-position: -520px bottom; }
#nav-btn6.active, #nav-btn6:hover		{ background-position: -650px bottom; }