/* -----------------------------------------------
Page Structure
----------------------------------------------- */

body {
  font-family: verdana;
  font-size: 13px;
}

/* -----------------------------------------------
Header
----------------------------------------------- */

div#header {
  background-color: #288abb;
}

div#header .logo {
}

div#header .right {
  height: 167px;
  background: url('/images/header.jpg');
}

div#slogan {
  text-align: center;
}

/* -----------------------------------------------
Navigation
----------------------------------------------- */

div#navigation {
  background: #6699cc url("/images/navigation_background.jpg");
  height: 41px;
  padding: 0;
  margin: 0;
  float: left;
  text-transform: uppercase;
  font-size: 16px;
  font-family: Impact;
  letter-spacing: 2px;
}

div#navigation ul {
  background: transparent;
  padding: 0 12px;
  margin: 0;
  color: #fff;
  list-style: none;
  width: 830px;
  float: left;
  height: 41px;
}

#navigation li {
  padding: 0;
  margin: 0;
  float: left;
  background-color: transparent;
}

#navigation a {
  padding: 10px 20px 7px 20px;
  float: left;
  text-decoration: none;
  color: #4449a0;
}

#navigation a:hover, #navigation li.current a {
  color: #fff;
  background: #4449a0 url("/images/navigation_background_h.jpg");
}

/* -----------------------------------------------
Subnavigation
----------------------------------------------- */

div#subnavigation {
  float: right;
  margin: 140px 34px 0 0;
  letter-spacing: .085em;
}

div#subnavigation ul {
  background-color: transparent;
  padding: 0 0 0 0;
  margin: 0;
  list-style: none;
  float: left;
  font-size: 10px;
  line-height: 10px;
  text-transform: uppercase;
}

div#subnavigation li {
  padding: 0;
  margin: 0;
  float: left;
  border-right: solid 1px #fff;
}

div#subnavigation li.last {
  border-right: none;
}

div#subnavigation li a {
  padding: 0;
  margin: 0;
  color: #fff;
  padding: 0 8px;
  text-decoration: none;
  float: left;
}

div#subnavigation li a:hover, div#subnavigation li a.selected {
  color: #9ac7de;
  background-color: transparent;
}

div#subnavigation li a.selected {
  font-weight: bold;
}

/* -----------------------------------------------
Content
----------------------------------------------- */

div#content {
  color: #669900;
  background-color: transparent;
  padding: 0;
  font-family: Arial;
  font-weight: bold;
  font-size: 13px;
}

div#content .interior {
  margin: 12px 38px;
}

div#content .body {
  padding: 16px 38px;
  background-color: #e0f1f8;
  min-height: 336px;
  margin-bottom: 16px;
}

div#content .body strong, div#content .body b {
  color: #319acd;
}

.home_promo_box {
  color: #fff;
  background-color: #5aa5ca;
  font-weight: bold;
  font-size: 16px;
  line-height: 17px;
  letter-spacing: .125em;
  margin: 0;
  padding: 0;
}

.home_promo_box .box {
  background-color: transparent;
  padding-top: 6px;
  padding-bottom: 0;
  margin: 0;
  margin-top: 10px;
}

.home_promo_box .box p {
  margin: 0;
  padding: 0;
}

.product_details {
  color: #c4e5ec;
  background: #0093bf url("/images/product_detail_background.jpg") repeat-x;
  font-weight: bold;
  font-size: 14px;
  line-height: 16px;
  letter-spacing: .115em;
  margin: 0;
  padding: 0;
}

.product_details h2 {
  color: #fff;
}

.product_details h3 {
  color: #b6db3e;
  letter-spacing: 1px;
}

.product_details hr {
  color: #fff;
  height: 1px;
  border: 0;
  border-top: solid 1px #fff;
}

.product_details img {
  margin-bottom: 16px;
}

.product_details .features {
  margin: 26px 9px 26px 22px;
  padding: 0;
}

.product_details .video {
  margin: 30px 14px 30px 9px;
  padding: 0;
  border: solid 6px #7acae4;
  background-color: #7acae4;
  width: 340px;
}

.product_details .video p {
  margin: 12px 4px 6px 4px;
  color: #0093bf;
  font-size: 12px;
  line-height: 12px;
  letter-spacing: .1em;
}

.product_details ul {
  margin-left: 13px;
  margin-right: 0;
}

.product_details ul li {
  margin: 0;
}

div#player {
  background-color: #5aa5ca;
}

.product_downloads {
  color: #0093bf;
  background: #9bd2e7 url("/images/resources_background.jpg") bottom no-repeat;
  font-weight: bold;
  font-size: 12px;
  line-height: 12px;
  letter-spacing: .1em;
  margin: 0;
  padding: 0;
  text-transform: uppercase;
}

.product_downloads .specs {
  padding: 12px 30px;
  float: left;
}

.product_downloads .text {
  margin: 8px 0 8px 0;
  padding: 0 12px;
  float: left;
  line-height: 24px;
}

.product_downloads .link {
  background-color: #fff;
}

.product_downloads .link a {
  text-decoration: none;
}

.product_downloads .icon {
  float: left;
}

.product_gallery {
  color: #fff;
  background: #43aac9;
  font-weight: bold;
  font-size: 12px;
  line-height: 12px;
  letter-spacing: .1em;
  margin: 0;
  padding: 0;
  text-transform: uppercase;
}

.product_gallery .frame {
  background: #9bd2e7;
  margin: 10px;
  padding: 8px;
}

.product_gallery .thumbs {
}

.product_gallery .thumbs h5 {
  color: #43aac9;
  margin: 10px 0 14px 0;
}

.product_gallery .thumb img {
  border: solid 3px #9bd2e7;
  margin: 12px 10px 0 0;
}

.product_gallery .thumb img.current {
  border: solid 3px #fff;
}

/* -----------------------------------------------
Footer
----------------------------------------------- */

div#footer {
  color: #fff;
  background-color: #93c22b;
  padding: 0;
  font-family: Arial;
  font-weight: bold;
  font-size: 12px;
}

div#copyright {
  color: #fff;
  background-color: #93c22b;
  padding: 0;
  font-family: Arial;
  font-size: 12px;
}

div#copyright a {
  color: #fff;
  text-decoration: underline;
}

h1 {
  font-size: 56px;
  font-family: Impact;
  letter-spacing: 1.4px;
  color: #319acd;
  text-transform: uppercase;
  margin: 0;
}

h2 {
  font-size: 24px;
  font-family: Impact;
  letter-spacing: 1.25px;
  color: #319acd;
  text-transform: uppercase;
}

h3 {
  font-size: 16px;
  font-family: Impact;
  font-family: verdana;
  color: #93c22b;
  font-weight: bold;
}

h5 {
  color: #f0ea43;
}

.white { color: #fff; }
.blue { color: #319acd; }
.green { color: #93c22b; }

div#footer a {
  color: #f0ea43;
}

a {
  color: #319acd;
}

a:hover {
  color: #93c22b;
}

/* -----------------------------------------------
Forms
----------------------------------------------- */

fieldset {
  padding: 2px;
  margin: 4px 0 10px 0;
  border: 0;
}

legend {
  padding: 2px;
  margin-left: 10px;
}

fieldset p {
  margin: 5px;
}

.form-box label { width: 20%; display: block; float: left; text-align: right; padding: 8px; margin: 0; color: #319acd; background-color: transparent; }
.form-box label.empty { background-color: transparent; border: 0; }
.form-box input, .form-box textarea { margin: 6px 8px 6px 6px; padding: 4px; font-size: 11px }
.form-box select { margin: 6px 4px 6px 6px; padding: 4px; font-size: 11px }
.form-box .checkbox { width: 10px; margin: 0 8px; padding: 0; }
.form-box span { margin: 0; padding: 0; }

.fieldWithErrors input, .fieldWithErrors select {
  background-color: #ffdfdf;
}

.errorExplanation {
  padding:.8em;margin-bottom:1em;border:2px solid #ddd;
  background:#FBE3E4;color:#8a1f11;border-color:#FBC2C4;
}

.errorExplanation h2 {
  font-size: 20px;
  color: #8a1f11;
}