body {
		margin: 10px 10px 20px 10px;
		padding: 0px;
		color: #333;
	  background-color: #fff;
		/* To fix dotted border bug in IE */
		background : url(null) fixed no-repeat;
	  font: 11px verdana, arial, helvetica, sans-serif;
		}
	
#leftcontent {
		position: absolute;
		left: 10px;
		top: 123px;
		width: 220px;
		background: #fff;
		border-top: 1px solid #09c;
		border-left: 1px solid #ff9966;
		}

#centercontent {
		background: rgb(240,240,240);
   	margin-left: 219px;
		margin-right: 219px;
		border-left: 1px solid #09c;
		border-right: 1px solid #09c;
		border-bottom: 1px solid #09c;
		border-top: 1px solid #09c;
/* IE hack - to correct peekaboo bug in divs with background color */	
		line-height: 1.1;	
/* IE hack */
		voice-family: "\"}\"";
		voice-family: inherit;
   	margin-left: 222px;
		margin-right: 222px;
		}
html>body #centercontent {
   	margin-left: 221px;
		margin-right: 221px;
		}

#rightcontent {
		position: absolute;
		right: 10px;
		top: 123px;
		width: 220px;
		background: #fff;
		border-top: 1px solid #09c;
		border-right: 1px solid #ff9966;
		}
		
	
#banner {
    height: 114px;
		background: #fff;
		background-image: url(images/logos/eb-logo.jpg);
    background-repeat: no-repeat;
    background-position: center;
		padding: 0px;
		text-align: left;

/* IE hack */
		voice-family: "\"}\"";
		voice-family: inherit;
		height: 113px;
		}
html>body #banner {
		height: 113px;
		}
		

/* the following is necessary to preserve banner height in mozilla for some reason */
		
#banner h1 {
    font: bold 26px/28px verdana, arial, helvetica, sans-serif;
	  border-top: 0px;
		border-right: 0px;
		border-bottom: 0px;
		border-left: 0px;
	  position: relative;
    top: 0px;
    left: 0px;
	  text-align: left;
	  margin: 0px 0px 0px 0px;
	  padding: 5px;
	  color: #60af65;
	   }
	   
.head-quote {
     border-top: 1px solid #ff9966;
     border-bottom: solid 1px #ff9966;
	  color: #000;
     padding: 3px;
     font-style: italic;
     font-weight: bold;
     text-align: left;
     margin: 0px 0px -4px 0px;
    }


.head-links {
    position: relative;
    right: 0px;
    bottom: 24px;
    padding: 0px;
    margin: 0px;
    z-index: 4;
    }
    
    

.img-frame {
    margin: 0 10px 10px 0;
    padding: 4px;
    border: 1px solid #09c;
    }
      
.img-frame2 {
    margin: 0 10px 2px 0;
    padding: 4px;
    border-top: 1px solid #09c;
    border-right: 1px solid #ff9966;
    border-bottom: 1px solid #ff9966;
    border-left: 1px solid #09c;
    }
    
.img-frame3 {
    float: right;
    width: 150px;
    margin: 0px 10px 0px 10px;
    padding: 4px;
    border-top: 1px solid #09c;
	 border-right: 1px dotted #09c;
	 border-bottom: 1px dotted #09c;
	 border-left: 1px solid #09c;
    }
    
.img-frame4 {
    float: left;
    width: 150px;
    margin: 0px 10px 30px 10px;
    padding: 4px;
    border-top: 1px solid #09c;
	 border-right: 1px solid #ff9966;
	 border-bottom: 1px solid #ff9966;
	 border-left: 1px solid #09c;
    }
    
.img-frame5 {
    float: left;
    width: 130px;
    /* height: 200px; */
    margin: 10px 10px 0px 10px;
    padding: 4px;
    border-top: 1px solid #09c;
    border-right: 1px solid #ff9966;
    border-bottom: 1px solid #ff9966;
    border-left: 1px solid #09c;
    }
    
.img-frame6 {
    float: left;
    margin: 0px 10px 0px 10px;
    padding: 4px;
    border-top: 1px solid #09c;
		border-right: 1px solid #ff9966;
		border-bottom: 1px solid #ff9966;
		border-left: 1px solid #09c;
    }
    
 .img-frame7 {
    float: left;
    margin: 0px 5px 10px 0px;
    padding: 4px;
    border-top: 1px solid #09c;
	 border-right: 1px solid #ff9966;
    border-bottom: 1px solid #ff9966;
	 border-left: 1px solid #09c;
    }
    
.img-frame8 {
    float: left;
    width: 150px;
    margin: 0px 10px 10px 10px;
    padding: 4px;
    border-top: 1px solid #09c;
    border-right: 1px solid #ff9966;
    border-bottom: 1px solid #ff9966;
    border-left: 1px solid #09c;
    }
    
.img-frame9 {
    margin: 0px 10px 0px 10px;
    padding: 4px;
    border-top: 1px solid #09c;
	 border-right: 1px solid #ff9966;
    border-bottom: 1px solid #ff9966;
	 border-left: 1px solid #09c;
    }
    
    
    
.left-float {
    margin-left: 10px;
    float: left;
    }
    
.left-float2 {
    float: left;
    width: 200px;
    border: 0;
    }
    
.right-float {
    float: right;
    }
		
/* Holly hack: Hides from IE-mac \*/
* html .floatholder {height: 1%;}
/* End hide from IE-mac */

		
a {
	  color: #60af65;
	  font-family: verdana, arial, helvetica, sans-serif;
	  font-weight: 600;
	  text-decoration: none;
	  outline: none;
	  }
	   
a:link {color: #60af65;}
a:visited {color: #60af65;}
a:hover {color: #ff9966;}
a:active {outline: none;}

a:link.buy {color: #60af65; border: 1px solid #09c; padding: 2px;}
a:visited.buy {color: #60af65; border: 1px solid #09c; padding: 2px;}
a:hover.buy {color: #ff9966; border: 1px solid #60af65; padding: 2px;}
a:active.buy {outline: none;}

a:link.logo-link {
     font: bold 26px/28px verdana, arial, helvetica, sans-serif;
	  text-decoration: inherit !important;
     }
a:visited.logo-link {
     font: bold 26px/28px verdana, arial, helvetica, sans-serif;
	  text-decoration: inherit !important;
	  }
a:hover.logo-link {
     font: bold 26px/28px verdana, arial, helvetica, sans-serif;
	  text-decoration: inherit !important;
	  }
a:active.logo-link {outline: none;}

h2 {
	  font: bold 16px/18px verdana, arial, helvetica, sans-serif;
	  margin: 10px 10px 30px 10px;
	  color: #ff9966;
	  padding: 5px;
	  text-align: center;
	  
	  border: 1px solid #09c;
	  background: #fff;
	  }
	   
h3 {
	  font: bold 12px/14px verdana, arial, helvetica, sans-serif;
	  margin: 20px 10px 10px 10px;
	  color: #09c;
	  padding: 0px;
	  border-bottom: 1px solid #ff9966;
	  }
	  
h4 {
	  font: bold 11px verdana, arial, helvetica, sans-serif;
	  margin: 20px 10px 10px 10px;
	  color: #09c;
	  padding: 0px;
	  }
	   
p    {
	  font: 11px/20px verdana, arial, helvetica, sans-serif;
	  margin: 0px 10px 16px 10px;
	  padding: 0px;
	  }
	  
p.xhighlight    {
	  font: 11px/20px verdana, arial, helvetica, sans-serif;
	  margin: 0px 0px 10px 0px;
	  padding: 0px;
	  }
	  
p.smallbox    {
	  font: 9px/11px verdana, arial, helvetica, sans-serif;
	  margin: 5px 0px 0px 0px;
	  padding: 0px;
	  }
	  
.highlight {
     color:  #09c;
     border: 1px solid #ff9966; 
     font: bold 11px/20px verdana, arial, helvetica, sans-serif;
	  margin: 10px 10px 10px 10px;
     padding: 4px;
     }
     
.highlight2 {
     border: 1px solid #ff9966; 
     font: 11px/20px verdana, arial, helvetica, sans-serif;
    /* background-image: url(bg-tile.jpg); */
     background-color: #e1fbe2;
	  margin: 10px 10px 10px 10px;
     padding: 4px;
     }
     
.highlight3 {
     border: 1px solid #09c;
     background-color: #fff;
     font: 11px/20px verdana, arial, helvetica, sans-serif;
	  margin: 10px 10px 10px 10px;
     padding: 4px;
     }
     
 .banner-box {
     width: 150px;
     float: right;
     border: 4px double #09c;
     background-color: #fff;
	  margin: 10px 10px 10px 10px;
	  padding-top: 4px;
	  padding-right: 4px;
	  padding-bottom: 0px;
	  padding-left: 4px;
     }
     
.banner-box p  {
     font: bold 16px/18px verdana, arial, helvetica, sans-serif;
     text-align: center;
     }
     
.banner-box p.normal  {
     font: 11px verdana, arial, helvetica, sans-serif;
     text-align: left;
     }

.lineheight-explicit {
     line-height: 1.1;
     }
	  
.realsmall {
     font: 9px/11px verdana, arial, helvetica, sans-serif;
     line-height: 1.3em;
     /* line-height: .9em; */
     }	
     
.copyr {
     font: 9px/11px verdana, arial, helvetica, sans-serif;
     margin-top: 4px;
     border-top: 1px solid #ff9966;
     text-align: center;
     }	
     
.minlogo {
     border: 0px;
     }
     
.table1 {
     border: 1px solid #09c;
     margin: 0px 10px 16px 10px;
     width: 50%;
     }
     
.table2   {
     font: 11px/20px verdana, arial, helvetica, sans-serif;
	  margin: 0px 10px 16px 10px;
	  padding: 0px;
     }
     
.table3 {
     border: 1px solid #09c;
     margin: 0px 10px 16px 10px;
     }
     
.table4 {
     border: 1px solid #09c;
     margin: 0px 0px 16px 10px;
     }
     
.t-header {
     color: #09c; 
     font: bold 11px/14px verdana, arial, helvetica, sans-serif;
     border-bottom: 1px solid #09c;
     background: #fff;
     }
     
.h-cell {
     border-bottom: 1px solid #09c;
     padding: 4px;
     background: rgb(240,240,240);
     }
     
.h-cell h4 {
     text-align: center; 
     margin: 2em 0 0 0; 
     color: #09c;
     font-size: 1.1em;
     }
     
.t-bground {
     background-color: #fff;
     padding: 4px;
     font: 11px/20px verdana, arial, helvetica, sans-serif;
     }
     
th  {
     text-align: right;
     padding: 4px;
      }
     
.cell {
     padding: 4px;
     }

li {
     list-style-type: circle;
     font: 11px/20px verdana, arial, helvetica, sans-serif;
	  margin: 0px 10px 10px 10px;
	  padding: 0px; 
	  line-height: 1.3em;
     } 

li.flow {
     list-style-type: circle;
     font: 11px/20px verdana, arial, helvetica, sans-serif;
	  margin: 0px 10px 10px 20px;
	  padding: 0px; 
     } 
     
ol li {
     list-style-type: decimal;
     font: 11px/20px verdana, arial, helvetica, sans-serif;
	  margin: 0px 10px 10px 10px;
	  padding: 0px; 
	  line-height: 1.3em;
     } 
     
ul.loose-list li {
     line-height: 1.5em;
     }
     
 /* ----------------product box  styling - ignored by IE6-------------------------- */
 
 .product[class] {
      display: block;
      float: left;
     }
     
.product2[class] {
    margin-left: 10px;
    float: left;
    }   
     
 .picture[class] {
      float: left;
      clear: left;
      margin-bottom: 0px;
     }
     
 .addcart[class] {
      float: left;
      clear: left;
      margin-right: 5px;
      margin-bottom: 10px;
     }
     
.addcart2[class] {
      float: left;
      clear: left;
      margin-bottom: 10px;
     }
     
 .description[class] {
      margin-left: 0px;
     }
 
 /* For IE 6 */
 
 * html .product2 {
  margin-left: 10px;
 }
 

     
 /* ----------------Mail form Styling-------------------------- */


.formtable {
border-top: 20px solid #fff;
border-right: 20px solid #fff;
border-bottom: 20px solid#fff;
border-left: 20px solid #fff;
padding: 0px;
margin: 20px auto;
background-color: #fff;
color: #333;
text-align: left;
font: 11px verdana, arial, helvetica, sans-serif;
}
.logo { 
float: left;
border-right: 10px solid #fff;
border-bottom: 10px solid #fff;
}
.one h2 {
background-color: #fff;
margin-top: auto;
margin-bottom: auto;
}
input {
background-color: rgb(240,240,240);
border: #000000 1px solid;
color: #333;
} 
select {
background-color: rgb(240,240,240);
border: #000000 1px solid;
color: #333;
} 
textarea {
background-color: rgb(240,240,240);
border: #000000 1px solid;
color: #333;
} 
.altbutton {
background-color: #ff9966;
font-family: verdana;
border: #000000 1px solid;
font-size: 12px;
color: #000;
} 
.over {
background-color: rgb(240,240,240);
border: #09c 1px solid;
color: #333;
}
.ie-center {
text-align: center;
}
.ahem {
display: none;
}


/* Top menu start---------------------------------------------- */

/* ================================================================ 

This px version works in IE6 (w/flashing) and current versions (5-7-07) of Win-FF, Lin-FF, Win-Opera, Lin-Konqueror, Mac-Safari, and IE7.


This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/drop_examples.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the assocaited (x)html may be modified in any 
way to fit your requirements.
=================================================================== */
/* common style for all browsers */

.menu {
  text-align: center;
  font-family: verdana, sans-serif;
  position: relative;
  font-size: 11px;
  margin: 0px 15px 0px 0px;
  padding: 0;
  list-style-type: none;
}

.menu ul {
  padding: 0;
  margin: 0;
  list-style-type: none; /* for Firefox */
}

.menu li {
  float: right; /* Shoves menu left or right and reverses first level list item order. */
  list-style-type: none;
  position: relative;
  margin: 0px;
  padding: 0px;
}

.menu li a, .menu li a:visited {
  display: block;
  text-decoration: none;
  width: 87px; /* For FF; adjust below for IE. */
  float: left;
  padding-right: 0em;
  height: 3em;
  line-height: 3em;
}

* html .menu li a, .menu li a:visited {
  width: 87px; w\idth:8em; /* hack for IE5.5 */
}

* html .head-links {
    margin: 0px 10px 0px 10px;
    }

.menu li a.drop, .menu li a.drop:visited {
  font-weight: bold;
}

.menu li ul {
  visibility: hidden;
  position: absolute;
  top: 2.5em;
  left: 0;
  height: 0em;
  overflow: hidden;
  border-top: solid 10px #fff;   /*  to put space between 1st and 2nd level menu but Konqueror and Safari may have a problem */

}

.menu table {
  margin: -1px;
  border-collapse: collapse;
  font-size: 11px; /* font size for IE5.5 */
} 


/* first line style for IE7 and non-IE browsers and the second line for IE5.5 and IE6 (which don't get :hover on non-anchors.) */
.menu li:hover a,
.menu li a:hover {
  text-decoration: none;
  border: 0;
}

.menu li.level-b:hover a,
.menu li.level-b a:hover {
  text-decoration: none;
  background: #e1fbe2;
}

.menu li:hover ul,
.menu li a:hover ul {
  visibility: visible;
  height: auto;
  width: 95px; /* This controls the width of drop list. Should be 8px more than all the other widths declared (currently 87). */
  background: transparent;
  left: -.2em; /* was 0em; shifted left to center under first level link */
  top: 2em; /* was 2.25em but IE7 requires a smaller number here */
  overflow: visible;
  border-right: solid 1px #ff9966;
  border-left: solid 1px #ff9966;
  border-bottom: solid 1px #ff9966;
}

.menu li:hover ul li a,
.menu li a:hover ul li a {
  display: block;
  font-weight: normal;
  background: #fff;
  text-decoration: none;
  height: auto;
  line-height: 1.5em;
  padding: 4px;
  width: 87px;
}

* html .menu li a:hover ul li a {
  width: 87px; w\idth:8em; /* hack for IE5.5 */
}

/* Top menu end---------------------------------------------- */