/* remove all padding, borders, margins */
html, body, p, h1, h2, h3, form, a, div, img{margin: 0; padding: 0; border: 0;}

/* remove list bullets */
dl, ul {
list-style-type: none;
margin: 0; padding: 0;
}
dd, dt, li {
margin: 0; padding: 0;
margin-bottom: 2px;
}
dt {
font-weight: bold;
}

img {
border:none;
}

/* re-style italics - or IE italics bug breaks layout */
i {
font-style: normal;
color: #800080;
}

body {color: #000000;
background-color: #808080;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 78%;
text-align: center;
margin-top: 0em;
padding: 0em;
padding-top: 0em;}

/* set page wrapper */
#wrapper {
width: 770px;
background-color: #ffffff;
text-align: left; /* counteracts body center align so works in other browsers than IE5 ok */
margin-left: auto;
margin-right: auto;
}

#header {
height: 105px;
background-color: #ffffff;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
}
#header img {
border: 0px;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
}
#headerleft {
width: 750px;
float: left;
}
#headerleft img {
border: 0px;
}
#mainpagewrapper {
text-align: center;
background-color: #ffffff;
}
#mainpage img {
border:0px;
}
#mainpage h1, h2, h3, p, form, html {
padding: 5px 5px 5px 5px;
}
/* top, right, bottom, left */
#mainpage li {
padding: 0px 5px 0px 5px;
}

#sidebar {
float: left;
width:160px;
margin-right: auto;
text-align: left;
padding: 0px 0px 0px 0px;
background-color: #ddb81a;
}
#sidebar li {
padding: 5px 5px 5px 5px;
}
#sidebar a {

}
#sidebar a:link {color: #000000;
text-decoration: none;}
#sidebar a:visited {
text-decoration: none;
color: #000000;}
#sidebar a:hover {color: #ffffff;
text-decoration: none;}
#sidebar a:active {
color: #ffffff;
text-decoration: none;}
.sidebarheading {
font-weight: bold;
text-transform: uppercase;
color: #008001;
}
#sidebar img {
margin: 0px; padding: 0px;
}
#sidebarbottom img {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
vertical-align: bottom;
}

#mainpage {
float:left;
width:420px;
margin-left: auto;
margin-right: auto;
text-align: left;
background-color: #ffffff;
}

#rightbar {
width:175px; /* ie6 breaks at more than 175 */
float: left;
margin-left: 5px;
margin-right: auto;
text-align: center;
background-color: #ffffff;
}

#rightbar h2 {
text-align: center;
}
#rightbar li {
padding: 0px 0px 0px 5px;
}
.deliveryinforightbar {
font-size: 90%;
}
.advancedsearchlink {
font-size: 90%;
}

#indexwelcomeleft {
float:left;
width: 200px;
}
#indexwelcomeright {
float:right;
width: 200px;
}

#indexboxes {
margin-left: auto;
margin-right: auto;
text-align:center;
}
#indexboxes p {
margin-left: auto;
margin-right: auto;
text-align:center;
}
#indexboxleft {
float:left;
width:200px;
margin-left: auto;
margin-right: auto;
text-align: center;
background-color: #ffffff;
padding: 5px;
}
#indexboxright {
float:left;
width:200px;
margin-left: auto;
margin-right: auto;
text-align: center;
background-color: #ffffff;
padding: 5px;
}

#indexinfoleft {
float:left;
width:240px;
margin-left: auto;
margin-right: auto;
text-align: left;
background-color: #ffffff;
padding: 5px;
}
#indexinforight {
float: left;
width:160px;
margin-left: auto;
margin-right: auto;
text-align: left;
background-color: #ffffff;
padding: 5px;
}

#productarea {
/* specify height to prevent overlap with text below */
height: 200px;
}

#productleft {
float: left;
width: 200px;
margin-left: auto;
margin-right: auto;
text-align: center;
background-color: #ffffff;
padding: 5px;
}
#productright {
float: right;
width: 200px;
margin-left: auto;
margin-right: auto;
text-align: center;
background-color: #ffffff;
padding: 5px;
}

.listpageproductleft {
float: left;
width: 200px;
margin-left: auto;
margin-right: auto;
text-align: center;
background-color: #ffffff;
padding: 5px;
}
.listpageproductright {
float: right;
width: 200px;
margin-left: auto;
margin-right: auto;
text-align: center;
background-color: #ffffff;
padding: 5px;
}

#categoryintroleft {
float: left;
width: 280px;
margin-left: auto;
margin-right: auto;
text-align: left;
background-color: #ffffff;
padding: 5px;
}
#categoryintroright {
float: right;
width: 120px; /* allow for images 100px max) */
margin-left: auto;
margin-right: auto;
text-align: center;
background-color: #ffffff;
padding: 5px;
}

#footer {
text-align: center;
background-color: #ffffff;
}
#ppllogocenter {
text-align: center;
margin-left: auto;
margin-right: auto;
}
.copyright {
font-size: 90%;
}

.imagebox {
width: 100px;
height: 150px;
text-align: center;
margin: auto;
}

.specialprice {
text-decoration: line-through;
}

.separator {
height: 2px;
background-color: #76afeb;
clear: both;
margin: 1em 0;
}
.separator-small {
height: 1px;
background-color: #76afeb;
clear: both;
margin: 1em 0;
}
.separator-noline {
margin: 1em 0;
}
.separator-rightbar {
height: 1px;
background-color: #66b266;
clear: both;
margin: 1em 0;
}

/* use clearing div to push down after columns */
.clear{clear: both;}
.clearandspace{clear: both; height: 5px;}

.category-capitalize {text-transform : capitalize;}
.nutritiondisclaimer {font-size: 90%;}

a[name]:hover {color:#000000;
text-decoration: none;}

/* must specify link colors or IE uses default */
/* correct order is link, visited, hover then active */
a:link {color: #236eb5;
text-decoration: none;}
a:visited {
text-decoration: none;
color: #236eb5;}
a:hover {color: #9999cc;
text-decoration: none;}
a:active {
color: #9999cc;
text-decoration: none;}

/* headings - h1 always largest, h2 smaller and so on */
h1, h2, h3 {
margin-top: 2px; 
margin-bottom: 2px;
}
/* heading 1  */
h1 {font-size: 125%;
color: #3b400c;
text-align: left;
font-family: Arial, Helvetica, sans-serif;
}
/* heading 2  */
h2 {font-size: 120%;
color: #005858;
text-align: left;
font-family: Arial, Helvetica, sans-serif;
}
/* heading 3 = article and paragraph headings */
h3 {font-size: 105%;
text-align: left;
font-family: Arial, Helvetica, sans-serif;
}
p {
margin-top: 2px; 
margin-bottom: 2px;
}
p.center {
text-align:center;
margin-left:auto; margin-right:auto;
}
fieldset { /* remove border from fieldset around ppl code */
	border-width : 0;
	border-style : none;
}