html, body {
  margin: 0px;
  padding: 0px;
  border: 0px;
}
  

#navigation {
  background:#E8E8FF;
  /* IE 5.5 */
  height:50px;
  /* IE 6 */
  height: 50px;
}

#navigation2 {
  background:#fff;
  top:235px;
  /* IE 5.5 */
  height:50px;
  /* IE 6 */
  height: 50px;
}

#content {
  background:#fff;
  width: 990px;
  position:relative;
  border-right:1px solid #003895;
  border-left:1px solid #003895;
  top: 0px;
  margin-left: auto; 
  margin-right: auto; 
  padding: 0px;
  min-height: 100%;
}

#header {
  background:#003895;
  /* IE 5.5 */
  height:100px;
  border-top:0px solid #000;
  border-right:0px solid #000;
  border-left:0px solid #000;
  /* IE 6 */
  height: 100px;
}

#header img {

}

#left {
	position:absolute;
	left:0px;
	top:150px;/* 150:header, 75: menu*/
	width:160px;
	background:#fff;
	border:0px solid #000;
	padding: 0px 0px;
}

.style2 {
	font-size: x-small;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin-left:50px;
}

.newlogos img {
margin: 5px;
float: none;
}

#right {
	position: absolute;
	right:0px;
	top:150px;/* 150:header, 75: menu*/
	width:250px;
	background:#E8E8FF;
	border:0px solid #000;
	padding: 0px 5px;
}
#main {
	top:200px;
	background:#fff;
	left:4px;
  	/* these two margins affect IE 5.5 */
	margin-left: 165px;
	margin-right:265px;
	border:0px solid #000;
	padding: 0px 5px;
	/* these two margins affect IE 6 */
	margin-left: 165px;
	margin-right:265px;
        min-height: 500px;
	height: auto !important;
        height: 500px;



}

#mainad {
	top:200px;
	background:#fff;
	left:4px;
        width: 600px;
  	/* these two margins affect IE 5.5 */
	margin-left: 165px;
	margin-right:265px;
	border:0px solid #000;
	padding: 0px 5px;
}

#scroll {
	height:300px;
	overflow: auto;
	top:200px;
	border:0px solid #000;
        text-align: right;

}

#scroll p {
        text-align: right;	
}

#feature {

	border:1px solid #0000C0;
	background:#E8E8FF;
}
#feature img
{ 
  margin: 3px;
  border: 1px solid #ffffff;
}
#feature a:hover img
{
  border: 1px solid #0000C0;
}


#deals {
	background:#fff;
	left:4px;
  	/* these two margins affect IE 5.5 */
	margin-left: 165px;
	margin-right:0px;
	border:0px solid #000;
	padding: 0px 5px;
	/* these two margins affect IE 6 */
	margin-left: 165px;
	margin-right:0px;
}

#newdiv{
	visibility:hidden;
        text-align:center;
        color: #fff;
	position: absolute;
	top: 50px;
	left: 50px;
	z-index: 90;
	width: 640;
	height: 480;
	background-color: #737373;
        border: 1px solid #000;
        font-family: Verdana, Arial, Helvetica, Sans Serif;
	}

#overlay{
	visibility:hidden;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
	background-color: #000;
	filter:alpha(opacity=80);
	-moz-opacity: 0.8;
        opacity: 0.8;
	}


#bottomBar1 			
{
 margin:0px;
 width:100%;
 display:block;
 padding:0px;
 float:none;
 margin-top:20px;
 margin-bottom:10px;
 padding-left:0px;
  border: solid #264790;
  border-width: 1px 0px;
  height: 35px;
}
#bottomBar1 ul			{list-style:none; float:none; margin:0px; padding:0px; padding:2px; /*padding-left:220px;*/}
#bottomBar1 li			{display:inline; margin:0px; padding:0px;}
#bottomBar1 a 		{color:#f00;}
#bottomBar1 li		{color:#000;}

#footer {
  border: 0px solid #264790;
  top:auto;
  height: auto;

  margin: 0;
  clear: both;
} 

#menu2 {
	width:100%;
	position:absolute;
	top:100px;
	padding:00;
	margin:0 auto;
	list-style-type:none;
	left:0px;/*106*/
	height:30px;
	background:#003895;

  }
#menu2 li {
  float:left;
  background:#003895; 
  display:block;
  top:0px;
  margin-top:8px;
  width:400px;/* width of each menu tab*/
  color:#FFFFFF; 
  /*background:#D8D8E2;*/ 
  text-align:left; 
  padding:4px 5; 
  text-decoration:none; 
  float:left; 
  height:20px;
 }



#menu1 {
	width:100%;
	position:absolute;
	top:100px;
	padding:00;
	margin:0 auto;
	list-style-type:none;
	left:0px;/*106*/
	height:30px;
	background:#003895;
  }
#menu1 li {
 float:left;
background:#003895; /* #264790; */
 }
#menu1 a {
  display:block;
  top:0px;
  margin-top:8px;
  width:100px;/* width of each menu tab*/
  color:#FFFFFF; 
  /*background:#D8D8E2;*/ 
  text-align:center; 
  padding:4px 5; 
  text-decoration:none; 
  float:left; 
  height:20px;
  }
#menu1 a:hover {
color:#CC6600;
  /*color:#fff; /*text colour white when the user hovers over it*/
background:#003895; /*bkgrnd colour grey when the user hovers over it*/
}

#submenu {
	
	position:absolute;
	top:180px;
	padding:00;
	margin:0 auto;
	left:0px;/*106*/
	height:20px;
	background:#E8E8FF;
	color:#000000;
	margin-left:5px;
  }
#submenu li {
  float:left;
  background:#E8E8FF; 
  margin-top:5px;
  margin-right:5px;
  font-weight:bold;
  list-style-type: none
 }
#submenu a {
  display:block;
  top:0px;
  margin-right:5px;
  /* margin-top:5px; */
  /* width:100px; width of each menu tab*/
  color:#CC0000; 
  /*background:#D8D8E2;*/ 
  text-align:center; 
  padding:4px 5; 
  text-decoration:none; 
  float:left; 
  height:15px;
  font-weight:normal;
  }
#submenu a:hover {
color:#CC6600;
  /*color:#fff; /*text colour white when the user hovers over it*/
background:#cccccc; /*bkgrnd colour grey when the user hovers over it*/
}

.iframehide {
display: none;
}

.emailthanks {
background-color: #555;
margin-left: 22px;
margin-top: 22px;
margin-right: 22px;
font-family: Verdana, Arial, Helvetica, Sans Serif;
font-size: 14pt;
text-align: center;
border: 1px solid #000;
}

.formcol {
         background-color: #555;
         width: 200px;
         border: 1px solid #000;
         color: #ddd;
         font-size: 8pt;
         font-family:  Arial, Helvetica, Sans Serif;
         margin-left: 22px;
         margin-bottom: 9px;
         margin-top: 3px;
         float: left;
         text-align: left;
         padding-top:10px;
         padding-left:10px;
         padding-right:10px;
         padding-bottom:10px;
}

.formcol1 {
         background-color: #555;
         width: 300px;
         border: 1px solid #000;
         color: #ddd;
         font-size: 8pt;
         font-family: Verdana, Arial, Helvetica, Sans Serif;
         margin-left: 22px;
         margin-bottom: 9px;
         margin-top: 3px;
         float: left;
         text-align: left;
         padding-top:10px;
         padding-left:30px;
         padding-bottom:10px;
}

.formcol1 p {
  text-align: right;
  margin-right:30px;
}

.formcol1 p input {
  margin-top:3px;
}

.formcol1 select {
  margin-top:3px;
}

div.testimonial {

}
p.testhead {
font-size: 12px;
font-weight: bold;
COLOR: #039;
}
.testimonial img {
float: right;
margin-left: 5px;
}



h1{
color:#264790;
}
p,table,li,h1,h2,h3,div.desc
{
font-family: verdana, arial, 'sans serif'; 
}

p, h1, h2, h3, table, li, hr
{
margin-left: 0pt;
}


p,th,td,li,div.desc
{
font-size: 75%;
}

body
{
background:#ffffff;
}

h1,h2,h3,hr
{
color:#003399;
}

h1{font-size:16px; 
font-weight:bold;
margin-top:10px;
}
h2{font-size:12px; 
font-weight:bold;
margin-top:10px;
}
p{font-size:11px; 
text-align: justify;}

a:link {COLOR:#CC0000;}
a:visited {COLOR: #CC0000;}
a:active {COLOR: #CC0000;}
a:hover {COLOR: #CC0000; text-decoration:underline}

a.content:link {COLOR: #CC0000;}
a.content:visited {COLOR: #CC0000;}
a.content:active {COLOR: #CC0000;}
a.content:hover {COLOR: #CC0000;}
a{text-decoration:none}
.intro
{font-size: 12px;
COLOR: #003399;
}
.emailform
{font-size: 12px;
COLOR: #003399;
text-align:right;
float: left;
border: 0px solid #000;
margin-left: 10px;
margin-right: 10px;
}
.emailform input, select {
margin-top:5px;

}
.intro img {
float:right;
margin: 5px;
}
.search
{font-size: 12px;
COLOR: #003399;
text-align: center;
}
.price
{font-size: 24px;
}
.makesearch
{font-size: 16px;
text-align:center;
  
}
#makesearchlogo img
{ 
  margin: 3px;
  border: 1px solid #ffffff;
}
#makesearchlogo a:hover img
{
  border: 1px solid #0000C0;
}
.foot
{font-size: 60%;
COLOR:#000000;
text-align:right;
}
.headpic 
{
float:left;/* the picture at the top of the page is floated left so that the menu sits alongside it */
border-top:20px;
margin-top:20px;
margin-left:50px;
}

.leftmenuimage
{margin-right:50px;
}

img {
border:#FFFFFF;
left:5px;


}
sub{color:#00CC00}

.wattslogo {
border: 0px solid #000;
z-index:10000;
width:170px;
text-align: center;
margin-top: -150px;
float: left;
}
.wattslogoimg {
float: right;
z-index:10000;
}


ul.none, ul.selected {
list-style-type: none;
text-align:center;
width:120px;
margin-left:25px;
padding-left:0px;
}

li.none {
text-align:center;
margin-bottom: 15px;
}

li.none img {
border: 0px solid #000;
margin:0px;
}

td.newred {
background: #FFD8D8;
}
td.newblue {
background: #D8D8FF;
}
table.one
{
table-layout: fixed;
empty-cells: show;
font-size:14px;
}
caption
{
caption-side:bottom
}
.tablecenter img {
text-align: center;
float: none;
}

/* div deal full middle of the page */
.dealsheaderfull
{
  text-align: center;
  font-weight: bold;
  font-size: 18pt;
  COLOR: #CC0000;
}
div.dealfull
{
  margin: 20px;
  border: 1px solid #0000ff;
  height: auto;
  width: 208px;
  float: left;
  display: inline
  text-align: left;
}	
div.dealfull img
{
  float: left;
  margin: 3px;
  border: 1px solid #ffffff;
}
div.dealfull a:hover img {border: 1px solid #0000ff;}
div.dealdescfull
{
  text-align: center;
  font-weight: bold;
  font-size: 16px;
  width: 200px;
  margin: 2px;
COLOR: #CC0000;
}

/* div deal of the week */
div.deal
{
  margin: 2px;
  border: 1px solid #0000ff;
  width: 118px;
  float: left;
}	
div.deal img
{
  margin: 3px;
  border: 1px solid #ffffff;
}
div.deal a:hover img {border: 1px solid #0000ff;}
div.dealdesc
{
  text-align: center;
  font-weight: bold;
  font-size: 18px;
  color: #CC0000;
  width: 112px;
  margin: 2px;
}
div.dealdesc p {
  text-align: center;
}

/* div for links to van pages */

div.cats
{
  margin: 2px;
  border: 0px solid #0000ff;
  height: auto;
  width: 120px;
  float: left;
  text-align: left;
}
div.cats img
{
  display: inline;
  margin: 3px;
  border: 1px solid #ffffff;
}
div.cats a:hover img {border: 1px solid #0000ff;}

/* This is where I have added the image gallery*/
.descinfo {
font-size: 12px;
COLOR: #003399;
text-align: left;
}
div.img
{
  margin: 2px;
  border: 1px solid #0000ff;
  height: auto;
  width: 260px;
  float: left;
  text-align: left;
}

div.img img
{
  margin: 3px;
  border: 1px solid #ffffff;
  float: left;
}

div.img a:hover img {border: 1px solid #0000ff;}

div.desc
{
  text-align: center;
  font-weight: normal;
  margin: 2px;
}

img.pic 
{
float:right;
margin:0px 0px 10px 10px;

}
img.picL 
{
float:left;
margin:0px 10px 0px 0px;

}