body
{
	color: #333;
	background-color: white;
	margin: 20px;
	padding: 0;
	font: 11px Arial, Tahoma, Verdana, Helvetica, Sans-Serif;
}
img
{
    position: relative;
    border: 0;
}
textarea
{
    font: 12px Arial, Tahoma, Verdana, Helvetica, Sans-Serif;
}
h1 {
	margin: 15px 0px 15px 0px;
	padding: 0px;
	font-size: 20px;
	font-weight: 600;
	color: #506571;
	}
h2,
h2 a {
	font: bold 12px/14px Arial, Tahoma, Verdana, Helvetica, Sans-Serif;
	margin: 0px 0px 5px 0px;
	padding: 0px;
	}
h3  {
	padding: 0;
	font: bold 14px/16px;
	color: #506571;
    }
p
    {
	font: 11px/15px Arial, Tahoma, Verdana, Helvetica, Sans-Serif;
	margin: 0px 0px 16px 0px;
	padding: 0px;
	}
.text,
.buttontext
    {
	font: 11px Arial, Tahoma, Verdana, Helvetica, Sans-Serif;
	margin: 0;
	padding: 0;
	}
a   
    {
	color: #000000;
	font: bold 11px Arial, Tahoma, Verdana, Helvetica, Sans-Serif;
	text-decoration: none;
	}
a:link {color:#000000;}
a:visited {color:#000000;}
a:hover {background-color:#b9c0d3;}
/* All the content boxes belong to the content class. */
.content 
    {
	position: relative;
	width: auto;
	min-width: 355px; 
	margin: 0px 220px 20px 160px;
	background-color: white;
	padding: 10px;
	z-index: 4; /* This allows the content to overlap the right menu in narrow windows in good browsers. */
	}
#leftbar {
	position: absolute;
	width: 150px;
	top: 140px;
	left: 10px;
	padding: 10px;
	z-index: 3;
/* Tantek Celik hack */
	voice-family: "\"}\"";
	voice-family:inherit;
	width:130px;
	}
/* "be nice to Opera 5" rule */
body>#leftbar {width:128px;}
#leftbar a:hover
{
    color: Black;
    padding: 2px;
    background-color: #b9c0d3;
}		
#rightbar {
	position: absolute;
	width: 220px;
	top: 140px;
	right: 0px;
	padding: 10px 20px 10px 0;
	z-index: 2;
/* Tantek Celik hack */
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 200px;
	}
/* "be nice to Opera 5" */
body>#rightbar {width:200px;}

/* Right Border Advert Displays rounded box css */
ul#split,ul#split li{margin:0;padding:0;list-style:none}
ul#split li{float:left;width:100%;margin: 0 0 10px 0;}
ul#split h3
{
    margin: 0;
    padding: 5px 0 0 0;
    font: bold 100% Arial, Tahoma, Verdana, Helvetica, Sans-Serif;
    color: #506571;
}
ul#split p
{
    margin:0;
    background-color: #e1e4ed;
    padding: 5px 9px 8px 9px;
    text-align: justify;
}
li.headerbar h3
{
    background-image: url('graphics/adboxheader.gif');
    background-repeat: repeat-x;
    height: 21px;
}
/* Left Border Button Display */

ul#buttons,ul#buttons li{margin:0;padding:0;list-style:none;}
ul#buttons li{float:left;width:150px;margin: 0 0 10px 0;}
ul#buttons h3
{
    margin: 0;
    padding: 5px 0 0 0;
    font: bold 100% Arial, Tahoma, Verdana, Helvetica, Sans-Serif;
    color: #506571;
}
ul#buttons p
{
    margin: 0;
    background-color: #e1e4ed;
    padding: 5px 8px 10px 5px;
    text-align: left;
    line-height: 2;
}
#leftbar a
{
    line-height: 2;
}
/* Left Bar Adverts*/
ul#leftbaradverts,ul#leftbaradverts li{margin:0;padding:0;list-style:none}
ul#leftbaradverts li{float:left;width:150px;margin: 0 0 10px 0;}
ul#leftbaradverts h3
{
    margin: 0;
    padding: 5px 0 0 0;
    font: bold 100% Arial, Tahoma, Verdana, Helvetica, Sans-Serif;
    color: #506571;
}
ul#leftbaradverts p
{
    margin: 0;
    background-color: #e1e4ed;
    padding: 5px 8px 10px 5px;
    text-align: left;
    line-height: 2;
}
ul#leftbaradverts a,
ul#leftbaradverts a:hover
{
    line-height:normal;
    padding: 0;
    background-color: #e1e4ed;
}
ul#leftbaradverts a:hover
{
    text-decoration: underline
}
/* Also Recommend*/
#alsorecommend
{
    width: 100px;
    padding: 20px;
    text-align: center;
    float: right;
    border: dashed 1px #b9c0d3;
    margin-left: 20px;
}
.alsorecommend
{
    margin-bottom: 15px;
}
.alsorecommend img
{
    border: solid 3px #f1f1f1;
}
/* Checkout */
ul#checkout,ul#checkout li{margin:0;padding:0;list-style:none}
ul#checkout li{width:49%;margin: 0 0 10px 0;background-color: #e1e4ed;padding: 5px 8px 10px 5px;
}

/* General CSS */

/* Supplier List Bar */
.supplierlogo
{
    margin: 0;
    text-align: center;
/*    border: 1px solid #000000; */
}
.supplierlogoimage
{
    border: solid 1px #b9c0d3;
}
.stockist
{
    background-color: #e1e4ed;
}
.supplierlogoleft
{
    float: left;
    width:48%;
    padding-top: 5px;
}
.supplierlogoright
{
    position: relative;
    float: right;
    width:48%;
    padding-top: 5px;
}
.supplierlogoright a,
.supplierlogoleft a,
.supplierlogoright a:hover,
.supplierlogoleft a:hover
{
    font-weight: normal;
    background-color: Transparent;
    padding: 0;
    margin: 0;
}
.supplierlogobottom
{
    clear: both;
    height: 5px;
}
/* End of Supplier List Bar */

/* Header Bar */
#header
{
    min-width: 760px;
}
#header a:hover
{
    background-color: #ffffff;
}
#searchbar
{
    margin-top: 25px;
    text-align: center;
}
#searchbox form
{
    padding: 2px 0 2px 10px;
    margin: 0;
    line-height: normal;
}
#searchbox input,
#searchbox button
{
    font: 10px Arial, Tahoma, Verdana, Helvetica, Sans-Serif;
}
#searchbox input
{
        border: 0;
}
#searchbox
{
    color: #fff;
    font-weight: bold;
    background-color: #b9c0d3;
}
.register
{    
    border: 0;
    padding: 1px 0 0 0;
}
/* Recently Viewed*/
.recentlyviewed
{
    padding: 5px 5px 0 5px;
    background-color: #e1e4ed;
}
.recentlyviewed a,
.recentlyviewed img
{
    position: relative;
}
.recentlyviewedbottom
{
    clear: both;
    height: 5px;
}
/* End of Recently Viewed*/
/* Supplier Slideshow */
#slideshow
{
    background-color: #e1e4ed;
    padding: 5px;
    text-align: center;
}
#slideshow a,
#slideshow a:hover
{
    background-color: #e1e4ed;
    padding: 0;
}
#slideshow img
{
    border: solid 1px #b9c0d3;
}
/* end of Supplier Slideshow */
/* Latest Products Display*/

#latestproductsleft
{
    float: left;
    width: 50%;
}
#latestproductsright
{
    width: auto;
}
.thumbnail
{
position: relative;
float: left;
text-align: center;
width: 25%;
margin: 0 0 5px 0;
padding: 0;
}

/* End of Latest Products Display */
.center
{
    text-align: center;
}
.bordered
{
    border: dashed 1px #b9c0d3;
}
#footer
{
    clear: both;
    color: #909090;
}
#sitelink
{
    text-align: right;
    padding-top: 25px;
}
#sitelink a:hover
{
    background-color: #ffffff;
}

/* Product Display*/
.product,
.productdescription,
.optionstyle
{
    font-weight: normal;
    font-size: 8pt;
    color: black;
    font-family: Tahoma, Arial, Verdana, Helvetica, Sans-Serif;
    text-align: justify;
}
.productdescription
{
    padding-top: 10px;
}
.optionstyle
{
    border: 1px solid #000000;
    padding-left: 1px;
    width: 112px;
}
.quantitystyle
{
    width: 30px;
}
.price
{
    font-size: 10pt;
    font-weight: bold;
}
.button
{
    margin-top: 4px;
}
.requiredfield,
.notrequiredfield
{
    font-weight: normal;
    color: red;
}
.notrequiredfield
{
    color: #ffffff;
}
.login
{
    background-color: #eaeaea;
    border: 1px solid #dadada;
    margin-top: 0px;
    margin-bottom: 2px;
    font-size: 8pt;
}
.oldprice
{
    text-decoration: line-through;
}
.productoptionchoice
{
    background-color: #e0e0e0;
}
.bold
{
    font-weight: bold;
}
#purchase,
.adminform
{
    position: relative;
    border: dotted 2px #e0e0e0;
    background-color: #f5f5f5;
}
#purchase
{
    margin-bottom: 10px;
    position: relative;
    float: right;
    padding: 3px;
    margin-left: 10px;
    margin-top: 15px;
    width: 155px;
}
.subtotaldisplay
{
    padding-top: 3px;
    padding-bottom: 3px;
}
#productdisplay
{
    min-width: 345px;
    min-height: 185px;
}
.spacerdiv
{
    width: 165px;
    height: 1px;
}
#productimage
{
    position: relative;
    float: left;
    width: 160px;
    border: dotted 2px #e0e0e0;
    padding: 2px;
    margin-right: 10px;
}
/* Shop Images */
.shopimages
{
    background: url(graphics/shopimages.jpg) repeat-x center;
    height: 100px;
}
/* End of Shop Images */
/* Checkout */
.checkoutbackground,
.reportbackground,
.tableheader
{
    background-color: #b9c0d3;
    color: #000000;
    font-size: 12px;
    font-weight: bold;
}
.totallabel
{
    font-weight: bold;
    text-align: right;
}
.total
{
    font-weight: bold;
    text-align: right;
}
/* End of Checkout */
/* Contact Form */
fieldset 
{ 
    width : 325px;
    margin: 10px 0 0 25px;
    display:block;
    position: relative;
}
legend
{
    font-weight: bold;
}
label 
{ 
    text-align: right;
    position : relative; 
    width : 100px; 
    display : block; 
    margin : 1px 0 0 10px;
    border-bottom: dotted 1px black; 
    padding: 2px;
    font-size: 11px;
    font-weight: bold;
}
label input,
label textarea,
label select
{ 
    position : absolute; 
    left : 110%; 
    top : 2px; 
    width : 180px; 
    border: 1px solid black;
    padding: 2px;
}
label input:focus,
label textarea:focus
{
    background-color: #dedede;
}
.contactform br 
{ 
    display : none; 
}
.contactbutton
{
    margin-left: 10px; 
    margin-bottom: 10px;
}
/* End of Contact Form */
/* Checkout Login */
.checkoutfieldset
{
    width: 305px;
}
.checkoutlogin
{
    width: 120px;
}
.checkoutinfo
{
    width: 150px;
}
.printorder
{
    cursor: pointer;
}
/* End of Checkout Login *//*  */
.content a:,
.content a:hover
{
    text-decoration: none;
    color: #000000;
}
.content a:hover
{
    background-color: Transparent;
    color: #0000ff;
}
.redcolour
{
    color: #ff0000;
}
/* ADDED */
.product,
.productdescription,
.optionstyle
{
    font-weight: normal;
    font-size: 8pt;
    color: black;
    font-family: Tahoma, Arial, Verdana, Helvetica, Sans-Serif;
    text-align: justify;
}
.productdescription
{
    clear: left;
    padding: 10px 0 25px 0;
}
.optionstyle
{
    border: 1px solid #000000;
    padding: 0;
    width: auto;
}
.quantitystyle
{
    width: 30px;
}
#price
{
    clear: left;
    font-size: 11px;
    font-weight: bold;
}
#hireprice
{
    font-size: 14px;
    font-weight: bold;
}
.button
{
    margin-top: 4px;
}
.login
{
    background-color: #fff;
    border: 1px solid #5b3b71;
    margin-top: 0px;
    margin-bottom: 2px;
    font-size: 8pt;
}
.oldprice
{
    text-decoration: line-through;
}
.productoptionchoice
{
    background-color: #e0e0e0;
}
.bold
{
    font-weight: bold;
}
.buy a,
.buy a:hover
{
    font-weight: bold;
    text-decoration: none;
}
.buy
{
    padding-top: 20px;
}
.buy a:hover
{
    color: #000;
}
.buyimage
{
    float: left;
    padding:  0 10px 10px 10px;
}
.purchase,
.adminform
{
    position: relative;
    border: dotted 2px #e0e0e0;
    background-color: #d8bbff;
}
.purchase
{
    float: right;
    /width: 300px;
    padding: 3px;
    margin:  0 0 10px 10px;
    background-color: transparent;
}
#productform
{
    width: auto;
}
#productform label
{
    width: 95px;
}
.subtotaldisplay
{
    padding-top: 3px;
    padding-bottom: 3px;
}
#productdisplay
{
    min-width: 345px;
    min-height: 185px;
}
.spacerdiv
{
    width: 165px;
    height: 1px;
}
#productimage
{
    position: relative;
    float: left;
    width: 160px;
    border: dotted 2px #e0e0e0;
    background-color: #fff;
    padding: 2px;
    margin: 5px 10px 0 0;
}
.offers
{
    border: dashed 3px #ff0000;
    background: #ffffdb;
}
.portrait
{
    float: left;
    clear: left;
    position: relative;
    padding: 5px 10px 5px 0;
}
/* Top Navigation */
/* ---------------------- Navigation --------------------- */
#navcontainer
{
    position: relative;
	top: 2px;
    width: 100%;
    z-index: 10;
}
#navigation 
{
    float: left;
    background-color: Transparent;
    line-height: normal;
    width: 460px;
}
ul#navigation  
{
    margin: 0;
    padding: 0;
    list-style: none;
}
#navigation li 
{
    display: inline;
    margin: 0;
    padding: 0;
}
#navigation a 
{
    float: left;
    background: url("graphics/buttonleft.gif") no-repeat left top;
    margin: 0;
    padding: 0 0 0 4px;
    text-decoration: none;
}
#navigation a span 
{
    float: left;
    display: block;
    background: url('graphics/buttonright.gif') no-repeat right top;
    padding: 5px 6px 4px 2px;
    color: #000;
    font-weight: bold;
}
#navigation a.special 
{
    background: url("graphics/buttonleft_special.gif") no-repeat left top;
}
#navigation a.special span 
{
    background: url('graphics/buttonright_special.gif') no-repeat right top;
}
#navigation a:hover span 
{
    color: #000;
    cursor: pointer;
}
#navigation a:hover 
{
    background-position: 0% -42px;
}
#navigation a:hover span 
{
    background-position: 100% -42px;
}