a:active { outline: none; }
a:focus { -moz-outline-style: none; }

/* green BG 9dc542 */

html {
height:100%;
padding:0px;
margin:0px;
margin-left: -.1px; /* for FF */
background:#9dc542 url(graphics/general/bg-grad.gif) repeat-x;
}

body {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
text-decoration: none;
font-weight: normal;
color: #4c612a;
text-align:center;
background:transparent url(graphics/general/bg-bottom.png) no-repeat bottom center;
margin:0 auto;
width: 100%;
min-height:100%; /* change to height:100%; for IE6 */
padding:0px;
}	


/* text styles */
.strike {
	text-decoration: line-through;
}

.outofstock {
	font-weight: bold;
	background-color:#CC0000;
	color: #ffffff;
}

.sitetext {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #4c612a;
}
.sitetextblack {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #000000;
}
.sitetextsmaller {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	color: #4c612a;
}
.sitetextgreen {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #00a33d;
}
.qanda {	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #739340;
	font-weight: bold;
	text-decoration: none;
}
.sitetextlight {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #BD7656;
}
.sitetextsmall {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	color: #c96228;
}
.sitetextred {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #C00;
}
.sitetextbold {	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #c96228;
}
.smalltext {	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-weight: normal;
	color: #666;
}
.product_head {	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	font-weight: bold;
}
.error {	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #FF0000;
}
.home_prod_head_large {	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #C00;
	font-weight: bold;
}
.prod_head_large {	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #c96228;
	font-weight: bold;
}
.prod_head_med {	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #c96228;
	font-weight: bold;
}
.prod_head_normal {	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #c96228;
	font-weight: normal;
}
.cat_head_large {	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #c96228;
	font-weight: bold;
}
.cat_head_small_bold {	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #c96228;
	font-weight: bold;
}
.cat_head_small {	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #c96228;
	font-weight: normal;
}
.beige_head {	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #f7f6e6;
	font-weight: bold;
}
.white_head {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #ffffff;
	font-weight: bold;
}
.white_head_12 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #ffffff;
	font-weight: normal;
}
.text-red {
	color: #C00;
}
a:link {	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	color: #739340;
	text-decoration: underline;
}
a:visited {	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	color: #739340;
	text-decoration: underline;
}
a:hover {	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	color: #c96228;
	text-decoration: underline;
}
a.cat_prod_head {	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #739340;
	font-weight: bold;
	text-decoration: none;
}
a.cat_prod_head:visited {	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #739340;
	font-weight: bold;
	text-decoration: none;
}
a.cat_prod_head:hover {	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #c96228;
	font-weight: bold;
	text-decoration: none;
}
a.cat_size {	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8px;
	font-weight: normal;
	color: #739340;
	text-decoration: none;
}
a.cat_size:visited {	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8px;
	font-weight: normal;
	color: #739340;
	text-decoration: none;
}
a.cat_size:hover {	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8px;
	font-weight: normal;
	color: #c96228;
	text-decoration: none;
}
.footer a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	color: #739340;
	text-decoration: underline;
}
.footer a:visited {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	color: #739340;
	text-decoration: underline;
}
.footer a:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	color: #c96228;
	text-decoration: underline;
}
a.sitetextlink {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #666666;
	text-decoration: underline;
}
a.sitetextlink:visited {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #666666;
	text-decoration: underline;
}
a.sitetextlink:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #c96228;
	text-decoration: underline;
}

.testimonials {
float: left;
display: block;
width: 500px;
background: url(graphics/general/testimonials-box.jpg) no-repeat 0px 0px;
}
.testimonial-text {
float: left;
display: block;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: normal;
color: #ffffff;
width: 320px;
padding-top:10px;
margin-left:170px;
}
.testimonials-bottom {
clear:left;
float: left;
display: block;
width: 500px;
height:10px;
background: url(graphics/general/testimonials-bottom.jpg) no-repeat 0px 0px;
}
.prop {
height:120px;
}

a.logo-home {
display: block;
width: 200px;
height: 66px;
background: url(graphics/menus/logo_home.gif) 0 0 no-repeat;
}
a:hover.logo-home {
display: block;
width: 200px;
height: 66px;
background:url(graphics/menus/logo_home.gif) -200px 0 no-repeat;
}

.outer-wrapper {
height:100%;
padding:0px 0px 44px 0px;
margin:0 auto;
background:url(graphics/general/bg-top.png) no-repeat top center fixed;
}

.middle-column-wrapper {
min-height:100%;
margin:0 auto;
width:780px;
background:#ffffff url(graphics/general/bg-content.png) repeat-y center;

}	

.middle-column-content {
padding:1px 0px 0px 0px;
min-height:100%;
text-align:left;
}

.floatleft {
float:left;
padding-left:10px;
}


/* nav menu */
#nav-menu
{
width:100%
}

#nav-menu ul
{
list-style: none;
padding: 0;
margin: 0;
}

#nav-menu li
{
float: left;
padding-bottom: 0px;
}

#nav-menu li a
{
background-color:#3399CC;
color: #0d2474;
}

#nav-menu li a:hover
{
background-color:#99cc00;
color: #0d2474;
}

/* Hide from IE5-Mac \*/
#nav-menu li a
{
float: none
}
/* End hide */


/* rollovers */
#nav-menu li#calculator a {
float: left;
display: block;
width: 63px;
height: 62px;
background: url(graphics/menus/nav-icons-bold-glass.gif) no-repeat scroll 0px 0px;
}

#nav-menu li#calculator a:hover {
float: left;
display: block;
width: 63px;
height: 62px;
background: url(graphics/menus/nav-icons-bold-glass.gif) no-repeat scroll -64px 0px;
}

#nav-menu li#delivery a {
float: left;
display: block;
width: 63px;
height: 62px;
background: url(graphics/menus/nav-icons-bold-glass.gif) no-repeat scroll 0px -60px;
}

#nav-menu li#delivery a:hover {
float: left;
display: block;
width: 63px;
height: 62px;
background: url(graphics/menus/nav-icons-bold-glass.gif) no-repeat scroll -64px -60px;
}

#nav-menu li#help a {
float: left;
display: block;
width: 53px;
height: 62px;
background: url(graphics/menus/nav-icons-bold-glass.gif) no-repeat scroll -5px -120px;
}

#nav-menu li#help a:hover {
float: left;
display: block;
width: 53px;
height: 62px;
background: url(graphics/menus/nav-icons-bold-glass.gif) no-repeat scroll -69px -120px;
}

#nav-menu li#samples a {
float: left;
display: block;
width: 59px;
height: 62px;
background: url(graphics/menus/nav-icons-bold-glass.gif) no-repeat scroll -2px -180px;
}

#nav-menu li#samples a:hover {
float: left;
display: block;
width: 59px;
height: 62px;
background: url(graphics/menus/nav-icons-bold-glass.gif) no-repeat scroll -66px -180px;
}

#nav-menu li#gallery a {
float: left;
display: block;
width: 59px;
height: 62px;
background: url(graphics/menus/nav-icons-bold-glass.gif) no-repeat scroll -2px -240px;
}

#nav-menu li#gallery a:hover {
float: left;
display: block;
width: 59px;
height: 62px;
background: url(graphics/menus/nav-icons-bold-glass.gif) no-repeat scroll -66px -240px;
}

#nav-menu li#contact a {
float: left;
display: block;
width: 53px;
height: 62px;
background: url(graphics/menus/nav-icons-bold-glass.gif) no-repeat scroll -5px -300px;
}

#nav-menu li#contact a:hover {
float: left;
display: block;
width: 53px;
height: 62px;
background: url(graphics/menus/nav-icons-bold-glass.gif) no-repeat scroll -69px -300px;
}

#nav-menu li#search a {
float: left;
display: block;
width: 63px;
height: 62px;
background: url(graphics/menus/nav-icons-bold-glass.gif) no-repeat scroll 0px -360px;
}

#nav-menu li#search a:hover {
float: left;
display: block;
width: 63px;
height: 62px;
background: url(graphics/menus/nav-icons-bold-glass.gif) no-repeat scroll -64px -360px;
}

#nav-menu li#basket a {
float: left;
display: block;
width: 63px;
height: 62px;
background: url(graphics/menus/nav-icons-bold-glass.gif) no-repeat scroll 0px -420px;
}

#nav-menu li#basket a:hover {
float: left;
display: block;
width: 63px;
height: 62px;
background: url(graphics/menus/nav-icons-bold-glass.gif) no-repeat scroll -64px -420px;
}

#nav-menu li#checkout a {
float: left;
display: block;
width: 59px;
height: 62px;
background: url(graphics/menus/nav-icons-bold-glass.gif) no-repeat scroll -2px -480px;
}

#nav-menu li#checkout a:hover {
float: left;
display: block;
width: 59px;
height: 62px;
background: url(graphics/menus/nav-icons-bold-glass.gif) no-repeat scroll -66px -480px;
}

/* postcode scroll */
tr.postcode td {border-bottom: #D1CEAD 1px solid;}

/* products menu */
#products-menu-wrapper {
width:776px;
margin:0 auto; 
}

#products-menu-container {
	clear:both; 
	float:left; 
	width:100%; 
	overflow:hidden;
	font-family:arial, sans-serif;
	font-size:11px;
	font-weight:normal;
	text-align:center;
	background:#739340;
	border-bottom:1px solid #fff; 
}

#products-menu {
  padding:0; 
  margin:0 auto; 
  list-style-type:none;
  float:left;
  position:relative; 
  left:50%;
  }
#products-menu li {
  float:left; position:relative; right:50%;
  }
#products-menu a {
  width:auto;
  display:block;
  padding:1px 8px 2px 8px;
  color:#fff; 
  background-color:#4c612b; 
  border-right:1px solid #fff; 

  text-decoration:none;
  }
#products-menu a.first {
  border-left:1px solid #fff; 
}
#products-menu a:hover {
  color:#fff; 
  background:#c96228;
  }

  