/*** general ***/
body
{
   background-color: #221E1F;
   color: #FFFFFF;
   font-family: Verdana, Arial, sans-serif;
   font-size: 13px;
   margin: 0;
   min-width: 810px;
   padding: 0;
   text-align: center;
}

hr
{
   background-color: #ECA027;
   border-width: 0;
   color: #ECA027;
   height: 1px;
}

h1, h2, h3, h4, h5, h6
{
   font-weight: normal;
   margin: 0;
   padding: 0 0 15px 0;
}

a { color: #9E5B62; }

.clear-float
{
   clear: both;
   height: 0;
   margin: 0;
   overflow: hidden;
   padding: 0;
}


/*** wrappers ***/
#wrapper
{
   margin: 0 auto;
   padding: 0;
   text-align: left;
   width: 810px;
}

#wrapper-gradient
{
   background-image: url( ../images/background-gradient.jpg );
   background-repeat: repeat-y;
   min-height: 680px;
   height: auto !important;
   height: 680px;
   margin: 0;
   padding: 25px 5px 15px;
}

#wrapper-solid
{
   background-color: #F8DDB3;
   min-height: 680px;
   height: auto !important;
   height: 680px;
   margin: 0;
   position: relative;
}


/*** navigation ***/
#navigation
{
   border-bottom: 2px solid #9595C3;
   height: 14px;
   margin: 0 10px 0 154px;
   padding: 14px 0px 11px;
   position: relative;
   z-index: 10;
}

#navigation img
{
   border: none;
   float: left;
}


/*** content ***/
#logo
{
   position: absolute;
   top: 13px;
   left: 19px;
}

#content
{
   color: #221E1F;
   line-height: 1.7;
   margin: 0 30px 0 305px;
   padding: 20px 0;
}

#left
{
   color: #221E1F;
   font-size: 10px;
   font-style: italic;
   position: absolute;
   top: 176px;
   left: 19px;
   text-align: center;
   width: 249px;
}

#content-left
{
   border-top: 2px solid #9595C3;
   font-style: normal;
   margin-top: 10px;
   padding-top: 10px;
   text-align: left;
}


/*** footer ***/
#footer
{
   font-size: 10px;
   padding: 7px 0 10px;
   text-align: center;
}

#footer a
{
   color: #FFFFFF;
}

/*** products table ***/
table.products
{
   border-collapse: collapse;
   border: none;
   width: 100%;
}

table.products thead tr th
{
   background-color: #ECA027;
   color: #FFFFFF;
   font-weight: bold;
   text-align: center;
}

table.products thead tr th.description
{
   border-right: 2px solid #F8DDB3;
   width: 75%;
}

table.products thead tr th.pricing { width: 25%; }

table.products tbody tr td
{
   line-height: 1.4;
   padding: 10px;
}

table.products tbody tr td.pricing { text-align: center; }

table.products tfoot tr td
{
   padding-top: 10px;
   text-align: center;
}

/*** request form ***/
form
{
   margin: 0;
   padding: 0;
}

label
{
   display: block;
   margin: 0;
   padding: 0;
}

input
{
   color: #000000;
   font-family: Verdana, Arial, sans-serif;
   font-size: 8pt;
}

.select
{
   color: #000000;
   float: left;
   font-family: Verdana, Arial, sans-serif;
   font-size: 13px;
   margin: 0;
   padding: 2px;
}

.text
{
   float: left;
   font-family: Verdana, Arial, sans-serif;
   font-size: 13px;
   margin: 0;
   padding: 2px;
   width: 246px;
}

.textarea
{
   color: #000000;
   float: left;
   font-family: Verdana, Arial, sans-serif;
   font-size: 13px;
   margin: 0;
   padding: 2px;
   height: 64px;
   width: 246px;
}

.button
{
   margin-top: 10px;
}

.process-message
{
   color: #FF0000;
   display: none;
   font-style: italic;
   font-weight: bold;
   padding-bottom: 15px;
}

.error
{
   color: #FF0000;
   font-style: italic;
   float: left;
   height: 22px;
   line-height: 22px;
   margin-left: 10px;
   width: 200px; 
}

.clear-float-form
{
   clear: both;
   height: 10px;
   margin: 0;
   overflow: hidden;
   padding: 0;
}
