/* menu styles */
#navBar ul {
  padding: 0;
  margin: 0;
  list-style: none;
  display:block;
  z-index:50;
  }
  
/* all list items */
#navBar li {
	float: left;
	position: relative;
	font-size: 11px;
	color: #4F7558;
	margin-right:15px;
  }
  
/* second-level lists */  
#navBar li ul {
	display: none;
	position: absolute;
  }
#navBar li ul li {
  clear:both;
  background-color:#5E8C68;
  width:130px;
  border-top:#77a382 solid 2px;
}

#navBar li ul li a {
  font-size:11px;
  padding:4px;
  display:block;
  color:#fff;
  padding:5px;
}
#navBar li ul li a:hover {
  color:#CFDFD2;
  background-color:#006633;
  border-top:#77a382 solid 2px;
  padding-top:3px;
}


  
/* to override top and left in browsers other than IE, which will position to the top right of the containing li, rather than bottom left */
#navBar li > #navBar ul {
	top: auto;
	left: auto;
	}
	
/* to override top and left in browsers other than IE, which will position to the top right of the containing li, rather than bottom left */	
#navBar li:hover ul, #navBar li.over ul{
	display: block; }
	
#navBar ul li a {
	display:block;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:300;
	text-decoration:none;
	color:#666666;
	padding:5px;
	margin-top:-1px;
}
#navBar ul li a:hover {
	color: #fff;
  	background-color:#006633;
}

/* main CSS */
*{
margin:0px;
padding:0px;
}

body{
background-color:#000000;
margin-top:10px;
margin-bottom:10px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:1em;
}
a{
border:none;
}
img{
border:none;
}

h1{
font-size:14px;
color:#666666;
font-weight:bold;
padding-bottom:10px;
}
h2{
font-size:0.9em;
color:#006633;
padding-bottom:4px;
display:block;
float:left;
padding-top:15px;
width:170px;
}

h3{
font-size:0.8em;
color:#4F7558;
padding-bottom:8px;
float:left;
width:180px;
}
h4{ 
color:#006633;
font-size:0.6em;
padding-bottom:10px;
clear:left;
}

h5{
font-size:12px;
line-height:1.3em;
color:#666666;
padding-bottom:10px;
font-weight:normal;
}
p{
font-size:11px;
color:#666666;
padding-bottom:10px;
}
p.classStyle1{
clear:both;
}

/*---------------------------------------------------------------------------container*/
#container{
width:750px;
background-color:#FFFFFF;
margin-left:auto;
margin-right:auto;
padding-right:10px;
}

/*-----------------------------------------------------------------------------header*/
#header{
width:740px;
height:125px;
background-color:#FFF;
background-image:url(../images/strapline.gif);
background-position:right top;
background-repeat:no-repeat;
margin-left:10px;
}

#header img{
border:none;
float:left;
}

.secondaryNavUL{
float:right;
margin-top:100px;
}
.secondaryNavLI{
display:inline;
color:#666666;
padding-right:6px;
font-size:11px;
}

.secondaryNavUL a:link, .secondaryNavUL a:visited, .secondaryNavUL a:active{
color:#666666;
text-decoration:none;
}

.secondaryNavUL a:hover{
text-decoration:none;
color:#999999;
}

/*-----------------------------------------------------------------------------navigation*/

#navBar{
background-image:url(../images/navBG.gif);
background-position:left top;
background-repeat:repeat-x;
width:724px;
padding:6px 0px 0px 16px;
height:24px;
margin-left:10px;
}

/*-----------------------------------------------------------------------------area3*/

#area3{
width:740px;
margin-left:10px;
background-color:#FFF;
border-top:2px solid #4F7558;
height:auto;
clear:both;
}
#area3 ul{
font-size:9px;
color:#999999;
text-align:center;
margin-top:10px;
}

#area3 li{
display:inline;
padding-right:6px;
}

#area3 ul a:link, #area3 ul a:visited, #area3 ul a:active {
color:#999999;
text-decoration:none;
}

#area3 ul a:hover{
color:#666666;
text-decoration:none;
}

/*-----------------------------------------------------------------------------searchbox*/

#searchbox{
width:240px;
height:20px;
background-image:url(../images/find_product.gif);
background-position:left;
background-repeat:no-repeat;
margin:0;
padding:0;
display:block;
float:right;
border:solid 1px #006633;
margin-top:95px;
}
#go{
float:right;
}
#search{
height:18px;
border:0;
width:115px;
float:left;
margin-left:103px;
font-size:12px;
}

/*-----------------------------------------------------------------------------credits*/


#credits{
text-align:center;
width:740px;
padding-top:5px;
font-family:Verdana, Arial, Helvetica, sans-serif;
display:block;
clear:both;
margin-top:10px;
height:30px;
}
#credits p{
font-size:10px;
color:#999999;
width:740px;
}

#credits a:link, #credits a:visited, #credits a:active {
color:#6699CC;
text-decoration:none;
}
#credits a:hover{
color:#336699;
text-decoration:none;
}
/*-----------------------------------------------------------------------------cookiecrumb*/


.cookie{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
color:#666666;
font-weight:normal;
margin:5px 0px 5px 10px;
padding:0;
float:left;
}
.cookieCrumb{
text-decoration:underline;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
color:#666666;
font-weight:normal;
}
.cookieCrumb:hover{
color:#999999;
}

.customBold{
font-weight:bold;
}

.customLink{
text-decoration:underline;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
color:#666666;
font-weight:normal;
}

.basket{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
color:#666666;
font-weight:normal;
margin:5px 10px 5px 0px;
padding:0;
float:right;
}
.basket a{
text-decoration:underline;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
color:#666666;
font-weight:normal;
}
.basket a:hover{
color:#999999;
}


.basket img{
margin-top:4px;
}
/*-----------------------------------------------------------------------------forms*/
.asterisk{
color:#FF0000;
}
.required{
font-size:10px;

}
.message{
font-size:10px;
color:#FF0000;
font-family:Verdana, Arial, Helvetica, sans-serif;
}

.errMessages{
font-size:10px;
color:#FF0000;
font-family:Verdana, Arial, Helvetica, sans-serif;
}

div#navBar span.trade a{
float:right;
font-size:12px;
text-decoration:none;
color:#006633;
margin-right:10px;
}