/* CSS Reset ..........................................................................................................................*/
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, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th,
td { margin: 0;	padding: 0;	border: 0;outline: 0;	font-size: 100%; vertical-align: baseline;	background: transparent; }

body { line-height: 1; background: #b4c8dc url(img/bgtile.jpg) repeat-x top center; font: normal 13px Verdana, Arial, Calibri; color:#1d5991;}
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }

/* remember to define focus styles! */
:focus {	outline: 0; }

/* remember to highlight inserts somehow! */
ins { text-decoration: none; }
del { text-decoration: line-through; }

/* tables still need 'cellspacing="0"' in the markup */
table { border-collapse: collapse; border-spacing: 0; }

/*Clear after*/
.clearfix:after { content:"."; display: block; height:0; clear:both; visibility:hidden; }
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

/* CSS Reset ..........................................................................................................................*/
a {color:#F8810D;}
a:hover {color:#1C5791;cursor:pointer;}

/*frame*/
#wrapper { width: 989px; margin: 0 auto; }
#navWrapper { width:989px; height:49px; }
#logo { width: 328px; height:190px; float:left; }
#mainHeader { width: 637px; height: 190px; float:left; background: transparent url(img/header.jpg) top left no-repeat; }
#leftCol { width:199px; float:left; margin:38px 20px 0px 0px; }
#rightCol { width:750px; float:left; margin:38px 0px 0px 0px; position:relative; }
#mainCol { width: 480px; float:left; margin-right:28px; }
#featuresCol {width: 240px; float:left; }
#mainCol .sat { width:330px; padding-left:150px; background: url(img/sat.png) 20px 0px no-repeat; }
#mainCol .numbers { width:330px; padding-left:150px; background: url(img/numbers.png) 20px 0px no-repeat; min-height:120px; }
#footer  { width:100%; background:#143F69 ; height:50px; position:relative; bottom:0px; margin:0px; padding:0px; color: #a8d2fa; }
#footerContents {width: 989px; margin:0 auto; background: url(img/footer.jpg) top right no-repeat; height:50px;}
#ControlPanel { padding:14px; background-color:#FFFFFF; width:400px; margin:14px 0; }

/*headings*/

h1 {font-size:18pt; margin-bottom:14px; font-family:"Myriad Pro", "Verdana";}
h2 {font-size:12pt; margin-bottom:14px; font-family:"Myriad Pro", "Verdana";}
h3 { font-weight:bold; font-size:14px; }
h4 { margin-bottom:14px; }
h1 span, h2 span, h3 span {color: #cb5f29; }
h2.help { padding-left:30px; background: url(/global/icons/20/help.gif) left no-repeat; }
h3.info { padding-left:25px; background: url(/global/icons/16/arrow_refresh.png) left no-repeat; }
h4.ok { padding-left:25px; background: url(/global/icons/16/accept.png) left no-repeat; color:#327A2F; margin-bottom:14px; }
h4.notok { padding-left:25px; background: url(/global/icons/16/cancel.png) left no-repeat; color:#327A2F; margin-bottom:14px; }
hr { color: #7baddc; background-color: #7baddc; height: 9px; border: none;}
p { margin-bottom:14px; }
.nav, ul.nav, ul.nav li { list-style:none; display:block; float:left; background-color:#164A7A; }

p.small { font-size:10px;}
p.small a {font-size:10px;}

a.btnHomeInactive { width:89px; height:0px; padding-top:49px; display:block; background: url(img/navigation.jpg) left top; overflow:hidden;  }
a.btnRatesInactive { width:76px; height:0px; padding-top:49px; display:block; background: url(img/navigation.jpg) -89px 0px; overflow:hidden;  }
a.btnAccessNumbersInactive { width:156px; height:0px; padding-top:49px; display:block; background: url(img/navigation.jpg) -165px 0px; overflow:hidden;  }
a.btnFaqsInactive { width:75px; height:0px; padding-top:49px; display:block; background: url(img/navigation.jpg) -321px 0px; overflow:hidden;  }
a.btnRegisterInactive { width:100px; height:0px; padding-top:49px; display:block; background: url(img/navigation.jpg) -396px 0px; overflow:hidden;  }
a.btnLegalInactive { width:78px; height:0px; padding-top:49px; display:block; background: url(img/navigation.jpg) -497px 0px; overflow:hidden;  }
a.btnContactInactive { width:118px; height:0px; padding-top:49px; display:block; background: url(img/navigation.jpg) -575px 0px; overflow:hidden;  }
span.phoneNumber { width:156px; height:0px; padding-top:49px; display:block; background: url(img/navigation.jpg) -695px 0px; overflow:hidden;  }
a.btnLiveChatInactive { width:141px; height:0px; padding-top:49px; display:block; background: url(img/navigation.jpg) -851px 0px; overflow:hidden;  }

a.btnHomeInactive:hover { background-position: 0 -98px; }
a.btnRatesInactive:hover { background-position: -89px -98px; }
a.btnAccessNumbersInactive:hover { background-position: -165px -98px; }
a.btnFaqsInactive:hover { background-position: -321px -98px; }
a.btnRegisterInactive:hover { background-position: -396px -98px; }
a.btnLegalInactive:hover { background-position: -497px -98px; }
a.btnContactInactive:hover { background-position:-575px -98px; }
span.phoneNumber:hover { background-position:-695px 0px; }
a.btnLiveChatInactive:hover { background-position:-851px -98px; }

a.btnHomeActive { width:89px; height:0px; padding-top:49px; display:block; background: url(img/navigation.jpg) 0 -49px; overflow:hidden;  }
a.btnRatesActive { width:76px; height:0px; padding-top:49px; display:block; background: url(img/navigation.jpg) -89px -49px; overflow:hidden;  }
a.btnAccessNumbersActive { width:156px; height:0px; padding-top:49px; display:block; background: url(img/navigation.jpg) -165px -49px; overflow:hidden;  }
a.btnFaqsActive { width:75px; height:0px; padding-top:49px; display:block; background: url(img/navigation.jpg) -321px -49px; overflow:hidden;  }
a.btnRegisterActive { width:100px; height:0px; padding-top:49px; display:block; background: url(img/navigation.jpg) -396px -49px; overflow:hidden;  }
a.btnLegalActive { width:78px; height:0px; padding-top:49px; display:block; background: url(img/navigation.jpg) -497px -49px; overflow:hidden;  }
a.btnContactActive { width:118px; height:0px; padding-top:49px; display:block; background: url(img/navigation.jpg) -575px -49px; overflow:hidden;  }
span.phoneNumber { width:156px; height:0px; padding-top:49px; display:block; background: url(img/navigation.jpg) -695px 0px; overflow:hidden;  }
a.btnLiveChatActive { width:141px; height:0px; padding-top:49px; display:block; background: url(img/navigation.jpg) -851px -49px; overflow:hidden;  }

a.btnRegisterSave { margin: 143px 0px 0px 152px; width: 186px; height:0px; padding-top:33px; display:block; background: url(img/registersave.jpg) 0px 0px; overflow:hidden;  }
a.btnRegisterSave:hover { background: url(img/registersave.jpg) 0px -33px; }

a.btnRates {  width: 105px; height:0px; padding-top:33px; display:block; background: url(img/btnRates.jpg) 0px 0px; overflow:hidden;  }
a.btnRates:hover { background: url(img/btnRates.jpg) 0px -33px; }

.btnLogin { background:transparent url(img/btnLogin.jpg) no-repeat scroll 0 0; border-width:0; color:white !important; cursor:pointer; font-size:13px; padding:3px 10px; text-decoration:none !important; }
.btnLogin { width:60px; height:33px; float:left; margin-right:12px; }
.btnLogin:hover { background-position: 0 -33px; }

#leftCol a.btnLogout {float:right; margin-top:10px; width:60px; height:33px; display:block; text-decoration:none; background:transparent url(img/btnLogin.jpg) no-repeat scroll 0 0; border-width:0; cursor:pointer; font-size:13px; color:#FFF;}
#leftCol a.btnLogout:hover { background-position: 0 -33px; color:#FFF; text-decoration:none; }
#leftCol a.btnLogout span {padding:10px; line-height:27px;font-size:11px; }

.hRule { background-color: #7baddc; height:9px; }

.step1 { width:20%; float:left; background: url(img/monitor.png) 0px 30px no-repeat; margin-right:25px; padding: 14px 0 0 60px; height:90px; }
.step2 { width:24%; float:left; background: url(img/time.png) 0px 15px no-repeat; margin-right:25px; padding: 14px 0 0 65px; height:90px; }
.step3 { width:22%; float:left; background: url(img/world.png)  0px 30px no-repeat; padding: 14px 0 0 80px; height:90px; }

.mapImg { float:left; background: url(img/world.png)  top left no-repeat; height:90px; padding-left:80px;}

#steps p { color:#000000; }

#featuresCol ul { margin:0px; padding:0px; list-style-type:square;  list-style-image:  url(img/arrow.png); list-style-position:outside; padding-left:22px;}
#featuresCol ul li {padding-bottom:4px; padding-left:5px;}

ul.arrow { margin:0px; padding:0px; list-style-type:square;  list-style-image:  url(img/arrow.png); list-style-position:outside; padding-left:22px;}
ul.arrow li {padding-bottom:4px; padding-left:5px; line-height:25px;}
ul.square {list-style-type:square; padding-left:30px;}
ol.steps { list-style-type: decimal;}

#footer a {color:#7baddc; font-size:11px; }
#footer a:hover {color:#a8d2fa; font-size:11px; }



#leftCol label { width: 100px; font-size:12px; display:block; float:left; font-weight:bold;}
#leftCol .input { width: 160px; float:left; margin: 5px 0 5px 0; background-color: #fbeaa2; border:1px solid #7baddc; padding:4px; }
#leftCol .input:focus { background-color: #FFF; }
#leftCol .loginBox { padding:14px; background-color:#d7e9fa; margin-bottom:14px; }


/* Forms: */
.bigInput { padding:5px; font-size:15px; width:110px; font-weight:bold;}
.text, select, textarea { border:1px solid #DFE4EE; border-color:#999 #DFE4EE #DFE4EE #999;  width:220px; padding:4px; font-family:Tahoma,Arial,Sans-Serif; font-size:12px; }
textarea { overflow:auto; vertical-align:top; }
.checkbox, .radio { vertical-align:middle; }
.button { background:url(img/button.jpg); color:white; padding: 7px 25px 8px 26px; border-width:0px; font-size:13px; margin-top:5px; margin-bottom:10px; cursor:pointer; width:105px; }
.text:focus, textarea:focus { background:#FBEAA2; }
.formarea { background:#D7E9FA; padding:10px 20px; margin: 0 0 14px 0; border:1px solid #7BADDC; border-bottom:2px solid #7BADDC; width:400px; }
form td.label { text-align:right; width:110px; padding-top:4px; }
form td.required { font-weight:bold; }
.grey { background:#EEE; padding:5px; }
.form { text-align:right; width:80%; overflow:hidden; }
.signup td { padding:1px; }
.warning, .message { font-size:11px; color:#000; border-style:solid; border-width:2px; background:no-repeat 10px 7px; padding:7px 40px; margin:5px 0; position:relative; line-height:normal; }
  .warning { border-color:#DD3C10; background-color:#FFEBE8; background-image:url(/global/icons/16/exclamation.png); }
  .message { border-color:#87B036; background-color:#F4FFDF; background-image:url(/global/icons/16/accept.png); }
  .close-message { position:absolute; top:5px; right:10px; cursor:pointer; }

.formitem { clear:both; padding:1px 0 0 180px; margin:1px 0; }
.formitem .label { display:block; float:left; width:165px; text-align:right; margin:2px 0 0 -170px; _margin:2px 0 0 -85px; padding:0; }

  
a.btnAdd { background: url(/global/icons/16/add.png) left center no-repeat; line-height:16px; padding-left:20px; margin-left:20px; }  
a.btnCancel { background: url(/global/icons/16/cancel.png) left center no-repeat; line-height:16px; padding-left:20px; margin-left:59px; }  
a.btnChange { background: url(/global/icons/16/phone_add.png) left center no-repeat; line-height:16px; padding-left:20px; margin-left:65px; }

#ControlPanel h2 {width:400px;}

.box-table-a { font-weight:bold; font-size: 12px; 	margin: 14px 0;	width: 480px;	text-align: left; 	border-collapse: collapse; }
.box-table-a th {	font-size: 13px;	font-weight: normal;	padding: 8px;	background: #b9c9fe;	border-top: 4px solid #aabcfe;	border-bottom: 1px solid #fff;	color: #143F69;}
.box-table-a td {font-size: 11px;	padding: 8px;	background: #e8edff; 	border-bottom: 1px solid #fff;	color: #143F69;	border-top: 1px solid transparent; }
.box-table-a tr:hover td {	background: #d0dafd;	color: #339; }

.label-input { clear:both; padding:3px 0 0; }
.label-input label { display:block; float:left; padding:4px 4px 0 0; text-align:right; width:120px; }
.ccexpm { width:80px; }

#faq a {font-size:12pt; color: #1D5991; font-weight:bold;}
#faq a:hover {font-size:12pt; color: #1D5991}

/* contact form */

input.textLight {-moz-border-radius-bottomleft:3px; -moz-border-radius-bottomright:3px; -moz-border-radius-topleft:3px; -moz-border-radius-topright:3px; border:1px solid #5c5e54; color:#000; font-size:18px; height:24px; margin-right:12px; padding:3px; vertical-align:middle; width:250px; }
textarea.textLight {-moz-border-radius-bottomleft:3px; -moz-border-radius-bottomright:3px; -moz-border-radius-topleft:3px; -moz-border-radius-topright:3px; border:1px solid #5c5e54; color:#000; font-size:14px; height:150px; margin-right:12px; padding:3px; vertical-align:middle; width:350px; }
select.textLight {-moz-border-radius-bottomleft:3px; -moz-border-radius-bottomright:3px; -moz-border-radius-topleft:3px; -moz-border-radius-topright:3px; border:1px solid #5c5e54; color:#000; font-size:18px; height:34px; margin-right:12px; padding:3px; vertical-align:middle; width:250px; }
input.name {background: #fff url(img/forms/name.gif) top left no-repeat;}
input.company {background: #fff url(img/forms/company.gif) top left no-repeat;}
input.website {background: #fff url(img/forms/website.gif) top left no-repeat;}
input.email {background: #fff url(img/forms/email.gif) top left no-repeat;}

.ulNav { }
.ulNav li {display:block; margin: 3px 0px;}

#leftCol .ulNav a {color:#FFFFFF; font-size:11px; display:block; width:160px; background-color: #1C5791; height:23px; text-decoration:none; font-size:12px; font-weight:bold; padding: 7px 0 0 11px;   }
#leftCol  .ulNav a:hover {color:#FFCF54; background-color: #1f63a5; }

a.Login {font-size:10px; color:#1C5791; text-decoration:none;}
a.Login:hover { text-decoration:underline;}

/* Grid table styles */
.grid { background:#FAFAFA; border-right:1px dotted #CCC; border-bottom:1px dotted #CCC; border-top:1px dotted #CCC;  margin:10px; }
.grid thead { background:#1D5890; color:#FFF; }
.grid th { padding:4px 6px; border-left:1px dotted #CCC; font-size:13px; font-weight:normal; }
.grid td { padding:6px 4px; border-left:1px dotted #CCC; }
.grid .alt { background:#EFEFEF; }
.grid tbody tr:hover { cursor:default; background-color:#CCC; color:#000; }