body {
background-color: #000;
color: #fff;
font-family: sans-serif;
margin: 0px;
font-size:100%;
}

h1 { font-size: 11px;
	color: #fff;}

td {
font-size: 12px;
}

#spacer1 {
height: 12px;
}

#spacer2 {
height: 27px;
}

#pageheader {
font-size: 26px;
font-weight: bold;
}

#subpage_content {
padding-right: 25px;
width: 346px;
}

#subpage_content b, #content_alt #left1 b{
font-size: 18px;
}

#conn {
background-color: #121212;
}

#boxer {
padding: 23px;
padding-top: 30px;
padding-bottom: 0px;
}

#content_wide {
background-image:url(images/subpage_content_alternate.jpg);
background-repeat: no-repeat;
}

#content_alt #left1 {
padding-left: 38px;
padding-right: 15px;
}

#content_alt #right1 {
padding-right: 38px;
}

#line {
padding: 15px;
}

hr {
border:0 none;
color: black;
background-color: black;
height: 1px;
}


/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

.sexypanels{
list-style-type: none;
margin: 0;
padding: 0;
width: auto;
}

.sexypanels li{
list-style-type: none;
}

.sexypanels li a{
background: transparent;
font: bold 11px Arial, Helvetica, sans-serif;
display: block;
color: #cccccc;
width: 115;
padding: 2px 6; /* Vertical (top/bottom) padding for each menu link */
text-indent: 8px;
text-decoration: none;
text-align: right;
border-bottom: 0px dotted #444444;
}

.sexypanels li a:visited, .sexypanels li a:active{
color: white;
}

.sexypanels li a:hover{
background-color: black; /*color of menu onMouseover*/
color: white;
border-bottom: 0px dotted #444444;
}

a {
	color: #ff0018;
	} 	

<!--[if IE]>
<style type="text/css">
.sexypanels li a{ /* Menu link width value for IE */
width: 90%;
}
</style>
<![endif]-->



/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

.mattblacktabs{
width: auto;
text-align: right;
float: right;
overflow: hidden;
}

.mattblacktabs ul{
margin: 0;
padding: 0;
padding-left: 10px; /*offset of tabs relative to browser left edge*/
font: bold 12px Verdana;
list-style-type: none;
}

.mattblacktabs li{
display: inline;
margin: 0;
}

.mattblacktabs li a{
float: left;
display: block;
text-decoration: none;
margin: 0;
padding: 2px 2px; /*padding inside each tab*/
border-right: 1px dotted white; /*right divider between tabs*/
color: white;
background: transparent;
}

.mattblacktabs li a:visited{
color: white;
}

.mattblacktabs li a:hover, .mattblacktabs li.selected a{
background: black; /*background of tabs for hover state, plus tab with "selected" class assigned to its LI */
}

/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

a.squarebutton{
background: transparent url('images/subcat_button_left.gif') no-repeat top left;
display: block;
float: left;
font: normal 10px Arial; /* Change 12px as desired */
line-height: 15px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 23px) */
height: 23px; /* Height of button background height */
padding-left: 8px; /* Width of left menu image */
text-decoration: none;
text-align: center;
position: relative; 
left:-4px;
width: 100%;
}

a:link.squarebutton, a:visited.squarebutton, a:active.squarebutton{
color: #ffffff; /*button text color*/
width: 100%;
}

a.squarebutton span{
background: transparent url('images/subcat_button_right.gif') no-repeat top right;
display: block;
padding: 4px 8px 4px 0; /*Set 8px below to match value of 'padding-left' value above*/
}

a.squarebutton:hover{ /* Hover state CSS */
background-position: bottom left;
text-decoration: none;
}

a.squarebutton:hover span{ /* Hover state CSS */
background-position: bottom right;
color: #ffffff;
}

.buttonwrapper{ /* Container you can use to surround a CSS button to clear float */
overflow: hidden; /*See: http://www.quirksmode.org/css/clearing.html */

}

.small {
	font-size: 11px;
	color: #fff;
	}
	
#flashcontent {
	width: 799px;
	height: 380px;
	}
	
#flashcontent2 {
	width: 799px;
	height: 251px;
	}
	
.pickText {
	width: 345px;
	padding-right: 26px;
	padding-top: 30px;
	background-image: url(images/subpage_content.jpg);
	}
	
.productSubTitle {
	font-size: 18px;
	font-weight: bold;
	}
	
.blogspace {
	padding-left: 15px;
	}
	
/************ ADDED 6.22.10 ******************/
.endorse {
	width: 525px;
	background: url(images/endorsements.jpg) no-repeat top center;
	padding-top: 307px;
	padding-left: 201px;
	}
	
.redBox {
	width: 400px;
	margin: 50px;
	border: 1px solid #87888d;
	padding: 10px;
	background-color: #501912;
	}
	
a.box {
	color: #fff;
	} 
	
.border {
	border: 1px solid #ff0018;
	background-color: #fff;
	font-size: 16px;
	}
	
.button {
	background-color: #ff0018;
	border: 1px solid #ff0018;
	font-size: 16px;
	font-weight: bold;
	text-transform: uppercase;
	padding: 2px;
	}