body {
  margin: 0 auto;
  padding: 0;
  text-align: center;
  background: #000 url("images/backer.gif") repeat-y top center;
}

* html body {
  background: #000;
}

img {
  margin: 0;
  padding: 0;
}

p {
	margin: 0;
	padding: 0 6px 8px 0;
  font: normal normal .85em/1.4em georgia, "Times New Roman", Times, serif;
  color: #FFF;
}


h1 {
	margin: 0;
	padding: 0 6px 3px 0;
  font: normal bold 1.2em/1.3em georgia, "Times New Roman", Times, serif;
  color: #FFF;/*E31937*/
}


h2 {
	margin: 0;
	padding: 0 6px 3px 0;
  font: normal bold 1em/1.1em georgia, "Times New Roman", Times, serif;
  color: #FFF;/*E31937*/
}

#wrapper {
  margin: 0 auto 20px auto;
  padding: 0 0 10px 0;
  width: 800px;
  text-align: center;
  background: #FFF;
}

#header {
  margin: 2px 0 0 0;
  padding: 0;
  width: 800px;
  text-align: left;
  border-top: 1px solid #FFF;
}

#header:after {
  content: "clearing Element"; 
  display: block; 
  overflow:hidden;
  height: 0;
  clear: both; 
  visibility:hidden;
}

#logo {
  margin: 0 0 0 3px;
  padding: 0;
  width: 260px;
  /*float: left;*/
}

#gNav {
  margin: 0 10px 0 0;
  padding: 0;
  text-align: right;
}

#gNav:after {
  content: "clearing Element"; 
  display: block; 
  overflow:hidden;
  height: 0;
  clear: both; 
  visibility:hidden;
}

.spacer {
  margin: 0;
  padding: 0;
  height: 3px;
  width: 800px;
  background: #EFC005;
}

#middle {
  margin: 0;
  padding: 0;
  width: 800px;
  background: #000;
}

#middle:after{
  content: "clearing Element"; 
  display: block; 
  overflow:hidden;
  height: 0;
  clear: both; 
  visibility:hidden;
}
  
#ltImage {
  margin: 6px 0 0 0;
  padding: 0;
  width: 310px;
  float: left;
}

* html body #ltImage {
  margin-right: -3px;
}

div.contentArea {
  margin: 0 0 0 320px;
  padding: 0 0 10px 0;
  background: #000;
}

div.contentArea:after{
  content: "clearing Element"; 
  display: block; 
  overflow:hidden;
  height: 0;
  clear: both; 
  visibility:hidden;
}
  

div#contentNav { 
  margin: 0 0 8px 10px;
  padding: 6px 0 0 0;
  float: right;
  width: 160px;
  border-right: 3px solid #EFC005;
  border-bottom: 3px solid #EFC005;
  border-left: 3px solid #EFC005;
  background: #E31937;
}

#bottom { 
  margin: 0;
  padding: 0;
  width: 800px;
}

#bottom:after{
  content: "clearing Element"; 
  display: block; 
  overflow:hidden;
  height: 0;
  clear: both; 
  visibility:hidden;
}
  

#bottomLeft {
  margin: 0;
  padding: 0;
  width: 310px;
  float: left;
}
* html body #bottomLeft {
  margin-right: -3px;
}


#bottomContent {
  margin: 0 0 0 320px;
  padding: 4px 10px;
  text-align: left;
}


/*  XXX GNAV STYLES XXX */



#gNav ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
  text-align: center;
  /*width: 100%;*/
  float: right;
}

#gNav ul li {
  margin: 0;
  padding: 0;
	display: block;
  float: left;
  text-align: center;
}

#gNav ul li a {
  margin: 0;
  padding: 3px 10px;
  background: #FFF;
  display: block;
  border-top: 3px solid #FFF;
  border-right: 3px solid #FFF;
  border-left: 3px solid #FFF;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
  font: normal bold .85em/1.3em trebuchet, sans-serif;
  color: #EFC005;
}

* html body #gNav ul li {
  width: 2%;
}

#gNav ul li a:hover {
  color: #EFC005;
  border-top: 3px solid #EFC005;
  border-right: 3px solid #EFC005;
  border-left: 3px solid #EFC005;
  background: #E31937;
}

#gNav a:active {
  background: #c60;
  color: #FFF;
}

#gNav li#active a {
  color: #EFC005;
  border-top: 3px solid #EFC005;
  border-right: 3px solid #EFC005;
  border-left: 3px solid #EFC005;
  background: #E31937;
}






/* XXX CONTENT AREA STYLES XXX */

div.contentArea h1, div.contentArea h2 {
  margin: 0;
  padding: 10px 20px 0 0;
  text-align: left;
}

div.contentArea p  {
  margin: 0;
  padding: 0 20px 6px 0;
  text-align: left;
}

div.contentArea p.subHead {
  margin: 0;
  padding: 4px 20px 0 0;
  font-family: trebuchet, sans-serif;
  font-weight: bold;
  text-transform: uppercase;
  color: #EFC005;
}

div.contentArea a {
  color: #EFC005;
  font-size: .85em;
  font-family: "Verdana Bold", arial, sans-serif;
  font-weight: bold;
  text-decoration: none;
}

div.contentArea a:hover {
  color: #E31937;
}

div.contentArea a.special {
  margin: 6px 30px 0 0;
  padding: 4px 4px 4px 14px;
  background: #000 url("images/arrowNorm.gif") no-repeat center left;
  color: #E31937;
  text-align: left;
  text-decoration: none;
  font: normal bold .85em/1.3em arial, sans-serif;
  border: 3px solid #000;
}

div.contentArea a.special:hover {
  color: #EFC005;
  background: #E31937 url("images/arrowOver.gif") no-repeat center left;
  border: 3px solid #EFC005;
}

div.contentArea ul {
  margin: 0 0 3px 10px;
  padding: 0;
  text-align: left;
  list-style: none;
  color: #EFC005;
  font-size: .85em;
  font-family: "Verdana Bold", arial, sans-serif;
}

/* XXX SHIPTUT UL STYLES XXX */

div.contentArea ul.shipTut {
  margin: 0 0 6px 30px;
  padding: 0;
  text-align: left;
  list-style-type: decimal;
  font-size: .85em;
  color: #EFC005;
}

div.contentArea ul.shipTut li {
  margin: 3px 0;
}

div.contentArea ul.shipTut li a {
  padding-right: 20px;
}

div.contentArea ul.shipTut li a:visited {
  background: #000 url("images/check.gif") no-repeat right center;
}


/* CONTENTNAV STYLES */


div.contentArea div#contentNav a.label {
  margin: 0 0 3px 0;
  padding: 2px 6px 4px 6px;
  text-transform: uppercase;
  font: normal bold 1em/1.3em trebuchet, sans-serif;
  color: #EFC005;
  text-align: center;
}

div#contentNav ul {
  margin: 0;
  padding: 0;
  list-style: none;
  font-size: .75em;
  border-top: 1px solid #EFC005;
}

div#contentNav ul li {
  margin: 0;
  padding: 0;
  list-style: none;
  border-bottom: 1px solid #EFC005;
}

div#contentNav ul li a {
  margin: 0;
  padding: 6px;
  display: block;
  color: #EFC005;
}

div#contentNav ul li a:hover{
  background: #E31937;
}

/* XXX PRODUCT LISTINGSTYLES XXX */

.prodLabel {
  color: #FFF; /*E37819*/
  font-family: trebuchet, sans-serif;
  text-transform: uppercase;
  background: #E31937;
  border: 1px solid #EFC005;
  margin: 2px 6px 2px 0;
  padding: 2px 6px;
}

.prodDiv p, .prodDiv a {
  font-weight: bold;
}

.prodDiv {
  margin: 10px 20px 12px 6px;
  padding: 0 10px;
  border-bottom: 1px solid #EFC005;
}

/* BOTTOM CONTENT STYLES */

div#bottom ul {
  margin: 0;
  padding: 0;
  width: 200px;
  list-style: none;
  font-size: .8em;
}

div#bottom ul li {
  margin: 0;
  padding: 0;
  list-style: none;
}

div#bottom ul li a {
  margin: 0;
  padding: 6px;
  display: block;
  background: #FFF;
  color: #E31937;
  border: 3px solid #FFF;
  text-decoration: none;
  font-family: "Verdana Bold", verdana, arial, sans-serif;
}

div#bottom ul li a:hover{
  color: #EFC005;
  background: #E31937;
  border: 3px solid #EFC005;
}


table.toolsCalendar {
  margin: 0;
  padding: 0;
  border: 1px solid #CCC;
}


.popup {
  display: none;
  text-align: left;
  background: #000;
}


/* XXX BOTTOMLEFT LEARN LINK STYLE */

#bottomLeft a.learnMore {
  margin: 0 auto 10px auto;
  padding: 8px 10px;
  background: #FFF;
  width: 212px;
  display: block;
  border-right: 3px solid #FFF;
  border-bottom: 3px solid #FFF;
  border-left: 3px solid #FFF;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
  font: normal bold .9em/1.3em trebuchet, sans-serif;
  color: #EFC005;
}

#bottomLeft a.learnMore:hover {
  border-right: 3px solid #EFC005;
  border-bottom: 3px solid #EFC005;
  border-left: 3px solid #EFC005;
  background: #E31937;
}

/* XXX LTIMAGE STYLES */

#ltImage a {
  margin: 0;
  padding: 6px;
  display: block;
  text-align: center;
  font: normal bold .9em/1.3em trebuchet, sans-serif;
  color: #EFC005;
  text-decoration: none;
}

#ltImage a:hover {
  color: #E31937;
}

/* XXX FORM STYLES XXX */

.contentArea table {
  border: 2px solid #EFC005;
  margin: 4px 0;
  padding: 6px;
  background: #E31937;
}

.contentArea table td {
  margin: 0;
  padding: 0 10px 6px 6px;
  border-bottom: 1px solid red;
  background: #FFF;
}

.contentArea table td p {
  margin: 0;
  padding: 6px 6px 0 6px;
  font: normal normal .8em/1.3em trebuchet, sans-serif;
  color: #000;
  text-align: left;
}


.contentArea table td p.formLabel {
  text-align: right;
  font-weight: bold;
}

.contentArea table td p.formLabel2 {
  text-align: left;
  font-weight: bold;
}


/* XXX RETURN LINK XXX */

.contentArea a.return {
  margin: 6px 0;
  padding: 4px 6px 4px 6px;
  display: block;
  text-transform: uppercase;
  font: normal bold .8em/1.3em trebuchet, sans-serif;
  color: #EFC005;
  text-align: left;
}



/*form {
  margin: 10px 4px;
  padding: 10px;
  border: 3px solid red;
  width: 80%;
  background: #FFF;
  text-align: left;
}

form p {
  color: #000;
}

form input {
  vertical-align: middle;
}*/