/*
---------------------------------------------------------------------------------------- global
*/
html, body {
	height:100%;
}

body {
	background-color: #003500;
	background-image: url(bkg.jpg);
	background-repeat: repeat-x;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
}
a {
	text-decoration: none;
	color: #FFFFFF;
}
div.layout {
	background-color: #fff;
	width: 850px;
	margin: 0 0 0 -424px;
	position: absolute;
	left: 50%;
	padding: 9px 0 0 10px;
	min-height:100%;
	background-repeat: repeat-y;
	background-image: url(layout.jpg);
}
form {
	margin: 0px;
	padding: 0px;
}
input.button {
	border: 1px solid #586D60;
	color: #586D60;
	font-size: 1.1em;
	height: 20px;
	margin: 0 0 0 5px;
	padding: 0;
	text-align: center;
	width: 100px;
}
img {
	border: 0px;
	border: 0px;
}
select.colours {
	margin-left: 4px;
}

/*
---------------------------------------------------------------------------------------- custom buttons
*/
input.gelXLarge {
	background-image: url(gelXLarge.gif);
	background-color: #2B70AB;
	border: none;
	color: #FFFFFF;
	font-size: 10px;
	font-weight: bold;
	text-transform: capitalize;
	height: 23px;
	margin-top: 3px;
	width: 200px;
	cursor: pointer;
}
input.gelLarge {
	background-image: url(gelLarge.gif);
	background-color: #2B70AB;
	border: none;
	color: #FFFFFF;
	font-size: 10px;
	font-weight: bold;
	text-transform: capitalize;
	height: 23px;
	margin-top: 3px;
	width: 100px;
	cursor: pointer;
}
input.gelMedium {
	background-image: url(gelMedium.gif);
	background-color: #2B70AB;
	border: none;
	color: #FFFFFF;
	font-size: 10px;
	font-weight: bold;
	text-transform: capitalize;
	height: 23px;
	margin-top: 3px;
	width: 54px;
	cursor: pointer;
}
input.gelSmall {
	background-image: url(gelSmall.gif);
	background-color: #2B70AB;
	border: none;
	color: #FFFFFF;
	font-size: 10px;
	font-weight: bold;
	text-transform: capitalize;
	height: 23px;
	margin-top: 3px;
	width: 26px;
	cursor: pointer;
}

/*
---------------------------------------------------------------------------------------- errors/messages
*/
div.error {
	background-color: #FFEEFF;
	border: 1px #660000 solid;
	color: #660000;
	font-size: 12px;
	font-weight: bold;
	padding: 3px 0 3px 6px;
	margin: 0 0 2px 10px;
	width: 620px;
}
div.message {
	background-color: #EDF3F4;
	border: 1px #586D60 solid;
	color: #586D60;
	font-size: 12px;
	font-weight: bold;
	padding: 3px 0 3px 6px;
	margin: 0 0 2px 10px;
	width: 620px;
}

/*
---------------------------------------------------------------------------------------- special
*/
table.frontPage {
	margin-left: 5px;
}
table.frontPage th {
	padding-top: 10px;
}
table.frontPage td {
	background-image: url(borderRounded.gif);
	background-repeat: no-repeat;
	vertical-align: top;
	padding-top: 10px;
}
table.frontPage td p {
	font-size: 11px;
	width: 85%;
	height: 250px;
}
table.frontPage td h3 {
	font-size: 14px;
	padding: 0 0 0 10px;
	margin: 0 0 0 0;
}
table.frontPage td h3 a {
	font-weight: bold;
}
table.frontPage td a {
	/*font-size: 14px;
	font-weight: bold;
	padding-left: 10px;*/
}

table.frontPage td a:hover {
	color: #F7931D;
}
table.frontPage td.image {
	background-image: none;
	padding-top: 0px;
}
table.frontPage td.image a {
	padding-left: 0px;
}

/*
---------------------------------------------------------------------------------------- header
*/
div.header {
	margin: 0;
	padding: 0;
	float: left;
	background: #FFFFFF;
}
div.header p {
	width:809px;
	margin: 10px 0 0 20px;
	padding: 0;
	font-size: 1.1em;
}
div.header img {
	margin: 0;
	padding: 0;
	float: left;
}
div.header img.images {
	margin: 0;
	padding: 0;
	float: right;
	position: absolute;
	top: 0;
	right: 0;
}

/*
---------------------------------------------------------------------------------------- main menu
*/
div.menuMain {
	background-image:url(headerMenu.jpg);
	color: #FFFFFF;
	height: 27px;
	width: 838px;
	margin: 0 0 0px;
	padding: 5px 0px 0px 15px;
	float: left;
	background-repeat: no-repeat;
}
div.menuMain a {
	font-size: 12px;
	font-weight: bold;
	padding: 0px 5px 0px 5px;
	color: #fff;
}
div.menuMain a:hover {
	color: #fff;
	text-decoration: underline;
}
div.menuMain span.loginMenu {
	padding-right: 20px;
	float: right;
	margin-top: -15px;

}
div.menuMain a.selected {
	color: #fff;
}


/*
---------------------------------------------------------------------------------------- sub menu
*/
div.menuSub {
	/*background-color: #EEF8F9;*/
	background-repeat: no-repeat;
	float: left;
	min-height:100%;
	margin: 0;
	padding: 0 10 20px 0;
	width: 193px;
}
div.menuSub form {
	margin: 0;
	padding: 0;
}
div.menuSub input.button {
	/*width: 25px;
	height: 18px;
	font-size: 1.1em;
	color: #586D60;
	padding: 0;
	float: left;
	margin: 0;
	text-align: center;*/
}
div.menuSub ul {
	list-style: none;
	margin: 0;
	padding: 10px 10px 0 0px;
	font-weight: normal;
}
div.menuSub ul li {
	padding: 0 0 0 10px;
	margin: 0;
	font-size: 1.2em;
	font-weight: normal;
}
div.menuSub ul li a {
	color: #939598;
	font-size: 1.1em;
}
div.menuSub ul li a:hover {
	color: #F7931D;
}
div.menuSub ul li.category {
	padding: 0 0 0 10px;
	clear: left;
	font-size: 1.4em;
	color: #005e00;
}
div.menuSub ul li.category a {
	color: #005e00;
}
div.menuSub ul li.category a:hover {
	color: #F7931D;
}
div.menuSub input.search {
	color: #939598;
	width: 90px;
	margin: 1px 0 10px 10px;
	padding: 0;
	border: 1px solid #005e00;
	border-top-color: #005e00;
	border-right: none;
	float: left;
	height: 19px;
}
div.menuSub input.searchButton {
	background-image: url(go.gif);
	background-color: #2B70AB;
	border: none;
	color: #FFFFFF;
	font-size: 9px;
	font-weight: bold;
	height: 23px;
	width: 26px;
	cursor: pointer;
	margin-left: -3px;
}
div.menuSub p {
	margin: 0px 10px 10px 10px;
	padding: 0;
	font-size: 1.2em;
	font-weight: normal;
	color: #005e00;
}
div.menuSub p a {
	color: #005e00;
}
div.menuSub p.address {
	font-size: 1em;
}
div.menuSub ul.tileRanges {
	padding: 0 0 20px 10px;
	color: #005e00;
}
div.menuSub ul.tileRanges li a {
	font-weight: normal;
	color: #005e00;
}
div.menuSub ul.tileSections {
	padding: 0 0 20px 10px;
	color: #005e00;
}
div.menuSub ul.tileSections li a {
	font-weight:normal;
	color: #005e00;
}
div.menuSub p.heading {
	font-size: 1.4em;
	font-weight: bold;
	margin-bottom: 0;
	padding-bottom: 0;
}

/*
---------------------------------------------------------------------------------------- content
*/
img.sessionImage {
	position:absolute;
	top:105px;
	right:20px;
}
div.content {
	display: block;
	/*	margin: 0px -20px -5px 10px;
	padding: 5px -10px -5px 5px;
	width: 715px; */
	width: 635px;
	padding:0 10px 0 0;
	float: left;
	min-height:100%;
}
div.content img.logos {
	float: left;
	clear: right;
}
div.content a {
	color: #000000;
	text-decoration: underline;
}
div.content p {
	font-size: 0.9em;
	padding: 0 10px 0 0px;
}

div.content table.bullet tr td a {
	font-size: 1.1em;
	background-image:url(bullet.gif);
	background-repeat:no-repeat;
	padding:0 0 0 10px;
	background-position:center left;
}
div.content table.bullet tr td a:hover {
	color: #F7931D;
}
div.content table.bullet tr th {
	font-size:1.2em;
	padding-top:30px;
}
div.content table.bullet tr td {
	width:50%;
	white-space:nowrap;
}
div.content h1 {
	font-size: 2.8em;
	padding: 0 0 0 0;
	margin: 5px 0 15px 0;
	color: #005e00;
	font-weight: normal;
}
div.content h2 {
	font-size: 2em;
	padding: 0 0 0 0;
	margin: 5px 0 0 0;
	color: #000;
	font-weight: normal;
}
div.content h3 {
	font-size: 1.4em;
	padding: 0;
/*	margin: 12px 10px 0 10px;*/
	margin: 10px 0 0 0;
	color: #666666;
}
div.content p {
	font-size: 1.4em;
}
div.content p.pages {
	color: #333333;
	font-size: 1.1em;
	padding:0;
	margin: -10px 10px 0 0;
	float: right;
	text-align: right;
}
div.content p.pages a {
	color: #333333;
	text-decoration: underline;
}
div.content p.pages a:hover {
	text-decoration: none;
}
div.content div.pages {
	color: #333333;
	font-size: 1.1em;
	padding:0;
	margin: -10px 10px 0 0;
	float: right;
	text-align: right;
}
div.content div.pages a {
	color: #333333;
	text-decoration: underline;
}
div.content div.pages a:hover {
	text-decoration: none;
}

div.content table {
/*	width: 526px;*/
/*	margin: 0 0 0 10px;*/
	padding: 0;
	/*color: #666666;*/
}
div.content table.productView {
	/*background-color: #00FFCC;
	width: 620px;
	clear: left;*/
}
div.content table.productView td {
	/*vertical-align: top;
	padding: 0px;*/
}
div.content table.productView td h3 {
	/*margin-left: 0px;
	margin-bottom: 5px;*/
}
div.content div.third {
	width: 210px;
	float: left;
	clear: none;
	margin-bottom: 15px;
}
div.third p {
	margin: 0 0 10px 0;
	padding: 0;
	font-size: 1.4em;
}

div.third h2 {
	font-size: 1.6em;
}


/*
---------------------------------------------------------------------------------------- product view
*/
div.productView {
	clear: left;
	padding-left: 10px;
	padding-top: 10px;
	width: 100%;
}
div.productView div.spec {
	float: left;
	clear: none;
	width: 35%;
}
div.productView div.spec img {
	width: 200px;
}
div.productView div.spec img.supplier {
	width: auto;
}
div.productView div.spec table th {
	text-align: left;
	padding-right: 10px;
	vertical-align: top;
}
div.productView div.detail {
	float: left;
	clear: none;
	margin-bottom: 20px;
	width: 60%;
}
div.productView div.detail h1 {
	font-size: 14px;
	margin: 0 0 10px 0;
}
div.productView div.calc {
	background-color: #FAFAFA;
	float: left;
	padding-bottom: 15px;
	margin-left: 50px;
	width: 30%;
}
div.productView div.calc table {
	width: 180px;
}
div.productView div.calc table th {
	text-align: right;
}
div.productView div.calc table input {
	background-color: #FAFAFA;
}
div.productView div.cart {
	float: left;
}
/*********************************/

/******************* RELATED PRODUCTS */
div.relatedProducts {
	float: left;
	margin-top: 20px;
	width: 100%;
}
div.relatedProducts table.productRelated {
	width: 100%;
}
div.relatedProducts table.productRelated td {
	padding: 3px;
	text-align: center;
	vertical-align: middle;
}
div.relatedProducts table.productRelated td a {
	text-decoration: none;
}
div.relatedProducts table.productRelated td a:hover {
	color: #000000;
}
div.relatedProducts table.productRelated td img {
	border: 0px;
	height: 75px;
}
/*********************************/

div.content table a {
	color: #666666;
	text-decoration: underline;
}
div.content span.price {
	color: #586D60;
	font-size: 14px;
	font-weight: bold;
}
div.content span.vat {
	font-size:11px;
	white-space:nowrap;
}
/*--- input ---*/
div.content table.input {
	margin: 10px 0 0 0px;
	width: 550px;
	font-size: 1.4em;
}
div.content table.input tr.error {
	background-color: #FFEEFF;
	color: #660000;
}
div.content table.input th {
	text-align: left;
}
div.content table.input td input.button {
	margin: 10px 0px 25px 137px;
}
div.content table.input td hr {
	height: 2px;
	font-size: 2px;
	color: #EEF8F9;
	margin: 5px 0 6px 0;
}
/*--- productGrid ---*/

div.content table.productGrid td table.noBorder td.image {
	width:80px;
	padding-right:5px;
}
div.content table.productGrid td table.noBorder td {
	border:none;
	margin:0;
	padding:0;
}
div.content table.productGrid {
	width: 630px;
	margin-left: 10px;
}
div.content table.productGrid td {
	border-top: 2px dotted #AAAAAA;
	padding: 5px;
	vertical-align: top;
}
div.content table.productGrid td.right {
	border-left: 2px dotted #AAAAAA;
}
div.content table.productGrid div.image {
	padding-right: 5px;
	float: left;
}
div.content table.productGrid div.cart {
	padding-top: 25px;
	text-align: right;
}
div.content table.productGrid h3 {
	font-size: 1.2em;
	font-weight: bold;
	color: #666666;
	margin: 0 0 5px 0;
	padding: 0;
}
div.content table.productGrid h3 a {
	text-decoration: none;
}
div.content table.productGrid h3 a:hover {
	color: #999999;
}
/*--- productShop ---*/
div.content table.productShop {
	width: 100%;
}
div.content table.productShop th {
	padding: 10px 3px 10px 5px;
	width: 25%;
	vertical-align: top;
}
div.content table.productShop td {
	padding: 10px 3px 10px 10px;
	width: 75%;
	text-align: justify;
	vertical-align: top;
}
div.content table.productShop td p {
	margin-left: 0px;
}
div.content table.productShop td h2 {
	float: none;
	padding: 0 0 5px 0;
	margin: 0px;
}
div.content table.productShop td h3 {
	float: none;
	padding: 0px;
	margin: 0px;
	margin-bottom: -12px;
}

/*
---------------------------------------------------------------------------------------- cart display
*/
table.cart {
	background-color: #EFEFEF;
	border: 0px;
	border-collapse: collapse;
	width: 90%;
	margin-left: 25px;
}

/* Header */
table.cart tr.header td {
}
table.cart tr.header th.product {
	font-size: 1.1em;
	text-align: left;
}
table.cart tr.header th.price {
	font-size: 1.1em;
	text-align: right;
}
table.cart tr.header th.quantity {
	font-size: 1.1em;
	text-align: right;
}

/* Product List */
table.cart td {
	background-color: #ffffff;
	vertical-align: top;
}
table.cart td.delete input {
	border: 0px #000000 solid;
	background-color: #FFFFFF;
	color: #FFFFFF;
	font-size: 8px;
	font-weight: bold;
	line-height: 10px;
	height: 16px;
	width: 16px;
	cursor: pointer;
	background-image: url(cartDelete.gif);
}
table.cart td.price {
	font-weight: bold;
	font-size: 1.1em;
	text-align: right;
	background-color: #ffffff;
}
table.cart p.title {
	background-color: #ffffff;
	margin: 0;
	padding: 0;
}
table.cart p.title a {
	font-size: 1.1em;
	text-decoration: none;
	font-weight: bold;
	padding: 0;
	margin: 0 0 0 0px;
}
table.cart p.special {
	font-style: italic;
	margin: 0 0 0 0px;
	padding: 0;
	background-color: #ffffff;
}

/* Quantity Column */
table.cart td.quantity {
	text-align: right;
	background-color: #ffffff;
}
table.cart td.quantity input.quantity {
	border: 1px solid #586D60;
	color: #586D60;
	font-size: 1.1em;
	height: 16px;
	width: 40px;
}
table.cart td.quantity input.update {
	border: 1px solid #586D60;
	color: #586D60;
	font-size: 1.1em;
	height: 20px;
	width: 60px;
}

/* Sub Total */
table.cart tr.subTotal {
	text-align: right;
	background-color: #ffffff;
}
table.cart tr.subTotal td {
	background-color: #ffffff;
}
table.cart tr.subTotal th {
	text-align: right;
	background-color: #ffffff;
}
table.cart tr.subTotal th.price {
	text-align: right;
	background-color: #ffffff;
}

/* Delivery */
table.cart tr.delivery {
	text-align: right;
	background-color: #ffffff;
}
table.cart tr.delivery td {
	background-color: #ffffff;
}
table.cart tr.delivery th {
	text-align: right;
	background-color: #ffffff;
}
table.cart tr.delivery th.price {
	text-align: right;
	background-color: #ffffff;
}

/* Discount */
table.cart tr.discount {
	text-align: right;
	background-color: #ffffff;
}
table.cart tr.discount td {
	background-color: #ffffff;
}
table.cart tr.discount th {
	text-align: right;
	background-color: #ffffff;
}
table.cart tr.dicount th.price {
	text-align: right;
	background-color: #ffffff;
}

/* Total */
table.cart tr.total {
	text-align: right;
	background-color: #ffffff;
}
table.cart tr.total td {
	background-color: #ffffff;
}
table.cart tr.total th {
	font-size: 1.1em;
	padding-top: 20px;
	text-align: right;
	background-color: #ffffff;
}
table.cart tr.total th.price {
	text-align: right;
	background-color: #ffffff;
}
table.cart tr.total td.checkout {
	background-color: #ffffff;
}

/*
---------------------------------------------------------------------------------------- cart summary
*/
table.cartSummary {
	width: 600px;
	margin-left: 10px;
	border: 0px;
	border-collapse: collapse;
}
table.cartSummary th {
	text-align: right;
}
table.cartSummary th.product {
	text-align: left;
}
table.cartSummary td.price {
	text-align: right;
}
table.cartSummary td.quantity {
	text-align: right;
}
table.cartSummary p.title {
	background-color: #ffffff;
	font-weight: bold;
	margin: 0 0 0 0px;
	padding: 0;
}
table.cartSummary p.special {
	font-style: italic;
	margin: 0 0 0 0px;
	padding: 0;
	background-color: #ffffff;
}

/*
---------------------------------------------------------------------------------------- footer
*/
div.footer {
	font-size: 1.1em;
	font-weight: normal;
	text-align: center;
	display: block;
	clear: both;
	margin:10px 0 0;
	padding-left: 155px;
}
div.footer a {
	color: #333333;
}
div.footer p {
	font-size: 1em;
	padding: 0px;
	margin-bottom: 8px;
}

div.lastViewed {
	color:#000;
	padding:20px 10px 10px 10px;
}
div.lastViewed p {
	font-size:1em;
	color:#000;
	text-align:left;
	padding:0;
	margin:0;
}
div.lastViewed h2 {
	font-size:1.2em;
	padding:0 0 10px 0;
	margin:0;
}
div.lastViewed h3 {
	font-size:1.1em;
	padding:0 0 0 0;
	margin:0;
}
div.lastViewed h4 {
	font-size:1em;
	padding:0 0 10px 0;
	margin:0;
	color:#999;
}
div.lastViewed a {
	color:black;
	text-decoration:none;
}
div.lastViewed div.name {
	padding:0 10px 0 0;
}
div.lastViewed div.image {
	width:100px;
	overflow:hidden;
	text-align:center;
	margin:5px 0 15px 0;
}
div.lastViewed div.clear {
	clear:both;
}

div.lastViewed ul {
	list-style:none;
	margin:0;
	padding:0;
}
div.menuSub ul li {
	font-weight:bold;
	padding:0;
	margin:0;
}
div.menuSub ul li a {
	color: #000;
	font-weight: bold;
	font-size: 1em;
}
div.menuSub a:hover {
	color: #F7931D;
	text-decoration:none;
}

/*
------------------------------------------------------------------ debug
*/

div.debug {
	position:absolute;
	height:100px;
	color:#CC0000;
	background-color:#fff;
	clear:both;
	top: 0px;
	right: 0px;
}