BODY {
 background: #000 url(images/carbon.jpg);
 background-repeat: repeat-x;
 color: #000;
 margin: 0;
}
A {
 color: #000;
 text-decoration: none;
}

A:visited{
 color: #000;
 text-decoration: none;
}
A:hover,A:active{
 color: #888;
 text-decoration: underline;
}
img{
 border-style: none;
}
A.pageResults {
 color: #00F;
}
A:hover.pageResults A:active.pageResults{
 color: #00F;
 background: #FF3;
}
 h1, h2, h3, h4, h5, h6 {
 margin: 0;
 padding: 0;
}
h1 {
 color: #900;
 font: bold 20px/22px Arial,"Verdana",serif;
 background: #fff;
}
h2 {
 color: #000;
 font: bold 13px/14px Arial,"Verdana",serif;
} 
h3 {
 font: 12px/14px Arial,"Verdana",serif;
 color: #900;
}
.chartTable, .tableBorderGrey{
 background-color: #FFF;
 border-width: 1px;
 border-color: #CCC;
 border-style: solid;
}
.tableBorderGrey2{
 background-color: #EEE;
 border-width: 1px;
 border-color: #CCC;
 border-style: solid;
}
.boxText , .boxText li{ 
 list-style: none;
 font: 12px/14px Arial,"Tahoma",serif;
 margin: 0 0 4px 0;
}
TABLE.productListing {
 border: 0;
 border-style: solid;
 border-color: #DDE;
 border-spacing: 1px;
}
.productListing-heading {
 font: bold 12px/14px Arial,"Tahoma",serif;
 background: #BBB;
 color: #900;
}
.productlisting-headingPrice { 
 font: bold 14px/14px Arial,"Tahoma",serif;
 color: #999;
}
TD.productListing-data {
 font: 11px/14px Arial,"Tahoma",serif;
 color: #222;
}
.smallText a{
	font: 14px/14px Arial,"Tahoma",serif;
	color:#FFF;
}
.errorBox {  font: bold 11px/14px Arial,"Tahoma",serif; background: #FBB;}
.stockWarning {  font: 11px/14px Arial,"Tahoma",serif; color: #c03;}
.productsNotifications { background: #FFF;}
.orderEdit {  font: 11px/14px Arial,"Tahoma",serif; color: #7D5; text-decoration: underline;}
/*BOF Left Side InfoBoxes*/
.infoBoxContents {
 background: #FFF;
 font-family: Verdana, Arial, sans-serif;
 font-size: 10px;
}
.infoBoxNotice {
 background: #FE9;
}
.infoBoxNoticeContents {
 background: #FEE;
 font: 11px/14px Arial,"Tahoma",serif;
}
TD.infoBoxHeading {
 font: bold 11px/18px Arial,"Tahoma",serif;
 color: #555;
}
TD.infoBox, SPAN.infoBox {
 font: 11px/14px Arial,"Tahoma",serif;
}
/*EOF Left Side InfoBoxes*/
CHECKBOX, INPUT, RADIO, SELECT {
 font: 11px/14px Arial,"Tahoma",serif;
}
TEXTAREA {
 width: 100%;
 font: 11px/14px Arial,"Tahoma",serif;
}
SPAN.greetUser {
 font: bold 12px/14px Arial,"Tahoma",serif;
 color: #FA8;
}
TABLE.formArea {
 background: #FFF;
 border-color: #79B;
 border-style: solid;
 border-width: 1px;
}
TD.formAreaTitle {
 font: bold 12px/14px Arial,"Tahoma",serif;
}
SPAN.markProductOutOfStock {
 font: bold 15px/18px Arial,"Tahoma",serif;
 color: #c67;
}
SPAN.price {
 font: bold 15px/18px Arial,"Verdana",serif;
 color: #000;
}
SPAN.productSpecialPrice {
 font: bold 15px/18px Arial,"Verdana",serif;
 color: #F00;
}
SPAN.productSpecialblack {
 font: 15px/18px Arial,"Verdana",serif;
 color: #000;
 text-decoration: line-through;
}
SPAN.errorText {
 font: 14px/18px Arial,"Tahoma",serif;
 color: #F00;
}
.moduleRow {}
.moduleRowOver { background-color: #DEF; cursor: pointer;}
.moduleRowSelected { background-color: #EFF;}
.checkoutBarFrom, .checkoutBarTo { font-family: Verdana, Arial, sans-serif; font-size: 11px; color: #888;}
.checkoutBarCurrent { font-family: Verdana, Arial, sans-serif; font-size: 11px; color: #000;}
/* message box */
.messageBox { font-family: Verdana, Arial, sans-serif; font-size: 11px;}
.messageStackError, .messageStackWarning { font-family: Verdana, Arial, sans-serif; font-size: 11px; background-color: #FBB;}
.messageStackSuccess { font-family: Verdana, Arial, sans-serif; font-size: 11px; background-color: #9F0;}
/* input requirement */
.inputRequirement { font-family: Verdana, Arial, sans-serif; font-size: 11px; color: #F00;}
/* VJ Links Manager v1.00 begin */
TABLE.linkListing {
 border: 1px;
 border-style: solid;
 border-color: #BBB;
 border-spacing: 1px;
}
.linkListing-heading {
 font: bold 11px/14px Arial,"Tahoma",serif;
 background: #BBB;
 color: #FFF;
 text-align: center;
}
TD.linkListing-data {
 border-right: 1px solid #BBB;
 border-bottom: 1px solid #BBB;
 padding: 4px;
 font: 11px/14px Arial,"Tahoma",serif;
}
TR.accountHistory-odd, TR.linkListing-odd, TR.addressBook-odd, TR.alsoPurchased-odd, TR.payment-odd, TR.productListing-odd, TR.productReviews-odd, TR.upcomingProducts-odd, TR.shippingOptions-odd {
 background: #EEF;
 color: #FFF;
}
TR.accountHistory-even, TR.linkListing-even, TR.addressBook-even, TR.alsoPurchased-even, TR.payment-even, TR.productListing-even, TR.productReviews-even, TR.upcomingProducts-even, TR.shippingOptions-even {
 background: #EEe;
 color: #FFF;
}
/* VJ Links Manager v1.00 end */
.content 	{BACKGROUND: none; COLOR: #000; FONT-SIZE: 11px; FONT-FAMILY: Verdana, Helvetica}
A.HeaderPageLinks {
 font: bold 11px/14px Arial,"Tahoma",serif;
 color: #000;
}
a:hover.HeaderPageLinks a:active.HeaderPageLinks{
 font: bold 11px/14px Arial,"Tahoma",serif;
 color: #0F0;
}
TD.cookieUsage {
 font: bold 11px/14px Arial,"Tahoma",serif;
 background: #000;
 color: #FFF;
}
td{
 font: 11px/14px Arial,"Tahoma",serif;
 color: #222;
}
.tx{
 color: #346;
 font-size: 11px; 
}
.tx1{
 color: #346;
 font-size: 9px; 
}
.tx2{
 color: #900;
 font-size: 11px; 
}
.tx3{
 color: #F00;
 font-size: 15px;
 font-weight: bold; 
}
/*mozilla fix*/
html>body #thecategories a {
 width: auto;
}
/*end of mozilla fix*/
#navdiv {
 height: 32px;
 width: 893px;
 background: #201517 url(images/hm_back.gif) left top repeat-x;
}
#nav {
 float: right;
 width: 657px;
}
#nav ul {
 margin: 0;
 padding: 0;
 list-style: none;
 background: #201517;
}
#nav li {
 float: right;
 margin: 0;
 padding: 0;
 text-indent: 0;
}
#nav A {
 font: bold 12px/14px Arial,"Tahoma",serif;
 display: block;
 padding: 6px 8px 0 8px;
 color: #fff;
 white-space: nowrap;
 text-align: center;
}
#nav A:visited { 
 color: #fff;
 text-decoration: none;
}
#nav A:hover, #nav A:active{ 
 color: #FFF;
 text-decoration: none;
}
#nav .separator {
 margin: 0;
 padding: 3px 4px 0 4px;
 border: 0;
 color: #FFF;
}
#navright {
 float: right;
 width: 9px;
 height: 34px;
 background: #900 url(images/hm_right.gif) right top no-repeat;
}
#navleft {
 float: right;
 width: 227px;
 height: 34px;
 background: #900 url(images/cat_header.gif) left top no-repeat;
}
/*--------- search -----------*/
#search {
 float: left; 
 width: 212px; 
 height: 68px;
 padding: 0 0 0 10px;
 background: #900 url(images/header_search_background.png) right top no-repeat;
}
#searchtext {
 float:left; 
 position: absolute;
 top: 138px;
 left: 20px;
 font: bold 11px/14px Arial,"Tahoma",serif;
 color:#FFF;
 white-space: nowrap;
}
#searchform {
 position: absolute;
 top: 135px;
 left: 70px;
margin: 0;padding: 0; float: left;
}
#searchfield {
 display: block;
 float: left;
 width: 80px; 
 background-color: #fff;
 border-width: 1px;
 border-style: solid;
 border-color: #999;
 font-size: 13px;
}
#search .input {
 float: left;
 border: 0;
 top: 5px;
 margin: 0;
}
.clearFloats { clear: both; line-height: 0; height: 0;}
#footerbanner {
 float: left; 
 width: 211px; 
 height: 67px;
}
#footernavdiv {
 clear: both;
 height: 27px;
 width: 890px;
 margin: 6px 0 0 0;
}
#footernav {
 float: right;
 width: 872px;
 height: 27px;
 background: #600 url(images/footer_background1.gif) left top repeat-x;
 }
#footernav ul {
 font: 12px/14px Arial,"Tahoma",serif;
 margin: 0;
 padding: 0;
 list-style: none;
}
#footernav li {
 float: right;
 margin: 0;
 padding: 0;
 text-indent: 0;
 color: #fff;
 padding: 6px 3px 0 3px;
 text-align:center;
 
}
#footernavleftcontent {
 color: #fff;
 font: 12px/14px Arial,"Tahoma",serif;
 list-style: none;
 width: 250px;
 white-space: nowrap;
 text-decoration: none; 
 padding: 6px 10px 0 10px;
}
#footernav a {
 display: block;
 width: 60px;
 margin: 0;
 font: 12px/14px Arial,"Tahoma",serif;
 color: #fff;
 white-space: nowrap;
 text-decoration: none;
}
#footernav a:visited { 
 color: #fff;
}
#footernav a:hover,  #footernav a:active{ 
 color: #000;
}
#footernavleft {
 float: right;
 width: 8px;
 height: 27px;
 background: #600 url(images/footer_left1.gif) left top no-repeat;
}
#footernavright {
 font: 12px/14px Arial,"Tahoma",serif;
 float: right;
 width: 8px;
 height: 27px;
 background: #600 url(images/footer_right1.gif) right top no-repeat;
 padding: 0;
}
#footer {
 width: 890px;
  font: 12px/14px Arial,"Tahoma",serif;
 text-align: center;
 margin: 10px auto;
 padding: 4px 0 20px 0;
 color: #FFF;
}
#cartcontainer{
 float: right;
 width: 150px;
 margin: 0 0 0 0;
 height: 20px;
}
#carttext{
 margin: 0 0 0 0;
 font: 10px/14px Arial,"Tahoma",serif;
 color:#FFF;
}
#carttext a, #carttext a:visited{
 font: 10px/14px Arial,"Tahoma",serif;
 color:#F00;
 text-decoration: underline;
}
#carttext a:hover, #carttext a:active{
 font: 10px/14px Arial,"Tahoma",serif;
 color:#F11;
 text-decoration: underline;
}
.ShoppingCartContents {
 vertical-align: top;
 font: 12px/14px Arial,"Tahoma",serif;
 padding: 0 5px 5px 0;
}
.maintitle {
 background: #fff url(images/mainpage_top.png) left top no-repeat;
 line-height: 0; font-size: 1px;
 height: 27px;
}
.main{
 font: 12px/12px Arial,"Tahoma",serif;
 }

.infomaintitle {
 background: #fff url(images/mainpage_top.png) left top no-repeat;
 line-height: 0; font-size: 1px;
 height: 27px;
}
.infomain{
 font: 12px/12px Arial,"Tahoma",serif;
 color:#FFF;
 }
 
.infomain a{
 font: 12px/12px Arial,"Tahoma",serif;
 color:#FFF;
 }

span.style1, span.style1 A {
 font: 12px/18px Arial,"Tahoma",serif;
 text-align: left;
 color: #fff;
}

.maincontent { background: #fff url(images/mainpage_center.gif); padding: 0 15px;}
.maincontent form{display:inline;}
.maincontent p { font: 12px/14px Arial,"Tahoma",serif;;}
.maincontent A {  color: #900;}
.maincontent li {  font: 12px/14px Arial,"Tahoma",serif;}

.mainfoot {
 background: #fff url(images/mainpage_foot.png) left top no-repeat;
 height: 11px;
 line-height: 0; font-size: 1px;
 margin: 0 0;
 padding: 0 0;
}
/* LAYOUT */
#frame {
 	padding: 10px;
	width: 893px; 
	text-align: left;
	background: #000 ;
	margin: 27px auto auto auto;
	position: relative;
}
#header {
  position: absolute;
  top: 10px;
  left: 10px;
  width: 893px;
  margin: 0;
}
#headerdivright {
 float: left;
 width: 250px;
 height: 161px;
 background: #999 url(images/header_right.jpg) left top no-repeat;
}
#headerdivleft {
 float: left;
 width: 643px;
 height: 161px;
 background: #999 url(images/header_left.jpg) left top no-repeat;
}
/* THIS IS MINE */
#headerdiv {
 float: left;
 width: 876px; 
 height: 121px;
 background: #999 url(images/h_top_back.gif) left top repeat-x;
}
#pageContent {
 float: right;
 width: 672px;
}
A.headerNavigation , A:hover.headerNavigation ,A:active.headerNavigation{ 
 font: 12px/14px Arial,"Verdana",serif;
 color: #FFF;
}
A.MainNavigation , A:hover.MainNavigation ,A:active.MainNavigation{ 
 font: 12px/14px Arial,"Verdana",serif;
 text-align:right;
 color: #000000;
}
A.breadcrumbNavigation , A:hover.breadcrumbNavigation ,A:active.breadcrumbNavigation{ 
 font: 12px/14px Arial,"Verdana",serif;
 text-align:left;
 color: #000000;
}
h2#bread span{
 color: #fff;
 font: bold 12px/14px Arial,"Verdana",serif;
} 
#pageBlock {
 float: left;
 width: 893px;
 margin: 193px 0 0 0;
}
#pageColumnLeft {
 float: left;
 width: 214px;
}
/*--------- left nav -----------*/
#homenavleft {
   float: left;
	width: 214px;
	margin: 0;
}
#homenavleft ul{
 margin: 0;
 padding: 0;
 background: #fff url(images/infoBox_foot.gif) left bottom no-repeat;
 padding-bottom: 5px;
} 
#homenavleft a:hover li, #homenavleft a:active li{
 color:#666;
}
#homenavleft li{
 font: 12px/14px Arial,"Tahoma",serif;
 margin: 0;
 padding: 0 0 0 25px;
 color:#000;
 list-style:none;
 background: #fff url(images/infoBox_center.gif) left top repeat-y;
}
#homenavleft li .navGrey{ 
 font: bold 14px/20px Arial,"Tahoma",serif;
 padding: 0 0 0 25px;
 background: 5px url(images/m14.gif) no-repeat;
}
#homenavleft li .navBlue{ 
 font: bold italic 14px/20px Arial,"Tahoma",serif;
 padding: 0 0 0 35px;
 color: #900;
 background: 15px url(images/m14.gif) no-repeat;
}
#homenavleft li .subnavBlue{ 
 font: bold 14px/20px Arial,"Tahoma",serif;
 padding: 0 0 0 40px;
 color: #444;
 background: 20px url(images/m14.gif) no-repeat;
}
#homenavleft .navheading {
 color:#000;
 font: bold 13px/25px Arial,"Tahoma",serif;
 margin: 0 ;
 padding: 0 0 0 5px;
 background: #fff url(images/infoBox_head.png) right top no-repeat;
}
#homenavleft .center {
 font: 12px/14px Arial,"Tahoma",serif;
 margin:0 ;
 padding: 0 0 0 5px;
 color:#000;
 list-style:none;
 background: #fff url(images/infoBox_center.gif) left top repeat-y;
 text-align: center;
}
#homenavleft img{display:inline;}
#homenavleft a{
 font: 12px/14px Arial,"Tahoma",serif;
 text-decoration:none;
 color:#000;
}
#homenavleft a:hover, #homenavleft a:active{
 color:#666;
}
#product {
 font: 12px/18px Arial,"Tahoma",serif;
 list-style:none;
 text-align: left;
 color: #346;
 margin: 0;
 padding: 0 0 0 0;
}
.article-bg{
	background-image: url(images/article-bg.gif);
	width: 616px;
	height: 195px;
	text-align: left;
	margin: 0px;
}
.product-bg{
	background-image: url(images/product-bg.gif);
	width: 647px;
	height: 175px;
	text-align: left;
	margin: 0px;
}
.leftbox{
	float: left;
	padding: 2px;
}
#content, #content2 {
	width: 307px;
	height: 195px;
	float: left;
}
#content3 {
	width: 100%;
	float: left;
}
#content4 {
	width: 250px;
	height: 175px;
	float: left;
}
#content5 {
	width: 310px;
	height: 175px;
	float: left;
}
.leftbox img{
	display: block;
	padding-right: 7px;
	margin-top: 5px;
	margin-left: 2px;
	font-size: 6px;
	color: #000000;
}
.rightbox{
	font-family: Tahoma;
	font-size: 10px;
	color: #000000;
	padding-top: 5px;
	padding-right: 7px;
	padding-left: 7px;
	margin-top: 4px;
}
.rightbox1{
	font-family: Tahoma;
	font-size: 10px;
	padding-top: 15px;
}

.dot {
	background-image: url(http://www.swaytech.org/methanol-injection/images/dot.gif);
}

