/* First reset browser default css for the elements we use */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td {margin:0; padding:0;}
table {border-collapse:separate; border-spacing:2px;}
fieldset,img {border:0;}
address,caption,cite,code,dfn,em,strong,th,var {font-style:normal; font-weight:normal;}
h1,h2,h3,h4,h5,h6 {font-size:100%; font-weight:bold;}
input, textarea, select {font-family:inherit; font-size:inherit; font-weight:normal;}
h1,h2,h3,h4,h5,h6,p,ul,ol { text-align: left; }


/* Style definitions that apply to all pages */

body {
	font: 14px Arial, Helvetica, sans-serif;
	color: #000;
	background: #DDD;
	text-align: center;
}

#all {
	position: relative;
	margin: 0 auto;
	width: 875px;
	background-color: #FFF;
    border-left: 1px solid #888;
	border-right: 1px solid #888;
	border-bottom: 1px solid #888;
	text-align: center;
}

#header {
	position: relative;
	margin: 0 auto;
	width: 875px;
	height: 170px;
	text-align: right;
}

#topbackground {
	position: absolute;
	left: 0;
	top: 0;
}

#navigation {
	position: absolute;
	top: 0;
	left: 272px;
}

#toplinks {
	position: absolute;
	top: 0;
	right: 0;
	padding: 0.2em 0.5em 0.3em 0.5em;
	margin: 0;
	color: #FFF;
	font-weight: bold;
	background-color: #80B441;
}

#content {
	clear: both;
	margin: 0 auto 30px auto;
	width: 775px;
	text-align: center;
}

#footer {
	position: relative;
	clear: both;
	margin: 0 auto;
	width: 875px;
	color: #FFF;
	font-weight: bold;
	background-color: #80B441;
	text-align: center;
}

#footer p { text-align: center; }

h1 {
	font-size: 2em;
	margin: .67em 0;
	color: #F5B300;
}

p { margin: 1em 0; }

ul, ol {
	margin: 1em 0;
	padding-left: 40px;
}

img.clickable {
	border: 1px solid #80B441;
	cursor: pointer;
}

hr {
	height: 2px;
	width: 100%;
	color: #888;
	text-align: center;
	margin: 5px auto;
}

.smaller {
	font-size: 90%;
	margin-bottom: 0;
	font-weight: normal;
}

.alert { color: #000; }


/* The front page (index.php) */

#myGallery {
	display: block;
	width: 486px !important;
	height: 421px !important;
	margin: 69px auto -22px auto;
	background-color: #FFF;
	z-index: 5;
}

div.imageElement { display: none; }

#leftgroup {
	display: block;
	position: absolute;
	width: 151px;
	bottom: 100px;
	left: 38px;
	z-index: 10;
	font-size: 140%;
	text-align: center;
	line-height: 1.3em;
}

#rightgroup {
	display: block;
	position: absolute;
	width: 161px;
	bottom: 125px;
	right: 38px;
	z-index: 10;
	font-size: 140%;
	text-align: center;
	line-height: 1.3em;
}

#leftgroup img, #rightgroup img { display: inline; }


/* The "what is it?" page (whatis.php) */

div#intro { margin-bottom: 15px; }

#intro ul {
	list-style: none;
	line-height: 1.7em;
}

#intro ul a:link {
	color: #000;
	font-weight: bold;
	font-size: 115%;
	text-decoration: none;
}

#intro ul a:visited {
	color: #000;
	font-weight: bold;
	font-size: 115%;
	text-decoration: none;
}

#intro ul a:hover {
	color: #80B441;
	font-weight: bold;
	font-size: 115%;
	text-decoration: none;
}

#intro ul a:active {
	color: #80B441;
	font-weight: bold;
	font-size: 115%;
	text-decoration: none;
}

table.features {
	margin: 2px auto;
	border-spacing: 7px;
	width: 100%;
}

.features h2 {
	font-size: 1.15em;
	margin: .83em 0;
	color: #80B441;
}

.features td { border: 1px solid #80B441; }

.features td.textarea {
	vertical-align: top;
	border: 1px solid #80B441;
	padding: 0 10px;
}

.features img {
	display: block;
	cursor: pointer;
}


/* The How to Use page (instructions.php) */

table#videothumbs {
	margin:10px auto 10px auto
}

#videothumbs img {
	border: 2px solid #80B441;
	margin: 0px 10px;
	display: block;
}

table#howtotable {
	width: 660px;
	margin: 1em auto;
	border-collapse: collapse;
	border-spacing: 0;
	border: 0;
}

#howtotable tr.labels td {
	width: 33.3%;
	padding: 0.3em 7px 1em 23px;
	vertical-align: top;
	text-align: left;
}

#howtotable img { display: block; }

#steps13 area, #steps46 area { cursor: pointer; }

div#safety {
	margin-top: 2em;
	margin-bottom: 3em;
}

div#alternate {
	margin-top: 2em;
	margin-bottom: 3em;
}

#alternate p {
	font-weight: bold;
}

hr.narrowhr {
	background-color: #80B441;
	width: 50%;
}

table#howtodone {
	margin: 10px auto;
}


/* The Products page (products.php) */

#storesbutton {
	display: block;
	position: absolute;
	width: 141px;
	top: 135px;
	left: 630px;
	z-index: 10;
	font-size: 120%;
	text-align: center;
	line-height: 1.3em;
}

#storesbutton img {
	display: block;
}

p#productintro {
	padding: 0;
	margin: 20px 0 15px 0;
	font-size: 1.3em;
	color: #80B441;
}

table#producttable {
	margin: 20px auto;
	border-collapse: collapse;
	background-color: #FFF;
}

#producttable td.productpic {
	width: 150px;
	vertical-align: top;
}

#producttable td.productpic img {
	display: block;
	border: 1px solid #80B441;
	cursor: pointer;
}

#producttable div {
	position: relative;
	width: 150px;
	height: 40px;
	background-color: #80B441;
	border: 1px solid #80B441;
}

#producttable div input {
	position: absolute;
	left: 36px;
	top: 7px;
}

#producttable td.producttext {
	width: 170px;
	vertical-align: top;
}

#producttable td.producttext img {
	cursor: pointer;
}

#producttable h3 {
	font-size: 1.5em;
	color: black;
	padding: 0 0 0 4px;
	margin: 0;
}

#producttable h4 {
	font-size: 1em;
	color: #80B441;
	padding: 0 0 0 4px;
	margin: 0;
}

#producttable p.stockalert {
	color: #F00;
	padding: 0 0 0 4px;
	margin: 0;
}

#producttable ul {
	font-size: 80%;
	padding: 0 0 0 4px;
	list-style: none;
}

#producttable ul li { margin: 10px 0 0 0; }

#producttable ul li ul {
	font-size: 100%;
	margin: -10px 0 0 0;
	padding: 0 0 0 10px;
	list-style: inside;
}

#producttable ul li ul li { margin: 0 0; }

#productnotes p {
	font-size: 1.3em;
	margin-top: 10px;
	margin-bottom: 15px;
	color: #80B441;
}

#productnotes ul { list-style: none; }

#productnotes li { margin: 0 0 10px 0; }


/* The Stores page (stores.php) */

#storelist {
	text-align: left;
	margin-bottom: 50px;
}

#storelist h2 { font-size: 1.3em; }

.threecolumnleft {
	float: left;
	width: 258px;
	padding: 0px;
}

.threecolumnmiddle {
	float: left;
	width: 258px;
	padding: 0px;
}

.threecolumnright {
	float: left;
	width: 258px;
	padding: 0px;
}

.twocolumnleft {
	float: left;
	width: 240px;
	padding: 0px;
}

.twocolumnright {
	float: left;
	width: 240px;
	padding: 0px;
}

h2.country {
	color: #80B441;
	font-size: 1.3em;
	text-align: left;
}

.storeElement {
	padding-left: 0px;
	margin-top: 1.5em;
	margin-bottom: 2em;
	margin-right: 2em;
}

.storeElement span { font-style: italic; }


/* The FAQs page (faq.php) */

.question {
	font-weight: bold;
	font-size: 115%;
	padding-top: 0.7em;
}

.answer {
	padding-left: 2em;
	padding-right: 2em;
}

.email { font-family: "Courier New", Courier, monospace; }

.spacedlist li { margin-bottom: 0.7em; }


/* The "testimonials" page (testimonials.php) */

#letters {
	margin-top: 30px;
	margin-bottom: 50px;
}

#letters .letter { margin: 30px 70px 30px 70px; }

#letters img { margin: 5px 15px 10px 0; }

#letters .imgright { margin: 5px 0 10px 15px; }

#letters hr {
	clear: both;
	width: 60%;
}


/* The "press" page (press.php) */

div.press {
	display: inline;
}

div.press a img {
	border: 1px solid;
}

#press34 {
	position: relative;
	left: -20px;
	top: -13px;
}
#press33 {
	position: relative;
	left: 20px;
	top: 0px;
}
#press32 {
	position: relative;
	left: -20px;
	top: 0px;
}
#press31 {
	position: relative;
	left: 20px;
	top: -20px;
}
#press30 {
	position: relative;
	left: 30px;
	top: 0px;
	float: left;
}
#press29 {
	position: relative;
	left: 20px;
	top: 20px;
}
#press28 {
	position: relative;
	left: 20px;
	top: 35px;
}
#press27 {
	position: relative;
	left: 20px;
	top: 50px;
}
#press26 {
	position: relative;
	left: 50px;
	top: 65px;
}
#press25 {
	position: relative;
	left: -158px;
	top: -25px;
}
#press24 {
	position: relative;
	left: -40px;
	top: -15px;
}
#press23 {
	position: relative;
	left: 15px;
	top: 20px;
}
#press22 {
	position: relative;
	left: -15px;
	top: 0px;
}
#press21 {
	position: relative;
	left: 40px;
	top: -45px;
}
#press20 {
	position: relative;
	left: -10px;
	top: 20px;
}
#press19 {
	position: relative;
	left: 10px;
	top: 17px;
}
#press18 {
	position: relative;
	left: -20px;
	top: 40px;
}
#press17 {
	position: relative;
	left: 20px;
	top: 40px;
}
#press16 {
	position: relative;
	left: -10px;
	top: 35px;
}
#press15 {
	position: relative;
	left: 10px;
	top: 60px;
}
#press14 {
	position: relative;
	left: 0px;
	top: 80px;
}
#press13 {
	position: relative;
	left: -30px;
	top: 100px;
}
#press12 {
	position: relative;
	left: 30px;
	top: 60px;
}
#press11 {
	position: relative;
	left: -40px;
	top: 80px;
}
#press10 {
	position: relative;
	left: 35px;
	top: 100px;
}
#press9 {
	position: relative;
	left: -20px;
	top: 115px;
}
#press8 {
	position: relative;
	left: 20px;
	top: 100px;
}
#press7 {
	position: relative;
	left: -10px;
	top: 80px;
}
#press6 {
	position: relative;
	left: 30px;
	top: 125px;
}
#press5 {
	position: relative;
	left: -20px;
	top: 140px;
}
#press4 {
	position: relative;
	left: 40px;
	top: 140px;
}
#press3 {
	position: relative;
	left: -20px;
	top: 20px;
}
#press2 {
	position: relative;
	left: 45px;
	top: 170px;
}
#press1 {
	position: relative;
	left: -120px;
	top: 35px;
}


/* The "about us" page (about.php) */

#about { line-height: 1.5em; }

#about p {
	margin-left: 260px;
	margin-bottom: 0.5em;
}


/* The buy page for wholesale buyers (buy.php) */

p#loginnote {
	text-align: center;
}

p#buynote {
	margin: 0px 150px 20px 150px;
	text-align: center;
	font-style: italic;
	font-size: smaller;
}

table#buytable {
	margin: 0px auto 0px auto;
	text-align: left;
}

table#buytable .buytablelabel {
	margin: 0px 10px;
}

table#buytable input {
	text-align: center;
}

tr#buytableheader {
	font-weight: bold;
}


/* The cart/checkout pages (cart.php) */
/* First the cart page itself */

table.cobtbl {
	width: 70%;
	border: 0;
	cellspacing: 0;
	cellpadding: 0;
	margin: 20px auto 0 auto;
	border-collapse: collapse;
}

.cobtbl td#namecol {
	width: 60%;
	text-align: left;
	padding-bottom: 0;
	font-size: 115%;
	color: #80B441;
	font-weight: bold;
}

.cobtbl td#pricecol {
	width: 15%;
	text-align: right;
	padding-bottom: 0;
	font-size: 115%;
	color: #80B441;
	font-weight: bold;
}

.cobtbl td#quantitycol {
	width: 15%;
	text-align: center;
	padding-bottom: 0;
	font-size: 115%;
	color: #80B441;
	font-weight: bold;
}

.cobtbl td#totalcol {
	width: 10%;
	text-align: right;
	padding-bottom: 0;
	font-size: 115%;
	color: #80B441;
	font-weight: bold;
}

.cobtbl td p { text-align: center; }

.cobtbl img { display: block; }

tr.divider td { padding: 0; }

tr.lineitem td {
	font-weight: bold;
	vertical-align: top;
	padding: 6px 0;
}
	
td.conote, tr.lineitem td.conote {
	font-size: 0.9em;
	color: #666;
	font-weight: normal;
}

tr.lineitem td.shippingcalc {
	border-left: 1px dashed #666;
	padding-left: 10px;
	padding-right: 0.3em;
}

tr.lineitem td.colabel2 {
	padding-left: 4px;
	padding-right: 0.3em;
}

#stocknote { color: #F00; }

#paymentnote td {
	padding-top: 1em;
	font-size: 90%;
	color: #666;
}

tr.paymentmethod td { padding-top: 10px; }

#minpurchase td {
	padding-top: 1em;
	font-size: 90%;
	font-weight: bold;
}


/* checkout page 2 (address entry) */

img#checkoutstep {
	display: block;
	margin: 20px auto 0 auto;
}

table#cobtbl2 {
	width: 80%;
	border: 0;
	cellspacing: 0;
	cellpadding: 3;
	margin: 0 auto;
}

tr.coheader {
	font-size: 115%;
	color: #80B441;
	font-weight: bold;
}

tr.coheader td {
	padding-top: 10px;
	padding-bottom: 15px;
	text-align: left;
}

td.colabel {
	color: #000;
	font-weight: bold;
}

td.covalue { color: #000; }

tr.sbtiny {
	font-size: 0.8em;
	color: #666;
}

/* checkout page 2b (shipping type selection) */

table#cobtbl2b {
	width: 80%;
	border: 0;
	cellspacing: 0;
	cellpadding: 0;
	margin: 20px auto 0 auto;
	border-collapse: collapse;
}

table#cobtbl2b { font-weight: bold; }


/* checkout page 3 (for onsite checkout; credit card entry) */

table#cobtbl3a {
	border: 0;
	cellspacing: 1;
	cellpadding: 3;
	margin: 10px auto 0 auto;
	text-align: center;
}

#cobtbl3a tr.coheader td, #cobtbl3b tr.coheader td { text-align: center }

#cobtbl3a td.colabel, #cobtbl3a td.covalue {
	text-align: right;
	padding: 0.2em 1em;
}

table#cobtbl3b {
	border: 0;
	cellspacing: 1;
	cellpadding: 3;
	margin: 20px auto 0 auto;
	text-align: center;
}

#cobtbl3b td.colabel {
	text-align: right;
	padding: 0.2em 0.5em;
}

#cobtbl3b td.covalue { text-align: left; }

#cowhere {
	font-size: 0.9em;
	color: #666;
	font-weight: normal;
}

#cowhere:hover {
	font-weight: bold;
	color: #F5B300;
	text-decoration: none;
	cursor: pointer;
}

table#cobtbl3c {
	width: 80%;
	border: 0;
	cellspacing: 1;
	cellpadding: 3;
	margin: 25px auto 0 auto;
	text-align: center;
}

#cobtbl3c .coheader td {
	padding-bottom: 1em;
	text-align: center;
}


/* thanks page (thanks.php) */

div#thanks {
	position: relative;
	width: 500px;
	margin: 40px auto 50px auto;
	text-align: left;
}


/* anchor stylings across all pages */

#toplinks a:link, #footer a:link {
	color: #FFF;
	font-weight: bold;
	text-decoration: none;
}

a.hlight:link {
	color: #F5B300;
	font-weight: bold;
	text-decoration: none;
}

#leftgroup a:link, #rightgroup a:link {
	color: #80B441;
	font-weight: bold;
	text-decoration: none;
}

#newstyles a:link {
	color: #000000;
	font-weight: bold;
	text-decoration: none;
}

a:link {
	color: #000;
	font-weight: bold;
	text-decoration: none;
}

#toplinks a:visited, #footer a:visited {
	color: #FFF;
	font-weight: bold;
	text-decoration: none;
}

a.hlight:visited {
	color: #F5B300;
	font-weight: bold;
	text-decoration: none;
}

#leftgroup a:visited, #rightgroup a:visited {
	color: #F5B300;
	font-weight: bold;
	text-decoration: none;
}

a:visited {
	color: #000;
	font-weight: bold;
	text-decoration: none;
}

#toplinks a:hover, #footer a:hover, #leftgroup a:hover, #rightgroup a:hover {
	color: #000;
	font-weight: bold;
	text-decoration: none;
}

a.hlight:hover {
	color: #000;
	font-weight: bold;
	text-decoration: none;
}

#newstyles a:hover {
	color: #F5B300;
	font-weight: bold;
	text-decoration: none;
}

a:hover {
	color: #F5B300;
	font-weight: bold;
	text-decoration: none;
}

#toplinks a:active, #footer a:active {
	color: #FFF;
	font-weight: bold;
	text-decoration: none;
}

a.hlight:active {
	color: #F5B300;
	font-weight: bold;
	text-decoration: none;
}

#leftgroup a:active, #rightgroup a:active {
	color: #F5B300;
	font-weight: bold;
	text-decoration: none;
}

a:active {
	color: #000;
	font-weight: bold;
	text-decoration: none;
}


/* end of file */