@charset "utf-8";
/*
---------------------------------------------------------------------------------------- global
*/
* {
	font-family: verdana, helvetica, arial, geneva, skia, tahoma, sans-serif;
	margin: 0;
	padding: 0;
}
html, body {
	height: 100%;
}

div.layout {
	padding: 0;
	background-color:#FFF;
	
}

body {
	margin: 0px;
	padding: 0px;
	font-size: 62.54%;
	background-color: #fff;
	background-repeat: repeat-x;
	height: 100%;
	text-align: center;	 /* Centers the entire page */
	border:0px;
	color:#000000;
}


/* --- Generic elements styles --- */

div
{
	position: relative;
	padding: 0px;
	margin: 0px;
}

h1, h2
{
	display: none;
}

h3
{
	margin: 0px;
	margin-left: 10px;
	padding: 0px;
	font-size: 24px;
	font-weight: normal;
}

p
{
	margin: 10px;
	padding:0px;
}

a
{
    color: #000;
    text-decoration: none;
}

a:hover
{
	text-decoration: underline;
}

ul
{
	list-style: none;
}

li
{
	margin: 0px;
	padding: 0px;
}

img
{
	border: 0px;
}
/* --- Named elements styles --- */

div.layout
{
	width: 980px;	/* Max width of page. */
	margin: auto;
	background: #73866f url("leftshadow.jpg") left top repeat-y;
	text-align: left;
}

div.header
{
	width: 980px;
	height: 390px;
	background: #fff url("topshadow.jpg") top left no-repeat;
}

div.header img
{
	position: relative;
	top: 25px;
	left: 31px;
	margin: 0px;
	padding: 0px;
}

div.menu
{
	float: left;
	width: 256px;
	background: transparent;
	margin:0px;
}
div.menu ul.menu {

margin-left:40px;
}

.noDisplay{
display:none;
}

.topMenuItem
{
	font-size: 20px;
	margin-left: 20px;
	margin-top: 8px;
	margin-bottom: 7px;
}

.menuHeader
{
	font-size: 16px;
	margin-top: 5px;
	margin-bottom: 2px;
}
.menuItem
{
	font-size: 14px;
	text-indent: 20px;
}

div.body
{
	width: 724px;
	min-height: 200px;
	margin: 0px;
	/*padding: 20px;*/
	/*padding-right: 50px;*/
	background: #fff url("rightshadow.jpg") right top repeat-y;
	/*overflow: hidden;  Ensures that div.body wraps round any floated contents */
	float: left; 
	margin-top:20px;
}
div.body div.content{
width:665px;
margin-left:10px;
}
div.body div.grid{
	width:665px;
	margin-left:10px;
}

div.gridItem
{
	width: 200px;
	height: 200px;
	float: left; /* divs are Block elements, floating left allows them to flow inline */
	margin: 9px;
	
	background: #fff url("grid.jpg") no-repeat;
	text-align: center;
}

div.gridItem a
{
    text-decoration: none;
	
}

div.gridItem div
{
margin:10px;
	width: 180px;
	height: 180px;
	background: #d3e4cc;
	cursor:pointer;
}

div.gridItem div:hover
{
margin:10px;
/*
	width: 180px;
	height: 180px;*/
	background: #bfd5c5;
}

div.gridItem img
{
/*	width: 160px;
	height: 110px;*/
	padding: 10px;
}

div.gridItem p.name
{
	font-size: 12px;
	margin: 0px;
}

div.gridItem p.price
{
	font-size: 18px;
	margin: 0px;
	bottom:2px;
	width:180px;
	position:absolute;
	left:0px;
}

div.product
{
/*	border: #ff0000 1px solid;
margin-left: 15px;*/
}

div.details
{
	width: 240px;
/*	border: #ff0000 1px dashed;
z-index: 2;*/
	float: left;
	padding-top: 15px;
	height:470px;
	z-index: 1;
	margin-left:10px;
}

div.images
{
/*	border: #00ff00 1px dashed;
	z-index: 1;
*/
}

div.product p
{
	font-size: 16px;
}

div.product p.desc
{
	margin-top: 0px;
}

div.product p span.price
{
	position: relative;
	top: 5px;
	font-size: 26px;
}

div.product p span.vat
{
	position: relative;
	top: -7px;
	font-size: 12px;
}

div.product ul.productDetails{
margin-left:40px;
}

div.product li
{
	position: relative;
	left: -29px;
	font-size: 12px;
}

div.product li.header
{
	margin-top: 20px;
	margin-bottom: 3px;
	font-size: 16px;
}

div.product form
{
	margin-top: 30px;
}

div.product img
{
	/*width: 160px;
	height: 120px;
	margin: 13px;*/
	border: 1px #000 solid;
}

div.product img.main
{
margin-bottom:20px;
	/*width: 348px;
	height: 245px;*/
}
div.product img.left{
margin-right:20px;

float:left;
}
div.productfooter
{
	width: 585px;
	padding: 10px;
	clear: both;
}

span.left
{
	float: left;
	font-size: 10px;
}

span.right
{
	float: right;
	font-size: 10px;
}

div.footer
{
	width: 980px;
	height: 46px;
	clear: both;
	background: #fff url("bottomshadow.jpg") bottom left no-repeat;
}

div.footer span
{
	position:relative;
	top: 23px;
}

div.footer span.left
{
	left: 35px;
}

div.footer span.right
{
	right: 28px;
}




table.basket{
background-color:#DFE8D7;

margin:auto;
font-size:14px;
}
table.basket th{
font-weight:normal;
font-size:11px;
}
table.basket td.buttons{
background-color:#FFFFFF;
height:40px;
text-align:center;
}

table.orderForm{
background-color:#DFE8D7;
margin:auto;
font-size:14px;
}
table.orderForm td{
font-weight:normal;
font-size:11px;
}
table.orderForm input.text{
width:250px;
border:0px;
background-color:#F3FBEE;
height:20px;
}
table.orderForm td.buttons{
background-color:#FFFFFF;
height:40px;
text-align:center;
}
select.quantity{
width:50px;
}