/* styles, import after skidoo_too.css */
form
{
	margin: 0;
}
#pageWrapper, #masthead, #innerColumnContainer, #footer, .vnav ul, .vnav ul li, .hnav ul li a
{
	border-color: #565;
    border-color: #fff;
}
html, body
{
	/* note that both html and body elements are in the selector.
	 * this is because we have margins applied to the body element
	 * and the HTML's background property will show through if
	 * it is ever set. _DO_NOT_ apply a font-size value to the
	 * html or body elements, set it in #pageWrapper.
	 */
    background: #fff url(/skins/88strong/images/bgtile.gif) 50% 0 repeat-y;
    color: #222;
    font-family: helvetica, sans-serif;
}
#pageWrapper
{
	font-size: 80%;	/* set your default font size here. */
    background: #fff; /* make sure body bg setting doesn't come thru */
}
#masthead
{
	background: #fff url(/skins/88strong/images/88logo.gif) 50% no-repeat;
	color: #000;
    position: relative;
    height: 208px;
}
.hnav
{
	background: url(/skins/88strong/images/gradient.png) repeat-x;
	margin-bottom: 1em;
    color: #fff;
}
#outerColumnContainer
{
	border-left-color: #fff;	/* left column background color */
	border-right-color: #fff;	/* right column background color */
	background-color: #fff;		/* set the background color for the
					   middle column here */
}
.vnav ul li a:link, .vnav ul li a:visited, .vnav ul li a:active
{
	text-decoration: none;
	background-color: #fff;
	color: #000;
}

.vnav ul li a:hover, #rightColumn .vnav ul li a:hover
{
	text-decoration: underline;
}
#leftColumn .vnav h3 
{
    background: url(/skins/88strong/images/gradient.png) repeat-x;
    color: #fff;
}
* html #leftColumn .vnav h3 {
   height: 100%;
}

.hnav ul li a:link, .hnav ul li a:visited
{
	background-color: #bcb;
	color: #000;
}
.hnav ul li a:hover
{
	background-color: #787;
	color: #fff;
}
#middleColumn .inside {
    font-family: verdana, arial, sans-serif;
}
#rightColumn .inside
{
	/* if you apply a font size to just #rightColumn, then its width,
	 * which is specified in EMs, will also be affected. you don't want
	 * that. so apply font size changes to the .inside element which exists
	 * inside underneath all three columns
	 */
	/*font-size: 90%;*/
}
#rightColumn .inside .vnav
{
	/*font-size: 110%;*/
}
#footer,  .sub_footer {
    font-size: 11px;
}
#footer {
    margin-top: 2em;
}
#footer, .sub_footer
{
    border-top: 1px solid #d9d9d9;
    background-color: #fff;
    color: #b7b7b7;
}
#footer a { color: #b7b7b7; }
img, fieldset 
{
    border: none;
}
#searchbar input
{
	font-size: 90%;
}
#masthead h1 a:hover
{
	text-decoration: none;
}
#leftColumn h3 
{
    font-weight: 700;
    background: #f4f4f4;
    padding: .5em;
    font-size: 100%;
    margin: 0;
}
.crumb_trail 
{
	margin-top: 0.5em;
	margin-bottom: 1em;
    font-family: helvetica, sans-serif;
    font-size: 110%;
}
.box_top /* label */
{
    font-size: 160%;
    margin-bottom: 0.5em;
}
.box /* typically short description */
{
    
}
.subcat_summary
{
	margin-bottom: 0.5em;
	width: 80%;
}
.item_box
{ 
    margin-bottom: 2em;
    float: left;
    width: 50%;
}
.bold_link /* product link in category view */
{
}
.item_box img  /* product iamge */
{
    margin: .5em 0;
}
.center 
{ 
    text-align: center;
}
#middleColumn a
{
    color: #000;
    font-weight: 700
}
.cart_rowA
{
}
.cart_rowB 
{
	background: #f8f8f8;
}
.topnav
{
    position: absolute;
    bottom: 1em;
    right: 1em;
}
.topnav a
{
    margin-right: 1em;
    text-transform: uppercase;
    font-family: helvetica;
    font-size: 90%;
}
.topnav a, .topnav a:visited
{
    color: #222;
}
.topnav a:hover
{
    text-decoration: underline;
}
.topnav ul 
{
    list-style-type: none;
}
.left_side {
    float: left;
    width: 401px;
}
.right_side {
    color: #000;
    overflow: hidden;
    height: 100%;
    font-family: helvetica, sans-serif;
}
.opt_table {
    width: 100%;
}
.opt_table .label {
    text-align: right
}
.opt_select {
}
.product_desc
{
    margin: 1em 10% 1.5em 0;
    font-size: 110%;
    color: #222;
}
.price {
    text-align: center;
    font-size: 160%;
}
.errors {
    color: #c00;
    font-weight: 700;
}
.flash_messages {
    font-weight: 700;
    color: green;
}
.mail_signup {
    text-align: center;
    margin-top: 2em;
}