body{font:15px/1.5 "Helvetica Neue",Helvetica,Arial,Verdana,sans-serif,"Trebuchet MS", Helvetica,Arial,'Liberation Sans',FreeSans,sans-serif}
a:focus{outline:1px dotted invert}
hr{border-color:#ccc;border-style:solid;border-width:1px 0 0;clear:both;height:0}
h1{font-size:25px;color:#0448ae;}
h2{font-size:20px;color:#000;}
h3{font-size:16px}
h4{font-size:14px}
h5{font-size:17px}
h6{font-size:15px}
ol{list-style:decimal}
ul{list-style:square}
li{margin-left:30px}
p,dl,hr,h1,h2,h5,h6,ol,ul,pre,table,address,fieldset{margin-bottom:20px}
h3,h4{ margin-bottom:5px;}

small { font-size: 75%; }
/*
body{font:13px/1.5 "Trebuchet MS", Helvetica,Arial,'Liberation Sans',FreeSans,sans-serif}
h1 { margin-bottom: 20px; }
ul{list-style:square};
p,dl,hr,h1,h2,h3,h4,h5,h6,ol,ul,pre,table,address,fieldset{margin-bottom:20px}
*/
#header {

}

/*==========================================================================================================
  Top Navigation
  ==========================================================================================================*/

#top-nav { 
  float: right;
  margin-right: 2px;
}

#top-nav ul { 
  display: block;
  list-style: none;
}

#top-nav ul li { 
  float: left;
  position: relative;
  padding: 2px 10px;
  margin: 0;
  color: #0448ae;
  font-weight: bold;
}

a { color: #0448ae; }
a.hover { color: #82b800; }

#top-nav a { color: #0448ae; text-decoration: none; }
#top-nav a:hover { text-decoration: underline; }
a.bold_link { color: #0448ae; text-decoration: none; font-weight: bold;}
a.bold_link:hover { text-decoration: underline; }

/*==========================================================================================================
  Main Navigation
  ==========================================================================================================*/

#main-nav { 
  width: 100%;
  margin: 0;
  padding: 0;
  border-bottom: solid 4px #82b800;
  background: url(/static/images/website/navbottom.gif) repeat-x bottom left;
}

#main-nav ul { 
  list-style: none;
  text-align: right;
  padding: 5px 20px 5px 0;
  width: 960px;
  margin: -3px auto;
}

#main-nav ul li { 
  display: inline;
  margin: 0 2px;
  padding: 4px 0px;
  color: white;
  font-weight: bold;
}

#main-nav a { 
  padding: 5px 20px;
  color: #fff;
  text-decoration: none;
  background: #82b800 url(/static/images/website/navgradient.gif) top repeat-x;
  border: 1px solid #7e9f2e;
  border-bottom: none;
  margin: 0 1px 0 0;
 }

/*
#main-nav { 
  width: 100%;
  margin: 0;
  padding: 0;
  border-bottom: solid 4px #82b800;
}

#main-nav ul { 
  list-style: none;
  text-align: right;
  width: 960px;
  margin: -3px auto;
  padding: 5px 20px 5px 0;
}

#main-nav ul li { 
  display: inline;
  margin: 0 2px;
  padding: 4px 0px;
  background: #82b800 url(/static/images/website/navgradient.jpg) top repeat-x;
  color: white;
  font-weight: bold;
  border: 1px solid #7e9f2e;
  border-bottom: none;
  border-top: none;
}

#main-nav a { 
  padding: 5px 20px;
  color: #fff;
  text-decoration: none;
  border: 1px solid red;
 }
*/
#main-nav a:hover { text-decoration: underline; }

/*==========================================================================================================

==========================================================================================================*/

#top-banner { 
  background: #0448ae url(/static/images/website/topbanner.jpg) top repeat-x;
  color: #fff;
  padding: 4px;
  border-bottom: solid 1px #5094fa; /*#666;*/
  min-height: 10px;
}

#top-banner h1 { color: #fff; font-size: 32px; line-height: 42px; text-align: center; padding: 0.5em 0 0.25em 0;}

#quotes {   min-height: 200px; }

.quote-block { 
  width: 100%;
  height: 200px;
  margin: 5px;
  background: url(/static/images/website/racks.jpg);
  border: solid 1px #5094fa;
}

.quote { 
  font-family: "Helvetica Neue",Helvetica,Arial,Verdana,sans-serif; 
  color: #fff;
  font-style: italic; 
  font-weight: bold;
  font-size: 16px; 
  padding: 1em 1em 0 1em; 
  margin: 0 0 1em 0;
}
.attribution { 
  font-weight: bold;
  text-align: right; 
  padding: 0 3em 1em 1em;
  color: #fff;
  margin: 0;
}
/*==========================================================================================================

==========================================================================================================*/

#body-content { 
  background: #fff;
  clear: both;
  padding: 1em;
}

#body-content h1, #body-content h2 { margin-bottom: 10px; }

.news { border: solid 1px #cccccc; margin-top: 1em;  margin-bottom: 1em; padding: 0.5em; background: #f4f4f4;}
.news h3 { margin-bottom: 5px; font-size: 15px; margin-top: 0; }
.news-item p { font-size: 85%; padding-bottom: 1em; border-bottom: solid 1px #cccccc; margin-bottom: 0.5em;}

.feature-blocks h3 { width: 300px; margin-bottom: 3px; font-size: 15px; text-align: center;}
.feature-blocks ul { width: 300px; text-align: left; color: #000;}
img.frontpage-img { border: solid 1px #333; margin-bottom: 0.25em; }
a.block-link { text-decoration: none; }

/*==========================================================================================================

==========================================================================================================*/

#footer { 
  text-align: center;
  width: 100%;
  color: #999;
  padding: 1em;
  border-top: solid 1px #666;
  background: #fff;
}

#footer p { margin: 0; }
#footer a { color: #999; }

.screenshot { text-align: center;}
.screenshot img { border: 2px solid #ccc; margin-bottom: 1em; }

.data-table { width: 100%; border-collapse: collapse; text-align: left; }
.data-table th { font-size: 14px; font-weight: bold; color: #000; padding: 2px 2px; border-bottom: 1px solid #021f4b;  text-align: center;}
.data-table td { border-bottom: 1px solid #eee; color: #000; padding: 2px 2px;  text-align: center;}
/*.data-table tr:last-child td { border-bottom: none; }*/
.data-table tbody tr:hover td { background-color: #edf3fe;}


.package-grid { background-color: #e3e3e3; padding: 0px; border: solid 2px #e3e3e3; margin: 15px 20px;}
.package-grid .header {	text-align: center;  background: #f0f0f0; padding: 5px; }
.package-grid .feature-name {text-align: right; padding: 5px; }
.package-grid .text-cell { text-align: left; vertical-align: top; padding: 0.5em; }
.package-grid td, .package-grid th { text-align: center; padding: 5px 15px; border: solid 1px #e3e3e3; }
.package-grid .header-current { text-align: center; background: #82b800; padding: 5px; }
.package-grid .odd td.current { background: #dbff84; }
.package-grid .even td.current { background: #f8ffe9; }
tr.odd td, tr.odd th { background-color: #edf3fe; }
tr.even td, tr.even th { background-color: #fff; }


hr.tour-divider { color: #0448ae; background-color: #0448ae; height: 4px; width: 95%; }

.sidebox-title { 
  color: #0448ae;
  padding: 0;
  margin: 0;
  border-bottom: none;
 }
.sidebox-title h2 { margin-bottom: 0; padding-bottom: 0; color: #000; padding-left: 0;}
.sidebox { 
  color: #000;
  border: solid 1px #cccccc; 
  background: #f4f4f4;
  padding: 0.5em;
  margin-bottom: 1em;
  margin-bottom: 1em; 
 }
.sidebox a { color: #0448ae; }
.sidebox ul { margin-bottom: 3px; }
.sidebox li { margin-left: 20px; }

.grey_box li { color: #ffffff; font-size: 125%; }
.grey_box a { color: #ffffff; }
.grey_box h2 { background: #5094fa; }
.grey_box { 
  color: #ffffff;
  background: #0448ae; 
  border: 2px #5094fa inset;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  padding: 0.5em 0.5em 0.5em 1em;
  margin-bottom: 1em;

}

.signup-button {
  color: #ffffff;
  padding: 2px 5px 2px 5px;
  font-weight: bold;
  background-color: #0448ae;
  border: 2px outset #5094fa;
  border-top-color: #5094fa;
  border-left-color: #5094fa;
}
.signup-button:hover {
  background-color: #5094fa;
  border-color: #0448ae #0448ae #0448ae #0448ae;
}

h3 { color: #0448ae;}
h1, h2, h3, h4 { font-family: "Helvetica Neue",Helvetica,Arial,Verdana,sans-serif;  }

.centered { text-align: center; }

.defaultTextActive { color: #a1a1a1; font-style: italic; }

.newsletter-signup { 
  width: 100%;
  border-top: dotted 1px #0448ae;
  margin-top: 1em; 
  margin-bottom: 1em;
  padding-top: 1em;
 }

.tour-header { 
  position: relative;
  background: #b3d0fc; /*#f4f4f4;*/
  border: solid 1px #5094fa;
  text-align: center;
  padding: 0.5em;
  margin-bottom: 1em;
 }
.tour-header ul { display: block; list-style: none; margin-bottom: 0;}
.tour-header ul li { 
  display: inline;
  position: relative;
  top: 0px;
  padding: 2px 10px;
  margin: 0 auto;
  color: #0448ae;
  font-weight: bold;
}

.lbform li div em { font-size: 90%; }


.over { background: #f4f4f4; }