* {font-family:arial, verdana;}
body {background-color:#ffffff;text-align: center;}

#wrap {width: 800px; margin: 0 auto; text-align: left;border:solid #000000 1px;border-bottom:0px;}

.feature {width:150px;border: solid 1px #000000;text-align:center;padding-bottom:15px;min-height:150px;}
.feature a:link img{position:relative; top:auto;z-index:1;text-align:center;padding-bottom:15px;}

.rightMenuBar .feature h4{color: #000000; font-size: 14px; line-height: 16px; padding: 3px 0px 3px 3px; margin: 0px 0px 0px 0px; background-color: #89D4FC; color: #000000;width:147px;border-bottom:solid 1px #000000; text-align:center;font-weight: bold;}

.logoImage img{position: relative;top: 0px; right: auto; bottom: auto; left: 0px;z-index:1;}

.googleimage img {float:right;}

.menuBack { position: relative;top: 0px; right: auto; bottom: auto; left: 0px;z-index:0;}

.headerBox {background:url("images/headerbar.gif");position: relative;top: 0px; right: auto; bottom: auto; left: 0px;width:800px;height:20px;}

.headerLink1 a {color:#CC99FF;font-size:14px;position: relative;top: 8px; right: auto; bottom: auto; left: 130px; text-decoration: none; border-right:2px solid; border-right-color:#9933cc; padding-left:10px;padding-top:5px;padding-bottom:8px;padding-right:10px;}
.headerLink1 a:link {color: #CC99FF; text-decoration: none;}
.headerLink1 a:visited {color: #CC99FF;text-decoration: none;}
.headerLink1 a:active {color: #CC99FF;text-decoration: bold;}
.headerLink1 a:hover {color: #ffff66;text-decoration: none;}


.leftMenuBar a {display:block;background:url("images/whitebutton.gif");height:19px;color:#000000;font-size:12px;position: relative;top: 0px; right: auto; bottom: auto; left: auto; text-decoration: none;padding-left:13px;}
.leftMenuBar a:link {display:block;background:url("images/whitebutton.gif");color: #000000; text-decoration: none;}
.leftMenuBar a:visited {color: #000000;text-decoration: none;}
.leftMenuBar a:active {color: #000000;text-decoration: none;}
.leftMenuBar a:hover {display:block;background:url("images/whitebutton.gif");color: #000000;text-decoration: underline;}


.leftMenuBar {position:absolute; top: 70px; right: auto; bottom: auto; left: -3px;width:136px; height:21px;}

.leftMenuBar2 a {display:block;background:url("images/whitebutton.gif");height:19px;color:#000000;font-size:12px;position: relative;top: 0px; right: auto; bottom: auto; left: auto; text-decoration: none;padding-left:13px;}
.leftMenuBar2 a:link {display:block;background:url("images/whitebutton.gif");color: #000000; text-decoration: none;}
.leftMenuBar2 a:visited {color: #000000;text-decoration: none;}
.leftMenuBar2 a:active {color: #000000;text-decoration: none;}
.leftMenuBar2 a:hover {display:block;background:url("images/whitebutton.gif");color: #000000;text-decoration: underline;}


.leftMenuBar2 {position:relative; top: 0px; right: auto; bottom: auto; left: 0px;width:135px; height:21px;}



.topbutton {position: relative;top: 49px; right: auto; bottom: auto; left: -3px;}
.bottombutton {position: relative;top: 0px; right: auto; bottom: auto; left: 0px;}

.topbutton2 {position: relative;top: 00px; right: auto; bottom: auto; left: 0px;}
.bottombutton2 {position: relative;top: 0px; right: auto; bottom: auto; left: 0px;}



.mainPage {position: relative;top: 0px; right: auto; bottom: auto; left: 140px;width:526px;min-height:800px; height:auto;}
/* for Internet Explorer */
/*\*/
* html .mainPage {
height: 800px;
}


.mainPage p {color:#000000;font-size:14px;}
.mainPage a {color:##663399;;font-size:14px;}
.mainPagePortfolio p {color:#000000;font-size:14px;}
ul {list-style-type:circle;}

li {color:#000000;font-size:14px;}



h1 { font-size: 12px; text-transform: uppercase; line-height: 100%; color: #000000; background-color: #89D4FC; margin: 20px auto 6px auto; padding: 4px 0px 4px 5px; position:relative; top: 0px; left:auto; right:auto; bottom:auto;}

.cylinder h1 { font-size: 12px; text-transform: uppercase; line-height: 100%; color: #000000; background-color: #89D4FC; margin: 20px auto 6px auto; padding: 4px 0px 4px 5px; position:relative; top: 0px; left:auto; right:auto; bottom:auto;}

.machines {vertical-align:top;}



.machines h5 { font-size: 12px; text-transform: uppercase; line-height: 100%; color: #ffffff; background-color: #ff0000; margin: auto auto auto auto; padding: 4px 0px 4px 5px; position:relative; top: auto; left:auto; right:auto; bottom:auto;width:252px;}

h5 { font-size: 12px; text-transform: uppercase; line-height: 100%; color: #ffffff; background-color: #ff0000; margin: auto auto auto auto; padding: 4px 0px 4px 5px; position:relative; top: auto; left:auto; right:auto; bottom:auto;width:100%;}

.machines img {}

.machines {border:solid 1px #000000;}
.machines a {text-decoration:none;vertical-align:bottom;}

.w3c {position: relative;top:0px; right: auto; bottom: auto; left: auto; border-style:none;margin-left:20px;background:none;}

.footer {background:url("images/headerbar.gif");position: relative;top: 0px; right: auto; bottom: auto; left:0px;width:800px;height:35px;text-align:center;color:#ffffff;font-size:10px;padding-top:3px;border:none;clear:both;text-decoration: none;}
.footer a{text-decoration: none;color:#ffffff;}


.rightMenuBar a {display:block;background:#89D4FC;color:#000000;font-size:12px;position: relative;top: -10px; right: auto; bottom: auto; left: auto; text-decoration: none;padding-left:20px;margin-top:1px;}
.rightMenuBar a:link {display:block;background:#89D4FC;color: #000000; text-decoration: none;}
.rightMenuBar a:visited {color: #000000;text-decoration: none;background:#89D4FC;}
.rightMenuBar a:active {color: #000000;text-decoration: none;background:#89D4FC;}
.rightMenuBar a:hover {display:block;background:#89D4FC;color: #ffff66;text-decoration: none;}


.rightMenuBar {position:absolute; top: 0px; right: auto; bottom: auto; left: 649px;width:150px; height:25px;}

.rightMenuBar h6 {background:#89D4FC;color:#000000;font-size:12px;position: relative;top: auto; right: auto; bottom: auto; left: auto;padding-left:20px;margin-top:1px;margin-bottom:10px;border-top: solid 1px #000000;border-bottom: solid 1px #000000;line-height: 150%;}








.postage { margin-left: 5px;  margin-bottom: 5px; margin-top: 5px;font-size: 14px; color: #000000; background-color: #FFFFFF;padding:5px;border-width:1px;border-style:solid; border-color:#CC9966; text-align:center;}

.floatright {float:right;}

.clear {clear:left;}

.table {position:relative; top: auto; left:0px; right:auto; bottom:auto;width:100%;}
.table td{font-size:10px;background-color:#cccccc;width:100%;}

.producttable {border-top: #cccccc 2px solid;width:100%;}

.producttable h1 { font-size: 12px; text-transform: uppercase; line-height: 100%; color: #000000; background-color: #89D4FC; margin: 20px auto 0px auto; padding: 4px 0px 4px 5px; position:relative; top: -20px; left:auto; right:auto; bottom:auto;}

.producttable p{font-size:12px; color:#000000; position:relative; top:-25px; left:auto; bottom:auto; right:auto;padding-left:5px;}

.rightborder{border-right:#cccccc 2px solid;width:40%;}




table.table	{ width: 100%;position:relative; left:0px; right:auto; bottom:auto;z-index:0;}

table.table td	{ padding: 2px 5px 2px 5px;   background-color: #efefef;z-index:0; }



table.table td.price	{ font-size: 12px; padding-bottom:-10px;font-style: normal; font-weight: bold; margin-bottom: -40px; border-bottom: 1px solid #C0C0C0;border-top: 1px solid #C0C0C0;position:relative;width:50%;z-index:0;}

table.table td.productcode	{ font-size: 12px; font-style: normal; font-weight: bold; margin: auto;border:0px; }
.root a{font-size:11px;}
.root p{font-size:11px;}

.tablemain	{ width: 100%;position:relative; left:0px; right:auto; bottom:auto;}

.tablemain td	{ padding: 2px 5px 0px 2px; width: 100%;}

.paypal{ font-size: 12px; padding-bottom:-10px;font-style: normal; font-weight: bold; margin-bottom: 0px;position:relative;width:50%;z-index:0;}



.producttablemain {border-top: #cccccc 0px solid;width:50%;}

.producttablemain h1 { font-size: 12px; text-transform: uppercase; line-height: 100%; color: #000000;  margin: 20px auto 6px auto; padding: 4px 0px 4px 5px; position:relative; top: -20px; left:auto; right:auto; bottom:auto;width:99%;}

.producttablemain p{font-size:12px; color:#000000; position:relative; top:-35px; left:auto; bottom:auto; right:auto;padding-left:5px;}

.price td{background:#efefef;font-size: 12px; font-style: normal; font-weight: bold; margin: 10px; border-bottom: 1px solid #C0C0C0;border-top: 1px solid #C0C0C0;position:relative;width:100px; height:20px;}
.productcode {background:#efefef;font-size: 12px; font-style: normal; font-weight: bold; margin: 0px;border:0px;}
.buttons {background:#efefef;border-top:#c0c0c0 1px solid;border-bottom:#c0c0c0 1px solid;}


.addtocart {background:#c0c0c0;}

.cards {position:relative; top:-150px; left:-25px; bottom:auto; right:auto;z-index:1;}

.reviews	{ position: relative;
	top: 0px;
	right: auto;
	bottom: auto;
	left:0px;
	width: 150px;
	height: 1000px;
  padding: 0px 0px 0px 0px;
	z-index: 2;



	}	
.reviews h2 { font-size:14px; color:#000066;padding-bottom:-10px;}
.rightMenuBar.reviews a { font-size:12px; color:#000066;background-color:#ffffff;}

.reviews p { font-size:10px;position: relative; top: -10px; right: auto; bottom: auto; left: auto; margin: auto 2px auto 2px; color:#000000;margin-bottom:0px;padding-right:4px;}

.reviews a { font-size:11px; margin-top:20px;}


.tech a{position:relative;z-index:2;}/* set stacking context*/

.tech a span{

visibility:hidden;/* hide message initially*/

position:absolute;

top:-200px;

left:-520px;

width:350px;

padding:5px;

background:#89d4fc;

color:#000000;

border:2px inset black;
text-decoration:none;
z-index:2;
}

.tech a:hover{visibility:visible;text-decoration:none;z-index:2;}/* ie bug needed to make span show*/

.tech a:hover span{visibility:visible;text-decoration:none;z-index:2;}/* reveal image*/

.tech img {position:relative; top:0px; right:auto; bottom:auto; left:2px;text-decoration:none;z-index:2;}


#menuBox {position:absolute; top:250x; right:auto; left: auto; bottom: auto; width:133px;}

#menuBox p {position:relative; top:auto; right:auto; left: 0px; bottom: auto;color:#000000; font-size:9px;}



.menu h4	{color: #000000; font-weight: bold; text-decoration: none; font-size: 0px; line-height: 0px; text-transform: uppercase; padding: 0px 0px 0px 3px; margin: 0px 0px 0px 0px; background-color: #89D4FC; width:100%;border-bottom:solid 1px #000000;border-top:solid 1px #000000; }

.menu h6	{color: #000000; font-weight: bold; text-decoration: none; font-size: 0px; line-height: 0px; text-transform: uppercase; padding: 0px 0px 0px 3px; margin: 0px 0px 0px 0px; background-color: #89D4FC;width:100%;border-bottom:solid 1px #000000; }

.menu h3	{color: #ffffff; font-weight: bold; text-decoration: none; font-size: 9px; line-height: 11px; text-transform: uppercase; padding: 3px 0px 3px 3px; margin: 0px 0px 0px 0px; background-color: #FF0000;width:100%;border-bottom:solid 1px #000000; }


.menu h2	{color: #000000; font-weight: bold; text-decoration: none; font-size: 9px; line-height: 11px; text-transform: uppercase; padding: 3px 0px 3px 3px; margin: 0px 0px 0px 0px; background-color: #89D4FC; color: #000000;width:100%;border-bottom:solid 1px #000000; }
.menu h2 a	{color: #000000; font-weight: bold; text-decoration: none; font-size: 9px; line-height: 11px; text-transform: uppercase; padding: 3px 0px 3px 3px; margin: 0px 0px 0px 0px; width:100%;}
.menu h2  a:link	{ color: #000000;font-size: 9px; line-height: 11px; text-transform: uppercase; padding: 4px 0px 4px 1px; margin: 0px 0px 0px 0px; line-height: 11px;  }
.menu h2 a:active	{color: #000000;line-height: 11px; padding: 4px 0px 4px 1px;}
.menu h2 a:visited	{ color: #000000;line-height: 11px; padding: 4px 0px 4px 1px; }
.menu h2 a:hover	{ color: #00ff33; font-size: 9px; line-height: 11px; width:100%; }


.menu2 h4	{color: #000000; font-weight: bold; text-decoration: none; font-size: 0px; line-height: 0px; text-transform: uppercase; padding: 3px 0px 3px 3px; margin: 0px 0px 0px 0px; background-color: #89D4FC; color: #000000;width:100%;border-bottom:solid 1px #000000;border-top:solid 1px #000000; }

.menu2 h6	{color: #000000; font-weight: bold; text-decoration: none; font-size: 0px; line-height: 0px; text-transform: uppercase; padding: 3px 0px 3px 3px; margin: 0px 0px 0px 0px; background-color: #89D4FC; color: #000000;width:100%;border-bottom:solid 1px #000000; }

.menu2 h2	{color: #000000; font-weight: bold; text-decoration: none; font-size: 9px; line-height: 11px; text-transform: uppercase; padding: 3px 0px 3px 3px; margin: 0px 0px 0px 0px; background-color: #89D4FC; color: #000000;width:100%;border-bottom:solid 1px #000000; }
.menu2 h2 a	{color: #000000; font-weight: bold; text-decoration: none; font-size: 9px; line-height: 11px; text-transform: uppercase; padding: 3px 0px 3px 3px; margin: 0px 0px 0px 0px; width:100%;}
.menu2 h2  a:link	{ color: #000000;font-size: 9px; line-height: 11px; text-transform: uppercase; padding: 4px 0px 4px 1px; margin: 0px 0px 0px 0px; line-height: 11px;  }
.menu2 h2 a:active	{color: #000000;line-height: 11px; padding: 4px 0px 4px 1px;}
.menu2 h2 a:visited	{ color: #000000;line-height: 11px; padding: 4px 0px 4px 1px; }
.menu2 h2 a:hover	{ color: #00ff33; font-size: 9px; line-height: 11px; width:100%; }

.viewcart {position: absolute;
	top: -155px;left:680px;z-index:2;}
	
	
	
.cart a{position:relative;z-index:2;}/* set stacking context*/

.cart a span{

visibility:hidden;/* hide message initially*/

position:absolute;

top:50px;

left:-200px;

width:350px;

padding:5px;

background:#89d4fc;

color:#000000;

border:2px inset black;
text-decoration:none;
z-index:2;
}

.cart a:hover{visibility:visible;text-decoration:none;z-index:2;}/* ie bug needed to make span show*/

.cart a:hover span{visibility:visible;text-decoration:none;z-index:2;}/* reveal image*/

.cart img {position:relative; top:0px; right:auto; bottom:auto; left:2px;text-decoration:none;z-index:2;}