body
{
  text-align: center; /* IE fix 1 because margin auto doesnt work */
  font-family: verdana, arial, sans-serif;  
  color: #000000; 
  font-size:1em;
  background-color:#eee;
}
html
{
}
* {margin: 0;padding: 0}

P {
  font-size: 0.75em;
  color: #000;
  margin-bottom: 8px;
  }
A{color: #000000;font-size: 10pt;}
h1 {font-size: 0.9em ;margin-bottom :8px ;font-weight: bold;}
h2 {font-size : 0.65em ;font-weight : bold;margin-bottom :4px ;}
h3 {font-size : 0.75em ;font-weight : bold;margin-bottom :4px ;}
hr {margin-top: 8px;margin-bottom: 8px;height:1px;border:1px solid #ccc;border-width:0 0 1px}

div#page
{
    text-align:left; /* cancel the effect of the IE fix 1 */
    width:1024px;
    margin:0 auto;
    margin-top:8px;
    margin-bottom:4px;
    background-color:#fff;
    border-width:2px;
    border-style:solid;
    border-color:#C0C0C0;
}
div#contentarea
{
		float: left;
        width:100%;
        background-color:#FFF;
}

div#column1
{
        width:130px;
        float:left;
    }

div#column2 
{
  width:700px;
  float:left;
  margin-left: 12px;
  margin-top:10px;
  margin-bottom: 4px;
}
div#column3
{
  width:130px;
  float:right;
  margin-right:4px;
}
div#footer
{
  width : 1024px;
  margin-top: 20px;
  padding-top: 6px;
  font-size: .65em; font-size:0.9em;
  float: left;
  text-align:center;
}
div#footer ul {margin:2px 0;font-size: 0.75em;color: Black;}
div#footer li {
   display:inline;color:black;border-left:1px solid;color:#AFF;padding:0 5px 0 9px;
}
div#footer li:first-child {border-left:0;}
div#footer ul li a {text-decoration:none;}
div#footer ul li a:hover {text-decoration:underline;}
div#footer ul.fineprint li {color: #CCC;}
div#footer ul.fineprint li a {color: #CCC;}
div#footer ul.fineprint li a:hover {color: #FFF;}

div#header
{
    min-width: 774px;
    margin-bottom:0px;
    margin-top:0px;
    padding-bottom:0px;
    background-color:#fff;
    /*border-style:none;*/
}
div#header img
{
    border-style:none;
    margin:0px;
    padding:0px;
    background-color:#fff;
}




/** Left navigation elements **/

div#leftnav
{
  margin-left:4px;
  margin-bottom:8px;
  display: block;
  border-style:none;
}

div#leftnav ul
{
    list-style:none;
    margin-top: 8px;
    margin-right:2px;

}
div#leftnav li
{
      background-color:#f1f1fd;
      font-family: Arial, Helvetica, sans-serif;
      font-size:0.6em;
      color: #000000;
      text-decoration: none;
      border-color:#62A2F8;
      border-width:1px;
      border-left-style:solid;
      border-right-style:solid;
}
div#leftnav li a
{
    padding-left: 8px;
    color: #000000;
    text-decoration: none;
}

div#leftnav li a:hover
{
    font-weight:bold;
}
div#leftnav .navHeading
{
  padding:2px 9px 3px;
  font-size: 0.8em;
  text-decoration: none;
  border-top-style:solid;
  border-bottom-style:solid;
  background-image: url("img/hdrbg.jpg");
  background-repeat:repeat-x;
}
.navLastItem
{
   border-bottom-style:solid;
}




/** Right navigation elements **/

div#rightnav
{
  margin-left:4px;
  margin-bottom:8px;
  display: block;
  border-style:none;
}
div#rightnav ul
{
    list-style:none;
    margin-top: 8px;
    margin-right:2px;

}
div#rightnav li
{
      font-family: Arial, Helvetica, sans-serif;
      color: #000000;
      text-decoration: none;
      border-color:#62A2F8;
      border-width:1px;
      border-left-style:solid;
      border-right-style:solid;
}
div#rightnav li a
{
    padding-left: 8px;
    color: #000000;
    text-decoration: none;
    font-size: 9pt;
}
div#rightnav li a:hover
{
    text-decoration:underline;
}
div#rightnav .navHeading
{
  padding:2px 9px 3px;
  font-size: 9pt;
  text-decoration: none;
  border-top-style:solid;
  border-bottom-style:solid;
  background-image: url("img/hdrbg.jpg");
  background-repeat:repeat-x;
}



div#centrenav ul
{
    width:300px;
    list-style:none;
    float:left;
}
div#centrenav li
{
      background-color:#f1f1fd;
      font-family: Arial, Helvetica, sans-serif;
      color: #000000;
      text-decoration: none;
      border-color:#62A2F8;
      border-width:1px;
      border-left-style:solid;
      border-right-style:solid;
}
div#centrenav li a
{
    padding-left: 8px;
    color: #000000;
    text-decoration: none;
}
div#centrenav li a:hover
{
    text-decoration:underline;
}
div#centrenav .navHeading
{
  padding:2px 9px 3px;
  font-size: 0.8em;
  text-decoration: none;
  border-top-style:solid;
  border-bottom-style:solid;
  background-image: url("img/hdrbg.jpg");
  background-repeat:repeat-x;
}


a:link
{
	color: rgb(0,0,0);  
}

.rightBar
{
  	float: right;
}

.leftBar
{
  	float: left;
}

.imgbox {
	text-align: center;
	padding: 8px;
	width: auto;
	margin-top: 0px;
	margin-right: 5px;
	margin-bottom: 5px;
	margin-left: 5px;
	border: 1px solid #B0D5E0;
}

div#contents
{
  font-size: 0.9em;
  margin-bottom: 20px;
}
div#contents A
{
  font-size: 0.9em;
}


div#quoted
{
    background-color:#ddd;
    padding: 8px;
    font-size:12px;
    border-color:black;
    border-spacing:1px;
    border-width:1px;
    border-color:black;
    border-style:solid;
    margin-top:50px;
    margin-bottom:50px;
    margin-left:50px;
    margin-right:50px;
}


/* here follows the brillant "no-extra-markup" clearing method devised by Tony Aslett - www.csscreator.com */
/* simply add the clearfix class to any containter that must enclose floated elements */
/* read the details of how and why this works at http://www.positioniseverything.net/easyclearing.html */
.clearfix:after {
    content: ".";              /* the period is placed on the page as the last thing before the div closes */
	display: block;          /* inline elements don't respond to the clear property */
    height: 0;                  /* ensure the period is not visible */
    clear: both;               /* make the container clear the period */
    visibility: hidden;	     /* further ensures the period is not visible */
}

.clearfix {display: inline-block;}   /* a fix for IE Mac */
/* next a fix for the dreaded Guillotine bug in IE6 */
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */
/* end of "no-extra-markup" clearing method */

/* Nimeshop bits */
div#showItem {
  margin-left : 4px ;
  margin-right : 4px ;
  border-style : solid;
  border-width : 1px ;
  background-color : #f1f1fd;
  border-color : black;
  padding :4px ;
  height :350px ;
}

div#showItem ul {
margin-left: 16px;
}

div#prodImage {
    margin-right: 4px;
    margin-top: 4px;
    border-style : solid;
    border-width : 1px ;
  float : right ;
}

div#productdescription {
    margin-top: 15px;  
    margin-left :4px ;
    margin-right :4px ;
}
div#productdescription li {
   list-style-type: disc;
   font-size: 0.75em;
	color: #000;
}

div#buyitbox {
  position:absolute;
  background-color : #fff;
  padding: 4px ;
  margin-left :20px ;
  margin-bottom :4px ;
  margin-top : 260px ;
  border-color : gray;
  border-style : solid;
  border-width :1px ;
  width :100px ;
}

div#buyitbox input {
  position : relative;
  margin-left :15px ;
  margin-right :4px ;
  border-style: solid;
  border-width: 1px;
  border-color: #000;
  width :50px ;
}

div#buyitbox span.mainPrice {
  text-align : center;
   font-size: 0.9em;
   color : maroon;
   font-weight: bold;
   display:block;
}

div#buyitbox span.fullPrice {
   text-align : center; 
   font-size:0.7em;
   font-weight:normal;
   display:block;
}
div#buyitbox span.incVAT {
   text-align : center; 
   font-size:0.7em;
   font-weight:normal;
   display:block;
   margin-bottom:6px;
}

div#menuItems li {
    float:left;
    margin:4px;
    padding:4px;
    height:180px;
    width:120px;
    list-style-type:none;
    border-style:solid;
    border-width:1px;
    border-color:#ccc;
}
div#menuItems li a {
    text-decoration:none;
    font-weight:normal;
}
div#menuItems li:hover {
   border-color:#000;
}
div#menuItems li img {
    width:100px;
    height:100px;
    margin-left:8px;
    margin-bottom:4px;
    border:none;
}
div#menuItems li label {
    border:none;
}
div#menuItems li input {
    float:right;
}

.buyNow{
   text-align : center;
   font-size: 0.8em;
   color : maroon;
   font-weight: bold;
   display:block;
   left:90px;
   top:90px;
   margin-top:10px;
}

.mainPrice {
   text-align : left;
   font-size: 0.6em;
   font-weight: bold;
   display:block;
}
.incVAT {
   text-align : center; 
   font-size:0.6em;
   font-weight:normal;
   margin-bottom:6px;
   margin-top:4px;
}

.productName {
  font-size: 0.65em;
  text-align:left;
  display:block;
}