/* Site Colors
Blue: #0093D0;
Red: #f00;

*/

BODY
{
	font-family: Arial, Verdana, Helvetica, sans-serif;
	margin: 7px auto;
	font-size: 12px;
	background-color: #c8d1e0;
	background-image: url(../graphics/graygradient.jpg);
	background-repeat: repeat-x;
}



#wrapper
{
	width: 900px;
	background-color: #fff;
	margin: 7px auto;
/*
	background-image: url(../graphics/bluewave.gif);
	background-repeat: no-repeat;
	background-position: left 78px;
*/
}

/*
#siliconespage #wrapper
{

	background-image: url(../graphics/redwave.gif);

}

#foampage #wrapper
{

	background-image: url(../graphics/yellowwave.gif);

}
*/

LI {padding-bottom: 5px;}
#topbar
{
	color: #300;
	width: 100%;
	height: 90px;
	background-color: #fff;
border-bottom: 50px solid #000;

}

#topbar P {float: right; 
font-weight: bold; 


margin-right: 20px;
margin-top: 10px;
text-align:center;}

#topbar P A {color: #000; margin-right: 10px; text-decoration: none;}
#topbar P A:hover {color: #0093D0; }
#topbar IMG {margin-left: 30px;}


#homepage #topbar {border-bottom: 0;}
#homepage #wavetop {display: none;}

#topbar UL
{
clear: both;
	list-style-type: none;
	margin-left: 130px;
	width: 800px;
	height: 12px;
	
}

*+html #topbar UL {width: 900px; margin-top: -8px;}

#topbar LI
{color: #f00;
	float: left;
	margin: 0px 3px 0 3px;
	text-align: center;

}

#topbar LI A
{text-transform: uppercase;
	font-size: 13px;
	color: #666;
	text-decoration: none;
	font-weight: bold;
}

#topbar LI A:hover {color: #f00;}

/* SUBMENU STYLES */
#dropmenudiv
{
	position: absolute;
	border: 1px solid #fff;
	border-bottom-width: 0;
	font-size: 12px;
	line-height: 30px;
	z-index: 1300;
	margin-top: 8px;
	margin-left: -40px;
	
	
}

#dropmenudiv a
{
	width: 100%;
	display: block;
	text-indent: 3px;
	border-bottom: 1px solid #fff;
	padding: 1px 0;
	text-decoration: none;
text-align:center;
	color: #000;

}



#dropmenudiv a:hover
{
	
	background-color:  #0093D0;
	color: #fff;
}
/*
#siliconespage #topbar
{

	border-bottom: 8px solid #E50318;

}


#foampage #topbar
{

	border-bottom: 8px solid #FACC42;	

}
*/

H1
{
	font-size: 18px;
	color: #0093D0;
}

*html H1 {clear: both;}

/*#siliconespage H1 {color: #E50318;}

#foampage H1 {color: #FACC42;	}*/
H2 {font-size: 16px;
color: #f00;}


H3
{   border-top: 1px solid #f00;
	font-size: 15px;
	color: #666;
	font-weight: bold;
	padding-top: 5px;
	clear: right;
}


A, A:link { color: #f00; }
A:hover { color: #0093D0; }


#tagline {width: 314px; height: 85px; background-image: url(../graphics/redbox.jpg); background-repeat: no-repeat; float: left; margin: 30px 0px 0 30px; padding: 25px; color: #fff; font-size: 16px; font-weight: bold; }


/* CONTENT BOX */
#leftcol
{
	width: 230px;
	height: 315px;
	float: left;
	background-image: url(../graphics/bluewavesubend.gif);
	background-repeat: no-repeat;
	background-position: 10px top;
	margin-left: 20px;
}




#leftcol H2 {font-size: 18px; padding-top: 40px;}

#leftcol UL
{
	clear: both;
	list-style-type: none;
	margin-left: 0px;
	
	
	
}



#leftcol LI
{
	width: 230px;
	
}



#leftcol LI A
{
	display: block;
	text-transform: uppercase;
	color: #000;
	text-decoration: none;
	font-weight: bold;
	font-size: 12px;
	padding: 6px 0px 2px 0px;
	border-bottom: 1px solid #f00;
	
}


#leftcol LI A:hover
{
	color: #f00;
	text-decoration: none;
}



#middlecol_sub
{
	background-color: #FFF;

	width: 500px;
	/*position: relative;*/
	margin: 30px 0px 10px 320px;
	padding: 0 10px;
	
}

*html #middlecol_sub {


padding: 0;


}

.boxtop, .boxbottom {width: 478px; margin-top: -23px; margin-left: -14px;}

*html .boxtop, *html .boxbottom {width: 460px; margin-left: -5px; margin-right: -5px;  margin-top: -5px;}


*html #middlecol_sub P, *html #middlecol_sub H1, *html #middlecol_sub H2, *html #middlecol_sub H3 {padding: 0 5px 0 5px;}


/*	Vertical Accordions
		*/

.accordion_toggle
{
	display: block;
	height: 30px;
	width: 97%;
	background-image: url(../graphics/arrowup.gif);
	background-repeat: no-repeat;
	background-position: 95% center;
	background-color: #0093D0;
	padding: 0 5px 5px 10px;
	line-height: 30px;
	font-weight: normal;
	text-decoration: none;
	outline: none;
	font-size: 14px;
	color: #fff;

	cursor: pointer;
	margin: 0;
	border-top: 1px solid #000;
}

#siliconespage .accordion_toggle {background-color: #f00; 	}

#foampage .accordion_toggle {background-color: #FACC42; color:  #f00; }

.accordion_toggle:hover
{
	background-color: rgb(151,176,200);
	background-image: url(../graphics/arrowdown.gif);
	background-repeat: no-repeat;
	background-position: 95% center;
}

.accordion_toggle_active
{
	/*background-color: #f00;*/
	color: #ffffff;
	border-bottom: 1px solid #000;
	background-image: url(../graphics/arrowdown.gif);
	background-repeat: no-repeat;
	background-position: 97% center;
}






.accordion_toggle_active:hover
{
	background-color: rgb(151,176,200);
	background-image: url(../graphics/arrowup.gif);
	background-repeat: no-repeat;
	background-position: 97% center;
}

.accordion_content { padding: 5px 10px 5px 10px; overflow: hidden; width: 95%;}

/* Order area */

.order
{
border-top: 3px solid #000;
clear: both;


}

.order H2 {font-size: 21px; margin-bottom: 0; padding-bottom: 0;}
.order FORM {
width: 470px;
padding-bottom: 10px;
}
.order th {background-color: #333; color: #fff;}
.order td {text-align: center;}

.cartform A {text-decoration: none;font-size: 13px; font-weight: bold; display: block; float: left; padding: 10px 0px 10px 0px;}
.cartform A IMG {margin-top: -3px;}
/* Footer */

#footer
{
	background-color: #000;
	clear: both;
	padding: 10px;
	font-size: 12px;
	width: 880px;
	height: 100px;
	line-height: 130%;
color: #fff;}

#footer A
{
	
	text-decoration: none;
	margin-right: 8px;
	font-weight: bold;
	color: #fff;
	
}

#footer A:hover { color: #f00; }

#bottomnav
{
	float: right;
	border-left: 2px solid #647d54;
	padding-left: 15px;
	margin-top: 10px;
	line-height: 150%;
}
/*
#siliconespage #footer
{

	border-top: 8px solid #E50318;	

}


#foampage #footer
{

	border-top: 8px solid #FACC42;	

}
*/