﻿
body{
margin:0;
padding:0;
font-size:14px;
/*line-height: 1.5em;*/
}

b{font-size: 110%;}
em{font-size:1.5em;}

#maincontainer{
width: 67em; /*Width of main container*/
margin: 0 auto; /*Center container on page*/
font-family: Verdana,Arial,Helvetica,sans-serif;
}

#topsection{
background: #003400;
height: 5.1em; /*Height of top section*/
margin-bottom:1px;position:relative;
}

#topsection #companybanner
{
	height:5.1em;width:67em; z-index:1; position:absolute;
}

#topsection #companyname
{
	position:absolute;left:2em;top:0.4em;height:3.5em;width:50em;
}
#topsection #companyname span
{
 display:block; color:#ffffff; font-size:2em;margin:0;padding:0; font-weight:bold
}

/*
h1
{
 font-size:1.8em;
line-height:1.8em;
color:#2175bc;
}
*/
h1{
margin: 0;
padding:0;
font-size:1.8em;
line-height:1.8em;
color:#003400;
}
h2{
font-size:1.2em;
color:#003400;
}
h3{
font-size:1.2em;
color:#003400;
}

#contentwrapper{
float: left;
width: 100%;
background-color: #f8f8f8 /*#003400;*/ /*#2175bc;*/
}

#contentcolumn{
margin-left: 10.9em; /*Set left margin to LeftColumnWidth*/
background-color:#ffffff;
min-height:42em; 
height:auto;
}

/* for Internet Explorer doesn't do min-height*/
/*\*/
* html #contentcolumn {
height: 42em;
}
/**/

#leftcolumn{
float: left;
width: 10.9em; /*Width of left column*/
margin-left: -67.0em; /*Set left margin to -(MainContainerWidth)*/
/*background: #C8FC98;*/
}

#footer{
clear: left;
width: 100%;
background-color: #003400; /* black;*/
color: #FFF;
text-align: center;
padding: 0.3em 0;
height:1em;
}

#footer a, #footer a:visited{
color: #FFFFFF;
 text-decoration:none;
}

#footer span
{
 font-size:0.7em;
}

.innertube{
/*margin: 0.7em; /*Margins for inner DIV inside each column (to provide padding)*/
margin:0;
}

#contentcolumn
{
 padding-left:0.1em
}

.innercontent
{
 margin:0;
 padding:1em;
 font-size:0.9em;
}

div.category
{
 /*padding-bottom:0.5em;*/
 padding-top:0.5em;
}

div.category h1
{
 margin-left:0.5em;
}

div.category div.header
{
 margin-left:0.5em;
 margin-bottom:0.5em;
}
div.category div.footer
{
 clear:both;
 margin-left:0.5em;
 margin-bottom:1em;
}

div.category div.product
{
 margin-left:/*0.5em*/20px;
 margin-bottom:0.5em;
 margin-top:1em;
 float:left;
 width:/*18em;*/ 16.5em;
 height:/*13.5em;*/ 12.375em;
 border: solid 0.08em black;
 position:relative;
 background-color:#808080;
 overflow:hidden;
}

div.category div.product a
{
 text-decoration:none;
}

div.category div.product span
{
 cursor:pointer;
}
div.category div.product span.image
{
 display:block;
 position:absolute;
 left:0;
 top:0;
 width:18em;
 height:13.5em;
}
div.category div.product img
{width:18em;height:13.5em;top:0;left:0;overflow:hidden;border:0;}
/*
div.category div.product span.title
{display:block;position:absolute;padding-left:0.5em;padding-top:0.5em;top:0;left:0;overflow:hidden;color:#ffffff;text-decoration:none;}
*/
/*
div.category div.product span.title h2
{
 color:#ffffff;
 font-size:2em;
 font-weight:normal;
 margin-top:0;
 text-decoration:none;
}
*/
div.category div.product span.title_back
{
 display:block;
 position:absolute;
 width:/*18em*/ 16.5em;
 height:3em;
 left:0;top:0;background-color:#000000;opacity:0.4;-moz-opacity:0.4;filter:alpha(opacity=40);overflow:hidden
}
div.category div.product span.title_space
{
 display:block;
 position:absolute;width:/*18em*/16.5em;height:3em;left:0;top:0;
}
div.category div.product span.title_space span.position
{
 display:block;
 position:absolute;height:3em;width:/*18em*/16.5em;left:0.5em;top:0.5em;color:#ffe080;
}
div.category div.product span.title_space span.position span.inner{display:block;}
div.category div.product span.title_space h2{ color:#ffffff; font-size:1.3em; font-weight:normal; padding:0;margin-top:0;}

div.category div.product span.price_back
{
 display:block;
 position:absolute;
 width:/*18em*/16.5em;
 height:3.75em;
 left:0;bottom:0;background-color:#000000;opacity:0.4;-moz-opacity:0.4;filter:alpha(opacity=40);overflow:hidden
}
div.category div.product span.price_space h2{ height:1em; position:absolute;  line-height:1.5em; color:#ffffff; font-size:1.2em; font-weight:normal; padding:0;margin:0; display:block; left: 0.5em;}
div.category div.product span.price_space
{
 display:block;
 position:absolute;width:/*18em*/16.5em;left:0;bottom:0;
 height:3.55em;
}
div.category div.product span.price_space span.position
{
 display:block;position:absolute; right:0;bottom:0; 
 height:3.75em;
}
div.category div.product span.price_space span.position span.inner
{
 display:block; /*line-height:2.5em;*/ padding-right:0.5em; padding-top:0.1em;
}
div.category div.product span.price, 
div.category div.product span.units
{
 color:#ffffff; text-decoration:none;
 display:block; text-align:right;
}
div.category div.product span.units{ font-size:0.8em;}
div.category div.product span.price span.pounds{ font-size:0.9em;}
div.category div.product span.price span.pence{ font-size:0.7em;}
div.category div.product span.price span.preposition{ font-size:0.9em; display:block; text-align:left;}
