/*ACT25 */

/* Global declarations*/

body {
  background: black;
  margin: 0;
  padding: 0;
  font: 0.9em Arial, Verdana, Helvetica, sans-serif;
  text-align: left;
  color: black;
}
/*h1 {
  font-size: 200%; margin: 0;

}
*/
h1,h3 {
  font-size : 1.33em; margin: 0.5em 0 0 0; color: white;
  border: 1px solid black;
}
h4 {
  clear: left;
  display: block;
  font-size : 1em; margin: 0; padding: 0.33em 0 0;
/*	border-bottom: 1px solid rgb(50%,50%,50%); */
}
/* h5 used in the forms and update administration pages */
h5 {
  display: inline;
  width: 100px;
  font-size : 1em; margin: 0; padding: 0;
  border-bottom: 2px solid black;
  background-color: #ff7802;
  vertical-align: bottom;
  margin: 3px 10px 3px 0px;
}
textarea {
  margin: 0; padding: 0;
  font: 1em Arial, Verdana, Helvetica, sans-serif;
  vertical-align: bottom;
}
thead th {

}
th, td {
  text-align: left;
}


/* table shading class */
.shade {
  background-color: #d0d0d0;
}
/* div declarations */
div#container {
  float : left;
  margin : auto;
  width: 870px;
}
#header {
  clear : right;
  background: url(../assets/medactweblogo.jpg) no-repeat;
  height: 101px;
  float: left;
  width: 868px;
}
#header h1 {
  font-size: 1px;
  line-height: 1px;
  color: #ffffff;
  letter-spacing: -2000em;
  margin: 0px;
  padding: 0px;
}

#header h1 a {
  display: block;
  height: 101px;
  width: 237px;
  float: left;
}

#header h3 {
  margin: 0 0 0 478px;
  font-size: 1.2em;
  color: #ff7802;
  border: none;
}

/* Menu properties */
#menu {
  float: left;
  width: 99px;
  height: 600px;
  margin: 485px 0 0 0;
}

div#menu ul {margin: 0; padding: 0; width: 7em; background: #b0b0b0; border: 1px solid #000;}
div#menu a {height: auto; color: black}
div#menu a.visited {color: black;}
div#menu a.hover {color: black;}
div#menu li {position: relative; list-style: none; margin: 0; border-bottom: 1px solid #000;}
div#menu li:hover {background: #ff7802;}
/*div#menu li.submenu {background: #e0e0e0;}*/
div#menu li a {display: block; padding: 0.25em 0 0.25em 0.5em; text-decoration: none;
width: 6.5em;}
/*div#menu>ul a {width: auto;}*/
div#menu ul ul {position: absolute; top: 0; left: 7em; display: none;}
div#menu ul.level1 li.submenu:hover ul.level2 {display: block;}
#menu img.small {
	margin: 0 0 0 20px;
}
/* Footer divs */
div#footer{
	clear: both;
	float: left;
	height: 38px;
	width: 856px;
	margin: 0px 0 0 0;
	font: small Arial, Verdana, Helvetica, sans-serif;
}

div#footer h3 {
	background-color : Gray;
	margin: 2px 0 2px 110px;
	padding: 6px 0px 6px 0px;
	color: white;
}
div#footer p {
	font-weight : bold;
	font-size : 12px;
	margin: 2px 0 2px 110px;
	color: white;
}
div#footer img {
	display: inline;
	float: left;
}


/* General div classes */
div#shop {
    float: left;
/*    margin:12px auto;*/
    border: 1px solid; border-color: #ffcc00;
    background-color: #ff9900;
    color:#ffffff;
    width: 730px;
    height:auto;

}
div.head {
  float: left; height: 110px; width: 170px; margin: .3em .1em 1em .5em;
}
div.pic {
  float: left; height: 110px; width: 340px; margin: 0 .4em .5em .4em;
}

div.pic img {
  border: 1px solid; border-color: #444 #aaa #aaa #444;  margin: 0px 3px;
}
div.pic a.tn {float: left;}
div.pic ul {margin: 0 0 0 10px;  font: bold small Arial, Verdana, sans-serif; }
div.pic li.title {
  display: inline-block; text-align: center; list-style: none; font: small Arial, Verdana, Helvetica, sans-serif;
}
div.pic a.tn:hover{
	background: #ff7802;
	border: 2px solid; border-color: #aaa #444 #444 #aaa; margin: 0px 3px;
}

div.picwide {
  float: left; height: 210px; width: 650px; margin: 0 0 .5em 0;
  border: 2px solid black;
}

div.picwide img {
  float: left; border: 1px solid; border-color: #444 #aaa #aaa #444;  margin: 0px 3px;
}
div.picwide ul {clear: right;  margin: 0 0 0 200px;  font: bold small Arial, Verdana, Helvetica, sans-serif; }
div.picwide li.title {
  display: block; text-align: left; list-style: none;
}

div.picwidewheel {
  float: left;  width: 690px; margin: 10px 0 20px 0;
}

div.picwidewheel img {
  float: left; border: 1px solid; border-color: #444 #aaa #aaa #444;  margin: 0px 3px; padding: 4px;
}
div.picwidewheel ul {clear: right;  font: bold small Arial, Verdana, Helvetica, sans-serif; }
div.picwidewheel li.title {
  display: inline; text-align: left; list-style: none;
}

/* Picture spacing classes and divs */
div.pichigh {float: left; height: 300px; width: 340px; margin: 0 0 0 1em;font: small Arial, Verdana, Helvetica, sans-serif;}
div.pichigh img {border: 3px solid; border-color: #444 #444 #444 #444;  margin: 0px 3px;}
div.pichigh ul {margin: 0 0 0 10px;  font: bold small Arial, Verdana, sans-serif; }
div.pichigh li.title {display: block; text-align: left; list-style: none; border: none;}

div.piclong {float: left; height: 430px; width: 300px; margin: 0 0 0 0.5em;font: small Arial, Verdana, Helvetica, sans-serif;}
div.piclong img {border: 2px solid; border-color: #444 #aaa #aaa #444;  margin: 0; width: 190px; height: 250px}
div.piclong ul {margin: 0 0 0 0px;  font: bold small Arial, Helvetica, Verdana, sans-serif; }
div.piclong li.title { clear: left;display: inline;  text-align: left; list-style: none; border: none;}

div.picsm {float: left; height: 140px; width: 300px; margin: 0 0 0 0.5em;font: small Arial, Verdana, Helvetica, sans-serif;}
div.picsm img {border: 3px solid; border-color: #444 #444 #444 #444;  margin: 0 0 0 60px;}
div.picsm ul {margin: 0 0 0 60px;  font: bold small Arial, Verdana, sans-serif; }
div.picsm li.title {clear: left; display: inline;  text-align: left; list-style: none; border: none;}

div.picgeneral {float: left; height: 275px; width: 600px; margin: 0 0 .5em 0;font: small Arial, Verdana, Helvetica, sans-serif;}
div.picgeneral img {float: left; border: 3px solid; border-color: #444 #444 #444 #444;  margin: 0px 3px;}
div.picgeneral ul {margin: 0 0 0 0px;  font: bold small Arial, Verdana, Helvetica, sans-serif; }
div.picgeneral li.title {display: block; text-align: left; list-style: none; border: none;}

div.pictwoacross {float: left; height: 205px; width: 345px; margin: 0.5em 0.5em 0 0.25em;}
div.pictwoacross img {float: left; border: 3px solid; border-color: #444 #444 #444 #444;  margin: 0px 3px;}
div.pictwoacross ul {margin: 0 0 0 10px;  font: bold small Arial, Verdana, Helvetica, sans-serif; }
div.pictwoacross li.title {clear: left;display: inline; text-align: left; list-style: none; border: none;}

div.picthreeacross {float: left; height: 168px; width: 155px; margin: 1px 17px; padding: 15px; background-color: gray;
border: 2px solid; border-color: #aaa #444 #444 #aaa;}
div.picthreeacross img {border: none; height: 110px; width: 145px; }
div.picthreeacross a, a.hover, a.visited { text-align: center; width: 100px; decoration: none;}
div.picthreeacross ul { width: 165px; margin: 0px 0px; padding: 0;}
div.picthreeacross li.title {float: left; font: small Arial, Verdana, Helvetica, sans-serif; color: #000; list-style: none;}
div.picthreeacross li.shopurl {float: left; font: small Arial, Verdana, Helvetica, sans-serif; color: #000; background-color: #ff9900; list-style: none; text-align: center; width: 100%;}
div.picthreeacross li.shopurl a {text-decoration: none;}

div.picfouracross {float: left; }
div.picfouracross ul {margin: 0 0 0 0px;  font: bold small Arial, Verdana, Helvetica, sans-serif; }
div.picfouracross li.title {clear: left; display: inline; text-align: left; list-style: none; border: 1px solid black; background-color: gray;}

.stockist { background: #ff7802; font: 0.9em bold Arial, Verdana, Helvetica, sans-serif; color: black; display: block; padding: 0.25em;
text-align: center;}
/* child declarations */

div#links {
  float: left;
  width: auto;

}
#links ul {
	margin: 0 0 0 0em;
	list-style: none;
	border: 1px solid black;
}

#links li.link {
	margin: 0 1em 0 0;
  	padding: 0.25em 0 0 0.25em;
	text-align: left;
}

#links a {
	font: bold small Arial, Verdana, Helvetica, sans-serif;
}

#links a:hover {
	background: #ff7802;
	font: bold small Arial, Verdana, Helvetica, sans-serif;
	color: black;
	text-decoration: none;
}


div#contents{
	float: left;
	margin: 0px 10px 10px 10px;
/*	background-color : Silver; */
/*	background: url(../assets/act_water_hires_logo.jpg) 0 0 repeat silver; */
/*	background: url(../assets/act-logo-high-res-thmb.jpg) 0 0 repeat silver;*/
	background-color: #b0b0b0;
	width: 730px;
	padding: 3px 3px 3px 3px;
}
div#contents h2 {
	background : Gray  url(../assets/h3background.gif);
	color : Black;
	font-size: 1.25em;
	font-weight : bold;
	border : thin solid Black;
	clear: left;
}

div#contents h3, h1{
 	background: #808080 url(../assets/h3background.gif);
	font-size : 1.33em; margin: 0.5em 0 0 0;
	clear: left;
}

div#contents img{
 border: 1px solid; border-color: #444 #444 #444 #444;  margin: 0px 2px;
}

div#contents p {
font : .9em;
  clear: left;
	color: black;
}

div#contents ul.product {
	margin: 0 0 0 0;
	border: none;
	list-style: none;
}

div#contents li.product {
	background-color: #ff9900;
	color: white;
	font-size: 100%;
	font-weight: bold;
	border-bottom: none;
	border: 1px solid Blue;
}

div#contents th, thead
{
font: 1em Arial, Verdana, Helvetica, sans-serif bold;
  background: url(../assets/menubgimage.gif);
}

div#contents th.lower {
font: 0.1em Arial, Verdana, Helvetica, sans-serif bold;
  background: url(../assets/menubgimage_lower.gif);
}
div#contents th.outer,td.outer {
font: 0.5em;
	background: url(../assets/outerimage.gif); 
	border : 1px solid #ff7802;
}
div#disclaimer {
  clear: left;
}