/* @group Reset */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}
/* @end */

/* @group General */

body {
	background-color: #accc38;
	font-family: "trebuchet MS", Trebuchet, Helvetica, Arial, Verdana, sans-serif;
	font-size: 75%;
	line-height: 1.67em;
	color: #565656;
}
.container {
	margin: auto;
	display: block;
	clear: both;
	width: 960px;
	/*position: relative;*/
}
.clear {
	clear: both;
}
.left {
	float: left;
}
.right {
	float: right;
}
p {
	padding-bottom: 1.67em;
}
a {
	color: #0c69b3;
	text-decoration: none;
}
.red {
	color: #d73b12;
}
.green {
	color: #6a7f1a;
}
.grey {
	color: #565656;
}
#keep-up-to-date {
	text-indent: -99999px;
	display: block;
	width: 177px;
	height: 22px;
	background: transparent url(button-subscribe.gif) repeat-x 0 0 ;
}

/* @end */

/* @group Banner */

#banner {
	display: block;
	height: 100px;
	background: transparent url(background-banner.gif) repeat-x 0 0 ;
}
#banner .container {
	background: transparent url(background-banner-treatment.jpg) no-repeat 0 0;
	display: block;
	height: 100px;
}
#banner p {
	display: none;
}
#banner p.quickcontact {
	margin-top: -100px;
	display: block;
	width: 240px;
	height: 100px;
	background: transparent url(contact.png) no-repeat;
	text-indent: -9999px;
	float: right;
	padding: 0;
}

/* @group Branding */

h1 {
	margin-left: -18px;
	display: block;
	height: 100px;
	width: 498px;
	background: transparent url(logo.png) no-repeat;
}
h1 a {
	margin-left: 18px;
	display: block;
	height: 100px;
	width: 360px;
	text-indent: -9999px;
	text-decoration: none;
}

/* @end */

/* @group Menu */

#menu {
	background: transparent url(background-menu.gif) repeat-x 0 0;
}
#menu #nav li,
#menu #nav li a {
	display: block;
	height: 30px;
	width: 120px;
	float: left;
	text-align: center;
	text-indent: -9999px;
	text-decoration: none;
}
#menu #nav li a {
	background: transparent url(sprite-menu.gif) no-repeat;
}
#menu #nav li#mHome a {
	background-position: 0 0;
}
#menu #nav li#mAbout a {
	background-position: -120px 0;
}
#menu #nav li#mCatalogue a {
	background-position: -240px 0;
}
#menu #nav li#mGuarantee a {
	background-position: -360px 0;
}
#menu #nav li#mContact a {
	background-position: -480px 0;
}
#menu #nav li#mHome a:hover {
	background-position: 0 -30px;
}
#menu #nav li#mAbout a:hover {
	background-position: -120px -30px;
}
#menu #nav li#mCatalogue a:hover {
	background-position: -240px -30px;
}
#menu #nav li#mGuarantee a:hover {
	background-position: -360px -30px;
}
#menu #nav li#mContact a:hover {
	background-position: -480px -30px;
}

/* @group Category Menu */

#catmenu ul ul {
	margin-left: 2em;
}
#catmenu ul ul ul {
	margin-left: 2em;
}
#catmenu ul ul li a {
	color: #d73b12;
}
#catmenu ul ul ul li a {
	color: #90aa2f;
}
#catmenu ul {
	line-height: 2.5em;
	border-top: 1px solid #ccc;
}
#catmenu ul ul {
	line-height: 1.66em;
}
#catmenu ul ul {
	margin-top: -0.42em;
	margin-bottom: 0.42em;
}
#catmenu ul ul ul {
	margin-top: 0;
	margin-bottom: 0.42em;
}
#catmenu ul li {
	border-bottom: 1px solid #ccc;
}
#catmenu ul ul, #catmenu ul ul ul, #catmenu li li, #catmenu li li li {
	border: 0;
}
#catmenu a.active {
	font-weight: bold;
	font-style: italic;
}

/* @end */


/* @end */

/* @group Site Search */

#search {
	float: right;
	width: 240px;
}
#search p {
	padding: 0;
}
#search form label {
	display: none;
}
#search form input {
	margin-top: 4px;
	float: left;
	background: transparent url(form-sitesearch-box.gif) no-repeat;
	width: 200px;
	border: 0;
	padding: 4px 0 4px 10px;
	color: #838383;
	font-size: 0.92em;
}
#search form input.sitesearchbutton {
	display: block;
	height: 21px;
	width: 30px;
	background: transparent url(form-sitesearch-button.gif) no-repeat;
	text-indent: -9999px;
}

/* @end */

/* @end */

/* @group Content */

#content {
	padding: 2em 0 2em 0;
	background-color: #fff;
}
#catlinks {
	display: block;
	clear: both;
}
#catlinks ul li {
	display: block;
	width: 119px;
	height: 150px;
	float: left;
	border-right: 1px solid #fff;
}
#catlinks ul li#cat8 {
	border: 0;
}
#catlinks ul li a {
	display: block;
	width: 119px;
	height: 150px;
	text-indent: -9999px;
	text-decoration: none;
}
#catlinks ul li#cat1 {
	background: #fff url(../images/catimages/cat-1.jpg) no-repeat;
}
#catlinks ul li#cat2 {
	background: #fff url(../images/catimages/cat-2.jpg) no-repeat;
}
#catlinks ul li#cat3 {
	background: #fff url(../images/catimages/cat-3.jpg) no-repeat;
}
#catlinks ul li#cat4 {
	background: #fff url(../images/catimages/cat-4.jpg) no-repeat;
}
#catlinks ul li#cat5 {
	background: #fff url(../images/catimages/cat-5.jpg) no-repeat;
}
#catlinks ul li#cat6 {
	background: #fff url(../images/catimages/cat-6.jpg) no-repeat;
}
#catlinks ul li#cat7 {
	background: #fff url(../images/catimages/cat-7.jpg) no-repeat;
}
#catlinks ul li#cat8 {
	background: #fff url(../images/catimages/cat-8.jpg) no-repeat;
}
#catlinks ul li a:hover {
	background: transparent url(../images/catimages/hover.png) no-repeat;
}
.categoryholder {
	display: block;
	width: 230px;
	padding-right: 10px;
	float: left;
	position: relative;
}
.categoryholder h3 {
	display: block;
	width: 220px;
	height: 20px;
	font-size: 1.25em;
	text-transform: uppercase;
	color: #fff;
	background-color: #0c69b3;
	font-weight: 100;
	text-align: right;
	padding-right: 10px;
	position: absolute;
	top: 90px;
}
.categoryholder h3 a {
	display: block;
	height: 20px;
	width: 220px;
	padding-right: 10px;
	color: #fff;
}
.categoryholder img {
	margin-bottom: 2.5em;
}
.categoryholder img a {
	border: 0;
	width: 230px;
	height: 90px;
}
.product {
	display: block;
	float: left;
	width: 110px;
	padding-right: 10px;
	position: relative;
	height:180px;
}
.wideproduct { 
	width:220px;
}

.product img {
	border: 1px solid #ccc;
	position: absolute;
	top: 0;
}
.product p {
	margin: 115px 0 1.5em;
	line-height: 1.2em;
	padding: 0;
	font-size: .9em;
}
#breadcrumbs {
	position: absolute;
	right: 0;
	top: 0.25em;
	font-size: 0.92em;
	padding-right: 0.83em;
}
#breadcrumbs a {
	display: block;
	float: left;
}
#breadcrumbs span,
#breadcrumbs span.down {
	text-indent: -9999px;
	background: #fff url(arrow-right.gif) no-repeat;
	display: block;
	width: 4px;
	height: 7px;
	margin: .7em .7em 0 .7em;
	float: left;
}
#breadcrumbs span.down {
	width: 7px;
	background: #fff url(arrow-down.gif) no-repeat 0 2px;	
	margin-right: 0;
}

/* @group Headings */

h2 {
	margin-bottom: .5em;
	color: #614124;
	font-size: 1.5em;
	font-weight: 100;
}
h2.red {
	color: #d54212;
}

/* @end */

/* @end */

/* @group Footer */

#footer {
	background: transparent url(background-menu.gif) repeat-x 0 0;
	font-size: 0.92em;
	color: #555;
}
#footer p,
#footer a {
	color: #555;
	text-decoration: none;
}
#footer a:hover {
	color: #fff;
}
#footer p.right {
	display: none;
}

/* @end */

/* @group Columns */

.col {
	display: block;
	float: left;
	padding-right: 20px;
}
.lrg {
	width: 720px;
	padding-right: 0;
}
.med {
	width: 460px;
}
.sml {
	width: 220px;
}

/* @end */

/* @group Form Elements */

input, textarea {
	margin-bottom: -0.3em;
	background: #e8f0fa url(form-input-box.gif) repeat-x;
	border: 1px solid #2169ca;
	padding: 3px 3px 0 3px;
}
label {
	display: block;
	margin-bottom: -0.3em;
}
input.button,
input.button-b-r,
input.button-b-l,
input.button-o-r,
input.button-o-l {
	display: block;
	height: 20px;
	text-transform: uppercase;
	color: #fff;
	border: 0;
	padding: 0 0 3px 0;
	padding-left: 1em;
	padding-right: 1em;
	margin-top: 1em;
	font-size: 12px;
}
input.button-b-r {
	background: transparent url(form-button-blue-right.gif) no-repeat 100% 0;
	border-left: 1px solid #82c5ec;
}
input.button-b-l {
	background: transparent url(form-button-blue-left.gif) no-repeat 0 0;
	border-right: 1px solid #82c5ec;
}
input.button-o-r {
	background: transparent url(form-button-orange-right.gif) no-repeat 100% 0;
	border-left: 1px solid #f7c97a;
}
input.button-o-l {
	background: transparent url(form-button-orange-left.gif) no-repeat 0 0;
	border-right: 1px solid #bc8e3f;
}
form p {
	padding-bottom: .5em;
}

/* @end */

/* @group Tables */

table {
	border: 1px solid #2169ca;
	border-right: 0;
	margin-bottom: 2em;
}
th, th.last, td {
	border-right: 1px solid #2169ca;	
	padding: 0 5px 0 5px;
	width: 144px;
}
th {
	background: #2169ca url(table-header.gif) repeat-x;
	color: #fff;
	text-align: left;
	font-weight: normal;
	border-right: 1px solid #fff;
}
tr.alt {
	background-color: #e8f0fa;
}

/* @end */

/* @group Slider */

#slider {
	position: relative;
	width: 362px;
	height: 367px;
	overflow: hidden;
}
#productimage {
	z-index: 5000;
}
#productimage, #productenquiry {
	position: absolute;
	width: 360px;
	height: 365px;
	display: block;
	background-color: #fff;
}
#productimage img {
	border: 1px solid #ccc;
}
#productimage p {
	display: block;
	width: 40px;
	height: 205px;
	background: transparent url(button-enquire.png) no-repeat;
	text-indent: -9999px;
	text-decoration: none;
	position: absolute;
	top: 80px;
	right: 0px;
	z-index: 5000;
	cursor: pointer;
}
#productenquiry form input, #productenquiry form textarea {
	width: 160px;
}
 #productenquiry form textarea {
	height: 95px;
}
#productenquiry input.button-b-l {
	width: 120px;
	cursor: pointer;
}
#productenquiry input.button-o-r, #productenquiry input.button-o-l {
	width: 70px;
	float: left;
	cursor: pointer;
}
#productenquiry form textarea {
	margin-right: 2px;
}

.closeWindow {
	display:block;
	text-align:right;
	margin:0 25px 0 0;
}
.date {
	font-weight:bold;
	background:url('date-icon.png') 3px 3px no-repeat;
	padding:0 0 10px 23px;
}
.more {
	margin:0;
}
.newspanel {
	position: absolute;
	width: 220px;
}

/* @end */