html
 {
  margin: 0;
  padding: 0;
  border: 0;
 }

body
 {
  color: #000000;
  background: #ffffff url(../images/background.gif) repeat-x fixed;
  font: 0.8em/1.2em Tahoma, Arial, sans-serif;
  margin: 0;
  padding: 0;
  text-align: center;
  height:100%;
}
 
#pagewrap
 {
  color: #000000;
  background-color: #ffffff;
  text-align: left;
  margin: 0 auto;
  width: 770px;
  padding: 0;
 }

h1
 {
  font-size: 1em;
  text-transform:uppercase;
  margin: .3em 0 0;
  padding: 0;
 }
 
span.h1small
{
 font-size: 0.9em;
 text-transform: none;
 color: #666666;
}  
 
h2
 {
  font-size: 1.1em;
 }
 
a
 {
  color: #000099;
 }
  
a:visited
 {
  color: #cc0000;
 }
  
a:hover
 {
  color: #00CC00;
 }

div.clearboth
 {
  clear: both;
  margin: 0 0 -1em 0;
 }

div.clearright
{
 clear: right;
}

div#headerwrap
{
 position: fixed;
 top: 0;
 left: 50%;
 width: 601px;
 color: inherit;
 background-color: #008040;
 margin: 0 0 0 -216px;
 padding: 0;
 z-index: 5;
}

* html div#headerwrap
{
 position: absolute;
}

div#headmenu
{
 height: 33px;
 padding: 0;
 margin: 0;
}

a#logohome img
 {
  border: none;
 }
 
div#headercontact
 {
	float: right;
	margin-right: 20px;
	font-size: 1.4em;
	background-color: inherit;
	color: #ffffff;
 }
 
div#headercontact a, div#headercontact a:visited
 {
  color: #ffffff;
  background-color: inherit;
  text-decoration: none;
 }
 
div#headercontact a:hover
 {
	color: #ffffff;
	background-color: inherit;
	text-decoration: underline overline;
 }
 
#mainnavlist
 {
  padding: 6px 0 0;
  margin: 0;
  list-style: none;
 }

#mainnavlist a, .mainmenudead
 {
	display: block;
	text-decoration: none;
	padding: 4px 0 0;
	text-align: center;
	font-size: 1.1em;
	font-weight: bold;
	color: #008040;
 }
 
#mainnavlist li
 {
	float: left;
	margin: 0 1px;
	padding: 0 0 0 3px;
	width: 100px;
 }

#mainnavlist li a:hover
 {
	text-decoration: underline overline;
 }
 
div#headmenuwrap
{
 padding-top: 20px;
}

div#mainnavigation
{
 margin-left: 5px;
}
  
div.menutabpos0
 {
  background: url(../images/menutabpos0.gif) no-repeat;
 }
 
div.menutabpos1
 {
  background: url(../images/menutabpos1.gif) no-repeat;
 }

div.menutabpos2
 {
  background: url(../images/menutabpos2.gif) no-repeat;
 }

div.menutabpos3
 {
  background: url(../images/menutabpos3.gif) no-repeat;
 }

div.menutabpos4
 {
  background: url(../images/menutabpos4.gif) no-repeat;
 }
 
div#contentwrap
{
 position: relative;
 padding-top: 65px;
 margin: 0 0 0 175px;
 width: 582px;
 z-index: 3;
}

div#content
{
 padding: 0 10px 15px;
 margin: 0;
}

div#footer
 {
  text-align: center;
  padding: 10px 0 10px 150px;
  font-size: .8em;
  margin: 0;
 }
 
div#y2yfooter
 {
  float: right;
  padding: 10px 30px 0 0;
  margin: 0;
  font-size: .8em;
 }
 
div#sidemenuwrap
{
 width: 156px;
 background-color: #008040;
 padding: 2px 7px 20px;
 position: fixed;
 top: 0;
 left: 50%;
 margin-left: -386px;
}

* html div#sidemenuwrap
{
 position: absolute;
}

div#headerimgwrap
{
 padding-top: 3px;
}
 
div#sidemenu
{
 width: 156px;
 float: left;
 color: #ffffff;
 background-color: #17a533;
}

div#sidemenubox
{
 border: 2px solid #f8f7c9;
 margin: 10px 10px 20px;
}

hr#sidenavdivider
{
 width: 80%;
 color: #f8f7c9;
 height: 2px;
 text-align: center;
}

ul.sidenavlist
{
 margin: 10px 10%;
 padding: 0;
 list-style-type: none;
}

ul.sidenavlist li
{
 padding: 1px;
}

ul.sidenavlist a, ul.sidenavlist a:visited
{
 display: block;
 text-decoration: none;
 color: #ffffff;
 padding: 2px 2px 2px 22px;
 font-weight: bold;
 text-indent: -20px;
}


ul.sidenavlist a:hover
{
 text-decoration: underline overline;
 color: #ffffff;
}

div.sidemenudead
{
 display: block;
 color: #000000;
 background-color: #ffffff;
 padding: 2px 2px 2px 22px;
 font-weight: bold;
 text-indent: -20px;
}

ul.sitemaplist1
{
 margin: 20px 0 0 0;
 padding: 0;
 list-style-type: none;
}

ul.sitemaplist1 li
{
 margin-top: 5px;
}

ul.sitemaplist2
{
 margin-bottom: 15px;
}

img.floatright
{
 float: right;
 margin: 3px 0 3px 10px;
 clear: right;
}

img.floatleft
{
 float: left;
 margin: 3px 10px 3px 0;
 clear: left;
}

div.floatleft
{
 float: left;
 margin: 5px 10px 10px 0;
}

.colourswatch, .prodthumb
{
 width: 75px;
}

div.floatleft p
{
 text-align: center;
 margin-top: 0;
 font-size: 0.8em;
}

div.returnlink
{
 margin-top: 10px;
}

div.prodpicw550
{
 margin-left: 10px;
}

div.prodpicw330
{
 margin-left: 120px;
}

div.infobox, div.infoboxlarge
 {
	margin: 0;
	padding: 0;
 }

/*use the box model hack to give IE5 a fixed width*/
div.infoboxesleftcol, div.infoboxesrightcol
 {
  margin: 0;
  padding: 0;
  width: 240px;
  voice-family: "\"}\"";
  voice-family:inherit;
  width: 45%;
 }

/*clear the hack */ 
html>body .infoboxesleftcol, html>body .infoboxesrightcol
 {
  width: 45%;
 }
 
div.infoboxesrightcol
 {
  position: relative;
  float: right;
 }
 
div.infobox
 {
  padding-top: 1em;
 }
 
.infoboxcontents
 {
  margin: 0;
  padding: 5px;
 }

div.formrow
 {
  margin-bottom: 1em;
 }

label.formlabel
 {
  display: block;
 }
 
.forminput, forminputinvalid
 {
  color: #000000;
  background-color: inherit;
  border: 1px #17a533 solid;
 }
 
.forminput
 {
  color: inherit;
  background-color: #9EFEAF;
 }
 
.forminputinvalid
 {
  color: inherit;
  background-color: #ff8280;
 }

.forminput:focus, .forminputinvalid:focus
 {
  color: inherit;
  background-color: #ffffff;
 }
 
#formsuccess, #forminvalid
 {
  margin: 5px 25%;
  padding: 5px;
  width: 50%;
  text-align: center;
  border: 1px solid #000000;
 }
 
#formsuccess
 {
  background-color: inherit;
  color: #009a3b;
 }
 
#forminvalid
 {
  color: #ff0000;
  background-color: inherit;
 }
 
 
/*Nifty Corners Cube CSS by Alessandro Fulciniti
The following classes are added dinamically by javascript,
and their use should be avoided in the markup */

b.niftycorners,b.niftyfill{display:block}
b.niftycorners *{display:block;height: 1px;line-height:1px;font-size: 1px;
    overflow:hidden;border-style:solid;border-width: 0 1px}
/*normal*/
b.r1{margin: 0 3px;border-width: 0 2px}
b.r2{margin: 0 2px}
b.r3{margin: 0 1px}
b.r4{height: 2px}
b.rb1{margin: 0 8px;border-width:0 2px}
b.rb2{margin: 0 6px;border-width:0 2px}
b.rb3{margin: 0 5px}
b.rb4{margin: 0 4px}
b.rb5{margin: 0 3px}
b.rb6{margin: 0 2px}
b.rb7{margin: 0 1px;height:2px}
b.rb8{margin: 0;height:2px}
b.rs1{margin: 0 1px}
/*transparent inside*/
b.t1{border-width: 0 5px}
b.t2{border-width: 0 3px}
b.t3{border-width: 0 2px}
b.t4{height: 2px}
b.tb1{border-width: 0 10px}
b.tb2{border-width: 0 8px}
b.tb3{border-width: 0 6px}
b.tb4{border-width: 0 5px}
b.tb5{border-width: 0 4px}
b.tb6{border-width: 0 3px}
b.tb7{border-width: 0 2px;height:2px}
b.tb8{border-width: 0 1px;height:2px}
b.ts1{border-width: 0 2px}