body {
	background-color: #fff;
	font: 12px/1.231 verdana,arial,helvetica,clean,sans-serif;
	margin: 0.34em 0 2em;
}

h1,h2,h3,h4,h5,h6 {
	font-family: 'Droid Sans',verdana,arial,helvetica,clean,sans-serif;
	font-weight: normal;
	color:#00965F;
}

h1{ 
	/* font-weight: bolder */
	/* -webkit-text-stroke: 1px; */
	font-size: 2em;
	margin: 0.25em 0;
}
h2 {margin: 1em 0 0.34em 0;}

th, tr, td  {border:none;}

textarea , select, input[type="text"] {width:250px; }
textarea { height:150px;}

div#wrap-outer {
	background-image:url('images/right-border.png');
	background-repeat:no-repeat;
	background-position:right top;
	width:921px;
	padding-right:23px;
	margin:  0 auto;
}

div#wrap {
	margin:0;
	padding:0;
	border: 1px solid #ccc;
}

div#head {
	margin-bottom:10px;
}

div#left {
	float:left;
	width:424px;
	background-image:url('images/cover-home.jpg');
	background-position:top;
	background-repeat:no-repeat;
	height:600px;
	border: 1px solid #666;
	margin:10px;
	margin-top:0;
}

div#main {
	float: right;
	padding: 0 10px 0 10px;
	margin-bottom: 10px;
	width: 446px;
	min-height: 600px;
	border-left: 1px solid #ccc;
}

div#content {
	padding: 10px;
}

div#clear {
	clear:both;
}

div#main a {
	color:#00965F;
}

div#nav {
	padding: 0.5em 0;
	background-color: #00965F;
	border-bottom:1px solid #CCC;
	text-align:center;
	font-size: 123.1%;
	/* text-transform: uppercase; */
}

div#nav a {
	color:#fff;
	text-decoration:none;
	/* font-weight:bolder; */
}

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

div#nav ul, div#nav ul li {
	display: inline;
	list-style:none;
	margin:0;
}

div#nav ul li {
	padding: 0 2em;
	color:#00965F;
	font-family: 'Droid Sans',verdana,arial,helvetica,clean,sans-serif;
	border-left: 1px solid #ccc;
}
div#nav ul li:first-child {
	border:none;
}
div.intro {
	padding:1em 0 1.5em 0;
}

h1.intro {
	display:inline;
	color:#00965F;
	font-style:italics;
}

h2.intro {
	display: inline;	
	color:#666;
	margin: 1em 0;
}


p.instructions {
	font-size: 0.75em;
	font-style: emphasis;
}

div.box {
	margin: 3em 2em;
	padding: 1em 1em 0;
	border: 1px solid #00965F;
}
div.order  * {vertical-align:middle; text-align:right}

div.orderLeft * {vertical-align:middle; text-align:left}

div.order form {padding:0 1em;}

div.box div {width:100%}
div.orderButton input {
	float: right;
	margin:10px 0 0;
}

div.box h2 {
	position: relative;
	top: -1.5em;
	background-color: #fff;
	display:inline;
	padding: 0 .5em;
}
div.order div.orderButton {
	float:right;
	margin: 5px;
}	

div#rightCol div#controls {
	padding:0;
	padding-right:2em;
	text-align:right;
}
div#rightCol div#controls p {padding:0;}

div#controls a {
	color:#00965F;
	text-decoration: none;
	font-weight: bold;
}

div#controls a:hover {
	color:#005f96;
	text-decoration: none;
}

div#image_wrapper {
	width:424px;
	float:left;
}

div#image_wrapper div {
	position: absolute;
	left:0;
	top:0;
	background:none;
	width:424px;
	height:600px;
}

div#rightCol {
	width: auto;
	max-width: 424px;
	margin-left:424px;
	visibility: none;
}

div#rightCol div{

	padding: 1em 2em;
}
 
div#rightCol div#notes {
	margin-top:0;
	padding-top:0;
	padding-bottom:0;
}

div#rightCol h2 {
	font-size: 1em;
}

div#index ul, ul#stockists {
	margin-left: 1em;
	margin-bottom:0;
	padding-bottom:0;	
}

div#index ul li, ul#stockists li{
	list-style-type: none;
	padding: 0.34em 0 0.34em 0.5em;
	
}

div#index ul li {
	border-bottom:1px solid #CCC;
}

ul#stockists li {
	/* list-style-image:url('template/green-arrow.gif'); */
	list-style-type: circle;
	margin-left:2em;
	padding-left:1em;
}

li.indexOff {
}

li.indexOn {
	color:white;
	background-color:#00965F;
	list-style-image:url('template/green-arrow.gif');
}

div#footer  {
	position: relative;
	float:left;
	width: 920px;
	height:100%;
	border: 1px solid #ccc;
	margin:10px 0;
	font: 10px arial,helvetica,sans-serif;
	color:#666;
	height: 100%;
}
div#footer ul {
	display:block;
	list-style:none;
}
div#footer > ul{
	float: left;
	width:30%;
}