/* 
stroke of logo: #698593 
bg of logo: #FF9900

lances colour scheme
lite green #B4D488
lite blue #01AEE8
grey #698593
dark grey #6B6B6B
*/

body{ 
  width: 95%;
  margin: 0 auto 20px auto;
  background-color: #fff;
  font-family: verdana, sans-serif; 
  font-size: 85%;
}

h3{
  clear: both;
}

td {
  vertical-align: top;
}
#stripe1 {
  border-bottom: 4px solid #FF9900;
  background-color: #808080;

}

#stripe2 {
  border-top: 4px solid #E0C09F;
  background-color: #808080;

}

#menubar {
  padding-left: 155px;
  height: 20px;
  background-color: #808080;
/*  border: 1px solid black;*/
}

.menu{
  font-family: verdana, sans-serif; 
  line-height: 20px;
  float: left;
  padding-left: 8px;
  font-size: 0.7em;
  font-weight: bold;
  color: #AAAAAA;
}

#header { 
  background-color: #FFFFFF; 
  padding-top: 0px;
  padding-bottom: 0px;
  width: 800px;
}

#holder { 
  float: left;
  padding-top: 20px;
  padding-bottom: 10px;
  margin: 0 auto;
/*  border: 1px solid black;*/
}

#navbar { 
  float: left;
  padding-top: 10px;
  padding-left: 10px;
  padding-right: 0px;
  padding-bottom: 10px;
  width: 160px;
/*  border: 1px solid black;*/
}

#rightimg { 
  width: 120px;
  float: right;
  padding-top: 20px;
  padding-left: 15px;
  padding-right: 15px;
  padding-bottom: 10px;
  font-family: verdana, sans-serif; 
  font-size: 0.75em; 
  color: #000000; 
/*  border: 1px solid black;*/
}

.imagespacer { 
  padding-left: 10px;  
  padding-right: 10px;
  padding-top: 0; 
  padding-bottom: 0;
  vertical-align: top;
}

.alltext { 
  font-family: verdana, sans-serif;
  color: #000000; 
  padding-left: 10px; 
  padding-right: 10px; 
  padding-top: 0px;
  padding-bottom: 10px;
  width: 590px;
  float: left;
  clear: left;
  margin: 0 auto;
/*  border: 1px solid black;*/
}

.bigtext { 
  font-family: verdana, sans-serif; 
  font-size: 1.2em; 
  color: #000000; 
  padding-left: 10px; 
  padding-right: 10px; 
  padding-top: 0px;
  padding-bottom: 10px;
  width: 490px;
  float: left;
  margin: 0 auto;
}

.widealltext { 
  font-family: verdana, sans-serif; 
  color: #000000; 
  padding-left: 10px; 
  padding-right: 10px; 
  padding-top: 0px;
  padding-bottom: 10px;
  width: 690px;
  float: left;
  clear: left;
  margin: 0 auto;
}

.widediv { 
  width: 690px;
  float: left;
  clear: left;
  margin: 0 auto;
}

a:link { 
  font-family: verdana, sans-serif; 
  font-size: 1em; 
  color: #ff9900;
  text-decoration: none;
}

a:visited { 
  font-family: verdana, sans-serif; 
  font-size: 1em; 
  color: #ff9900;
  text-decoration: none; 
}

a:hover { 
  font-family: verdana, sans-serif; 
  font-size: 1em; 
  color: #999; 
  text-decoration: underline; 
}

a:active { 
  font-family: verdana, sans-serif; 
  font-size: 1em; 
  color: #999; 
  text-decoration: underline; 
}

.copy {
  font-family: verdana, sans-serif;
  font-size: 0.7em;
  font-weight: bold;
  color: #000000;
  text-align: center;
  clear: both;
  padding-bottom: 10px;
}

.ordered {
  list-style: inside;
}

.chromestyle {
  min-width: 900px;
  margin: 0 auto;
  float: left;
  padding-top: 10px;
  padding-left: 10px;
  padding-right: 0px;
  padding-bottom: 10px;
  width: 100%;
  text-align: center;
}

.chromestyle:after { /*Add margin between menu and rest of content in Firefox*/
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

.chromestyle ul {
  text-align: center;
  margin: 10px 0 0 0;
  padding: 0;
  font-weight: bold;
}

.chromestyle ul li {
  display: inline;
  background-color: #eee;
  height: 30px;
  padding: 4px 0;
  margin: 0;
  border-left: 1px solid #666;
  border-right: 1px solid #666;
}

.chromestyle ul li.first {
  border-left: 0;
}

.chromestyle ul li.last {
  border-right: 0;
}

.chromestyle ul li a {
  color: #FF9900;
  padding: 6px 57px 4px 57px;
  margin: 0;
  text-decoration: none;
  font-size: small;
  background-color: #eee;
}

.chromestyle ul li a:hover {
  background-color: #ccc;
  color: #666;
}

/* ######### Style for Drop Down Menu ######### */
.dropmenudiv1, .dropmenudiv2, .dropmenudiv3, .dropmenudiv4 {
  position: absolute;
  background-color: #eee;
  border-bottom-width: 0;
  font: normal 12px Verdana;
  z-index: 100;
  width: 205px;
  text-align: center;
  visibility: hidden;
}

.dropmenudiv2 {
  margin-left: -5px;
}

.dropmenudiv3 {
  margin-left: 10px;
}
 
.dropmenudiv4 {
  margin-left: 5px;
}
 
.dropmenudiv1 a, .dropmenudiv2 a, .dropmenudiv3 a, .dropmenudiv4 a {
  display: block;
  padding: 4px 0;
  text-decoration: none;
  font-weight: bold;
  color: #FF9900;
}

* html .dropmenudiv1 a, * html .dropmenudiv2 a, * html .dropmenudiv3 a, * html .dropmenudiv4 a { /*IE only hack*/
  width: 205px;
}

.dropmenudiv1 a:visited, .dropmenudiv2 a:visited, .dropmenudiv3 a:visited, .dropmenudiv4 a:visited {
  color: #ff9900;
}

.dropmenudiv1 a:hover, .dropmenudiv2 a:hover, .dropmenudiv3 a:hover, .dropmenudiv4 a:hover {
  background-color: #ddd;
  color: #666666;
}

#activeitem {
  background-color: #EEEEEE;
  padding: 4px 57px;
  color: #666666;
  font-size: small;
}

#chromemenu {
  clear: left;
}

.home_page_box {
  margin-left: 50px;
  width: 288px;
  height: 180px;
  float: left;
}

.home_page_box img {
  border: 0;
}

.textfield { width: 50px; text-align: right; float: left; clear: left; padding: 3px; font-size: 90%; }
.adjacent{ float: left; clear: none; padding: 3px; width: 230px;  }

#product_wrapper {
  width: 800px;
}

#products_options {
  background: #ccc;
  width: 300px;
  float: left;
  clear: left;
  padding: 5px;
  margin-top: 20px;
}

#prod_description_wrapper {
  width: 350px;
  margin: 5px;
  float: left;
}
#prod_img {
  float: left;
  width: 420px;
  text-align: center;
}
.extraImageBox {
  clear: left;
}

.extraImageContents {
  text-align: center;
}
#prod_description {
  float: left;
  background: #eee;
  width: 300px;
  padding: 5px;
}
.main {
}
a.noborder {
  border: 0;
  text-decoration: none;
}
.clearer {
  clear: both;
}

.header .infoBox .infoBoxContents {
  background-color: transparent;
}

th.th {
  text-align: left;
  width: 25%;
}

.footer_menu a {
  font-size: 70%;
  color: #FF9900;
}

a.headerlink {
  color: #FF9900;
}

#slideshow {
  position: relative;
  height: 350px;
}

#slideshow img {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 8;
  opacity: 0.0;
}

#slideshow img.active {
  z-index: 10;
  opacity: 1.0;
}

#slideshow img.last-active {
  z-index: 9;
}

.pageHeading {
  min-width: 600px;
}