/*--------------------------------------------------------------

Common screen styles that are used in all static pages

--------------------------------------------------------------*/
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,
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-weight:inherit;
	font-style:inherit;
	font-size:100%;
	font-family:inherit;
	vertical-align:baseline;
	}
* {
	margin:0;
	padding:0;
	}
/* remember to define focus styles! */
:focus {
	outline: 0;
	}
body {
	background:#575757 url(/img/top-back.gif) repeat-x;	
	color:black;
	font-family:Verdana, "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	font-size:95%;
	text-align:center;
  line-height: 1.5; /* Unitless for proper inheritance */
	}
/* This is where you set your desired font size. The line-height 
   and vertical margins are automatically calculated from this. 
   
   You have to add an extra calculation here because of IE, so that 
   all users may resize text manually in their browsers.
   
   The top one is for IE: The percentage is of 16px (default IE text size)
   10px is 62.5%, 12px is 75%, 13px is 81.25%, and so forth).
   The second value is what all other browsers see (the wanted font size). */
   
body          { font-size: 80%; }   /* IE */
html > body   { font-size: 13px; }  /* Other browsers */

/*--------------------------------------------------------------
 Main Link Styles 
--------------------------------------------------------------*/
a {text-decoration:underline;outline:none; font-weight:normal;}
a:link {color:#008ccc;}
a:visited {color:#008ccc;}
a:hover {color:red;text-decoration:none;}
a:active {color:#008ccc;}
a img {border:0;}
/*--------------------------------------------------------------
 Common element styles 
--------------------------------------------------------------*/
p           { margin: 0 0 0.75em 0; text-align:justify; line-height:1.8;}
p.last      { margin-bottom:0; }
p img.float { float: left; margin: 1.5em 1.5em 1.5em 0; padding:0; } 
p img.top   { margin-top:0; } /* Use this if the image is at the top of the <p>. */
#center-col p, #right-col p {
	margin-top:0.4em;
	}


ul, ol      { margin: 0 0 1.5em 1.5em; }
ol          { list-style-type: decimal; }
dl          { margin: 1.5em 0; }
dl dt       { font-weight: bold; }

blockquote  { margin: 1.5em 0 1.5em 1.5em; color: #666; font-style: italic; }
strong      { font-weight: bold; }
em          { font-style: italic; }
pre         { margin-bottom: 1.3em; background: #eee; border:0.1em solid #ddd; padding:1.5em; }
code        { font:0.9em Monaco, monospace; }

#sub-content ul {
	list-style:none;
	margin:0 0 1.5em 0;
	}
#sub-content ul li {
	list-style:none;
	background:transparent url(/img/bullet.gif) no-repeat 0 6px;
	padding:0 0 0 22px;
	line-height:1.8;
	}
#sub-content ol li {
	line-height:1.8;
	}
/* Use this to create a horizontal ruler across a column. */
hr {
  background: #B2CCFF; 
  color: #B2CCFF;
  clear: both; 
  float: none; 
  width: 100%; 
  height: 0.1em;
  margin: 0 0 1.4em 0;
  border: none; 
}
* html hr { margin: 0 0 1.2em 0; } /* IE6 fix */

acronym, dfn, abbr {
	text-decoration:none;
	padding-bottom:2px;
	cursor:help;
	}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse:separate;
	border-spacing:0;
	}
caption, th, td {
	text-align:left;
	font-weight:normal;
	}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
	}
blockquote, q {
	quotes: "" "";
	}
/*--------------------------------------------------------------
 Heading Styles 
--------------------------------------------------------------*/
h1,h2,h3,h4,h5,h6 { 
  font-family: Helvetica, Arial, "Lucida Grande", Verdana, sans-serif;
  color:#111; 
  clear:both;
	font-weight:normal;
	}
h1 { font-size: 1.8em; color:#004a80; font-weight:bold; }
h1 em {
	color:#008ccc;
	font-style:normal;
	}
#top h1, #sub-content h1, #right-nav h2 {
	padding:11px 0 0 0 ;
	}
h2 { 
	font-size: 1.3em; 
	color:#575757; 
	color:#004e86; 
	font-weight:bold; 
	background:transparent url(/img/h2-back.gif) no-repeat bottom left;
	padding-bottom:2px;
	margin-bottom:6px;
	margin-top:20px;
}
h2 em {
        color:#008ccc;
	font-style:normal;
	}

#stripe h2 {
	font-weight:normal;
	color:#fff;
	padding-top:55px;
	background:none;
	}
#stripe h2 em {
	font-style:normal;
	font-weight:bold;
	}
#right-nav h2 {
	font-size: 1.3em; color:#004a80; font-weight:bold; background:none;
	}
#right-nav h3 {
        padding:10px 0 0 0;
        font-size: 1.1em; color:#004a80; font-weight:bold; background:none;
	}
h3 { font-size: 1.0em; color:#004a80; font-weight:bold; }
h3 em {
        color:#008ccc;
        font-style:normal;
		        }
.home-box h3 {
	color:#0063a7;
	padding:14px 0 0 0;
	}

.col-heading h3 {
	color:#fff;
	font-size:1.3em;
	padding:3px 14px 0 14px;
	}
h4 { 
	font-size: 1em; 
	line-height:1.25; 
	font-weight:bold; 
	color:#6b6b6b; 
	font-family:"Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	border-bottom:1px solid #e0e0e0;
	padding-bottom:6px;
}
h5 { 
	font-size: 1em; 
	font-weight:bold; 
	text-transform:uppercase; 
	color:#575757; 
	font-family:"Trebuchet MS", Verdana, Arial, Helvetica, sans-serif
}
#right-nav h5 {
	margin:0 0 0.4em 0;
	text-align:right;
	font-family: Arial, Helvetica, sans-serif
}
#right-nav h5 a:link, #right-nav h5 a:visited, #right-nav h5 a:active {
 text-decoration:none;
 }
h6 { font-size: 1em; }

/*--------------------------------------------------------------
 Table Styles 
--------------------------------------------------------------*/
table   { margin-bottom: 1.4em; border-top:0.1em solid #ddd; border-left:0.1em solid #ddd; }
th,td   { height: 1em; padding:0.2em 0.4em; border-bottom:0.1em solid #ddd; border-right:0.1em solid #ddd; }
th      { font-weight:bold; }

.customer-list table { 
	border:none;
	table-layout: auto;
}

.customer-list tr, th,td { 
        border:none;
}

.customer-list p {
	font-size: 1.0em; 
  line-height: 1.4; /* Unitless for proper inheritance */
	text-align:justify;
}

.customer-list h2 {
	font-size: 1.1em; 
	color:#575757; 
	color:#004e86; 
	font-weight:bold; 
	padding-bottom:2px;
	margin-bottom:6px;
	margin-top:20px;
	text-decoration:none;
}
	
#support-plan {
	border:0px;
	padding:0px;
	margin:10px 0px;
	background-color:#FFFFFF;
}


#support-plan td {
	padding:10px 0px;
	border-bottom:1px solid #999999;
	border-right: 1px dotted #CCCCCC;
	font-size:0.8em;
	line-height:1.4em;
	height:20px;
	vertical-align:middle;
}

#support-plan th {
	padding:30px 4px 10px 4px;
	border-bottom:1px solid #999999;
}

#support-plan strong {
	color:#004a80; 
	font-weight:bold;
}

#footnote {
	font-size:0.8em;
	border:0px;
	margin:0px;
	padding:0px;
	}

#footnote td {
	padding:5px 0px;
	}

/*--------------------------------------------------------------
 Layout element styles 
-------------------------------------------------------------*/
.fixed-width-wrapper {
	position:relative;
	margin:0 auto 0 auto;
	width:850px;
	text-align:left;
	background:transparent;
	line-height:1.1;
}
.fixed-height {
	height:216px;
}
#home-wrap, #sub-wrap {
	background:#fff url(/img/top-shadow.gif) repeat-x top;
}
#header {
	height:73px;
	position:relative;
}
#stripe {
	background:transparent url(/img/features.jpg) no-repeat;
	height:143px;
	overflow:hidden;
}
#left-col {
	float:left;
	width:332px;
}
#center-col {
	float:left;
	width:274px;
}
#center-col .padFix {
	margin:0 20px;
    margin-bottom: 20px;
	border:1px solid #f0f0f0;
	background:#f9f9f9;
	padding:0 14px;
}

#center-col .padFiximg {
	margin:0px;
    margin-bottom: 0px;
	padding:4px;
}

#right-col {
	float:left;
	width:234px;
}
#right-col .padFix {
	border:1px solid #f0f0f0;
	background:#f9f9f9;
	margin-bottom:20px;
	padding:0 14px;
}
.col-heading {
	background:transparent url(/img/col-heading-back.gif) no-repeat;
	height:35px;
}
#center-col .col-heading {
	margin:0 20px;
}
#footer {
    position:relative;
	background:#575757 url(/img/footer-grad.gif) repeat-x top;
	padding-top:35px;
	}
/*--------------------------------------------------------------
 Subpage styles 
-------------------------------------------------------------*/
#sub-wrap {
	}
#sub-content {
	float:left;
	width:680px;
	}
#sub-content .padFix {
	margin-right:28px;
	}
#right-nav {
	float:left;
	width:170px;
	text-align:right;
	}
#right-nav ul {
	font-family:Arial, Helvetica, sans-serif;
	margin:0 0 0.3em 0;
	padding:0;
	list-style:none;
	}
#right-nav li {
	list-style:none;
	}
#right-nav li a {
	display:block;
	width:170px;
	font-weight:normal;
	font-size:90%;
	text-decoration:none;
	}
#right-nav li a:hover {
	color:#003456;
	}
#right-nav li a.current {
	background:#fff url(/img/right-nav-back.gif) repeat-x top;
	}
#right-nav li a span {
	display:block;
	padding:6px 4px 4px 4px;
	}
/*--------------------------------------------------------------
 Header styles 
-------------------------------------------------------------*/
#header h1 {
	margin:0;
	padding:20px 0 0 0;
	width:209px;	
	height:43px;
	}
#header h1 a {
	display:block;
	height:43px;
	background:transparent url(/img/navigo-logo.gif) no-repeat;
	}
#header a span {
	display:none;
	}
/*--------------------------------------------------------------
 Footer specific styles 
--------------------------------------------------------------*/
#footer p {
	color:#fff;
	}
/*--------------------------------------------------------------
 Top Nav styles 
--------------------------------------------------------------*/
#nav-wrap {
	position:absolute;
	top:43px;
	right:0;
	width:574px;    
	}
#mini-top-nav-wrap {
	position:absolute;
	top:20px;
	right:9px;
	width:300px;
	height:20px;
	color:#CFDEEE;
	text-align:right;
	}
#mini-top-nav-wrap a {
	font-size:70%;
	font-weight:normal;
	text-decoration:none;
	}
#mini-top-nav-wrap a:hover {
	text-decoration:underline;
	color:#003456;
	}
/*--------------------------------------------------------------
 Newsletter form styles 
--------------------------------------------------------------*/
#newsletter label {
	display:block;
	color:#008ccc;
	font-weight:bold;
	padding-top:10px;
	padding-bottom:6px;
	}
#newsletter input {
	border-collapse:collapse;
	outline:none;
	border:2px solid #ccdbe5;
	padding:3px;
	width:180px;
	}
#newsletter input.submit {
	border:0;
	width:auto;
	}
/*--------------------------------------------------------------
 Hoe box styles 
-------------------------------------------------------------*/
.home-box {
	border:1px solid #c0c0c0;	
	background:#cacaca url(/img/home-box-grad.gif) repeat-x top;
	margin-bottom:20px;
	padding:0 14px;
}
#left-col-box-1 div {
	background:transparent url(/img/home-box-1-back.gif) no-repeat right;
	height:55px;	
}
#left-col-box-2 div {
	background:transparent url(/img/home-box-2-back.gif) no-repeat right;
	height:55px;	
}
#left-col-box-3 div {
	background:transparent url(/img/home-box-3-back.gif) no-repeat right;
	height:55px;	
}
#left-col-box-4 div {
	background:transparent url(/img/home-box-4-back.gif) no-repeat right;
	height:55px;	
}
.home-box p {
	margin-top:0.4em;
}
/*--------------------------------------------------------------
 Miscellaneous styles 
--------------------------------------------------------------*/
.text-align-right {text-align:right;}
.text-align-left{text-align:left;}
.center {text-align:center;}
.float-right {float:right;margin:0 0 14px 14px; border:0px solid #99bed7;}
.float-left {float:left;padding:0 14px 14px 0;}
div.float-fix {overflow:hidden;clear:both;height:0;}
br.float-fix {clear:both;}
.bold {font-weight:bold;}
.hide {display:none;}
/*--------------------------------------------------------------
 sIFR Replacements
--------------------------------------------------------------*/
.sIFR-active #top h1,
.sIFR-active #top2 h1,
.sIFR-active #stripe h2,
.sIFR-active #left-col h3,
.sIFR-active #center-col h3,
.sIFR-active #right-col h3 {
	visibility:hidden;
	font-family:Verdana;
	line-height:1em;
	font-size:27px;
}
.sIFR-active #top h1 {
	font-size:24px;	
}
.sIFR-active #top2 h1 {
	font-size:24px;	
}
.sIFR-active #stripe h2 {
	font-size:34px;	
}
.sIFR-active #left-col h3 {
	font-size:20px;
}
.sIFR-active #center-col h3, .sIFR-active #right-col h3 {
	font-size:18px;
}
/*--------------------------------------------------------------
Navigo Custom
--------------------------------------------------------------*/
#error {
    margin: 15px 0;
    padding: 4px;
    text-align: center;
    color: green;
    font-weight: bold;
    border: 2px solid green;
    background-color: #dfd;
}