* {
	margin: 0;
}

html { height: 100%; margin-bottom: 1px; }  /* Forces vert scrollbar on all pages*/

body 
{
	margin: 0 0 0 0;
	height: 100%;
	margin-left: auto;
	margin-right: auto;
	text-align: center; /*this will center ALL items on the page in IE but only text in Moz etc.*/
	font-family: "Times New Roman", Times, serif;
	background: #CCCCCC;
}

.clearall
{
clear: both;

}

#container
{
width: 1000px;
height: auto;
margin-left: auto;
margin-right: auto;
background-color: #ffffff;
}

#header
{
width: 1000px;
height: 167px;
float: left;
background: url(images/header.jpg) top left no-repeat;
}

#main
{
width: 978px;
height: auto;
float: left;
padding-left: 11px;
}

/* ----------- MIDDLE ------------ */

#middle
{
width: 560px;
height: auto;
float: left;
padding-top: 10px;
padding-left: 5px;
}

#textmiddle
{
width: 560px;
height: auto;
float: left;
padding-top: 10px;
padding-left: 5px;
}

#textmiddle p
{
font: 14px "Trebuchet MS";
color:#000000;
margin: 10px 10px 10px 5px;
text-align: left;
}

/* ----------- HOME MIDDLE ------------ */

#homebanner
{
width: 560px;
height: 185px;
float: left;
background: url(images/homebanner.jpg) top left no-repeat;
}

#specialoffers
{
width: 560px;
height: 30px;
float: left;
background: url(images/bg-specialoffers.jpg) top left no-repeat;
}

#clearanceoffers
{
width: 560px;
height: 30px;
float: left;
background: url(images/bg-clearancestock.jpg) top left no-repeat;
}

/* ----------- RIGHT ------------ */

#rightcontent
{
width: 200px;
height: auto;
float: right;
padding-top: 10px;
}

#basket
{
width: 155px;
height: 136px;
float: left;
background: url(images/bg-basket.jpg) top left no-repeat;
padding-top: 50px;
padding-left: 45px;
text-align: left;
}

#rightcontent p
{
font: 12px "Trebuchet MS";
color:#666666;
margin: 0 0 10px 0;
text-align: left;
}

#rightcontent p a
{
font: 14px "Trebuchet MS";
color: #006600;
text-decoration: underline;
font-weight: bold;
}

/* ----------- FULL ------------ */

#full
{
width: 760px;
height: auto;
float: left;
}

#full h1
{
text-align: left;
margin: 10px 0 10px 5px;
padding: 0;
font: 22px "Trebuchet MS";
color: #006600;
}

#full p
{
text-align: left;
margin: 10px 0 10px 5px;
padding: 0;
font: 14px "Trebuchet MS";
}

/* ----------- BASKET ------------ */

.basketheads
{
font: 14px "Trebuchet MS";
font-weight: bold;
background-color: #006600;
height: 30px;
color: #FFFFFF;
text-align: center;

}

.basketline
{
font: 14px "Trebuchet MS";

}

.basketline a
{
text-decoration: none;
color:#000000;
margin: 0;
padding: 0;
text-align: left;
}

.basketline a:hover
{
text-decoration: underline;
color:#930;
}

.tab
{
text-align: left;
}

.whiteheading
{
font: 14px "Trebuchet MS";
color: #FFFFFF;
}

.greyheading
{
font: 14px "Trebuchet MS";
color: #000000;
font-weight: bold;
}

.grey
{
font: 14px "Trebuchet MS";
color: #000000;

}
.greyheading a
{
text-decoration: underline;
color: #e49c01;
font-weight: bold;
}

.style1
{
font-size: 14px;
font-weight: bold;
color: #FF0000;
}

.style2
{
font-size: 12px;
color: #3da1d1;
font-weight: bold;
}
/* ----------- PRODUCT LIST ------------ */

.prodholder
{
width: 550px;
height: auto;
float: left;
padding-bottom: 5px;
border-bottom: 1px solid #CCCCCC;
margin-top: 10px;
}

.prodimage
{
width: 75px;
height: auto;
float: left;
}

.prodtext
{
width: 370px;
height: auto;
float: left;
padding-left: 10px;
text-align: left;
}

.prodholder p
{
font: 14px "Trebuchet MS";
color: #666666;
margin: 0 0 10px 0;
}

.prodholder p a
{
color: #006600;
text-decoration: underline;
font-weight: bold;
font: 14px "Trebuchet MS";
}

.prodprice
{
width: 90px;
height: 50px;
float: left;
}

.prodprice  a
{
color: #006600;
text-decoration: underline;
font-weight: bold;
font: 14px "Trebuchet MS";
}

/* ----------- DETAILS ------------ */

#detailimage
{
width: 200px;
height: auto;
float: left;
}

#detailtext
{
width: 320px;
height: auto;
float: left;
padding-left: 10px;
}

#detailtext h1
{
text-align: left;
margin: 10px 0 10px 0;
padding: 0;
font: 18px "Trebuchet MS";
color: #006600;
}

#detailtext p
{
text-align: left;
margin: 10px 0 10px 0;
font: 14px "Trebuchet MS";
}

#detailline
{
width: 560px;
height: 10px;
float: left;
border-bottom: 1px solid #CCCCCC;
overflow: hidden;
margin-bottom: 10px;
}

/* ----------- CAT ------------ */

#blankhead
{
width: 560px;
height: 30px;
float: left;
background: url(images/bg-blank.jpg) top left no-repeat;
line-height: 28px;
}

#blankhead h1
{
text-align: left;
margin: 3px 0 0 10px;
padding: 0;
font: 18px "Trebuchet MS";
color: #ffffff;
font-weight: normal;
}

/* ----------- CHECKOUT ------------ */

#full fieldset
{
border: 1px solid #006600;
padding: 5px;
height: auto;
margin: 0 0 10px 0;
}

#full legend
{
font: 14px "Trebuchet MS";
color: #006600;
margin: 0 0 0 10px;
padding: 0 5px 0 5px;
font-weight: bold;
}

.dropbox
{
width: 300px;
height: 30px;
float: left;
margin: 0;
padding: 0;
}

.checkgrey
{
color: #000000;
float: left;
margin: 0 0 0 0;
padding: 0;
font: 14px "Trebuchet MS";
}

.checkgrey a
{
text-decoration: underline;
color: #006600;
font-size: 12px;
}
/* ----------- HEADS ------------ */


#visitshop
{
width: 200px;
height: 211px;
float: left;
background: url(images/visit-shop.jpg) top left no-repeat;
}

#bestsellers
{
width: 200px;
height: 30px;
float: left;
background: url(images/head-bestsellers.jpg) top left no-repeat;
overflow: hidden;
}

#ourranges
{
width: 200px;
height: 30px;
float: left;
background: url(images/head-ourranges.jpg) top left no-repeat;
}

#securepayment
{
width: 200px;
height: 30px;
float: left;
background: url(images/head-securepayment.jpg) bottom left no-repeat;
padding-top: 10px;
}

#securelogos
{
width: 200px;
height: 180px;
float: left;
background: url(images/securelogos.jpg) top left no-repeat;
}

/* ----------- NAV ------------ */

#leftnav
{
width: 200px;
height: auto;
float: left;
padding-top: 10px;
}

.leftlink
{
width: 200px;
height: 25px;
float: left;
background: url(images/bg-leftnav.jpg) top left no-repeat;
text-align: left;
padding-top: 5px;
}

.leftlink a
{
font: 14px "Trebuchet MS";
margin: 0 0 0 15px;
color: #000000;
text-decoration: none;
}

.leftlink a:hover
{
text-decoration: underline;
color: #006600;
}

#nav
{
width: 978px;
height: 30px;
float: left;
background: url(images/bg-topnav.jpg) top left no-repeat;
text-align: left;
padding: 5px;
margin: 0;
}

#nav a
{
color: #FFFFFF;
margin: 0 30px 0 30px;
padding: 0;
text-decoration: none;
font: 14px "Trebuchet MS";
}

#nav a:hover
{
text-decoration: underline;
}

/* ----------- FOOTER ------------ */

#footer
{
width: 978px;
height: 35px;
float: left;
background: url(images/bg-footer.jpg) top left no-repeat;
}

#footerlinks
{
width: 978px;
height: 60px;
float: left;
text-align: left;
}

#footerlinks p
{
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
color: #000000;
margin: 10px 0 10px 10px;
}

#footerlinks p a
{
color: #000000;
text-decoration: none;
padding: 0;
}