/**********************************
Watermark - #a8a8aa (light gray)
TopNav Font - #8f8f8f (medium gray)
Background Color: #666 (darker gray)
Body Text - #464749 (even darker gray)
Recent News Header - #323435 (darkest gray)
News Article Header - #000 (black)

Light Blue - #62b4c8
Meisel Blue - #228bb3
Purple - #522381
**********************************/
*
{
  margin: 0;
  padding: 0;
}
html
{
  background: #000;
  font-size: 100%;
}
body
{
  font-size: 0.625em;
  font-family: Verdana, Helvetica, Sans-Serif;
  background: #a5a5a5 url(/Content/images/bkggrad1.png) repeat-x scroll center bottom;    
  min-height: 575px;
  padding-bottom: 20px;
}
img
{
  border: none 0;
}
p
{
  margin-bottom: 15px;
  font-size: 1.1em;
}
a, body
{
  color: #464749;
}
address
{
  font-style: normal;
}
sup
{
  font-size: 0.8em;
}
input[type="button"], input[type="submit"]
{
  font-family: Verdana, Helvetica, Sans-Serif;  
  padding-left: 7px;
  padding-right: 7px;
}
input[type="text"], textarea
{
  font-family: Verdana, Helvetica, Sans-Serif;
  border: solid 1px #666;
  padding: 2px;    
}
h2
{
  color: #522381;
  font-size: 1.8em;
}
h3
{
  color: #522381;
  font-size: 1.3em;
}
h4
{
  font-size: 1.2em;
}

/* PRIMARY LAYOUT ELEMENTS   
----------------------------------------------------------*/
.page
{
  width: 932px;
  margin: 0 auto;
  border: solid 1px #000;
}
/* Header */
#header
{
  height: 80px;
  background: #000;
}
#logo
{
  float: left;
  position: relative;
}
#logo span.logo
{
  position: absolute;
  bottom: 15px;
  left: 20px;
}
#logo span.logo img
{
  width: 102px;
  height: 33px;
}
#topSearch
{
  height: 100%;
  margin-right: 50px;
  position: relative;
}
#topSearchWrapper
{
  position: absolute;
  width: 162px;
  bottom: 15px;
  right: 0;
}
#topSearch input[type="text"]
{
  width: 120px;
  border: solid 1px #CCC;
  height: 15px;
  margin-right: 2px;
}
#topSearch, #topSearch input, #topSearch img, .indexColR, .colR
{
  float: right;
}
#topSearch img
{
  cursor: pointer;
}
/* Middle Band */
.tagLine
{
  background-color: #000;
  background: transparent url(images/billboardbkg.png) repeat;
  color: #fff;
  height: 216px;
  font-size: 1.2em;
}
#billboard
{
  width: 665px;
  height: 100%;
  float: left;
}
/* Main Content */
#main h2,
.product h3
{
  margin-bottom: 10px;
}
#main div.featured
{
  margin-bottom: 15px;
}
#main div.featured p
{
  margin-bottom: 0;
}
#main div.featured img
{
  margin-right: 5px;
}
.subNav
{
  float: left;
  width: 150px;
}
.subNav div.imgGroup
{
  text-align: center;
}
.subNav div.imgGroup a
{
  margin: 0 0 25px 0;
  display: block;
}
.padLR
{
  padding-left: 10px;
  padding-right: 10px;
}
.marTB
{
  margin-top: 20px;
  margin-bottom: 20px;
}
.indexColR
{
  width: 380px;
}
.indexColC
{
  float: left;
  width: 342px;
}
.colR
{
  width: 97px;
}

/* TABLE
----------------------------------------------------------*/
table
{
  border-top: dotted 1px #333;
  border-bottom: dotted 1px #333;
  border-collapse: collapse;
  margin-bottom: 5px;
  font-size: 1.1em;  
}
table td
{
  padding: 5px;  
}
.product table td
{
  text-align: center;
}
table td.sectionHead
{
  text-align: left;
  font-weight: bold;
  border-bottom: solid 1px #ccc;
  padding-left: 0;
  padding-top: 10px;
}
table td.rowHead
{
  font-weight: bold;
  color: #522381;
  text-align: left;
  padding-left: 0;
}

table th
{
  padding: 5px;  
  vertical-align: bottom;
}

/* MISC  
----------------------------------------------------------*/
.clear
{
  clear: both;
}
.error
{
  color: Red;
}
.watermark
{
  font-style: italic;
  color: #a8a8aa;
  font-size: 0.9em;
}
.whitebkg
{  
  background-color: #fff;
  background-image: none;
}
.over
{  
  overflow: auto;
}
.field-validation-error
{
  color: #ff0000;
}
.field-validation-valid
{
  display: none;
}
.input-validation-error
{
  border: 1px solid #ff0000;
  background-color: #ffeeee;
}
.validation-summary-errors
{
  font-weight: bold;
  color: #ff0000;
}
.validation-summary-valid
{
  display: none;
}

/* Blah
-----------*/
div.trackGroup, div.trackNoRes, div.contactGroup
{
  margin-top: 20px;
}
div.trackGroup
{  
  border: solid 1px #999;
  width: 300px;
  padding: 5px;
}
div.trackGroup .row,div.contactGroup .row
{  
  padding: 0 0 0 105px;
}
div.trackGroup .row .header,
div.contactGroup .row .header
{
  float: left;
  font-weight: bold;
  margin-left: -100px;
  /* The next two are an IE6 bug fix */
  position: relative;
  display: inline;
}
div.contactGroup .row
{  
  height: 2.4em;
  line-height: 2.4em;
}