body {
margin: 0 ;
padding: 0;
font-family: Arial, Helvetica, sans-serif; 
color: #333;
/*font-size: 0.8em;*/
font-size: 12px; 
background-color: #fff;
}

/*////////////////////////////////////////////////////////////////////////////////////////////////////*/
/*///////////////////////////////////////////////////////Layout CSS//////////////////////////////*/
/*////////////////////////////////////////////////////////////////////////////////////////////////////*/


/*<![CDATA[*/

#wrapper {
background: #fff url(background.gif) repeat-y left; 
width: 755px;
margin-left: auto;
margin-right: auto;
}

#container {
width: 100%;
/*If the 'background' hex value is set to the same colour as the central content background colour, the problem of a line to the right of side bar is fixed */	
/*The background1.gif sets the background colour for the 'sidebar'*/	
background: #fff url(background1.gif) repeat-y left;
float: right;
margin-left: -176px;
}

#content {
background: #fff;
margin-left: 176px;
text-align:left;
padding: 0 0px 0px 10px;
}
/*///////////DIV TOP//////////////*/

#top {
margin: 10px 0 0 0;
padding: 0;
background-color: #fff;
height: 150px;
width: 755px;
border-bottom:0 solid #999977;
margin-left: auto;
margin-right: auto;
}

img.pp {
margin:0;
}

img.sdn {
margin:0;
}
/*///////////DIV TOP NAV//////////////*/
div.toplinks{
font-family: Arial, Helvetica, sans-serif; 
top: 113px;
margin: 0;
padding: 2px 0 2px 0;
width: 755px;
position: absolute;
text-align:center;
background: #ffffdd;
border-top:1px solid #006633;
border-bottom:1px solid #006633;
/*background: #bbbb88;*/
/*background: #EFEFEF;*/
}

div.toplinks ul {
	list-style: none;	
	margin: 0;
	 padding: 0;
	 width: 755px;
			 }

div.toplinks ul li {
display: inline;
color:  #FFF;
text-transform: uppercase;
			margin: 36px;
	 padding: 0;
	}

div.toplinks ul li a {
    font-family: arial, helvetica, sans-serif;
	text-decoration: none;
/*font-size: 0.9em;*/
font-size: 12px;
	color:  #000;
	font-weight: bold;
		}

div.toplinks ul li a:visited
{
	color: #000;
/*font-size: 0.9em;*/
font-size: 12px;
	text-decoration:none;
}

div.toplinks ul li	a:hover
{
	color: #000;
	text-decoration: underline;
}
/*///////////DIV BREADCRUMB//////////////*/
div.breadcrumb{
font-family: Arial, Helvetica, sans-serif; 
top: 131px;
padding: 0;
width: 755px;
position: absolute;
background: #fff;
margin: 5px 0 5px 1px; 
text-transform: lowercase;
color: #006633;
font-weight: bold;
}

div.breadcrumb a:link {
font-family: Arial, Helvetica, sans-serif; 
	/*font-size: 0.9em;*/
font-size: 12px;
	color: #006633;
	text-decoration: underline;
}
div.breadcrumb a:visited {
	font-family: Arial, Helvetica, sans-serif; 
	/*font-size: 0.9em;*/
font-size: 12px; 
	color: #006633;
	text-decoration: underline;
}
div.breadcrumb a:hover {
	font-family: Arial, Helvetica, sans-serif; 
	/*font-size: 0.9em;*/
font-size: 12px; 
	color: #006633;
	text-decoration: none;
}
div.trolley{font-family: Arial, Helvetica, sans-serif; 
top: 0;
margin: 0;
position: absolute;
right: 1px;
color: #006633;
font-weight: bold;
}
img.basket{margin: 0 3px 0 0;}

/*///////////Light Gray//////////////*/
#sidebar {
width: 175px;
float: left;
background-color: #fff;
color: #000;
padding: 0;
margin:0;
vertical-align: top;
}

.last {
	margin-bottom: 0;
}

.clearing {
height: 10px;
clear: both;
}
/*]]>*/




div.footer {
clear: both;
background-color: #fff;
margin: 3px 0 3px 0;
text-align: center;
border-top: 1px solid #006633; 
width: 755px;
margin-left: auto;
margin-right: auto;
text-align: center;
}

/*page body links*/
a:link { 
font-family: arial, helvetica, sans-serif; 
text-decoration: underline;  
color:  #333;  
}

a:visited { 
font-family: arial, helvetica, sans-serif;  
text-decoration: underline;  
color:  #444; 
}


a:hover { 
font-family: arial, helvetica, sans-serif; 
color: #333;
text-decoration: none;
}



h1{
font-family: arial, helvetica, sans-serif; 
margin: 0; 
/*font-size: 1.6em;*/
font-size: 18px;
color: #000;
padding: 0;
}


h2{background: #fff;
/*font-size: 1em;*/
font-size: 15px;
color: #000;
padding: 0; margin: 0;}

h2 a:link { 
font-family: arial, helvetica, sans-serif; 
text-decoration: underline;  
font-weight: bold; 
color:  #000;  
}

h2 a:visited { 
font-family: arial, helvetica, sans-serif;  
text-decoration: underline;  
font-weight: bold; 
color:  #000; 
}


h2 a:hover { 
font-family: arial, helvetica, sans-serif; 
font-weight: bold; 
color: #000;
text-decoration: none;
}


/*////////////////////////Main navigation//////////////////////////////*/

ul.mainnav {
/*///////// I added the width in the line below to fix the IE/Firefox problem ////////////*/
list-style: none; width: 175px; 
margin: 0; 
padding: 0; 
background-color: #ffffdd;
}

ul.mainnav li a:link, ul.mainnav li a:visited {
display: block;
text-decoration: none;
/*///////// width subtracts padding from left div width ////////////*/
width: 173px;
padding: 2px 0 2px 2px;
color: #000;
font-family: Arial, Helvetica, sans-serif;
font-weight: normal;
/*font-size: 0.9em;*/
font-size: 12px;
}
ul.mainnav li {
border-bottom: 2px solid #fff;
text-transform: lowercase;
}
ul.mainnav li a:hover {
color: #000;
text-decoration: underline;
}

/*////////////////////////ANC navigation//////////////////////////////*/

ul.ancnav {
/*///////// I added the width in the line below to fix the IE/Firefox problem ////////////*/
list-style: none; width: 175px; 
margin: 0; 
padding: 0; 
background-color: #ffffdd;
}

ul.ancnav li a:link, ul.ancnav li a:visited {
display: block;
text-decoration: none;
/*///////// width subtracts padding from left div width ////////////*/
width: 173px;
padding: 2px 0 2px 2px;
color: #000;
font-family: Arial, Helvetica, sans-serif;
font-weight: normal;
/*font-size: 0.9em;*/
font-size: 12px;
}
ul.ancnav li {
border-bottom: 2px solid #fff;
text-transform: lowercase;
}
ul.ancnav li a:hover {
color: #000;
text-decoration: underline;
}

img.menu_gc{
margin: 10px 0 0 0;}
img.cards{margin: 5px 0 0 0;}

/*////////////////////////////////////////////////////////////////////////////////////////////////////*/

/*///////////////////Tables//////////////////////////////*/
/*/These are global table styles taken from page 7 of Eric Meyer*/
table{ 
width: 100%; margin: 0;
}

table td {
padding: 0;
vertical-align: top; 
font-family: Arial, Helvetica, sans-serif;
} 

/*////////////////ALL PAGES BODY CONTENT//////////////////////////////*/
img.banner{margin: 0;}
table.banner{margin: 00;}
p.freedel{margin: 0px 0px 5px 0;} 
td.quicksearch{background: #008833;
/*font-size: 0.9em;*/
font-size: 12px;
font-weight: bold;
color: #fff;
padding: 2px; margin: 0; width: 165px;}

form.quicksearch{margin: 2px 0 0 0;}

/*////////////////HOME BODY CONTENT//////////////////////////////*/


img.home_main{float: right; margin: 0 0 10px 10px;}

/*//////////////////Products Table/////////////////////////////*/

table.layout{empty-cells: hide; width: 100%; margin: 10px 0 0 0; border-spacing: 2px;}
td.holder{width: 50%;}

table.product{empty-cells: hide; width: 100%; border-spacing: 1px;}
td.productsdetail{padding: 0 0 0 4px; vertical-align: top;}
img.thumbnail{border: 0; margin: 0 0 25px 0;}

/*product detail page*/
td.productimage{width: 293px; text-align: left;}

div.productdescription{margin: 5px 5px 0 0; clear: both;}
div.dimensions{margin: 5px 5px 0 0; clear: both;}
p.componentname{margin: 5px 0 2px 0;}
div.attributename{clear: both;}

img.productimage{margin: 0 0 6px 0;}
td.productcopy{padding: 5px; border: 1px solid #eeeeee;}
form.addtobasket{margin: 5px 0 0 0;}
input.addtobasket{
font-family: Arial, Helvetica,sans-serif; 
/*font-size:1em;*/
font-size: 15px;
 background:#fff none; color:#000; border: 0; margin: 10px 0 0 0;text-decoration: underline; border: 1px solid #ccc;}
select{margin: 2px 0 5px 4px;}
ul.asscitem{margin: 5px 0 0 8px; padding: 0;font-weight: bold; color: #cc0000; list-style-position: inside;}

td.menu_address{ 
padding: 2px 0 5px 2px; 
font-weight: normal; /*font-size: 0.9em;*/
font-size: 12px; 
border-bottom: 0 solid #999977; 
color: #333;
}

table.home td{vertical-align: top; 
}

table.home a:link{color:#333; font-weight: normal;
}
table.home a:visited{color:#333; font-weight: normal;
}
table.home a:hover{color:#333; font-weight: normal;
}
span.price{color:#000; font-weight: bold;}
div.rrp{text-decoration: line-through; color: #cc0000; font-weight: bold; clear: both;}
span.exinfo{clear: both;}

/*page bottom menu */

div.footer ul {
list-style: none;
margin: 0;
padding: 0 1px 0 1px;
}

div.footer ul li {
display: inline;
padding: 0 1px 0 1px;
border: 0;	
margin: 0;
}

div.footer ul li a {
/*font-size: 0.9em;*/
font-size: 12px;
font-family: arial, helvetica, sans-serif;
}
div.footer ul li a:link, div.footer ul li a:visited {
text-decoration: none;
color: #999;
font-weight: normal;
}
div.footer ul li a:hover {
color: #999;
text-decoration: underline;
}
span.redtext {color: #cc0000; font-weight: bold;}