/************************************************\
*                                                *
*       Copyright (c) 2003-2004, stellarweb.     *
*           http://www.stellarweb.com/           *
*                                                *
\************************************************/

/*--- GLOBAL STYLES ----------------------------*/

body, div, table, td {
font-family: Arial, Helvetica, sans-serif;
font-size:   11px;
font-style:  normal;
font-weight: normal;
color:       black;
}

body {
margin:0px;
background:white;
}

form, input, textarea, select {
font-family: Arial, Helvetica, sans-serif;
font-size:   11px;
color:       black;
}

div.spacer {
  clear:both;
}

a:link, a:active, a:visited {
font-family:      Arial, Helvetica, sans-serif;
font-size:        11px;
font-style:       normal;
font-weight:      normal;
color:            black;
text-decoration:  none;
}

/*--- LOGO -------------------------------------*/

.logo {
font-family:      Arial, Helvetica, sans-serif;
font-size:        12px;
font-style:       normal;
font-weight:      bold;
color:            black;
background:       white;
text-decoration:  none;
}

/*--- COLORS -----------------------------------*/
.red {
color:      black;
background: white;
}

.green {
color:      black;
background: white;
}

.blue {
color:      black;
background: white;
}

/*--- BORDERS ----------------------------------*/

.redLogoNav1Border {
background: black;
}

.greenLogoNav1Border {
background: black;
}

.blueLogoNav1Border {
background: black;
}

.redNav1Nav2Border {
background: black;
}

.greenNav1Nav2Border {
background: black;
}

.blueNav1Nav2Border {
background: black;
}

/*--- 1st LEVEL NAVIGATION ---------------------*/

.navSpacer {
  width:24px; /* 24 */
}

.navBarWidth {
  width:576px; /* 600 - navSpacer */
}

 .nav1,
 .nav1active,
 .redNav1,
 .greenNav1,
 .blueNav1,
A.nav1active, A.nav1active:active, A.nav1active:visited, A.nav1active:hover,
A.redNav1,    A.redNav1:active,    A.redNav1:visited,    A.redNav1:hover,
A.greenNav1,  A.greenNav1:active,  A.greenNav1:visited,  A.greenNav1:hover,
A.blueNav1,   A.blueNav1:active,   A.blueNav1:visited,   A.blueNav1:hover,
A.redNav1NoPad,    A.redNav1NoPad:active,    A.redNav1NoPad:visited,    A.redNav1NoPad:hover,
A.greenNav1NoPad,  A.greenNav1NoPad:active,  A.greenNav1NoPad:visited,  A.greenNav1NoPad:hover,
A.blueNav1NoPad,   A.blueNav1NoPad:active,   A.blueNav1NoPad:visited,   A.blueNav1NoPad:hover
{
font-family:    Arial, Helvetica, sans-serif;
font-size:      12px;
font-style:     normal;
font-weight:    bold;
padding-right:  20px;
color:          black;
text-decoration:none;
}

.redNav1 {
background: white;
}

.greenNav1 {
background: white;
}

.blueNav1 {
background: white;
}

 .nav1active,
A.nav1active, A.nav1active:active, A.nav1active:visited, A.nav1active:hover,
A.redNav1:hover, A.greenNav1:hover, A.blueNav1:hover,
A.redNav1NoPad:hover, A.greenNav1NoPad:hover, A.blueNav1NoPad:hover
{
color:            black;
}

A.redNav1NoPad,    A.redNav1NoPad:active,    A.redNav1NoPad:visited,    A.redNav1NoPad:hover,
A.greenNav1NoPad,  A.greenNav1NoPad:active,  A.greenNav1NoPad:visited,  A.greenNav1NoPad:hover,
A.blueNav1NoPad,   A.blueNav1NoPad:active,   A.blueNav1NoPad:visited,   A.blueNav1NoPad:hover,
A.redNav1NoPad:hover, A.greenNav1NoPad:hover, A.blueNav1NoPad:hover
{
padding:0px;
}

/*--- 2nd LEVEL NAVIGATION ---------------------*/

 .nav2, .nav2active,
 .redNav2, .greenNav2, .blueNav2,
A.nav2active, A.nav2active:active, A.nav2active:visited, A.nav2active:hover,
A.redNav2,    A.redNav2:active,    A.redNav2:visited,    A.redNav2:hover,
A.greenNav2,  A.greenNav2:active,  A.greenNav2:visited,  A.greenNav2:hover,
A.blueNav2,   A.blueNav2:active,   A.blueNav2:visited,   A.blueNav2:hover,
A.redNav2NoPad,    A.redNav2NoPad:active,    A.redNav2NoPad:visited,    A.redNav2NoPad:hover,
A.greenNav2NoPad,  A.greenNav2NoPad:active,  A.greenNav2NoPad:visited,  A.greenNav2NoPad:hover,
A.blueNav2NoPad,   A.blueNav2NoPad:active,   A.blueNav2NoPad:visited,   A.blueNav2NoPad:hover
{
font-family:    Arial, Helvetica, sans-serif;
font-size:      11px;
font-style:     normal;
font-weight:    bold;
padding-right:  20px;
color:          black;
background:     white;
text-decoration:none;
}

 .nav2active,
A.nav2active, A.nav2active:active, A.nav2active:visited, A.nav2active:hover,
A.redNav2:hover, A.greenNav2:hover, A.blueNav2:hover
{
color:          black;
}

A.redNav2NoPad,    A.redNav2NoPad:active,    A.redNav2NoPad:visited,    A.redNav2NoPad:hover,
A.greenNav2NoPad,  A.greenNav2NoPad:active,  A.greenNav2NoPad:visited,  A.greenNav2NoPad:hover,
A.blueNav2NoPad,   A.blueNav2NoPad:active,   A.blueNav2NoPad:visited,   A.blueNav2NoPad:hover
{
padding:0px;
}

/*--- PRODUCT HEADERS --------------------------*/

.productHeader,
.redProductHeader,
.greenProductHeader,
.blueProductHeader,
.redProductHeader1,
.greenProductHeader1,
.blueProductHeader1,
.redProductHeader2,
.greenProductHeader2,
.blueProductHeader2,
.productPopupHeader,
.redProductPopupHeader,
.greenProductPopupHeader,
.blueProductPopupHeader
{
font-family:      Arial, Helvetica, sans-serif;
font-size:        11px;
font-style:       normal;
font-weight:      bold;
color:            black;
text-decoration:  none;
}

.redProductHeader,
.redProductHeader1,
.redProductHeader2,
.redProductPopupHeader
{
background: white;
}

.greenProductHeader,
.greenProductHeader1,
.greenProductHeader2,
.greenProductPopupHeader
{
background: white;
}

.blueProductHeader,
.blueProductHeader1,
.blueProductHeader2,
.blueProductPopupHeader
{
background: white;
}

.redProductPopupHeader {
font-size:        12px;
}

.greenProductPopupHeader {
font-size:        12px;
}

.blueProductPopupHeader {
font-size:        12px;
}

.redProductHeader1,
.greenProductHeader1,
.blueProductHeader1
{
font-size:15px;
}

.redProductHeader2,
.greenProductHeader2,
.blueProductHeader2
{
font-size:14px;
}

/*--- PRODUCT TEXT -----------------------------*/

.productText,
.redProductText,  .greenProductText,  .blueProductText,
.redPrevNextText, .greenPrevNextText, .bluePrevNextText,
A.redPrevNextText,   A.redPrevNextText:active,   A.redPrevNextText:visited,   A.redPrevNextText:hover,
A.greenPrevNextText, A.greenPrevNextText:active, A.greenPrevNextText:visited, A.greenPrevNextText:hover,
A.bluePrevNextText,  A.bluePrevNextText:active,  A.bluePrevNextText:visited,  A.bluePrevNextText:hover
{
font-family:      Arial, Helvetica, sans-serif;
font-size:        10px;
font-style:       normal;
font-weight:      normal;
color:            black;
text-decoration:  none;
}

.redProductText {
background: white;
}

.greenProductText {
background: white;
}

.blueProductText {
background: white;
}

.redPrevNextText,
A.redPrevNextText, A.redPrevNextText:active, A.redPrevNextText:visited, A.redPrevNextText:hover
{
color:            black;
}

.greenPrevNextText,
A.greenPrevNextText, A.greenPrevNextText:active, A.greenPrevNextText:visited, A.greenPrevNextText:hover
{
color:            black;
}

.bluePrevNextText,
A.bluePrevNextText, A.bluePrevNextText:active, A.bluePrevNextText:visited, A.bluePrevNextText:hover
{
color:            black;
}

/*--- PRODUCT BORDERS --------------------------*/

.redProductBorder {
background: black;
}

.greenProductBorder {
background: black;
}

.blueProductBorder {
background: black;
}

/*--- FOOTER -----------------------------------*/

.footer,
.redFooter,   A.redFooter:link, A.redFooter:active, A.redFooter:visited, A.redFooter:hover,
.greenFooter, A.greenFooter:link, A.greenFooter:active, A.greenFooter:visited, A.greenFooter:hover,
.blueFooter,  A.blueFooter:link, A.blueFooter:active, A.blueFooter:visited, A.blueFooter:hover
{
font-family:      Arial, Helvetica, sans-serif;
font-size:        9px;
font-style:       normal;
font-weight:      bold;
text-decoration:  none;
}

.redFooter, A.redFooter:link, A.redFooter:active, A.redFooter:visited, A.redFooter:hover {
color:            black;
background: white;
}

.greenFooter, A.greenFooter:link, A.greenFooter:active, A.greenFooter:visited, A.greenFooter:hover {
color:            black;
background: white;
}

.blueFooter, A.blueFooter:link, A.blueFooter:active, A.blueFooter:visited, A.blueFooter:hover {
color:            black;
background: white;
}

/*--- HOMEPAGE ---------------------------------*/

#homepage {
  display:          block;
  margin:           0px;
  padding:          0px;   /* 28px 0px 0px 24px; */
  width:            600px; /* 600 - 24 = 576 */
  height:           376px; /* 376 - 28 = 348 */
  text-align:       left;
  border:           none;
  background: transparent;
  /* background-image: url(/images/bg_home.jpg); */
  /* background-repeat:no-repeat; */
}

#homepage div.content {
  float:            left;
  margin:           0px;
  padding:          15px 24px;
  width:            362px; /* 410 - ( 2 * 24 ) = 362 */
  background: transparent;
}

#homepage div.content h1 {
  font-size:        14px;
  font-weight:      bold;
}

#homepage div.content h2 {
  font-size:        12px;
  font-weight:      bold;
}

#homepage div.navigation {
  float:            left;
  margin:           0px;
  padding:          15px 47px;
  width:            96px; /* 190 - ( 2 * 47 ) = 96 */
  background: transparent;
}

/*--- CONTENT ----------------------------------*/

div.content {
  margin:           0px;
  padding:          28px 48px 28px 48px;
  width:            504px;
  text-align:       left;
  border:           none;
  background: transparent;
}

div.content h1 {
  font-size:        13px;
  font-weight:      bold;
  margin-bottom:    16px;
}

div.content h2 {
  font-size:        11px;
  font-weight:      bold;
  border:           0px solid;
  margin:           0px;
  margin-bottom:    3px;
}

div.content p {
  font-size:        11px;
  font-weight:      normal;
  border:           0px solid;
  margin-top:       0px;
  margin-bottom:    13px;
}

div.content p.legal {
  text-align:       justify;
}

A.content:link,
A.content:active,
A.content:visited {
  border-bottom:    1px solid; /* dashed; */
}

A.content:hover {
  border-bottom:    1px solid;
}

/*--- CONTACT ----------------------------------*/

div.formcontainer {
  margin:           2px;
  padding:          1px;
  width:            500px;
  text-align:       center;
  border:           none;
  background: transparent;
}

div.row {
  float:            left;
  margin:           0px;
  padding:          0px;
  width:            500px;
  background: transparent;
}

div.row span.label {
  float:            left;
  clear:            left;
  width:            130px;
  text-align:       right;
  line-height:      25px;
}

div.row span.formwidget {
  float:            left;
  clear:            right;
  padding-left:     10px;
  width:            350px;
  text-align:       left;
  line-height:      25px;
}

.contactInputText {
  width:            250px;
}

.contactInputSelect {
  width:            255px;
}

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