body
{
margin:0px;
padding: 0px;
background-color: #FFFFFF;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
}

a {
  text-decoration: none;
  color: #000000;
}

a:hover {
  text-decoration: underline;
}

.bold {
  font-weight: bold;
}
img{
border:0px;
}

#container /* holds all the page content */
{
margin: 0 auto 0 auto;
width: 780px;
border: 1px solid #272262;
background: url(../images/neg_background.gif) repeat-y 0px 0px; /*makes main columns appear equal length */
}
#footer{
clear: both;
background: #FFFFFF;
padding:1px 0px 1px 0px;
margin:0px;
border-top: 1px solid #2e307e;
}

#footer p{
text-align: center;
color: #2e307e;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
padding: 6px;
margin:0;
}

#footer a {
text-decoration: none;
color: #2e307e;
}

#footer a:hover {
  text-decoration: underline;
}

/*contact form*/
input.txt {
  color: #00008B;
  background-color: #E3F2F7;
  border: 1px inset #00008B;
  width: 200px;
}
input.btn {
  color: #00008B;
  background-color: #ADD8E6;
  border: 1px outset #00008B;
}
textarea.txt {
  color: #00008B;
  background-color: #E3F2F7;
  border: 1px inset #00008B;
}
#fixedheight {
  height: 432px;
}

form p {
  clear: left;
  margin: 0;
  padding: 0;
  padding-top: 5px;
}
form p label {
  float: left;
  width: 30%;
}

/*contact form ends */
h1 {
  font-family: Arial, Helvetica, sans-serif;
  font-weight: bold;
  font-size: 18px;
  margin-top: 0px;
}

#header /* shop logo at top of page */
{
background: #FFFFFF;
height: 100px;
padding:0px;
}
#header a {
  color: #2e307e;
}

#header table{
margin:11px 0 0 0;
}
#header td{
border:1px solid #ffffff;
margin:0;
padding:0;
}



.imgright {
border:1px;
    display: inline;
    float: right;
    margin: 0px 0px 12px 12px;
    width: 180px;
}
#included {
  background-color: #ffffff;
  background: transparent;
  margin: 0;
  padding: 0;
}

/* logos included in the header */
.logoleft {
  position: absolute;
  margin-top: 4px;
  margin-left: 11px;
}
.logoright {
  position: absolute;
  margin-top: 28px;
  margin-left: 470px;
  font-family: "Times New Roman", Times, serif;
  text-align: right;
  color: #2e307e;
  font-size: 18px;
}

#main /* main content area - can be divided between mainleft and mainright */
{
width: 593px;
/* width: 600px; */
float: left;
background: #ffffff;
margin: 0px;
padding: 6px;
/* height: 430px; removed the height restriction otherwise google map in firefox hung over the bottom of the window */
}


#mainscroll /* main content area - used for manufacturers pages or where wish to use full page width but limit page height  */
{
/* width: 593px; */
width: 596px;
float: left;
height: 426px; /* controls the height of the product display window */
overflow: auto;
background: #ffffff;
margin: 0px;
padding: 2px;
}

#mainleft
{
  float: left;
  padding: 0px;
  width: 380px;
  margin-top: 0px;
  margin-bottom:4px;
}

#mainleft img {   /*used for additional range logos */
  padding-right: 9px;
  Padding-bottom: 12px;
  vertical-align: middle;
}


#mainright
{
  float: left;
  padding: 0px;
  width: 200px;
  margin-top: 0px;
}
#maintext{
padding-top:0px;
text-align: center;
}

#maintext p{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight:bold;
}

#manufacturers /* the section below the header containing links to all the manufacturers */
{
clear: both;
background-color: #FFFFFF;
border-top: 1px solid #9B96DA;
border-bottom: 1px solid #272262;
}
#map {
  height: 600px;
}

#mapcontainer {
  background-color: #3300CC;
  height: 700px;
  display: block;
  clear: both;
}

#mapscroll /* main content area for google map page  */
{
width: 588px;
/*width: 596px; */
/* float: left; */
/* min-height: 700px; */
/*overflow: auto; */
background: #ffffff;
margin: 0px;
padding: 0px;
}

p {
  margin-top: 0px;
}
/* products taken from manufacturers css */
.products{
width:570px;
margin: 0 0 0 10px;
}
.products p{
text-align: justify;
color: #000;
font-family: arial;
font-size: 12px;
margin:0;
padding:0;
}

.products h1{
color: #333;
font-family: arial;
font-size: 14px;
margin:0;
padding:0;
text-decoration:underline;
}
.products img {
border: 1px #CFCFCF;
padding: 6px;
}

.products tr{
color: #DFDFDF;
font-family: arial;
font-size: 12px;
padding: 10px 4px 20px 4px;
border-bottom: 1px dashed #cccccc;
}
.products td{
color: #000;
font-family: arial;
font-size: 12px;
padding: 10px 4px 20px 4px;
border-bottom: 1px dashed #cccccc;
}
/* ends */
#pullout /* within sidebar below navigation */
{
  background: #DFDFDF;
  padding: 6px 6px 6px 6px;
  text-align: left;
  border-top: 1px solid #9B96DA;
  border-bottom: 1px solid #9B96DA;
}
#pullout p {
  color: #990000;
}
.pullouth1 {
  padding-bottom: 0px;
  margin-bottom: 3px;
  color: #ffffff;
}
#pullout img {
    float: left;
    margin-right: 6px;
    padding-top: 3px;
    color: #DFDFDF
}

/*
.pullout p {
margin-top: 0px;
padding-top: 0px;
padding-left: 38px;
color: #DFDFDF;
font-weight: bold;
margin-bottom: 2px;
font-family: Arial, Helvetica, sans-serif;
}
*/
/* .pullouttext {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  float:left;
  width: 100%;
  margin-bottom: 6px;
  color: #DFDFDF;
}
*/
#sidebar /* lefthand side with navigation */
{
/* background: #2e307e; */
text-align: center;
float:left;
border-right: 1px solid #272262;
width: 167px;
}

#sidebar a {
text-decoration: none;
color: #ffffff;
}

#sidebar a:hover {
  text-decoration: underline;
}

#sidebar p {
  padding:6px;
color: #DFDFDF;
font-family: Tahoma, Arial, sans-serif;
}



#sidebar ul {
  list-style: none;
  margin: 0 0 12px 0;
  padding: 0;
}

#sidebar li {
  border-bottom: 1px solid #ffffff;
}

#sidebar li a {
  display: block;
  padding: 10px 0px;
  color: #ffffff;
  text-decoration: none;
  font-weight: bold;
}

#sidebar li a:hover {
  display: block;
  padding: 10px 0px;
  color: #CFCFCF;
  text-decoration: none;
  font-weight: bold;
background-color: #2e307e;
}

.title{
text-align: justify;
margin:5px 0 0 0;
padding:0;
width:555px;
}

.title h1{
color: #333;
font-family: arial;
font-size: 14px;
margin:0;
padding:0;
}
.title p{
text-align: justify;
}

.title h2{
color: #000;
font-family: arial;
font-size: 18px;
margin:18px 0 6px 0;
padding:0;
text-decoration:none;
border-bottom: 1px solid #000000;
}

.title img {
  border: 0;
}