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

body {
  font: 11px/1.6em "Lucida Grande", Verdana, Sans-serif;
  color: #666;
  background-color: #99cdff;
  padding: 0;
  margin: 0 auto;
}

div#wrapper {
  width: 763px;
  text-align: left;
  padding: 0;
  margin: 0 auto 4px auto;
  background: #fff url("/images/bg_content.gif");
}

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

div#header {
  padding: 0 5px;
}

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

div#navigation {
  background: #6699cc url("/images/bg_navigation.gif");
  padding: 0 5px;
  margin: 0;
  height: 31px;
}

div#navigation ul {
  background: #6699cc url("/images/cwi_nav_background.gif");
  padding: 0;
  margin: 0;
  color: #fff;
  list-style: none;
  float: left;
  width: 718px;
  padding-left: 19px;
}

#navigation li {
  padding: 0;
  margin: 0;
  border-left: solid 1px #6699cc;
  float: left;
  background-color: transparent;
}

#navigation li.last {
  border-right: solid 1px #6699cc;
}

#navigation li.phone {
  float: right;
  padding: 6px 11px;
  border: none;
  color: #6699cc;
}

#navigation a {
  padding: 7px 11px 6px 11px;
  float: left;
  text-decoration: none;
  font-weight: bold;
  color: #336600;
}

#navigation a:hover, #navigation li.current {
  color: #336666;
  background: url("/images/cwi_nav_background_H.gif");
}

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

div#content {
  background: #fff url("/images/bg_content.gif");
  width: 747px;
  padding: 6px 8px;
  float: left;
}

div#home {
  width: 740px;
  padding: 6px 3px;
  color: #666;
  float: left;
}

div#home table {
}

div#home .image {
  height: 221px;
}

div#home .about {
  height: 221px;
}

div#home td.image {
  padding-right: 3px;
}

div#home td.about {
  font-size: 13px;
  line-height: 1.75em;
  background-color: #e9efef;
  vertical-align: top;
}

div#home td.about p {
  padding: 14px;
  margin: 0;
}

div#home td.about span.intro {
  color: #669900;
  font-size: 16px;
}

div#home table {
  border-bottom: solid 3px #fff;
}

div#home td.announcements {
  width: 196px;
  font-size: 11px;
  color: #fff;
  background: #99cc00 url("/images/bg_home_announcements.gif") no-repeat;
  border-right: solid 3px #fff;
  border-bottom: solid 3px #fff;
  line-height: 11px;
  padding: 6px 5px 6px 24px;
}

div#home td.announcements-body {
  vertical-align: top;
  background: url("/images/cwi_home_feature_gradient.gif") repeat-x;
  width: 196px;
  border-right: solid 3px #fff;
  padding: 6px;
}

div#home td.announcements-body h4.date {
  margin: 0;
  color: #7a6411;
}

div#home td.announcements-body h4.title {
  margin: 0;
  color: #336666;
}

div#home td.announcements-body p {
  margin: 2px 0;
}

div#home td.features {
  width: 505px;
  color: #fff;
  background: #75a800 url("/images/bg_home_features.gif") no-repeat;
  border-bottom: solid 3px #fff;
  line-height: 11px;
  padding: 6px 5px 7px 30px;
}

div#home td.thumb {
  width: 120px;
  border-right: solid 3px #fff;
  vertical-align: top;
}

div#home td.description {
  width: 399px;
  vertical-align: top;
  border-right: solid 3px #fff;
  padding: 6px;
}

div#home td.description h4 {
  margin: 0;
}

div#home td.description p {
  margin: 0;
}

div#home td.promos {
  vertical-align: top;
  width: 189px;
  text-align: center;
}

div#home td.promos div.promo {
  padding: 2px 0;
}

div#home td.features-body {
  vertical-align: top;
  background: url("/images/cwi_home_feature_gradient.gif") repeat-x;
}

div#subnavigation {
  width: 154px;
  background-color: #c6dede;
  font-size: 11px;
  line-height: 11px;
  float: left;
}

div#subnavigation div.heading {
  font-weight: bold;
  color: #fff;
  background-color: #99cc00;
  border-bottom: solid 2px #fff;
  padding: 9px 0 9px 6px;
}

div#subnavigation div.heading a {
  color: #fff;
  padding: 9px 6px;
  text-decoration: none;
}

div#subnavigation ul {
  background-color: #c6dede;
  padding: 0 0 40px 0;
  margin: 0;
  list-style: none;
  float: left;
}

div#subnavigation li {
  padding: 0;
  margin: 0;
  float: left;
}

div#subnavigation li a {
  padding: 0;
  margin: 0;
  color: #336666;
  padding: 7px 6px;
  text-decoration: none;
  float: left;
  width: 142px;
}

div#subnavigation li a:hover, div#subnavigation li a.selected {
  color: #336666;
  background-color: #99cccc;
}

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

div#subnavigation li.child {
  background-color: #dfefef;
}

div#subnavigation li.child a {
  margin: 0;
  color: #336666;
  padding: 6px;
  text-decoration: none;
  float: left;
  width: 142px;
}

div#subnavigation li.child a:hover, div#subnavigation li.child a.selected {
  color: #99cc00;
  background-color: #dfefef;
}

div#subnavigation li.child a.selected {
  font-size: 10px;
}

div#content .column {
  float: left;
}

div#content #center {
  width: 354px;
  padding: 0 27px 0 15px;
}

div#content #center .wide {
  width: 544px;
}

div#content dl {
  padding: 0;
  margin: 4px 0;
  display: block;
  float: left;
  clear: left;
}

div#content dt {
  font-weight: bold;
  color: #7a6411;
  margin: 0 0 4px 0;
  padding: 0 10px 0 0;
  float: left;
  clear: left;
}

div#content dd {
  border-left: solid 1px #ccc;
  color: #7a6411;
  margin: 0;
  padding: 0 8px;
  float: left;
  clear: left;
}

div#content #center #breadcrumb {
  font-size: 10px;
  color: #669900;
}

div#content #center #breadcrumb a {
  color: #336666;
}

div#content #center #breadcrumb a:hover {
  color: #336666;
}

div#content #center h1 {
  margin: 8px 0 0 0;
  font-size: 12px;
  color: #669900;
}

div#content #center h2 {
  margin: 8px 0 0 0;
  font-size: 10px;
  color: #669900;
}

div#content #right {
  float: right;
  background-color: transparent;
  margin-top: 36px;
  padding-top: 12px;
  border-left: solid 1px #99cccc;
}

div#content #right .promo {
  padding: 0 12px 6px 12px;
}

/* -----------------------------------------------
Products - Index
----------------------------------------------- */

div#content table.products_index {
  margin: 12px 0 0 0;
  width: 552px;
}

div#content table.products_index td {
  color: #7a6411;
  padding: 0 0 14px 0;
  vertical-align: top;
  width: 276px;
}

div#content table.products_index td.thumb {
  width: 81px;
  padding-bottom: 0;
}

div#content table.products_index td.navigation {
  font-size: 10px;
  padding-top: 0;
  padding-right: 0;
  padding-left: 4px;
  padding-bottom: 0;
}

div#content table.products_index td.navigation h4 {
  margin: 0;
}

div#content table.products_index ul {
  padding: 0;
  margin: 0;
  list-style: none;
  float: left;
}

div#content table.products_index ul li {
  padding: 0;
  margin: 0;
}

/* -----------------------------------------------
Products - Browse
----------------------------------------------- */

div#content table.products_browse {
  margin: 12px 0 0 0;
  width: 552px;
}

div#content table.products_browse td {
  color: #7a6411;
  padding: 0 6px 14px 0;
  vertical-align: top;
}

div#content table.products_browse td.thumb {
  width: 165px;
  padding-bottom: 0;
}

/* -----------------------------------------------
Products - Show
----------------------------------------------- */

div#products_show {
  margin: 12px 0 0 0;
  width: 552px;
}

div#products_show #images {
  float: left;
  width: 243px;
}

div#products_show #thumbnails {
  float: left;
  width: 100%;
  margin: 12px 0 0 0;
}

div#products_show #details {
  float: right;
  width: 297px;
  padding-left: 12px;
}

div#products_show #details ul {
  padding: 0;
  margin: 0;
  font-weight: bold;
}

div#products_show #details strong {
  color: #669900;
}

div#products_show #details .documents ul li {
  color: #669900;
  padding: 0;
  margin: 0 0 0 24px;
  list-style-image: url("/images/cwi_icon_pdf.gif");
}

div#products_show #details ul li {
  padding: 0;
  margin: 0 0 0 2px;
  list-style: none;
}

div#products_show #details h4 {
  color: #fff;
  background-color: #99cc00;
  margin: 10px 0 8px 0;
  padding: 2px 6px;
}

div#products_show #details .specifications,
div#products_show #details .documents {
  float: left;
  width: 100%;
  padding: 0;
}

/* -----------------------------------------------
Video
----------------------------------------------- */

div#video {
  margin: 12px 0 4px 0;
  width: 320px;
  height: 256px;
  border: solid 1px #9acccd;
  border-width: 1px 1px 0 1px;
  background: #fff;
}

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

div#footer {
  color: #99cc00;
  background: #fff url("/images/cwi_site_footer_gradient.gif");
  padding: 8px 8px 4px 8px;
  margin: 0 8px;
  clear: both;
}

div#footer a {
  color: #99cc00;
}

div#footer a:hover {
  color: #6699cc;
}

/* -----------------------------------------------
Anchors
----------------------------------------------- */

a {
  color: #669999;
  text-decoration: underline;
}

a:hover {
  color: #6699cc;
}

/* -----------------------------------------------
Misc. Rules
----------------------------------------------- */

#flash {
  margin: 10px auto;
  font-size: 11px;
  line-height: 1.5em;
  color: #7a5511;
  background-color: #fae79a;
  border-top: solid 1px #ef9600;
  border-bottom: solid 1px #ef9600;
  text-align: left;
  padding: 10px 16px;
  text-align: left;
}

.required {
  color: #ef9600;
  font-weight: bold;
}

form {
  margin: 0;
}

form div {
  padding: 4px 0;
}

form label {
  font-weight: bold;
  color: #336666;
}

h4 {
  font-size: 10px;
}

img {
  border: none;
}