body  {
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	background: #ffffff;
	margin: 0; 
	padding: 0;
	text-align: center; 
	color: #ffffff;
}

.thrColHybHdr #container {
	width: 90%;
	margin: 0 auto;  
	text-align: left; 
	background-color: #CC0000;
        color: #ffffff;
}  
.thrColHybHdr #header {
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 5px;
        border-top: medium solid #cc0000;
} 
.thrColHybHdr #header h1 {
	margin: 0; 
	padding: 10px 0; 
}

.thrColHybHdr #sidebar1 {
	float: left;
	width: 160px;
	height: 100%;
        text-align: center;
	padding-top: 15px;
	padding-right: 0px;
	padding-bottom: 15px;
	padding-left: 0px;
}

.thrColHybHdr #sidebar2 {
	float: right;
        text-align: center;
        width: 230px; /* the background color will be displayed for the length of the content in the column, but no further */
	padding: 15px 0; /* top and bottom padding create visual space within this div */
}

.thrColHybHdr #sidebar1 h3, .thrColHybHdr #sidebar1 p, .thrColHybHdr #sidebar2 p, .thrColHybHdr #sidebar2 h3 {
	margin-left: 10px; 
	margin-right: 10px;
        color: #ffffff;
}

.thrColHybHdr #mainContent {
	margin: 0 230px 0 162px; 
	padding: 1em 1em 1em 1em; 
	background-color: #FFFFFF;
        color: #000000;
} 
.thrColHybHdr #footer {
	padding: 0 10px;
	text-align: center;
} 
.thrColHybHdr #footer p {
	margin: 0; 
	padding: 10px 0; 
}

/* Miscellaneous classes for reuse */
.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right;
	margin-left: 8px;
}
.fltlft { /* this class can be used to float an element left in your page */
	float: left;
	margin-right: 8px;
}
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}

/* STYLES FOR HORIZONTAL NAVIGATION ON TOP OF PAGE */
#nav
{
	padding: 0 10px;
}

#nav ul
{
	position: relative;
	text-align: center;
	padding-left: 0;
	margin-left: 0;
	margin-top: 1.1em;
	background-color: #ffffff;
	color: #cc0000;
	width: 100%;
	height: 1.2em;
	font-family: arial, helvetica, sans-serif;
	font-size: 18px;
        font-weight: bold;
}

#nav ul li { display: inline; }

#nav ul li a
{
	padding: 0 2em 0;
	background-color: #ffffff;
	color: #cc0000;
	font-size: 18px;
	text-decoration: none;
	border-right: 1px solid #cc0000;
}

#nav ul li a:hover
{
	background-color: #cc0000;
	color: #ffffff;
}
/* END STYLES FOR HORIZONTAL NAVIGATION ON TOP OF PAGE */

/* CODE FOR 3D SIDE NAV BUTTONS */

#menu a, #menu a:visited {
  position:relative;
  text-decoration:none; 
  text-align:center;
  font-size: .8em; 
  background-color:#ffffff; 
  color:#cc0000; 
  display:block; 
  width:10em; 
  border:2px solid #fff;
  border-color:#def #678 #345 #cde;
  padding:0.25em;
  margin:0.5em auto;
  }

#menu a:hover {
  top:2px;
  left:2px;
  color:#cc0000;
  border-color:#345 #cde #def #678;
  }

/* END CODE FOR 3D SIDE NAV BUTTONS */


/* FORMATTING FOR LINKS WITHIN MAIN CONTENT DIV */
A.productcontent, A.productcontent:active, A.productcontent:link, A.productcontent:visited
{
	color: #cc0000;
	font-family: Arial;
	text-decoration: none;
	font-size: 13px;
}

A.productcontent:hover
{
	background-color: #cc0000;
	color: White;
	font-family: Arial;
	font-size: 13px;
}

A.sidecontent, A.sidecontent:active, A.sidecontent:link, A.sidecontent:visited
{
	color: #ffffff;
	font-family: Arial;
	text-decoration: none;
	font-size: 13px;
}

A.sidecontent:hover
{
	background-color: #cc0000;
	color: White;
	font-family: Arial;
	font-size: 14px;
}

/* END FORMATTING FOR LINKS WITHIN MAIN CONTENT DIV */


/* FORMATTING FOR TEXT, HORIZONTAL RULES AND THE LIKE */
li {font-size: 11px;}

p {
        margin: 5px 10px 5px 10px;
        font-size: 12px;
}

p.sectionhead {
	margin: 5px 0px 5px 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 30px;
	font-weight: bold;
	font-variant: normal;
	color: #cc0000;
        border-top-style: none;
	border-right-style: none;
	border-bottom-style: solid;
	border-left-style: none;
	border-top-width: thin;
	border-right-width: thin;
	border-bottom-width: thin;
	border-left-width: thin;
	border-top-color: #cc0000;
	border-right-color: #cc0000;
	border-bottom-color: #cc0000;
	border-left-color: #cc0000;
}


p.subsectionhead {
	margin: 5px 10px 5px 10px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	font-variant: normal;
	color: #cc0000;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: solid;
	border-left-style: none;
	border-top-width: thin;
	border-right-width: thin;
	border-bottom-width: thin;
	border-left-width: thin;
	border-top-color: #cc0000;
	border-right-color: #cc0000;
	border-bottom-color: #cc0000;
	border-left-color: #cc0000;
}

p.header {
	margin: 5px 10px 5px 10px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	font-weight: bold;
	font-variant: normal;
	color: #cc0000;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: solid;
	border-left-style: none;
	border-top-width: thin;
	border-right-width: thin;
	border-bottom-width: thin;
	border-left-width: thin;
	border-top-color: #cc0000;
	border-right-color: #cc0000;
	border-bottom-color: #cc0000;
	border-left-color: #cc0000;
}

p.subheader {
	margin: 5px 10px 5px 10px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	font-weight: bold;
	font-variant: normal;
	color: #cc0000;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: solid;
	border-left-style: none;
	border-top-width: thin;
	border-right-width: thin;
	border-bottom-width: thin;
	border-left-width: thin;
	border-top-color: #cc0000;
	border-right-color: #cc0000;
	border-bottom-color: #cc0000;
	border-left-color: #cc0000;
}

p.iteminfo {
	margin: 5px 10px 5px 10px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	font-variant: normal;
	color: #cc0000;
}

p.sidebarheader {
	margin: 5px 10px 5px 10px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-weight: bold;
	color: #ffffff;
}

p.note {
        margin: 5px 10px 5px 10px;
        font-size: 10px;
}

hr.retail {
	color: #cc0000;
	background-color: #cc0000;
	height: 3px;
}

li.main
{
  border: solid 1px white;
  padding: 5px;
  margin: 5px;
  background-color: #cc0000;
  color: #ffffff;
  font-weight: bold;
  font-size: 16px;
}


/* END FORMATTING FOR TEXT, HORIZONTAL RULES AND THE LIKE */
