html {		
	margin: 0px;
	padding: 0px;
	min-width:800px;	
	height: 100%;
	}
	
body{
background-color: #f5fbdf;
	font-family: Tahoma, sans-serif;
	font-size: 66%;
	margin-top: 0px;
	line-height: 150%;
	color: #333333;
	text-align: justify;
	background-image:  url(/images/header/navim.jpg);
	background-repeat: repeat-y;
	background-position: 50%;
}
	.bluechipbox
	{
	width: 174px;
	border: 1px solid #006666;
	padding-left:4px;
	padding-right: 4px;
	float: right;
	text-align: left;
	font-size: 90%;
	line-height: 110%;
	margin-left: 4px;
	}
.bluechipbox a:link
{
text-decoration: none;
color: #990000;
}

.bluechipbox2
	{
	padding-left:2px;
	padding-right: 2px;
	text-align: left;
	font-size: 90%;
	line-height: 120%;
	}
.bluechipbox2 a:link
{
text-decoration: none;
color: #990000;
}
.whtxt
{
color: #ffffff;
font-size: 120%;
font-weight: bold;
}
#container{
position: relative;
	left:50%;
	width: 800px;
	margin-left: -400px;

}
#myheader
{
width: 800px;
}

.headpic
{
height: 108px;
background-color: #1f3c6f;
background-image: url(http://www.ecocooling.co.uk/images/header/topban2.jpg);
background-repeat: no-repeat;
background-position: top;
}

#mybody
{
	clear: both;
	background-color: #ffffff;
}
#leftnav
{
float: left;
width: 180px;
}
#content
{
	float: left;
	width: 570px;
	padding-left: 28px;
	padding-top: 5px;
	padding-right: 20px;
}
#flags
{
text-align: right;
clear: both;
color: #666666;
padding-bottom: 40px;
}
#flags a
{
border-bottom: dotted 1px #336600;
color: #336600;
text-decoration: none;
}
#flags a:hover
{border-bottom: dotted 1px #66FF00;
color: #66FF00;
}
.nodeclink a
{
display: block;
text-decoration: none;
font-weight: bold;
color: #003366;
font-size: 10px;
}


#mymenu ul
{list-style-type: none;}

.midback
{
text-align: center;
padding-left: 20px;
padding-right: 20px;
}

.tab
{
float: left;
padding-top: 5px;
height: 55px;
background-image: url(images/header/ecopale2.jpg);
background-repeat: no-repeat;
background-position: center;
background-color: #99cc33;
padding-left: 5px;
padding-right: 5px;
margin-bottom: 10px;
text-align: center;
font-size: 12px;
vertical-align: middle;
color: #1f3c6f;
font-weight: bold;
}

.tabimage
{
float: left;
height: 60px;
}


.emphasise
{
color: #006666;
font-family: Arial, Helvetica, sans-serif;
	font-size: 120%;
	font-weight: bold;
}
h1
{
color: #333366;
font-family: Arial, Helvetica, sans-serif;
	font-size: 180%;
	font-weight: bold;
	border-bottom: 1px dotted #333366;
	padding-bottom: 2px;
	line-height: 150%;
	text-align: left;
}
h2
{
color: #333366;
font-family: Arial, Helvetica, sans-serif;
	font-size: 150%;
	font-weight: bold;

	padding-bottom: 2px;
	line-height: 150%;
}
.border
{
border: solid 1px #333366;

}
.head1
{
font-weight: bold;
color: #333366;
font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
	font-size: 130%;
	line-height: 150%;
}
.head2
{
font-weight: bold;
font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
	font-size: 150%;
}
.leftdivide
{
border-left: 1px solid #666666;
padding-left: 8px;
float:left;
}

.show
{
margin: 25px;
padding: 25px;
border: solid 1px #66CC00;
}
.padcell
{
padding: 10px;
}

.facttab
{
background-color: #CCCCCC;
}
.facttab2
{
background-color: #FFFFCC;
}
.facttab3
{
padding: 10px;
background-color: #dddde6;

background-image:url(images/product/mounts.jpg);
background-repeat: no-repeat;
background-position: top;

}
.mytable
{
border-collapse: collapse;
}
.mytable td
{ padding: 2px;
border: 1px solid #003366;
font-size: 10px;
line-height: normal;
}
.mytable2 td
{ padding: 4px;
font-size: 10px;
line-height: normal;
}
.facttab4
{
padding: 10px;
background-color: #999999;
color: #ffffff;


}

 #botbar {border-top: 1px solid #36c;
border-bottom: 1px solid #36c; }
#botbar a { text-decoration: none; }

#botbar ul
{
padding: 0;
margin: 0;
list-style-type: none;
position: relative;
}


/*1st level elements*/
#botbar ul
{

background-color: #90c404;
padding: 5px 0;
}

#botbar li { 

display: inline;
 }

#botbar ul a,
#botbar ul a:link,
#botbar ul a:visited
{
border: 1px solid #90c404;
background-color: #90c404;
color: #003366;
padding: 5px 10px;
font-size: 10px;
}

#botbar ul a:hover,
#botbar ul a:focus
{
background-color: #e7e6cf;
border: 1px solid black;
color: black;
}

/*current Link*/
#botbar ul a#current,
#botbar ul a#current:link,
#botbar ul a#current:visited { text-decoration: underline;
color:#FFFF00; }

#menu {
  padding:0;
  margin-left:1px;
  list-style-type: none;
  }

#menu li {
display: block;
  list-style-type:none;
  text-align: left;
   color: #ffffff;
   
  }

#menu a, #menu a:visited {

background-color: #dddde6;
text-decoration: none;
color: #003366;
  display:block;
  width:169px;
  border-bottom:1px dotted #999999;
 padding: 4px;
 
  }
#menu a:hover
{
color: #ffffff;
background-color: #006699;
}
.listhead
{width: 178px;
display: block;
  list-style-type:none;
  text-align: left;
   color: #ffffff;
   background-color: #003366;
   
}
#menu a span {
  display:none;
  }

#menu a:hover span {
display: block;
  background-color: #ffffff;
  color: #000000;
  text-align: center;
  border: 1px dotted #003366;
  width: 150px;
  left: 30px;
  top: 25px;
  }
#menu2 {
  padding:0;
  margin:0;
  list-style-type: none;
  }

#menu2 li {
display: block;
  list-style-type:none;
  text-align: left;
   color: #ffffff;
   
  }

#menu2 a, #menu a:visited {

text-decoration: none;
  display:block;
  }
#menu2 a:hover
{

}
#menu2 a span {
  display:none;
  }

#menu2 a:hover span {
display: block;
 
  left: 30px;
  top: 25px;
  }

.myhead
{
background-color: #f5fbdf;
text-align: left;
border-bottom: 1px dotted #003366;
font-weight: bold;
font-size: 11px;
padding-top: 10px;
padding-bottom: 10px;
padding-left: 5px;
padding-right: 5px;
width: 167px;
margin-left: 1px;
}
.myhead a
{
text-decoration:none;
color: #003366;
}
.basebar
{
clear: both;
text-align: right; 
padding-right: 20px;
padding-top: 5px;

}
.comment
{
padding: 20px;
margin: 10px;
background-color: #f5fbdf;
border-left: 1px solid #003366;
border-top: 1px solid #003366;
border-right: 2px solid #003366;
border-bottom: 2px solid #003366;
}
.comment3
{
padding: 2px;
margin-top: 10px;
padding-left: 20px;
border: 1px dotted #003366;
}
.diary
{
background-image: url(images/diary.jpg);
background-repeat: no-repeat;
background-position: bottom right;
padding: 10px;
margin: 10px;
background-color: #f5fbdf;
border-left: 1px solid #003366;
border-top: 1px solid #003366;
border-right: 2px solid #003366;
border-bottom: 2px solid #003366;
}
.flash
{
font-size: 100%;
color: #006600;

}
.electric
{
background-image: url(/images/electric.jpg);
background-repeat: no-repeat;
background-position:  right bottom;
border: 1px solid #000066;
padding: 10px;
margin-bottom: 10px;
}
.electric ul
{padding:0px;
margin: 10px;}
.comment2
{
padding: 20px;
margin-left: 10px;
background-color: #f5fbdf;
border: 1px dashed #003366;
}
.col
{
float: left;
}
.tinynav a, .tinynav a:visited
{
color: #666666;
border-top: solid 1px #666666;
border-bottom: solid 1px #666666;
padding: 3px;
text-decoration: none;

}

#labelled {
  padding:0;
  margin-left:0px;
  list-style-type: none;
  }

#labelled li {
display: block;
  list-style-type:none;
  text-align: left;
   color: #000000;
   
  }

#labelled a, #labelled a:visited {

text-decoration: none;
color: #003366;
  display:block;
  width:170px;
  border:1px dotted #999999;
 padding: 4px;
 margin-top: 4px;
 margin-left: 150px;
  }
#labelled a:hover
{
color: #ffffff;
background-color: #003366;
}
#boxed td
{
border: dotted 1px #003366;
}
#showimage
{
position: fixed;
top: 0px;
left: 0px;
width: 500;
height: 500px;
display: none;
background-color: #336600;
}
#pscroller1{
width: 180px;
height: 120px;
border-top: 1px solid #ff0000;
border-left: 1px solid #ff0000;
border-bottom: 1px solid #ff0000;
border-right: 1px solid #ff0000;
text-align: left;
padding: 5px;
background-color: #dddde6;

}

.newshead
{
text-align: center;
color: #ff0000;
font-weight: bold;
font-size: 120%;

}
.newsbody
{

color: #000000;

}

.someclass{ //class to apply to your scroller(s) if desired
}
.discreet{
background-color: #CCCCCC; 
color: #003366;
margin: 10px; 
padding: 5px; 
border: 1px solid #003366;
text-alignment: center;
font-size: 95%;
}
.tablestats
{
border-collapse: collapse;
}
.tablestats th
{
background-color: #99CC00;
font-weight: bold;
border: solid 1px #000033;
}
.tablestats td
{
text-align: center;
background-color: #99CCCC;
border: solid 1px #000033;
}