body { 
	BACKGROUND-color: 333333;
	color: cccccc;
	margin-left; 0px;
	text-decoration: none;
	font-weight: normal;
	font-family: verdana, helvetica, arial;
	font-size: 0.8em;
	scrollbar-face-color:333333;
	scrollbar-highlight-color:191919;
	scrollbar-3dlight-color:191919;
	scrollbar-darkshadow-color:191919;
	scrollbar-shadow-color:191919;
	scrollbar-arrow-color:666666;
	scrollbar-track-color:666666;
}
#all {
	position: relative;
	width: 780px;
}
#logo {
	float: left;
}
#header {
	BACKGROUND-color: 333333;
	clear: both;
}
#onecol {
	BACKGROUND-color: 000000;
	float: left;
	width: 780px;
	height: 520px;

}
#onecolscroll {
	BACKGROUND-color: 000000;
	float: left;
	width: 780px;
	height: 520px;
	overflow:auto;
}
#leftcol {
	float: left;
	width: 390px;
}
#rightcol {
	float: left;
	width: 390px;
	height: 520px;
	background-image: url(images/hpback.jpg);
}
#innertube {
	position: relative;
	padding: 10px 10px 10px 20px;
	text-align: left;
	height: 500px;
}
.content {
	clear: both;
	padding: 10px 0px 0px 0px;
	text-align: left;
	font-size: 1.0em;
}
.contentR {
	clear: both;
	padding: 7px 0px 0px 0px;
	text-align: right;
	font-size: 1.0em;
}
.contentC {
	float: left;
	padding: 0px;
	width: 200px;
	margin-top: 15px;
	text-align: left;
	font-size: 1.0em;
}
.icon {
	clear: both;
	float: left;
	margin-top: 15px;
	width: 30px;
	padding: 0px;
}
#ComponentImage {
	clear: both;
	padding: 10px 0px 0px 10px;
	height: 250px;
}
#components {
	clear: both;
	height: 200px;
	margin: 0px 0px 0px 0px;
	overflow:auto;
}
#gallery {
	float: left;
	width: 125px;
	height: 125px;
	padding: 4px 4px 4px 4px;
	margin: 5px 2px 15px 15px;
	border: thin solid #000;
	BACKGROUND-color: 000000;
}
.compt {
	padding: 3px 15px 3px 15px;
	text-align: center;
	font-weight: bold;
	font-size: 0.8em;
	word-spacing: 0.1em;
	letter-spacing: 0.1em;
}
.comp {
	padding: 3px 15px 3px 15px;
	text-align: center;
}
.compb {
	padding: 3px 15px 3px 15px;
	text-align: center;
	vertical-align: middle;
	color: ECC455;
	border: thin dotted #ECC455;
}
td { 
	color: cccccc;
	font-size: 0.8em;
	word-spacing: 0.1em;
}
#footer {
	clear: both;
	BACKGROUND-color: #191919;
	width: 780;
	HEIGHT: 20PX;
	margin: 0px;
	padding-top: 4px;
	font-family: "Helvetica Neue",helvetica,"microsoft sans serif",arial,sans-serif;
	font-size: 0.9em;
	word-spacing: 0.1em;
	letter-spacing: 0.1em;
	color: #fff;
	text-align: center;
}
input{
	BACKGROUND-color: #666666;
	margin: 0px;
	padding-top: 4px;
	font-size: 1.0em;
	color: #fff;
	text-align: left;
	border-top: thin solid #333333;
	border-left: thin solid #333333;
	border-bottom: thin solid #999999;
	border-right: thin solid #999999;
}
textarea {
	BACKGROUND-color: #666666;
	margin: 0px;
	padding-top: 4px;
	font-size: 1.0em;
	color: #fff;
	text-align: left;
	border-top: thin solid #333333;
	border-left: thin solid #333333;
	border-bottom: thin solid #999999;
	border-right: thin solid #999999;
}
select {
	BACKGROUND-color: #666666;
	margin: 0px;
	padding-top: 4px;
	font-size: 1.0em;
	color: #fff;
	text-align: left;
	border-top: thin solid #333333;
	border-left: thin solid #333333;
	border-bottom: thin solid #999999;
	border-right: thin solid #999999;
}
#linebreak {
	border-top:  1px dashed #666666;
}
A:link 	{ 
	color: #fff; 
	text-decoration: none; 
}
A:visited { 
	color: #fff; 
	text-decoration: none; 
}
#innerlink A:link 	{ 
	color: #ECC455; 
	text-decoration: none; 
	margin: 0px;
	padding: 0px;
}
#innerlink A:visited { 
	color: #ECC455; 
	text-decoration: none;
	margin: 0px;
	padding: 0px;
}
#leadtext  { 
	color: #fff; 
	font-size: 1.1em;
	font-weight: bold;
}
h2 {
	font-size: 1.5em; 
	color: ffffff; 
	letter-spacing: 0.3em;
	font-weight: normal;
}
#product { 
	color: 999999;
	text-decoration: none;
	text-align: left;
	font-weight: normal;
	font-family: verdana, helvetica, arial;
	font-size: 1.0em;
	word-spacing: 0.1em;
	letter-spacing: 0.2em;
	line-height: 150%;
}
#product2 { 
	text-decoration: none;
	font-weight: normal;
	font-family: verdana, helvetica, arial;
	font-size: .9em;
	word-spacing: 0.1em;
	letter-spacing: 0.2em;
	line-height: 110%;
}

		/*** Nav bar styles ***/
.clearit {
	margin: 0;
	padding: 0;
	height: 0;
	clear: both;
}

		/* BUBBLE PLASTIC HORIZONTAL MENU */

.bubplastic.horizontal {
	width: 100%;
	height: 27px;
	margin: 0;
	padding: 0;
	background: #000000 url(images/bg-bubplastic.gif) top left repeat-x;
}
.bubplastic.horizontal ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
.bubplastic.horizontal ul li {
	float: left;
	margin: 0;
	padding: 0;
	background: transparent url(images/bg-bubplastic-button.gif) top left no-repeat;
}

.bubplastic.horizontal ul li a {
	display: block;
	height: 27px;
	padding-left: 18px;
	float: left;
	text-transform: uppercase;
	letter-spacing: 0.1em;
	word-spacing: 0.2em;
	font-family: "Helvetica Neue",helvetica,"microsoft sans serif",arial,sans-serif;
	font-size: 80%;
	color: #fff;
	text-decoration: none;
}
.bubplastic.horizontal ul li a:visited {
	display: block;
	height: 27px;
	padding-left: 18px;
	float: left;
	text-transform: uppercase;
	letter-spacing: 0.1em;
	word-spacing: 0.2em;
	font-family: "Helvetica Neue",helvetica,"microsoft sans serif",arial,sans-serif;
	font-size: 80%;
	color: #fff;
	text-decoration: none;
}
.bubplastic.horizontal ul li a span.menu_ar {
	display: block;
	float: left;
	height: 22px;
	padding-top: 5px;
	padding-right: 16px;
	background: transparent url(images/bg-bubplastic-button.gif) top right no-repeat;
	cursor: pointer;
}
		/* END BUBBLE PLASTIC HORIZONTAL MENU */


		/* GRAY HOVER */
.bubplastic.gray ul li a:hover,
.bubplastic.gray ul li.highlight a {
	background: transparent url(images/bg-bubplastic-h-gray.gif) top left no-repeat;
}
.bubplastic.gray ul li a:hover span.menu_ar,
.bubplastic.gray ul li.highlight a span.menu_ar {
	background: transparent url(images/bg-bubplastic-h-gray.gif) top right no-repeat;
}
#test li {
	display: block;
	border: solid 1px red;
}	

		/*** End Nav bar styles ***/

		/* Component Gallery */

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

.gallerycontainer{
	position: relative;
		/*Add a height attribute and set to largest image's height to prevent overlaying*/
}
.thumbnail img{
	border: 0px;
	margin: 0 5px 5px 0;
}
.thumbnail:hover{
	background-color: transparent;
}
.thumbnail:hover img{
	border: 0px;
}
.thumbnail span{ /*CSS for enlarged image*/
	position: absolute;
	background-color: black;
	padding: 5px;
	left: -1000px;
	border: 1px dashed gray;
	visibility: hidden;
	color: black;
	text-decoration: none;
}
.thumbnail span img{ /*CSS for enlarged image*/
	border-width: 0;
	padding: 2px;
}
.thumbnail:hover span{ /*CSS for enlarged image*/
	visibility: visible;
	top: 0;
	Left: -150; /*position where enlarged image should offset horizontally */
	z-index: 50;
}
		/* Tab Content CSS */
/* ######### CSS for Shade Tabs. Remove if not using ######### */

.tabs{
	float: right;
	width: 150px;
	margin: -20px -20px 10px 0px;
}
.shadetabs{
	padding: 3px 0px 0px 0px;
	margin: 1px 0px 0px 0px;
	text-transform: uppercase;
	font-family: "Helvetica Neue",helvetica,"microsoft sans serif",arial,sans-serif;
	font-size: 60%;
	color: #fff;
	list-style-type: none;
	text-align: center;
	clear: both;
}
.shadetabs li{
	display: inline;
	color: #fff;
}
.shadetabs li a{
	text-decoration: none;
	position: relative;
	padding: 3px 7px;
	margin-right: 3px;
	color: #fff;
	background: url(images/shade.gif) top left;
}
.shadetabs li a:hover{
	text-decoration: none;
	color: #fff;
}
.shadetabs li a.selected{
	background-image: url(images/shadeactive.gif);
	color: #fff;
}
.shadetabs li a.selected:hover{
	text-decoration: none;
	color: #fff;
}
.tabcontent{
	display:none;
}
@media print {
.tabcontent {
	display:block !important;
}
}


}