* {
padding:0;
margin:0;
}

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

/* green BG 9dc542 */

html {
	background:#93c5ee url(graphics/general/bg-grad.png) repeat-x;
}

body {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
text-decoration: none;
font-weight: normal;
color: #000;
margin:0 auto;
width: 100%;
min-height:100%; /* change to height:100%; for IE6 */
padding:0px;
}

html, body {
	height: 100%;
}	

#container {
	min-height: 100%;
	background-color: #ffffff;
	width: 981px;
	margin: 0 auto;
}
* html #container {
	height: 100%;
}

.mivatable td {padding:2px;}

#header {
	height:100%;
	background: url(graphics/general/bg-top.png) no-repeat top center;	
}
	
.footer {
	border:0px red solid;
	width: 981px;
	clear: both;
	height: 190px;
	background:#ffffff url(graphics/general/bg-bottom.png) no-repeat bottom center;
	text-align:center;
	margin: -200px auto 0 auto;
	position: relative;
	padding-top: 10px;
}

#clearfooter {
	display: block;
	height: 200px;
}

p {margin:0 0 1.3em 0;}

/* 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: #000;
}
.sitetextblack {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #000;
}
.sitetextsmaller {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	color: #000;
}
.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: 12px;
	color: #ffffff;
	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: #739340;
	text-decoration: underline;
}
a.sitetextlink:visited {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #739340;
	text-decoration: underline;
}
a.sitetextlink:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #c96228;
	text-decoration: underline;
}

.deliverybanner {
	background: url(graphics/general/delivery-bg.jpg) repeat-x;
	min-height:43px;
	
}

.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: 260px;
height: 82px;
background: url(graphics/menus/logo_home-L.png) 0 0 no-repeat;
}
a:hover.logo-home {
display: block;
width: 260px;
height: 82px;
background:url(graphics/menus/logo_home-L.png) -260px 0 no-repeat;
}

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

.middle-column-wrapper {
min-height:100%;
margin:0 auto;
width:981px;
border:0px red solid;
}	

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

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


/* round cornered tables */
#rounded-corner{font-family:Arial, Helvetica, sans-serif;font-size:12px;width:640px;text-align:right;border-collapse:collapse;margin:10px 0;}
#rounded-corner thead th.rounded-company{background:#c96328 url("graphics/general/rounded-left.png") left -1px no-repeat;}
#rounded-corner thead th.rounded-q4{background:#c96328 url("graphics/general/rounded-right.png") right -1px no-repeat;}
#rounded-corner th{font-weight:bold;font-size:14px;color:#fff;background:#c96328;padding:6px;text-align:right;}
#rounded-corner.cell-center th{text-align:center;}
#rounded-corner td{background:#f7f6e6;background:#e7e7e7;border-top:1px solid #fff;color:#000;padding:6px;}
#rounded-corner.cell-center td{text-align:center;}
#rounded-corner tfoot td.rounded-foot-left{color:#ffffff;background:#c96328 url("graphics/general/rounded-botleft.png") left bottom no-repeat;}
#rounded-corner tfoot td.rounded-foot-right{color:#ffffff;background:#c96328 url("graphics/general/rounded-botright.png") right bottom no-repeat;}
#rounded-corner tbody tr:hover td{background:#d2cfae;background:#cccccc;font-weight:bold;}
#rounded-corner th.cell-left{text-align:left;}
#rounded-corner td.cell-left{text-align:left;}



/* drop down menu */
#dropDownMenu {
	width:981px;
	position:relative;
}
#dropDownMenu div {
	position:absolute;
	background:#fff;
	border:1px solid #4c612b;
	border-bottom:0px;
	width:150px;
	float:left;
	text-align:left;
}
/* different coloured drop downs
#dropDownMenu #drop01 {
	position:absolute;
	background:#00f;
	border:1px solid #8bd800;
	border-bottom:0px;
	width:150px;
	float:left;
} 
*/
#dropDownMenu ul {
	margin:0px;
	padding:0px;
}
#dropDownMenu li {
	list-style:none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	padding:5px;
	border-bottom:1px solid #4c612b;
}
#dropDownMenu li:hover {
	background:#e7e7e7;
}
#drop01, #drop02, #drop03, #drop04, #drop05, #drop06, #drop07, #drop08, #drop09, #drop10 {
	visibility:hidden;
}
#drop01 a, #drop02 a, #drop03 a, #drop04 a, #drop05 a, #drop06 a, #drop07 a, #drop08 a, #drop09 a, #drop10 a {
	font-weight: normal;
	color: #000000;
	text-decoration: none;	
	display: block;
}

#drop01 {
	left:1px;	
}
#drop02 {
	left:99px;	
}
#drop03 {
	left:197px;
}
#drop04 {
	left:295px;
}
#drop05 {
	left:393px;
}
#drop06 {
	left:491px;
}
#drop07 {
	left:589px;
}
#drop08 {
	left:687px;
}
#drop09 {
	left:785px;
}
#drop10 {
	left:828px;
}

.clearer {
	clear:both;
}




/* calculate the overall width/height of the top level list items and center them */
.menu {width:981px; height:70px; margin:0 auto; border:0px blue solid; background:#4c612b;}

/* set up defaults */
.nav,
.nav ul {margin:0; padding:0; list-style:none;}
.nav a {text-decoration:none;}
.nav {width:99px; float:left; margin-right:-1px;}

/* set up the widths */
.nav .drop {width:99px;}
.nav a {width:99px; margin-right:-98px; margin-bottom:-1px;} /* margin is 1px less than the width */
.nav li ul li a {width:197px; margin-right:-196px; margin-bottom:-1px;} /* margin is 1px less than the width */
.nav ul li {max-width:197px;}

/* style the links using the b elements */
.nav b {text-align:left; display:block; font:normal 11px verdana, sans-serif; padding:6px 8px; border:1px solid #fff; cursor:pointer;}
.nav b.top {height:26px; line-height:26px;}
/* .nav a.sub-link b {background:url(images/arrow.png) no-repeat right bottom;} */


/* style the list colors */
.nav a {color:#fff; background:#4c612b url(images/arrow.png) no-repeat right bottom;}
.nav ul a {color:#000; background:#d4ceaa;}
.nav ul ul a {background:#abb1bd;}
.nav ul ul ul a {background:#9299ac;}



/* style the hover, active and focus colors 
.nav a:hover,
.nav a:focus,
.nav a:active {background:#ff0; color:#f0f;} */

/* style the path on hover in all browsers except IE5.5 and 6 */
.nav li:hover > a {background:#d4ceaa url(images/arrow-black.png) no-repeat right bottom; color:#000;} /* hover top menu */
.nav li ul li:hover > a {background:#c96228; color:#fff; width:197px;} /* hover drop down */

/* style the positions of the ul and also when the text spans two and three lines */
.nav {height:40px;}
.nav .drop {height:40px;}

.nav ul {position:relative; left:0; top:0; z-index:100;} /* the dropdown */
.nav li ul.right {position:relative; left:-98px; top:0; z-index:100;} /* the right (end) dropdown */
.nav ul ul {left:95px; top:-26px;} /* the right flyouts */
.nav ul ul.two {top:-39px;}
.nav ul ul.three {top:-52px;}
.nav li.left ul ul {left:auto; right:95px;} /* and the left flyouts */

/* do not change anything below this line */
/* ------------------------------------------------------------ */
.nav li,
.nav ul {float:left;}
.nav ul li {clear:left;}
.nav a {position:relative; display:block; z-index:10;}
.nav a.sub-link {float:left; margin-top:10000px;}
.nav .drop,
.nav .fly {margin-top:-10000px;}
.nav ul {margin-bottom:-5000px;}

/* the bit that does all the work */
.nav a:hover,
.nav a:focus,
.nav a:active {margin-right:0;}

/*IE5-7 fixes*/
.nav .fly {width:100%;}
a:active {}

/*OPERA fix*/
.nav ul:hover {clear:left;}


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



/* delivery postcodes */
.sliderwrapper{
position: relative; /*leave as is*/
overflow: hidden; /*leave as is*/
border: 0px solid navy;
border-bottom-width: 0px;
width: 640px; /*width of featured content slider*/
height: 310px;
}

.sliderwrapper .contentdiv{
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
visibility: hidden; /*leave as is*/
position: absolute; /*leave as is*/
left: 0;  /*leave as is*/
top: 0;  /*leave as is*/
padding: 5px;
background: white;
width: 620px; /*width of content DIVs within slider. Total width should equal slider's inner width (390+5+5=400) */
height: 100%;
filter:progid:DXImageTransform.Microsoft.alpha(opacity=100);
-moz-opacity: 1;
opacity: 1;
}

.contentdiv table {
border-top:1px #e7e7e7 solid;
}

.del_table_heading {
height:24px;
/* color:#4c612a; */
color:#000;
}
.del_table_heading td{
border-bottom:1px #e7e7e7 solid;
}

.no_del {
color:#cc0000;
font-size:12px;
font-weight:bold;
}

.pagination{
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
font-weight:normal;
width: 630px; /*Width of pagination DIV. Total width should equal slider's outer width (400+10+10=420)*/
text-align: left;
padding: 0px 0px;
}

ul.del_list {
	padding: 5px;
	margin: 0px 0;
	list-style: none;
	background-color: #fff;
	border-bottom: 0px solid #e7e7e7;
	float: left;
	clear: left;
}

ul.del_list li {
	float: left;
}

ul.del_list li a {
	float: left;
	text-decoration: none;
	color: #999;
	padding: 4px 15px 0 0;
	margin-right: 8px;
	font: 900 14px "Arial", Helvetica, sans-serif;
}

ul.del_list li a span {
	float: left;
	padding-right: 15px;
	display: block;
	margin-top: -4px;
	height: 24px;
}

a {
  outline: 0;
}

.pagination a:link {
color: #000;
background: url(graphics/menus/grey-sliding-door.gif) no-repeat top right;
}
.pagination a:link span {
background: url(graphics/menus/grey-sliding-door.gif) no-repeat top left;
}

.pagination a:hover {
color: #fff;
background: url(graphics/menus/beige-sliding-door.gif) no-repeat top right;
}
.pagination a:hover span {
background: url(graphics/menus/beige-sliding-door.gif) no-repeat top left;
}


.pagination a.selected {
color: #fff;
background: url(graphics/menus/orange-sliding-door.gif) no-repeat top right;
}
.pagination a.selected span {
background: url(graphics/menus/orange-sliding-door.gif) no-repeat top left;
}



/* 2 column pages */
#twocol-wrapper {
	float: left;
	margin: 0px auto;
	padding: 0px;
background-color: #fff;
	width: 961px;
}


#twocol-a {
	float: left;
	padding:10px;
	width: 660px;
background-color: #fff;


}

#twocol-b {
	margin:0;
	padding:10px;
	float: left;
	width: 260px;
background-color: #fff;
}



/* rollovers */
#nav-menu li#calculator a {
float: left;
display: block;
width: 63px;
height: 62px;
background: url(graphics/menus/nav-icons-bold.png) 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.png) 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.png) 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.png) 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.png) 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.png) 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.png) 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.png) 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.png) 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.png) 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.png) 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.png) 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.png) 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.png) 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.png) 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.png) 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.png) 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.png) no-repeat scroll -66px -480px;
}

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

/* products menu */
#products-menu-wrapper {
width:981px;
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;
  }


/* thumbnail hover 
--------------------------------------*/

.thumbnail{
position: relative;
z-index: 0;
}

.thumbnail:hover{
background-color: transparent;
z-index: 50;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: #FFF;
padding: 0px;
left: -1000px;
border: 0px solid gray;
visibility: hidden;
color: black;
text-decoration: none;
}

.xthumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnail:hover span{ /*CSS for enlarged image on hover*/
background-color: transparent;
visibility: visible;
top: -130px;
right: 160px; /*position where enlarged image should offset horizontally */

}