* {
	margin: 0;
}

html { height: 100%; padding-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:  Arial, Helvetica, Tahoma, Verdana,  sans-serif;
	background: #ffffff;
}

p, h1, h2, h3, table, form
{
margin: 0;
padding: 0;

}

.clearall
{
clear: both;
}

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

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

#topnav
{
width: 300px;
height: 20px;
float: right;
color: #6c872a;
overflow: hidden;
font: 13px "Trebuchet MS";
padding-top: 45px;
}

#topnav a
{
color: #6c872a;
text-decoration: none;
font: 13px "Trebuchet MS";
text-decoration: none;
}

#topnav a:hover
{
text-decoration: underline;

}

#main
{
width: 940px;
height: auto;
float: left;
padding-left: 30px;
padding-right: 30px;
background: #000000 url(images/bg2.jpg) top left repeat-x;

}

#productnav
{
width: 940px;
height: 40px;
float: left;
text-align: left;
color: #FFFFFF;
line-height: 38px;
}

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

#productnav a:hover
{
color: #e6ffa8;
text-decoration: underline;
}

.pactive
{
color: #e6ffa8;
text-decoration: underline;
}

#inner
{
width: 938px;
height: auto;
float: left;
background: url(images/innerbg.jpg) top left repeat-y;
}

#leftarea
{
width: 765px;
height: auto;
float: left;
background-color: #FFFFFF;
}

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

#rightarea
{
width: 163px;
height: 700px;
float: left;
background: url(images/sidebg.jpg) top left no-repeat;
padding-left: 10px;
}

#rightarea h2
{
font-size: 14px;
color: #FFFFFF;
margin: 10px 0 10px 5px;
text-align: left;
text-decoration: underline;
}

#rightarea p
{
font-size: 10px;
color: #FFFFFF;
margin: 5px;
text-align: left;
}

#rightarea p a
{
text-decoration: underline;
color: #FFFFFF;
}

.headlink
{
width: 153px;
height: 30px;
float: left;
border-top: 1px dotted #FFFFFF;
border-bottom: 1px dotted #FFFFFF;
text-align: left;
line-height: 28px;
background: url(images/arrow.gif) center right no-repeat;
margin-top: 30px;
}

.headlink a
{
color: #e6ffa8;
text-decoration: underline;
font-size: 12px;
}
.rightlink
{
width: 153px;
height: auto;
float: left;
border-bottom: 1px dotted #FFFFFF;
text-align: left;
line-height: 24px;
}

.rightlink a
{
color: #FFFFFF;
text-decoration: none;
font-size: 12px;
margin: 0;
padding: 0;
}

.rightlink a:hover
{
color: #e6ffa8;
text-decoration: underline;
}

.rightsearch
{
width: 163px;
height: 30px;
float: left;
font-size: 10px;
color: #FFFFFF;
text-align: left;
}

.sbox
{
width: 120px;
height: 15px;
font-size: 12px;
background-color: #e6ffa8;
}

/* ------------ HOME PAGE ---------- */

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

#specialbanner
{
width: 765px;
height: 30px;
float: left;
background: url(images/special-offers.jpg) bottom center no-repeat;
padding-top: 20px;
}

#newbanner
{
width: 765px;
height: 30px;
float: left;
background: url(images/new-product.jpg) bottom center no-repeat;
padding-top: 20px;
}

/* ------------ PRODUCTS ---------- */

.productrow
{
width: 660px;
height: auto;
float: left;
padding: 10px 0 10px 52px;
}

.pholder
{
width: 120px;
height: 195px;
padding: 5px 0 5px 0;
border-bottom: 1px dotted #000000;
border-top: 1px dotted #000000;
}

.pimage
{
width: 120px;
height: 100px;
float: left;
overflow: hidden;
}

.ptext
{
width: 120px;
height: 35px;
float: left;
background-color: #d5d8d6;
}

.ptextline
{
width: 120px;
height: 17px;
float: left;
overflow: hidden;
}

.ptextline h2
{
margin: 0;
padding: 0 0 0 2px;
font: 13px "Trebuchet MS";
text-align: left;
}

.ptextline p
{
margin: 0;
padding: 0 0 0 2px;
font: 11px "Trebuchet MS";
text-align: left;
}



.ptitle
{
width: 120px;
height: 55px;
float: left;
}

.ptitle h1
{
margin: 0;
padding: 0;

}

.ptitle h1 a
{
font-weight: normal;
font: 14px "Trebuchet MS";
color: #6c872a;
text-decoration: none;
}

.ptitle h1 a:hover
{
text-decoration: underline;
}

.box1
{
margin: 10px 60px 0 0;
float: left;
}

.box2
{
margin: 10px 60px 0 0;
float: left;
}

.box3
{
margin: 10px 60px 0 0;
float: left;
}

.box4
{
margin: 10px 0 0 0;
float: right;
}

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

.breadcrumbs
{
width: 765px;
height: 30px;
float: left;
border-bottom: 1px dotted #999999;
margin-bottom: 10px
}

.breadcrumbs h1
{
margin: 10px 10px 0 10px;
padding: 0 0 10px 0;
text-align: left;
font: 12px "Trebuchet MS";
color: #000000;
font-weight: normal;
}

.breadcrumbs h1 a
{
color: #000000;
text-decoration: none;
}

.breadcrumbs h1 a:hover
{
color: #000000;
text-decoration: underline;
color: #6c872a;
}

#detailimage
{
width: 250px;
height: auto;
float: left;
text-align: left;
padding-top: 40px;
padding-left: 20px;
}

#detailtext
{
width: 440px;
height: auto;
float: left;
text-align: left;
padding-top: 40px;
padding-right: 10px;
padding-left: 10px;
}


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

#detailtext h1 a
{
color: #000000;
text-decoration: none;
}

#detailtext p
{
margin: 10px 0 10px 0;
padding: 0;
font-size: 12px;
line-height: 20px;
}

#detailtext button
{
padding: 0;
margin-top: 15px;
vertical-align: baseline;

}

.bigprice
{
font: 16px "Trebuchet MS";
font-weight: bold;
color: #333333;
}

.detailback
{
width: 100px;
height: 25px;
float: right;
}

.detailback a
{
text-align: right;
font: 16px "Trebuchet MS";
color: #333333;
font-weight: bold;
}

.detailback a:hover
{

color: #068b38;
}



.drop
{
width: 50px;
height: 25px;
margin: 0;
padding: 0;
}

#otherbanner
{
width: 765px;
height: 30px;
float: left;
background: url(images/otherproducts.jpg) bottom center no-repeat;
padding-top: 20px;
}

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

.catholder
{
width: 200px;
height: 180px;
float: left;
border: 1px solid #666666; 
margin: 5px;
overflow: hidden;
}

.catimage
{
width: 200px;
height: 150px;
float: left;
overflow: hidden;
border-bottom:  1px solid #666666; 
}

.catname
{
width: 200px;
height: 30px;
float: left;
}

.catname h1
{
margin: 5px 0 0 0;
padding: 0;
font: 14px "Trebuchet MS";
text-align: center;
}

.catname h1 a
{
color: #000000;
text-decoration: none;
}


/* ------------ SUBCAT ---------- */

.sortby
{
width: 745px;
height: 20px;
float: left;
text-align: right;
padding-right: 20px;
padding-bottom: 10px;
margin-top: 5px;
}

.sortdrop
{
width: 150px;
height: 20px;
font-size: 12px;
}

.sortby p
{
font-size: 12px;
}

.sortby p a
{
color: #333333;
margin: 0 5px 0 5px;
}

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

#basketcont
{
width: 765px;
height: auto;
float: left;
padding-left: 10px;
}

#basketcont h1
{

margin: 0 0 10px 0;
padding: 0 0 0 0;
text-align: left;
font: 18px "Trebuchet MS";
color: #333333;
font-weight: bold;
}

#basketcont h1 a
{
color: #068b38;
text-decoration: underline;
font: 18px "Trebuchet MS";
font-weight: bold;
}

#basketcont h1 a:hover
{
color: #000000;
text-decoration: underline;
font: 18px "Trebuchet MS";
font-weight: bold;
}

#basketcont h2
{
margin: 40px 0 10px 0;
padding: 0 0 0 0;
text-align: left;
font: 16px "Trebuchet MS";
color: #333333;
font-weight: bold;
}

#basketcont p
{
text-align: left;
font: 12px "Trebuchet MS";
padding: 0;
margin: 10px 10px 10px 0;
}

#basketcont p a
{
color: #333333;
}

.basketbg
{
text-align: center;
}

#basketcont th
{
font: 12px "Trebuchet MS";
font-weight: bold;
color: #FFFFFF;
}

#basketcont td
{
font-size: 12px;
}

.basketheads
{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: bold;
height: 30px;
color: #FFFFFF;
text-align: center;
}

.red
{
color: #FF0000;
}

#basketcont fieldset
{
border: 1px solid #000000;
padding: 5px;
width: 710px;
height: auto;
margin: 0 0 10px 0;
}

#basketcont legend
{
font: 14px "Trebuchet MS";
color: #000000;
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;
}

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

#footer
{
width: 940px;
height: 24px;
float: left;
line-height: 24px;
}

#footer p
{
font-size: 10px;
color: #FFFFFF;
text-align: left;
}

#footer p a
{
color: #FFFFFF;
text-decoration: none;
}