/* 
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; 
}

h3{
  clear: both;
}

#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;
}

#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; 
  font-size: 0.75em; 
  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; 
  font-size: 0.75em; 
  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: #666; 
  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{
  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-top: 2px;
  margin-left: 0;
  padding: 0;
  font-weight: bold;
}

.chromestyle ul li{
  display: inline;
  background-color: #fff;
}

.chromestyle ul li a{
  color: #FF9900;
  padding: 4px 7px;
  text-decoration: none;
  font-size: small;
  background-color: #fff;
}

.chromestyle ul li a:visited{
  background-color: #fff;
  color: #FF9900;
}

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

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

.dropmenudiv2 {
  margin-left: 20px;
}

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

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

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

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

#activeitem {
  line-height: 1.8em;
  background-color: #EEEEEE;
  padding: 4px 7px;
  color: #666666;
  margin-right: -3px;
  border: 1px solid #BBB;
  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;  }

#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;
  font-size: 80%;
  text-align: center;
}
.extraImageBox {
  clear: left;
}

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