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

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

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

body {
margin:0px;
background:#222;
}

table,tr,td {
padding:0px;
border-spacing:0px;
border:none;
}

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:          #FFC;
text-decoration:none;
}

a:hover {
color:#FC6;
}

abbrev {
cursor:help;
border-bottom:1px dashed;
}

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

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

/*--- COLORS -----------------------------------*/

.red {
background:#75191A;
}

.green {
background:#304854;
}

.blue {
background:#2D3856;
}

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

.redNav1Borders {
border-top:   1px solid #600001;
border-bottom:1px solid #663334;
}

.greenNav1Borders {
border-top:   1px solid #1D3843;
border-bottom:1px solid #415055;
}

.blueNav1Borders {
border-top:   1px solid #172242;
border-bottom:1px solid #414C68;
}

.redNav2Borders,
.greenNav2Borders,
.blueNav2Borders
{
border-top:   1px solid #666;
border-bottom:none;
}

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

.redProductBorder {
border-bottom:1px solid #B08273;
}

.greenProductBorder {
border-bottom:1px solid #8D9A90;
}

.blueProductBorder {
border-bottom:1px solid #A89294;
}

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

.navSpacer {
  width:24px;
}

.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;
text-decoration:none;
}

.redNav1 {
background: #954F4F;
}

.greenNav1 {
background: #788991;
}

.blueNav1 {
background: #6D758A;
}

 .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:#FC6;
}

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
{
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:          #FFC;
background:     #666;
text-decoration:none;
}

 .nav2active,
A.nav2active, A.nav2active:active, A.nav2active:visited, A.nav2active:hover,
A.redNav2:hover, A.greenNav2:hover, A.blueNav2:hover,
A.redNav2NoPad:hover, A.greenNav2NoPad:hover, A.blueNav2NoPad:hover
{
color:#FC6;
}

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:          #FFC;
text-decoration:none;
}

.redProductHeader,
.redProductHeader1,
.redProductHeader2,
.redProductPopupHeader
{
background: #75191A;
}

.greenProductHeader,
.greenProductHeader1,
.greenProductHeader2,
.greenProductPopupHeader
{
background: #304854;
}

.blueProductHeader,
.blueProductHeader1,
.blueProductHeader2,
.blueProductPopupHeader
{
background: #2D3856;
}

.redProductPopupHeader, .greenProductPopupHeader, .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:      11px;
font-style:     normal;
font-weight:    normal;
color:          #FFC;
text-decoration:none;
}

.redProductText {
background: #75191A;
}

.greenProductText {
background: #304854;
}

.blueProductText {
background: #2D3856;
}

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
{
text-decoration:underline;
}

A.redPrevNextText:hover, A.greenPrevNextText:hover, A.bluePrevNextText:hover
{
color:#FC6;
}

/*--- 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:      #B08273;
background: #75191A;
}

.greenFooter, A.greenFooter:link, A.greenFooter:active, A.greenFooter:visited, A.greenFooter:hover {
color:      #8D9A90;
background: #304854;
}

.blueFooter, A.blueFooter:link, A.blueFooter:active, A.blueFooter:visited, A.blueFooter:hover {
color:      #A89294;
background: #2D3856;
}

A.redFooter:hover, A.greenFooter:hover, A.blueFooter:hover
{
color:#FC6;
}

/*--- 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;
line-height: 25px;
}

/*--- 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:    12px;
font-weight:  bold;
border:       none;
margin:       0px 0px 3px 0px;
}

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

div.content p.legal {
width:          380px;
text-align:     justify;
padding-bottom: 5px;
}

div.content p.errortext {
font-weight:bold;
}

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

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

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

div.row {
/* float:      left; */
margin:     0px;
padding:    0px;
width:      335px;
border:     none;
background: transparent;
}

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

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

.contactInputText {
width:250px;
}

.contactInputSelect {
width:255px;
}

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