body {font-family: Arial, Helvetica, sans-serif;
	background-image: url(/images/graphics/);
	background-repeat: repeat-x;
	background-position: 100% -60px}


/* logo */
div.header {float: left; 
	width: 35%; 
	margin-top: 1%; 
	margin-right: 2%; 
	margin-left: 7%;
	text-align: center;} 

/* banner */
div.slogan {float: right;
	width: 35%; 
	margin-top: 60px; 
	margin-left: 2%; 
	margin-right: 6%; 
	background: #C88EF9;}
	
div.slogan p {font-size: 18pt; 
	color: white;  
	text-align: center;}

div.spacer {clear: both; 
	width: 100%; 
	border-bottom-style: solid; 
	border-bottom-width: thin;
	border-color: pink;} 

div.navbar {float: left; 
	width: 17%; 
	margin-top: 2%;}

div.navbar ul li {list-style-type: none; 
	background: #EDDEF0}

div.navbar li a {display: block; 
	width: 100%; 
	margin-left: 1%}

div.navbar li {font-size: small; 
	margin-bottom: 6px;
	border-bottom-style: solid; 
	border-bottom-width: thin; 
	border-color: blueviolet}

div.navbar a:link {color: darkorchid;}

div.navbar a:visited {color: #0C3352}

div.main {float: left; 
	width: 80%; 
	margin-left: 2%; 
	margin-top: 2%;
	border-top-style: none; 
	background: white;}

div.image {float: right;  
	margin: 2%; 
	padding: 1%;}
	
div.caption {font-size: small; 
	color: indigo; 
	text-align: center}

div.imageLeft {float: right; 
	margin: 2%;}
	
div.bottomimage {text-align: center; 
	margin-top: 2.5%; 
	margin-left: 2.5%; 
	margin-right: 2.5%; 
	margin-bottom: 3%
 	padding: 3px}

table.shipping td, table.shipping th, table.shipping tr {border-style: solid; 
	border-color: black; 
	border-width: thin}

table.shipping tr {background: yellow}

table.shipping tr off {background: none}

div.subnavbar {text-align: center}

div.footer {clear: both;  
	margin-left: 3%; 
	margin-right: 3%;
	background-image: url(/images/graphics/background.jpg);}

div.footer p {font-size: smaller; 
	text-align: center}

div.footer a:link {color: blue; 
	text-decoration: underline}
	
div.footer a:visited {color: purple; 
	text-decoration: underline}
	
div.footer a:hover {background: white; 
	color: red}

div.merch-image { float: left; 
	margin-top: 2.5%;
	width: 310px; }
	
div.merch-text { float: left; 
	margin-left: 2.5%; }
	
div.plant-thumbnail { float: left; 
	margin-top: 2.5%;
	width: 136px; 
	height: 136px;}
	
div.plant-listText { float: left; 
	margin-left: 2.5%; }
	
div.plant-symbols { clear: both; 
	width: 100%; margin-top: 1%; 
	border-bottom: solid; 
	border-color: pink; 
	border-width: thin }
	
div.plant-symbols td { width: 32px; height: 32px; }

td.symbol { border-style: solid; 
	border-width: thin; 
	border-color: pink }
	
td.symbol a:link, td.symbol a:visited {text-decoration: none; 
	color: white}

div.plant-listNav { width: 100%; }

div.plant-listNav p { text-align: center; }

div.plant-listNav img { border-style: none; }

div.plant-identification {}
div.plant-description {}
div.plant-data {}
div.plant-orderForm {}

/* the shopping cart */
table.cart { width: 100%; }

table.cart td { border: solid; 
	border-width: thin; }

table.cart td.number { text-align: right; }

table.cart td.control { border: none; }

table.cart input { text-align: right; }

/* navigation in the checkout zone */
table.checkout { width: 95%; }

table.checkout td { text-align: right; 
	padding-top: 1em; }

/* shipping and billing forms */
table.customer td.label { text-align: right; 
	width: 20%; 
	border: none; 
	padding-right: 1em; }
	
table.customer td.control { text-align: left; 
	border: none; }

ul.list {list-style-type: circle;  }

span.emphatic {font-weight: bold; 
	font-size: larger; 
	color: black;}

p {color: black; text-align: left; } 

p, li  {font-family: Arial, Helvetica, sans-serif}

a:link, a:visited {text-decoration: none; color: blue}

a:hover {background: #BDF8E1}

/* formatting of the search form */
table.search td.label { text-align: right; 
	width: 20%; 
	border: none; 
	padding-right: 1em; }

table.search td.control { text-align: left; 
	width: 20%; 
	border: none; }

table.search th.section { padding-top: 2em; 
	border-bottom-style: solid; }

table.search th.section { border-bottom-width: thin; 
	border-bottom-color: blueviolet; }