/* Independence */

div#container { 
  width 990px; 
}

#content {
  width: 990px;
_width: 990px;
  margin-top: -17px;
  _margin-top: -18px;
  margin-left:8px;
  padding-top: 0px;
   background-color: #ffffff;
 _margin-bottom:0px;

border-top:none;
 /*background-image: url(/content/00/01/58/45/45/userimages/bar2.jpg);*/
}

body.contentbackground {
  background-color: #999999;
}


/* Logo at the top */
#logo {
  background-image: url(/content/00/01/54/55/33/userimages/logoindependence.jpg
);
  background-repeat: no-repeat;
  margin-bottom: 5px;
  height: 146px;
_height: 150px;
  width: 990px;

  margin-left:8px;
border-top: 10px solid #3342B4;
}

/* a link for main content */
a:link {
  font-family:arial;
  color: #3342B4;
  text-decoration: none;
	 font-weight: normal;
}

a:visited {
  font-family:arial;
  color: #3342B4;
  text-decoration: none;
	 font-weight: normal;
}

a:hover {
  font-family:arial;
  color: #000000;
  text-decoration: underline;
	 font-weight: normal;
}

a:visited:hover {
  font-family:arial;
  color: #000000;
  text-decoration: underline;
	 font-weight: normal;
}


.colorwhite a:link{
font-family:arial;
color:#ffffff;
font-size: 15px;
}

.colorwhite a:visited{
font-family:arial;
color:#ffffff;
font-size: 15px;
}

.colorwhite a:hover{
font-family:arial;
color:#ffffff;
font-size: 15px;
}
.prices{
font-weight: bold;
font-size: 15px;}

.imgRight{
float:right;
margin:10px 0px 20px 20px;
}
.imgLeft{
float:left;
margin:10px 20px 20px 0px;
}

*html.imgRight{
float:right;
margin:10px 0px 20px 20px;
}
*html.imgLeft{
float:left;
margin:10px 20px 20px 0px;
}


p {
  font-family:arial;
  font-size: 13px;
  text-align: justify;
}

td {
   font-family:arial;
   font-size: 13px;
}

/* Starts Headers */
h1 {
  font-family:arial;
  color:#3342B4;
  font-size: 22px;
  margin-top: 20px;
margin-bottom: -2px;
}

h2 {
  font-family:arial;
  color: #3342B4;
  font-size: 20px;
margin-bottom: 1px;

}

h3 {
   font-family:arial;
   color: #3342B4;
   font-size: 16px;
  
}

h4{
  
font-family:arial;
  font-weight: bold;
  font-size:14px;
  color: black;
margin-bottom: 0px;

}

/* Header4 a links */
h4 a:link{
  color:#536D20;
  text-decoration: none;
  font-weight: bold;

}

h4 a:active {
  color: #536D20;
  text-decoration: none;
  font-weight: bold;
}

h4 a:hover{
  color: #000000;
  text-decoration: none;
  font-weight: bold;
  /*padding:0 0 0 3px;*/
}

h4 a:visited {
  color: #536D20;
  text-decoration: none;
  font-weight: none;
}

h4 a:visited:hover {
  color:#000000; 
  text-decoration:none;
  font-weight: bold;

}


.top{
background-image: url(
 http://vista-1585937.innuity.com/content/00/01/58/59/37/userimages/top.jpg
);
width: 500px;
height: 28px;
}


.middle{
border-left: 1px solid #0000FF;
border-right: 1px solid #0000FF;
padding-left: 10px;
padding-right: 10px;
}


.bottom{
background-image: url( http://vista-1585937.innuity.com/content/00/01/58/59/37/userimages/bottom.jpg);
width: 500px;
height: 28px;

}

.spaimg{
background-image: url(
 http://www.spa-ely.co.uk/content/00/01/59/36/26/userimages/spaimg.jpg);
width: 185px;
height: 60px;
color: white;
font-size: 15px;
font-family: Arial;
font-weight: bold;
padding-left: 76px;

}

.spaimg a:link{
font-family: Arial;
color: #FAF8E7;
text-decoration:none;
}


.spaimg a:visited{
font-family: Arial;
color: #FAF8E7;
text-decoration:none;
}

.spaimg a:hover{
font-family: Arial;
color: #F6ED9F;
text-decoration:none;
}
#leftMenu li{
  margin: 0px;
  padding: 0px;
  list-style: none;
}

#leftMenu ul{
  margin: 0px;
  padding: 0px;
margin-top: 1px;
}





#leftMenu li a{

	margin:0px;
	font-family:arial;
      background-image: url(
 http://www.spa-ely.co.uk/content/00/01/59/36/26/userimages/greybutton.jpg);
	
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #ebeef3;
	padding:5px 10px 5px 50px;
	color: #FAF8E7;
	text-decoration: none;
	display:block;
	min-height:20px;
	line-height:21px;
	font-size: 12px;


}



#leftMenu li a:hover{
margin:0px;
	font-family:arial;
	
	text-decoration: none;
  background-image: url( http://www.spa-ely.co.uk/content/00/01/59/36/26/userimages/buttonRed.jpg);
border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #ebeef3;
	padding:5px 10px 5px 50px;
	color: #F6ED9F;
	text-decoration: none;
	display:block;
	min-height:20px;
	line-height:21px;
	font-size: 12px;
	_background-image: url( http://www.spa-ely.co.uk/content/00/01/59/36/26/userimages/buttonRed.jpg);

}




#tf1{
  background-color: white;
}

#tf2{
  background-color: white;
}

#tf3{
  background-color: white;
}

#tf5{
  background-color: white;
}

#tf6{
  background-color: white;
}


/*Static Links at the top */
.staticlinks {
  padding-top: 0px;
  background-color: transparent;
  color: #000000;
  position: absolute;
  text-align: right;
  margin-top:130px;
  margin-left:40px;
  width: 270px;
  left: 680px;

}


*html .staticlinks {
  padding-top: 0px;
  background-color: transparent;
  color: #000000;
  position: absolute;
  text-align: right;
  margin-top:130px;
margin-left:28px;
  width: 300px;
  left: 668px;
}

/* Static links a links */
.staticlinks a:link {
  color: #000000; 
  text-decoration: none;
  padding-right: 5px;
  font-family:arial;
  font-weight: 300;
  font-size: 10px;
}

.staticlinks a:visited {

  color: #000000; 
  text-decoration: none;
  padding-right: 5px;
  font-family:arial;
  font-weight: 300;
  font-size: 10px;
}

.staticlinks a:hover {
  color: #000000;
  text-decoration: underline;
}

.staticlinks ul {
  display: inline;
  visibility: visible;
  
}




/*FROM HERE*/
.navbar /*main navbar*/
{       
 background-color: transparent; /*#004685;*/
 text-align: left;
 vertical-align: top;
 width: 950px;  
 margin-top: -32px;
 margin-left: 20px;
 MARGIN-BOTTOM:19PX;
_ MARGIN-BOTTOM:19PX;
 padding: 0px; /* Added by Nick */
 padding-bottom: 2px;
 padding-top: 1px;
 line-height: 1.5em;
font-family:arial;
 
}

*html .navbar{/*padding-bottom: 8px;*/
margin-top: -28px;
font-family:arial;
}

.navbar ul /*still goes all the way across*/
{

}

.navbar ul li /*seems to adjust the color of the seperating vertical lines */
{
 display: inline;
 list-style: none;
 text-indent: 0px;
font-size: 17px;
 color: #000000; /*000000 BB*/ 
 font-weight: normal;
 margin-left: 7px;

 
}

*html .navbar ul li{
 margin-left: 5px;
 color: #000000;

}

.navbar ul li ul /* properties of the pulldown menus */
{
 background-color: transparent; /*#004685;*/
 color: #006E49;
 display: none;
 position: absolute;
 margin-top: -3px;
 list-style: none;
 padding: 0px 3px;
 padding-top:5px;
 margin-left:0px;

}



*html .navbar ul li ul /* properties of the pulldown menus */
{
 list-style: block;
 padding-top:10px;
 margin-left:5px;



}


.navbar ul li ul li
{
 display: block;
 list-style: none;
 margin: 0px;
 padding: 0px; /* Added by Nick */
 width:105px;
 font-size:11px;
 text-align:left;
font-family:arial;

}

*html .navbar ul li ul li
{
font-family:arial;
/*margin-top: -15px;*/

}



.navbar a {    

padding-left: 20px;
padding-right: 20px;
padding-top: 0px;
padding-bottom: 0px;


}


	
.navbar a:link {
font-size: 13px;
 color: #000000;

 font-weight: bold;
 text-decoration: none;
font-family:arial;
 margin-left: 0px;
}


.navbar a:visited {
font-size: 13px;
 color: #000000;

 
 font-weight: bold;
 text-decoration: none;
font-family:arial;
 margin-left: 0px;
}



.navbar a:hover {
 color: #3342B5; /* blue; #ff0000;*/
font-size: 13px;



 font-weight: bold;
 text-decoration: none;
font-family:arial;
 margin-left: 0px;

}

.navbar a:visited:hover {
 color: #3342B5; /* blue; #ff0000;*/
 /*background-color: #FFFFFF;*/ /*#ffeab9;*/
 text-decoration: none;

 font-weight: bold;
font-size: 13px;
font-family:arial;
}

.navbar a.on:link  /* the active link properties */
{
 color: #3342B5; /* #cc9933;*/
 font-family:arial;

 font-weight: bold;
 text-decoration: none;
font-size: 13px;
 
}

.navbar a.on:visited
{
 color: #000000; /* #cc9933;*/
 text-decoration: none;
font-family:arial;

 font-weight: bold;
font-size: 13px;
}

.navbar a.on:hover
{
 color: #3342B5; /* blue;*/
 text-decoration: none;
font-family:arial;

 font-weight: bold;

font-size: 13px;
}

/* properties of the pulldown links */
.navbar ul li ul a:link {
 font-weight: normal;
font-family:arial;
  font-size: 11px;
  color: #ffffff;
  background-color: #3342B4;
  border-left:10px solid #000000;
  display:block;
  width:125px;
  _width: 175px;
  margin-bottom:1px;


  text-decoration: none;

  padding-left:5px;


}

.navbar ul li ul a:visited {
 font-weight: normal;
font-family:arial;
  font-size: 11px;
  color:#ffffff;
  background-color: #3342B4;
  border-left:10px solid #000000;
  display:block;
  width:125px;
  _width: 175px;
  margin-bottom:1px;

  text-decoration: none;
 
  padding-left:5px;
}

.navbar ul li ul a.on:visited {
 font-size: 11px;
font-weight: normal;
font-family:arial;
  color: #ffffff;
  background-color: #3342B4;
  border-left:10px solid #000000;
  _width: 175px;
 
}


.navbar ul li ul a.on:link {
font-size: 11px;
 font-weight: normal;
font-family:arial;
  color: #ffffff;
  
  _width: 175px;
}




.navbar ul li ul a:hover {
 font-weight: normal;
font-family:arial;
  font-size: 11px;
 color: #000000;
  background-color: #3342B4;
  border-left:10px solid #000000;
  display:block;
  width:125px;
  _width: 175px;
  margin-bottom:1px;


  text-decoration: none;

  padding-left:5px;


}

.navbar ul li ul a:visited:hover {
 font-weight: normal;
font-family:arial;
  font-size: 11px;
 color: #000000;
  background-color: #3342B4;
  border-left:10px solid #000000;
  display:block;
  width:125px;
  _width: 175px;
  margin-bottom:1px;


  text-decoration: none;

  padding-left:5px;


}

/* Starts Footer */
.footer {
  background-color: #999999;
  text-align: center;
  color:#ffffff;
  font-family:arial;
  font-size: 9px;
  margin-top:-12px;
  margin-left:4px;
  padding-top: 3px;
  padding-bottom: 3px;
  letter-spacing: 0px;
  width: 991px;
}

*html .footer{

  text-align: center;
  color:#ffffff;
  height:27px;
  font-family:arial;
  font-size: 9px;
  padding-top: 13px;
}

/* Footer a links */
.footer a:link {color:#ffffff;  text-decoration: underline;}
.footer a:visited {color:#ffffff;  text-decoration: underline;}
.footer a:hover {color: #EF3A3A; text-decoration: underline;}
.footer a:visted:hover {color: #EF3A3A; text-decoration: underline;}


.formbody {
font-family:arial;
}

.site{
font-size:9px;
_font-size:9px;
}
.site a{
 color: white;
}


.site a:visited{
 color: white;
}

.site a:hover{
 color: #8792E3;
}

.site a:visited:hover{
 color: #8792E3;
}


/* properties of the department list and cart boxes*/
.store_teaser_table { border: 1px solid black; width: 170px; margin-top: 18px;  margin-left: 3px; }

* html .store_teaser_table { border: 1px solid black; width: 170px; margin-top: 18px; margin-left: 3px;}

/* top srip of the department link, cart and department description boxes */
.store_teaser_heading { background-color: #555454; color: #ffffff; text-align: center; font-size: 12px; font-weight: bold; height: 30px}

/* large part of box for department list, cart and department description */
.store_teaser_td { background-color: white; color: blue; width: 150px margin-left: 0px; text-align: left; }

/*.store_teaser_department { background-color: black; color: #2f2f46; width:
350px; }???????? */

/* properties of the links */
.store_teaser_departmentlink:link { TEXT-DECORATION: none; COLOR: blue;
FONT-SIZE: 12px; font-weight: bold;}

.store_teaser_departmentlink:visited { TEXT-DECORATION: none; COLOR: blue;
FONT-SIZE: 12px; margin-left: 0px; font-weight: bold;}

.store_teaser_departmentlink:hover { TEXT-DECORATION: underline; COLOR:
blue; FONT-SIZE: 12px; margin-left: 0px; font-weight: bold;}

.store_teaser_departmentlink:visited:hover { TEXT-DECORATION: underline; COLOR:
blue; FONT-SIZE: 12px; margin-left: 0px; font-weight: bold;}

/* department description box content */
.store_teaser_departmentname { color: blue; text-align: left; font-size:
10pt; width: 770px;}
 

/* order status */
.store_teaser_orderstatuslink:link { TEXT-DECORATION: none; COLOR: blue;
FONT-SIZE: 12px; margin-left: 0px; padding-left: 0px;}

.store_teaser_orderstatuslink:visited { TEXT-DECORATION: none; COLOR: blue;
FONT-SIZE: 12px;  }

.store_teaser_orderstatuslink:hover { TEXT-DECORATION: underline; COLOR:
blue; FONT-SIZE: 12px; }


.store_teaser_subdepartmentbrowselink:link { TEXT-DECORATION: none; COLOR:
blue; FONT-SIZE: 12px; font-weight: normal; }

.store_teaser_subdepartmentbrowselink:visited { TEXT-DECORATION: none; COLOR:
blue; FONT-SIZE: 12px; font-weight: normal; }

.store_teaser_subdepartmentbrowselink:hover { TEXT-DECORATION: underline;
COLOR: blue; FONT-SIZE: 12px;  }

/*Attribute text colour*/
.store_list_attr_label { background-color: black; color: white; font-size: 12px; }


.eazipay{display:none;}
body{_padding-bottom:130px;}