html {width:100%; }
body {background:#4E595F url('../images/body-bg2.gif') repeat-x 0 0; margin:0; padding:0; font-family:"Trebuchet MS", Verdana, Arial, "Times New Roman", serif; font-size:80%; color:#000000; width:100%; }

p {text-align:left; padding:0 0 15px 0; margin:0; line-height:140%; position: relative}
h1 {margin:0; padding:0; font-size:160%; font-weight:normal; position: relative }
h2 {margin:0; padding:0 0 20px 0; font-size:140%; font-weight:normal; }

/*link styling*/
a {color:#000000; text-decoration:underline; }
a:hover {text-decoration:none;}
#footer a {color:#637076; }

/*structural elements*/
.section {text-align:center; width:100%; border-bottom:1px solid #637076 }

/*Header*/
#leftheader {background:#1A292F; margin:0 auto; text-align:left;  padding:0px 20px 0px 0px; height:135px; width:100%;  border-bottom:1px solid #637076  }
#header {background:#1A292F; margin:0 auto; text-align:left;  padding:0px 20px 0px 20px; height:135px; width:720px; border-left:1px solid #637076; border-right:1px solid #637076;  }
h1#logo {float:left; height:120px; padding: 20px 2px 0px 0px; border:0px;}
h1#logo1 {float:right; height:120px; padding: 20px 0px 0px 0px; }
#pictureRail {text-align:center; position:absoloute; float:left;}
a img {border:none;}
h1#Title  {text-align:center; font-size:150%; color: white; padding:20px 0 0 0;}
/*Footer*/
#footer {margin:0 auto; text-align:left; padding:20px 20px 20px 20px; width:720px; border-left:1px solid #637076; border-right:1px solid #637076; position:relative; z-index:1;}
#footer p {background:#1A292F; padding:10px; font-size:90%; color:#637076; border:1px solid #637076; text-align:center; z-index:1; }

/*Index Page*/
#ileftheader {background:#1A292F; padding:0px 20px 0px 0px; height:135px; width:100%; float:left; border-bottom:1px solid #637076  }
#iheader {background:#1A292F; margin:0 auto; text-align:left;  padding:0px 20px 0px 20px; height:135px; width:720px; border-left:1px solid #637076; border-right:1px solid #637076; }
#icontainer {margin:0 auto; text-align:left; padding:0 20px 20px 20px; width:720px; border-left:1px solid #637076; border-right:1px solid #637076; }
#ipictureRail {text-align:center; position:absoloute; float:left;}
#iheader p {text-align:center; font-size:150%; color:#E8EDF7; padding:20px 0 0 0;}
#pictureRail img {margin:20px 10px;border:1px solid #FFFFFF; }

/*News Page*/
#news {background:#E8EDF7; float:left; width:200px; padding:20px 20px 5px 20px; border:1px solid #FFFFFF; }

#news h3 {margin:0; padding:0 0 20px 0; color:#000000; font-size:120%; font-weight:bold; }
#news p {padding:10px 0; border-top:1px solid #000000; }

#newscontent {background:#E8EDF7; margin:0px 0px 0px 0px; padding:20px 20px 5px 20px; border:1px solid #FFFFFF; }
#news1 {border:1px solid #000000; float:right; position:relative; margin:0 0 20px 20px; }
#container {margin: auto;  padding:0px 20px 20px 20px; width:720px; border-left:1px solid #637076; border-right:1px solid #637076; border-bottom:0px solid #637076; }


#sideimg { float:left; width:100px; height:700px; padding:0px 0px 0px 0px; border:1px solid #FFFFFF; }
#content {background:#E8EDF7; margin:0px 0 0px 260px; padding:20px 20px 5px 20px; border:1px solid #FFFFFF; }


/*section dependant style over-rides*/

#sideimg h3 {margin:0; padding:0 0 20px 0; color:#000000; font-size:120%; font-weight:bold; }
#sideimg p {padding:10px 0; border-top:1px solid #000000; }
#content img {border:1px solid #000000; float:right; margin:0 0 20px 20px; }
#productcontent {background:#E8EDF7;  margin:10px 110px 10px 110px; position:relative; padding:20px 20px 5px 20px; border:2.5px solid grey; }
#productcontent h1 {margin:0; padding:0; font-size:190%; text-align:left; font-weight:normal; position: relative }

/*Digital Resio Flow Pump*/

#res1 {border:1px solid #000000; float:right; position:relative; margin:-30px -5px -10px 10px;}
#res2{border:1px solid #000000; float:center; position:relative; margin:5px; }
#res3{  position:relative; margin:5px; display:inline; padding:10px 0 0 10px;}
p.res1 {text-align:center; padding:0 0 15px 0; margin:0; line-height:140%; position: relative }
p.res  {text-align:left; padding:15px 15px 15px 0; margin:0; line-height:140%; position: relative }
p.res2  {text-align:Center; font-weight:bold; padding:25px 15px 15px 0; margin:0; line-height:140%; position: relative }


/*Laminated Resin Page*/
#lam1 {border:1px solid #000000; float:right; position:relative; margin:-30px -5px 10px 10px;}
#lam2{border:1px solid #000000; float:center; position:relative; }
#lam3{ float:center; position:relative; }
p.lam1 {text-align:center; padding:0 0 15px 0; margin:0; line-height:140%; position: relative }
p.lam  {text-align:left; padding:15px 15px 15px 0; margin:0; line-height:140%; position: relative }

/*Wizard Page*/
p.wiz1 {text-align:center; padding:0 0 15px 0; margin:0; line-height:140%; position: relative }
p.wiz {text-align:left; padding:15px 15px 15px 0; margin:0; line-height:140%; position: relative }
p.wiz2 {text-align:left;  font-weight: bold; padding:0px 15px 15px 0; margin:0; line-height:140%; position: relative }
#wiz1 {border:1px solid #000000; float:right; position:relative; margin:0 0px 20px 20px;}
#wiz2{border:1px solid #000000; float:left; position:relative; margin:0 75px 20px 25px; }
#wiz3{border:1px solid #000000; float:center; position:relative; margin:0 75px 20px 25px; }
#wizvid {position:relative; top:0; left:0px; right:0px; width:0px; padding:0px 0px 0px 0px;}


/*Location Page (customercontact.htm*/
#loc1 {border:1px solid #000000; float:right; height:200px; width:120px; position:relative; margin:-30px -5px -10px 10px;}
#loc2{border:1px solid #000000; float:center; position:relative; margin-bottom:10px;}
#loct {text-align:left; padding-left:70px; padding-bottom:20px;}
p.loc1t {text-align:center; padding:0 0 15px 0; margin:0; line-height:140%; position: relative }
p.loc2t {text-align:left; padding:15px 15px 15px 0; margin:0; line-height:140%; position: relative }

/*Sandglass (sandglass.htm)*/

#san1 {border:1px solid #000000; float:right; height:300px;  position:relative; margin:-30px -5px -10px 10px;}
#san3 {border:1px solid #000000; float:right; height:300px;  position:relative; margin:10px -5px 10px 10px;}
#san2{border:1px solid #000000; float:center;  position:relative; margin-bottom:10px;}
p.san1t {text-align:center; padding:0 0 15px 0; margin:0; line-height:140%; position: relative; }
p.san2t {text-align:left; padding:15px 15px 15px 0; margin:0; line-height:140%; position: relative; }
p.san3t {text-align:left; padding:15px 15px 15px 0; margin:0; line-height:140%; position: relative; }

/*Mettalure( mettalure.htm)*/

#met1 { float:right; width:11.83em;  position:relative; margin:-30px -5px -10px 10px; padding-bottom:10px;}
#met2{border:0px solid #000000; width:27.33em; float:center; position:relative; margin-bottom:10px;}
#met3{border:0px solid #000000; width:34.5em; float:center; position:relative; margin-bottom:10px;}
#met4{border:0px solid #000000; width:20em; float:center; position:relative; margin-bottom:10px;}
p.met1t {text-align:center; padding:0 0 15px 0; margin:0; line-height:140%; position: relative; }
p.met2t {text-align:left; padding:0px 15px 15px 0; margin:0; line-height:140%; position: relative; }
p.met3t {text-align:left; padding:15px 15px 15px 0; margin:0; line-height:140%; position: relative; }

/*the colour system (the_colour_system.htm*/

#col1 {border:1px solid #000000; float:right; width:15.0em; position:relative; margin:-30px -5px -10px 10px;}
#col3 {border:1px solid #000000; float:right; height:300px;  position:relative; margin:10px -5px 10px 10px;}
#col2{float:right; position:relative; width:25em; margin-bottom:10px; margin-left:20px;}
#col4{float:center; position:relative; width:33.75em; margin-bottom:10px; margin-left:-20px;}
p.col1t {text-align:center; padding:0 0 15px 0; margin:0; line-height:140%; position: relative; }
p.col2t {text-align:left; padding:0px 0px 15px 0; margin:0; line-height:140%; position: relative; }
p.col4t {text-align:left; padding:0px 0px 15px 0; font-weight: bold;  margin:0; line-height:140%; position: relative; }


 /*presentationcontent*/
 
 #presentationcontent {background:#E8EDF7;  margin:10px 110px 10px 110px; position:relative; padding:20px 20px 5px 20px; }

 
 
 /*CXP Spray (cxp-spray.htm)*/
#cxp1 { float:right;  position:relative; margin:-40px -15px -10px 10px;}
#cxp3 {border:1px solid #000000; float:left; height:300px;  position:relative; margin:10px -5px 10px 10px;}
#cxp2{border:1px solid #000000; float:center; position:relative; margin-bottom:10px;}
#cxp4{border:0px solid #000000; float:center; position:relative; margin-bottom:10px; margin-top:-35px;}
  
  /*CXP Spray large image (cxp-spray-images.htm)*/
#cxpimage {background:#E8EDF7;  margin:10px 11px 10px 11px; height:400px;  position:relative; padding:20px 20px 5px 20px; border:2.5px solid grey; }
#cxpi4{border:0px solid #000000; float:center; position:relative; }

   /*crystal-lite*/
#cry1 {border:1px solid #000000; float:right; width:130px;  position:relative; margin:-30px -5px -10px 10px;}
#cry3 {border:1px solid #000000; float:right; width:130px;  position:relative; display:inline; margin:550px -140px 10px 10px;}
#cry2{border:1px solid #000000; float:center; position:relative; margin-bottom:10px;}
p.cryr1t {text-align:center; padding:0 0 15px 0; margin:0; line-height:140%; position: relative; }
p.cry2t {text-align:left; padding:15px 15px 15px 0; margin:0; line-height:140%; position: relative; }
p.cry3t {text-align:left; padding:15px 15px 15px 0; margin:0; line-height:140%; position: relative; }
li.cry4t {text-align:left; padding:15px 15px 0px 0; margin:0; line-height:140%; position: relative; list-style-type:decimal; }
   
     /*login.htm*/
#login {background:#E8EDF7 url('../images/loginflower.gif'); background-repeat: no-repeat; background-position:right;  margin:10px 110px 10px 110px; position:relative; padding:20px 20px 5px 20px; border:2.5px solid grey; }
#login h1 {margin:0; padding:0; font-size:190%; text-align:left; font-weight:normal; position: relative }
#log1 { float:right;  position:relative; margin:0px 0px 0px 10px;}
#log3 {border:1px solid #000000; float:right; width:130px;  position:relative; margin:10px -5px 10px 10px;}
#log2{border:1px solid #000000; float:center; position:relative; margin-bottom:10px;}
p.log1t {text-align:center;  font-weight:bold; color:red; padding:0 0 0px 0; margin:0; line-height:140%; position: relative; }
p.log2t {text-align:left; padding:0 0 15px 0; margin:0; line-height:140%; position: relative; }
p.log3t {text-align:left; padding:15px 15px 15px 0; margin:0; line-height:140%; position: relative; }
#logintable {text-align:left;margin-left: 0px; margin-right: auto; padding:40px 15px 40px 15px; line-height:140%; position: relative; }
   
    /*Contact (contact.asp)*/
#con1 { float:right;  position:relative; margin:-40px -15px -10px 10px;}
#con3 {border:1px solid #000000; float:left; height:300px;  position:relative; margin:10px -5px 10px 10px;}
#con2{border:1px solid #000000; float:center; position:relative; margin-bottom:10px;}
p.con1t {text-align:center;  font-weight:bold; color:red; padding:0 0 0px 0; margin:0; line-height:140%; position: relative; }
p.con2t {text-align:Left;  font-weight:bold; color:black; padding:10px 0 0px 0; margin:0; line-height:140%; position: relative; }
p.con3t {text-align:left; padding:15px 15px 15px 0; margin:0; line-height:140%; position: relative; }
table { border: none; margin-left: 0px; margin-right: auto; Text-align:left; padding: 2px;  }
#check  { border: none; vertical-align: Left; Text-align:left; padding: 50px;  font-weight: bold; }


/*Customer (customer.php)*/
#cust h1 {margin:0; padding:0; font-size:190%; text-align:left; font-weight:normal; position: relative }
#cust1 { float:right;  position:relative; margin:0px 0px 0px 10px;}
#cust3 {border:1px solid #000000; float:right; width:130px;  position:relative; margin:10px -5px 10px 10px;}
#cust2{border:1px solid #000000; float:center; position:relative; margin-bottom:10px;}
p.cust1t {text-align:left;  font-weight:bold; color:red; padding:0 0 0px 0; margin:0; line-height:140%; position: relative; }
p.cust3t {text-align:left; padding:0 0 15px 0; margin:0; line-height:140%; position: relative; }
p.cust3t {text-align:left; padding:15px 15px 15px 0; margin:0; line-height:140%; position: relative; }

#pres a {text-align: left, font-weight:bold;}

/*bottle kit*/
#bot1 { float:right; border:1px solid black; position:relative; margin:-30px -10px -10px 10px; }
img.bot {border:1px solid black;}


/*Prices (pricelist.php*/

td.PTHead {font-weight:bold; padding:5px;background-color: #C5B3EF}
tr.PTHead {}
td.PTContent {padding:5px;}
p.price {Text-align:left; padding: 10px 2px 2px 2px; }

#producttable {padding-top:10px; }
#Categories {float:left; position:relative; text-align:left; margin-left:-15px; padding-right:10px;}
#priceTable {margin-left:50px; position:relative;}
#pricecontent {background:#E8EDF7;  margin:10px 0px 10px 0px; min-height:350px; position:relative; padding:20px 20px 5px 20px; border:2.5px solid grey; }
/* for Internet Explorer */
/*\*/
* html #pricecontent {
height: 350px;
}

  tr.initial { background-color: #DDDDDD; wcolor:#000000; }
  tr.normal { background-color: #CCCCCC }
  tr.highlight { background-color: #8888FF;  }

/*manuals (manuals.php)*/
h3.manuals {text-align:left;}


li.cat { text-align:left; margin-left:-10px;list-style-type:none; }
a.cat {text-decoration:none}
ul.cat {text-align:left;}

/*just makes sure the content doesn't spill out the boxes, see http://www.positioniseverything.net/easyclearing.html for details*/
.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}

.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

/*Top images with white display*/
.extra {display:inline; float:left; text-decoration:none; margin:0 11px;}
.extra em {font-style:normal;}
.extra em.txt, .extra b {display:none;}
.extra .head {display:block; width:218px; height:35px;}
.extra .color1 {background:#458695;}
.extra .color2 {background:#1A292F;}
.extra .color3 {background:#8aaa7f;}

.extra img {border:0; display:block;}
.extra em.mh2 {padding-left:5px; margin:0; color:#fff; font-weight:normal; font-family: verdana, arial, sans-serif; font-size:14px;}
.extra em.mh3 {padding-left:50px; margin:0; color:#fff; font-weight:normal; font-family: verdana, arial, sans-serif; font-size:10px;}
.extra:hover {position:relative;cursor:pointer;}
.extra:hover b {display:block; position:absolute; top:0px; left:0; width:218px; background:#ccc; height:198px; opacity:0.7; filter: alpha(opacity = 70);}
.extra:hover .color1 b {background:#FFF;}
.extra:hover .color2 b {background:#FFF;}
.extra:hover .color3 b {background:#8aaa7f;}

.extra:hover em.txt {display:block; position:absolute; top:45px; font-weight:bold; width:218px; left:5px; height:5px; color:#000; margin:0; line-height:1.5em;}


/*more section*/
.holder {width:210px; margin:5px; padding:5px; border:1px solid #ddd; float:left; background:#f8f8f8;}
.holder h2 {text-align:left;}
a.hid {color:#000; text-decoration:none; outline-style:none; position:relative; z-index:500;}
a.hid em {display:none;}
a.hid:hover {text-decoration:none;}
a.hid:active, a.hid:focus {background:#fff;}
a.hid:active span, a.hid:focus span {display:none;}
a.hid:active em, a.hid:focus em {display:block; background:#f8f8f8; color:#000; width:210px; font-style:normal; cursor:default; padding:5px 5px 20px 5px; position:absolute; left:-6px; top:-5px; border:1px solid #ddd; border-width:0 1px 1px 1px;}
.clear {clear:both;}



/*Magnifiy Image*/

#imgmenu {position:relative; top:0px; z-index:100;}
#imgmenu a.p1, #imgmenu a.p1:visited {display:block; width:75px; height:75px; text-decoration:none; top:0; left:0; border:0;}
#imgmenu a img {border:0;}
#imgmenu a.p1:hover {text-decoration:none; background-color:#8c97a3; color:#000;}
#imgmenu a .large {display:block; position:absolute; width:0; height:0; border:0; top:0; left:0;}
#imgmenu a.p1:hover .large {display:block; position:relative; top:0px; left:px; width:300px; height:300px; border:2px solid #FFFFFF;}

#info {z-index:100; height:22em;}

#box2, #box3 {display:block; position:relative;  top:0px; left:0px;}
#box1 {display:block; width:502px; height:100%; position:relative; top:0px; left:0; background:#ccc; border:1px solid #eee; margin:0 auto;}
#box1home {display:block; width:502px; height:2357px; position:relative; top:0px; left:0; background:#ccc; border:1px solid #eee; margin:0 auto;}
#box1homenews {display:block; width:502px; height:2357px; position:relative; top:0px; left:0; background:#ccc; border:1px solid #eee; margin:0 auto;}
#box2 { background:#999; border:1px solid #aaa;}
#box3 { background:#777; border:1px solid #888;}


/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/basic_dd.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the assocaited (x)html may be modified in any 
way to fit your requirements.
=================================================================== */
/* remove the bullets, padding and margins from the lists */
.menu ul{
list-style-type:none;
padding:0;
margin:0 0 0 0;
}
/* make the top level links horizontal and position relative so that we can position the sub level */
.menu li{
float:left;
position:relative;
z-index:100;
}
/* use the table to position the dropdown list */
.menu table{
position:absolute;
border-collapse:collapse;
left:-1px;
top:25px;

}
li.33{z-index:1;}
/* style all the links */
.menu a, .menu :visited {
display:block;
font-size:11px;
width:110px; /* box width */
padding:5px 0;
color:#000;
background:#21343b;
text-decoration:none;
margin-right:1px;
text-align:center;
color: white;
}
/* style the links hover */
.menu :hover{
color:#444;
background:#d4d8bd;
}

/* hide the sub level links */
.menu ul ul {
visibility:hidden;
position:absolute;
width:100px;
height:0;
}
/* make the sub level visible on hover list or link */
.menu ul li:hover ul,
.menu ul a:hover ul{
visibility:visible;
}



.menu1 ul{
list-style-type:none;
padding:0;
margin:0 0 0 0;
}
/* make the top level links horizontal and position relative so that we can position the sub level */
.menu1 li{
float:left;
position:relative;
z-index:2;
}
/* use the table to position the dropdown list */
.menu1 table{
position:absolute;
border-collapse:collapse;
left:-1px;
top:25px;

}

/* style all the links */
.menu1 a, .menu1 :visited {
display:block;
font-size:11px;
width:110px; /* box width */
padding:5px 0;
color:#000;
background:#21343b;
text-decoration:none;
margin-right:1px;
text-align:center;
color: white;
}
/* style the links hover */
.menu1 :hover{
color:#444;
background:#d4d8bd;
}

/* hide the sub level links */
.menu1 ul ul {
visibility:hidden;
position:absolute;
width:100px;
height:0;
}
/* make the sub level visible on hover list or link */
.menu1 ul li:hover ul,
.menu1 ul a:hover ul{
visibility:visible;
}