html, body { border: 0; margin: 0; padding: 0;}

/* Jello -- start copying here * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
body {
	padding: 0 350px 0 350px;
	margin: 0;
	text-align: center;
	background: gray;
}

#sizer {
	margin: 0 auto 0 auto;
	padding: 0;
	width: 39%;
	max-width: 290px;  /* version for IE is at the bottom of this style block */
}

#expander {
	background: white;
	margin: 0 -350px 0 -350px;
	min-width: 700px; /* Critical Safari fix! */
	position: relative;
}

/* Holly hack for IE \*/
* html #expander { height: 0; }
/* */

/* helps IE get the child percentages right. */
#wrapper { width: 100%; }


/* * --- stop copying, but be sure to grab IE's max-width, just above the body-tag --- * * * * * * * * * * * * * * */

body {
	font: .75em Arial, Tahoma, sans-serif;
	background: #660099 url(/images/bg2.gif) 0 0 repeat-x;
}

A { 	color: #660099; text-decoration: none;}
A:hover {	background-color: #cccccc; color: #000000; text-decoration: underline;}
img {	border:0; }
.prodImage {
	float:right;
	top:0px;
	margin: 5px 5px 5px 5px;
}
.infoBoxContents, .prodImage {
	background: #eaeaea;
	font-size: .75em;
	text-align:center;
}
.prodList {
	text-align:center;
	margin:0;
	width:100%;
}
.prodListHead {
	position:relative;
	margin-top:.25em;
	margin-right:1.5%;
	width:97%;
	display:block;
	height: 2.5em;
	padding: .75%;
	text-align:center;
	background-color:#cc99ff;
	font-size: .9em
}


.prodListHead div {
float:left;
width:33.3%;
}

#alsoPurch ul {
	padding:0;
	margin:0;
	list-style-type:none;
	float:left;
	width:100%;
	z-index:100;
	color:#ffffff;
	font-weight:600;
	text-align:center;
}
#alsoPurch li {
	float:left;
	height:auto;
	text-align:center;
	border-left:1px solid #ffffff;
}
#alsoPurch li {
	width:33%;
	height:8em
}
.prodListHead A {
	color:#ffffff;
}
.priceRRP {
	text-decoration:line-through;
}
.priceOurs {
	font-weight:900;
	font-size:2em;
	color:red;
}
.productsSpecialPrice {
	font-weight:900;
	color:red;
}
.prodListBox {
	display:inline;
	float:left;
	width:22.5%;
	height:350px;
	margin-top:0;
	margin-bottom: 1.5%;
	margin-left: .7%;
	margin-right: .7%;
	background-color:#ffffff;
	text-align:center;
	overflow:hidden;
	font-size:1em;
	border:1px #660099 dotted;

}
.prodListBoxImg  {
	position:relative;
	overflow:hidden;
	margin-left:auto;
	margin-right:auto;
}
.prodListBoxSpec {
	position:relative;top:-150px;left:0px;z-index:100;width:50px;height:0px;
}
.prodTitle {
	width:100%;
	font-weight:600;
	font-size:.9em;
}
.prodModel {
	font-size: .75em;
}
.prodXinfo {
	position: relative;
	top: 100px;
	font-size:.7em;
	width:100%;
}
.prodAvail {
	position:relative;
	width:100%;
	height:2em;
	font-size:.75em;
	top: 110px;
}
.prodPrice {
	position:relative;
	font-size:.9em;
	background-color:#eeeeee;
	top:100px;
}
.prodInfo {
	height:350px;
	overflow:hidden;
}
.prodRange, .prodManInfo, .small, .prodRange2 {
	font-size:.85em;
}
.subHead {
	font-weight:900;
	font-size:1.25em;
}
.smalltext {
	font-size: .4em;
}
.prodDesc {
	clear:left;

}
.prodBody {
	text-align:justify;
}
.prod {
	float:left;
	width: 100%;
}
.buy { position:relative; top:150px; }

.error, .messageStackError { width:100%;background:red;color:white;font-weight:900;text-align:center; }
.right, .prodCount, #addCartBot	{ float:right;overflow:hidden }
.left, .pageLinks, #revBut	{ float:left;overflow:hidden }
.txtLeft	{ text-align:left; }
.txtCent	{ text-align:center; }
.txtRigh	{ text-align:right; }
.txtJust	{ text-align:justify; }
.clear		{ clear:both; }

#sidebar {
	position: absolute;
	width: 13.5%;
	float: left;
	top: 135px;
	left: 0px;
	display: inline;
	text-align: center;
	margin-left: 1%;
	color: #000;
	height:auto;
	}

#content {
	position:relative;
	width: 82.5%;
	margin-right: 1%;
	top: 80px;
	text-align: left;
	display: inline;
	float: right;
	padding-bottom: 3em;
	overflow: hidden
}

#footer { clear: both; padding: 0.5em 0 0.5em 0; margin: 1em 5% 1em 5%; border-top: 3px solid black; }

#botnav { clear: both; width: auto; padding: 3em 0 0.5em 0; margin-left:auto; margin-right: auto }

p,
label {
	margin: .95em 0em .95em 0em;
	font-size: .9em;
}


/* http://positioniseverything.net/easyclearing */

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.clearfix {display: inline-table;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

/* * * Decorative Styles * * */
h1 {
	font-size:2em;font-weight:600

}
h2 {
	background: #660099;
	color: white;
	clear:both;
	margin:15px;
	padding:5px;
	font-size:1.5em;
	
}
p { }

blockquote {
	background: #f2e7fc url(/images/right-quotes.gif) 98% 95% no-repeat;
	border:1px black dotted;
	padding:5px
	
}
blockquote p {
	background: #f2e7fc url(/images/left-quotes.gif) 0 0 no-repeat;
	z-index:20;
	width:80%;
	padding-left:10%;
	padding-bottom:25px
}
	

.fill { color: #aaa; }

.back {text-align: right; padding: 3px 10px 0 0;}

.alignright {margin: 30px 0; text-align: right;}

.small {font-size: .8em;}

.return {position: absolute; top: -10px; right: 5px; width: 20em; text-align: right; font-size: .9em; line-height: 1.4;}

.return a {color: #000;}

.searchbar {position: relative; top: 50px; width: 100%; height: 25px; text-align:left; padding-top: .25em; padding-bottom: .25em; background: #9900cc; color: #fff; font-weight: 600; overflow:hidden}

.catbar {position: relative; top:50px; width: 100%; height: 35px; text-align:center; padding:0; color: #fff; font-weight: 600; background:#cc99ff;z-index:20;}

.breadcrumb {position: absolute; top: 118px; left: 0px; width: 97%; height: 25px; margin-left:1.5%; text-align:left; background: #ffffff; font-size: .9em; font-weight: 600}
.logo {position: absolute; top: 0px; left: 0px; z-index:10; }

.insertImage {margin-right:30px;float:left;text-align:center;clear:both}
.insertImageR {margin-left:30px;float:right;text-align:center;clear:both}

#sidebar p {
	/* background-color: #cc99ff; */
	padding: 5px;
}


/* * * Form Styles * * */

form {margin: 0 0 2em -20%; position: relative;}

/*\*/
* html form {height: 0;}
/* Holly hack */

label input { width: 40%; }

label span {
	display: block;
	float: left;
	width: 40%;
	text-align: right;
	padding-right: 2%;
}

label.max { padding-top: 25px; }

.submit { text-align: center; padding-top: 20px; }

/* ================================================================ 

This copyright notice must be kept untouched in the stylesheet at 

all times.



The original version of this stylesheet and the associated (x)html

is available at http://www.cssplay.co.uk/menu/pro_drop12.html

Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.

This stylesheet and the associated (x)html may be modified in any 

way to fit your requirements.

=================================================================== */

#block {position:relative; margin-left:auto; margin-right:auto; top: 0px; width:700px; height:35px; background:#cc99ff; font-size: .9em; font-weight:bold;}
#block, #block ul {padding:0; margin-left:auto; margin-right: auto; margin-top:0; margin-bottom: 0; list-style:none;}
#block table {border-collapse:collapse; width:0; height:0; border:0; font-size:1em; position:absolute; left:0; top:0;}
#block div {position:absolute; left:-9999px;}
#block div ul {background:url(buttonon.png);}
#block li.top {float:left;border-left:1px #9900cc solid}
#block li.first {margin:auto; display:inline;border:0;}
#block li.top a {display:block; width:86px; color:#232; height:35px; text-align:center; text-decoration:none; background:transparent;}
#block li.top a:hover  {border:0; background-color:white;}
#block li.top:hover > a  {background-color:white;;}

#block :hover div {left:0; top:34px; width:700px; height:auto;}
#block :hover div ul {width:700px; height:300px;;z-index:20000}
#block :hover ul li {width:100%; height:100%;}
#block :hover ul li dl {padding:0; width:600px; margin:0 auto; padding:10px 0; text-align:left}
#block :hover ul li dl dt {padding:0; margin:0; color:#000; height:40px; line-height:42px; font-size:1.5em;width:100%}
#block :hover ul li dl dd {padding:0; margin:0; color:#fff; text-align:left; width:50%;float:left}
#block :hover ul li dl dd a {text-decoration:none; color:#fff; width:100%; font-weight:600; text-align:left; height:20px; line-height:22px; position:relative;}
#block :hover ul li dl dd a:hover {color:#faebc4;text-decoration:underline}