html, body {
	padding: 0px;
	margin: 0px;
	font-size: 12pt;
	font-family: Arial, Helvetica, sans-serif;
	
	/* Background colour of site */
/*	background-color: #B5B67E;*/
	
}

#header {
	width: 774px;
	margin: 23px auto 60px auto;
	position: relative;
	z-index: 8;
}

#header-banner {
	position: relative;
	left: 0;
	top:-15px;
	#top: -10px;
}

* html #header-banner {
	position: fixed;
	margin-top: -15px;
}

#tab-nav {
	position: relative;
	z-index: 10;
	right: 14px;
	float: right;
}

#tab-nav ul {
	margin: 0;
	padding: 0;
}

#tab-nav ul li {
	display: inline;
	float: left;
}

#tab-nav ul li a {
	width: 116px;
	height: 28px;
	margin:0 0 0 2px;
	padding:5px 0;
	display: block;
	color: #FFFFFF;
	background: transparent url(images/header/tab-bg.png) 0 0 no-repeat;
	text-decoration: none;
	text-align:center;
}

#navmenu {
	width:794px;
	height: 50px;
	position: absolute;
	top: 199px;
	left:-17px;
	background: transparent url(images/header/navbar-bg.png) 0 0 repeat-x;
}

#navmenu .left {
	width: 8px;
	height: 50px;
	background: transparent url(images/header/navbar-left.png) 0 0 no-repeat;
	float: left;
}

#navmenu .right {
	width: 8px;
	height: 50px;
	background: transparent url(images/header/navbar-right.png) 0 0 no-repeat;
	float: right;
	position:relative;
	right:-1px;
}

#navmenu ul {
	margin: 0 0 0 9px;
	padding: 0;
}

#navmenu ul li {
	display: inline;
	float: left;
}

#navmenu ul li a {
	width: 93px;
	height: 34px;
	display: block;
	margin:7px 2px 0;
	padding:8px 0;
	color: #000000;
	background: transparent url(images/header/nav-bg.png) 0 0 no-repeat;
	text-decoration: none;
	text-align:center;
	font-size:12px;
}

#page-container {
	border-left: solid 4px #310056;
	border-right: solid 4px #310056;
	position: relative;
	left: -7px;
	background: #fff;
}

* html #page-container {
	margin-top: -21px;
}

body.landing-page #page-container {
	top: -41px;
}

#page-footer {
	width: 774px;
	height: 132px;
	margin: 23px auto 60px auto;
	position: relative;
	top: -23px;
	left: -7px;
	background-color: #310056;
}

body.landing-page #page-footer {
	top: -65px;
}

#page-footer,
#page-footer p,
#page-footer a {
	color: #FFFFFF;
	font-size: 11px;
}

#page-footer .logo {
	float: right;
	position: absolute;
	right: 15px;
}

#page-footer .inner {
	padding: 10px;
	float: left;
}

#page-footer .left {
	width: 7px;
	height: 132px;
	background: transparent url(images/header/footer-left.png) 0 0 no-repeat;
	float: left;
}

#page-footer .right {
	width: 7px;
	height: 132px;
	background: transparent url(images/header/footer-right.png) 0 0 no-repeat;
	float: right;
}

#footer {
	background-image: url(images/footer_bg.png);
	background-repeat: repeat-y;
	padding: 10px;
	margin: 10px 0;
	font-size: 8pt;
	color: #FFFFFF;
}


.footertext p{
	color:#FFFFFF;
	font-size: 8pt;
	font-weight: bold;
	vertical-align: top;
	line-height: 8pt;
	text-align:left;
}

.footernav {
	color:#FFFFFF;
	padding-top: 5px;

}

.footernav a,
.footernav a:link,
.footernav a:visited,
.footernav a:active {
	color:#FFFFFF;
	font-size: 8pt;
	font-weight: normal;

}

p {
	margin-bottom: 10px;
	font-size: 10pt;
}

/*a, p, li {
	font-size: 11pt;
	line-height: 13pt;
}*/

a {
	text-decoration: underline;
	font-size: 10pt;
	line-height: 14pt;
}
a:link,
a:active,
a:visited {
	color: #0033CC;
	text-decoration: underline;
	font-size: 10pt;
}
a:hover {
	text-decoration: none;
	font-size: 10pt;
}

h1, h2, h3 {
	margin-top: 5px;
	margin-bottom: 10px;
	font-family:Arial, Helvetica, sans-serif;
}

h1 {
	color: #000066;
	font-size: 26px;
}

h2 {
	color: #005499;
	font-size: 22px;
}

h3 {
	color: #310056;
	font-size: 18px;
}

h2 a,
h2 a:link,
h2 a:active,
h2 a:visited {
	font-size: 16pt;
	line-height: 20pt;
	text-decoration: underline;
}

ul, ol {
	padding-left: 0;
	margin-bottom: 15px;
}

ol {
	padding-left: 25px;
}

html>body ol {
	*padding-left: 0;
	*margin-left: 18px;
}

ul li, ol li {
	margin-bottom: 5px;
}

ol li {
	list-style: decimal;
}

ul.leaf li {
	list-style-type: none;
	background-image: url(/images/bullet_leaf.png);
	background-repeat: no-repeat;
	background-position: left top;
	padding: 1px;
	padding-left: 20px;
	height: auto;
}

ul.ticks li {
	list-style-type: none;
	background-image: url(/images/standard/bullets/tick.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	padding: 10px;
	padding-left: 35px;
	height: auto;
}

.johnsonbox {
	position: relative;
	margin: 20px auto;
	background-color: #F2FFFF;
	border: 4px dotted #660066;
	width: 80%;
}

.johnsonbox.guarantee {
	padding: 20px;
	background-color: #f9f9f9;
	border: solid 2px #CC0000;
}

.johnsonbox.blue {
	padding: 10px 20px;
	background-color: #C1E7FF;
	border: solid 2px #3B6E9F;
	text-align: center;
}

.johnsonbox.blue p {
	margin-bottom: 5px;
}

.grey, .grey_buy {
	background-color: #f3f3f3;
	border: 2px solid #dddddd;
	padding: 10px;
}

.grey_buy {
	width: 80%;
	height: auto;
	overflow: hidden;
}

.grey_buy p {
	padding: 45px 0;
}

.grey_buy img {
/*	float: left;*/
/*	padding: 0 10px 0 70px;*/
}

p.buydirect, p.buydirect a {
	line-height: 80px;
}

.incontent {
	margin: 20px auto;
	padding: 10px 20px;
	background-color: #f3f3f3;
	border: 2px solid #dddddd;
	width: 80%;
}

.buy {
	font-size: 16px;
}

.testimonial {
	width: 80%;
	margin: 20px auto;
	padding: 20px;
	background-color: #E2EAF3;
	border: 2px solid #333333;
}

.highlight {
	background-color: #FFFF00;
}

.border.purple {
	border: solid 1px #987FAB;
}

td.small .johnsonbox {
	padding: 10px;
}

td.small h3 {
	font-size: 14pt;
}
td.small h4 {
	font-size: 12pt;
}

td.small p {
	font-size: 10pt;
	line-height: 11pt;
}

ol li {
	list-style: none;
	padding-left: 40px;
	background-repeat: no-repeat;
	margin-bottom: 5px;
}

ol li.one {
	background-image: url(images/list_numbers/1.gif);
	background-position:0 5px;
}

ol li.two {
	background-image: url(images/list_numbers/2.gif);
	background-position:0 5px;
}

ol li.three {
	background-image: url(images/list_numbers/3.gif);
	background-position:0 5px;
}

ol li.four {
	background-image: url(images/list_numbers/4.gif);
	background-position:0 5px;
}

ol li.five {
	background-image: url(images/list_numbers/5.gif);
	background-position:0 5px;
}

ol li.six {
	background-image: url(images/list_numbers/6.gif);
	background-position:0 5px;
}

ol li.seven {
	background-image: url(images/list_numbers/7.gif);
	background-position:0 5px;
}

ol li.eight {
	background-image: url(images/list_numbers/8.gif);
	background-position:0 5px;
}

ol li.nine {
	background-image: url(images/list_numbers/9.gif);
	background-position:0 5px;
}

ol.coffee li {
	list-style: none;
	padding-top: 1px;
	padding-left: 45px;
	background-repeat: no-repeat;
	background-position: 0 0;
	margin-bottom: 5px;
}

ol.coffee li.one {
	background-image: url(images/list_numbers/coffee/1.gif);
}

ol.coffee li.two {
	background-image: url(images/list_numbers/coffee/2.gif);
}

ol.coffee li.three {
	background-image: url(images/list_numbers/coffee/3.gif);
}

ol.coffee li.four {
	background-image: url(images/list_numbers/coffee/4.gif);
}

ol.coffee li.five {
	background-image: url(images/list_numbers/coffee/5.gif);
}

ol.coffee li.six {
	background-image: url(images/list_numbers/coffee/6.gif);
}

ol.coffee li.seven {
	background-image: url(images/list_numbers/coffee/7.gif);
}

ol.coffee li.eight {
	background-image: url(images/list_numbers/coffee/8.gif);
}

ol.coffee li.nine {
	background-image: url(images/list_numbers/coffee/9.gif);
}

input.optin_button {
	width: 225px;
	height: 50px;
	cursor: pointer;
	background-color: #e9e9e9;
	background-image: url(images/button_bg.gif);
	background-repeat: repeat-x;
	border-top: 4px solid #CC0000;
	border-left: 4px solid #CC0000;
	border-right: 4px solid #990000;
	border-bottom: 4px solid #990000;
	padding: 2px;
	font-size: 11pt;
	font-weight: bold;
}

input.optin_button:hover,
input.optin_button.hover {
	border-top: 4px solid #00CC00;
	border-left: 4px solid #00CC00;
	border-right: 4px solid #009900;
	border-bottom: 4px solid #009900;
}

/*select.optin {
	width: 225px;
	height: 35px;
	padding: 2px;
	font-size: 20px;
	background-color: #FFFFFF;
 	color: #CC0000;
	cursor: pointer;
}
*/
.red {
	color: #CC0000;
}

.green {
	color: #669900;
}

/* ========================== Derek's Style Changes ======================================= */
p, li {
	font-size: 12px;
	line-height: 20px;
}


.grey p{
	font-size: 10pt;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:normal;
	line-height: 16px;
}


.johnsonbox.grey h3{
	text-align:center;
}

label {
	cursor: pointer;
	display: block;
	padding-top: 2px;
	padding-right: 5px;
}
input, textarea {
	font-family: Arial, Sans-Serif;
	font-size: 11pt;
	margin-bottom: 3px;
	display: block;
	padding: 2px;
/*	width: 325px;*/
	background-color: #FFFFFF;
}
textarea {
/*	width: 400px;*/
}
input[type="checkbox"] {
	width: 18px;
	display: inline;
}
input[type="hidden"] {
	display: none;
}
input.button {
	width: auto;
	background-image: url(/images/button_bg.png);
	background-repeat: repeat-x;
	border: solid 2px #CC0000;
	cursor: pointer;
}
input.button:hover,
input.button.hover {
	border: solid 2px #00CC00;
}
.activeField {
	background-image: none;
	background-color: #ffffff;
	border: solid 1px #000000;
}
.idle {
	border: solid 1px #888888;
}
.idle.required {
	background-image: url(/images/asterisk_red.png);
	background-repeat: no-repeat;
	background-position: 99% 2px;
}

label.error {
	color: #CC0000;
	font-size: 8pt;
}

input.error {
	border: solid 1px #CC0000;
}

ul.sitemap {
	padding: 0 0 0 25px;
}

ul.sitemap li {
	list-style: disc;
}

ul.sitemap ul {
	padding-top: 10px;
}

ul.sitemap ul li {
	list-style: circle;
	list-style-position: inside;
}

ul.graphical.coffee{
	padding-left: 20px;
}

ul.graphical.coffee li{
	background: url(images/ul-coffee.gif) no-repeat 0 0;
	padding-bottom:10px;
	padding-left:25px;
	padding-top:4px;
}



#container_titlebg h1 {
	margin: 0 0 0 10px;
	padding: 0 0 0 5px;
	font-size: 15px;
	color: #FFFFFF;
}
#container_titlebg {
	background: transparent url(images/rhs-title-bg.png) 0 0 no-repeat;
}

h1.sidebar-title {
	width: auto;
	margin: 0;
	padding: 0 0 0 10px;
	background: transparent url(images/rhs-title-bg.png) 0 0 no-repeat;
	font-size: 15px;
	color: #FFFFFF;
}

h1.section-title {
	width: auto;
	padding: 0 0 0 10px;
	background: transparent url(images/section-title-bg.png) 0 0 no-repeat;
	font-size: 16px;
	color: #FFFFFF;
}


.order{
	width: 700px;
	margin: 20px auto 30px;
}

.order .order-top{
	background: url(/images/order-top.jpg) no-repeat 0 0;
	display: block;
	height: 190px;
	margin-top: 20px;
	
}

.order .order-inner{
	background: url(/images/order-inner.jpg) repeat-y 0 0;
	display: block;
	float: left;
	width: 700px;
	
}

.order .order-bottom{
	background: url(/images/order-bottom.jpg) repeat-y 0 0;
	display: block;
	height: 13px;
	clear: both;
	margin-bottom: 10px;
	
}

.order .order-option{
	float: left;
	width: 233px;
	
}

* html .order .order-option{
	margin-left: -5px;
}

.order .order-option .description{
	padding: 10px 20px;
	border-top: 1px solid #d1dcc0;
	height: 80px;	
}

.order .order-option .description p{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
		
}

.order .order-option .select-shipping{
	padding: 10px 20px 0px;
	border-top: 1px solid #d1dcc0;
}

.order .order-option .select-shipping select.optin{
	background-color:#FFFFFF;
	cursor:pointer;
	font-size:12px;
	height:22px;
	padding:1px;
	width:195px;
}

.order .order-option .btn-order-now {
	padding: 10px 20px 0;
	border-top: 1px solid #d1dcc0;
	
}

.order .order-option .btn-order-now p {
	margin: 0;
	
}

.order .order-option .btn-order-now input.optin_button {
	background: transparent url(/images/btn-order-now.png) no-repeat 0 0;
	border: none;
	cursor:pointer;
	font-size:10pt;
	font-weight:bold;
	height:62px;
	line-height: 62px;
	width:198px;
	color: #fff;
	
}

.order .order-option .btn-order-now input.optin_button:hover {
	background-position: 0 -62px;	
}

.clearfix {
	width: 750px;
}

.content-area {
	width: 600px;
	margin: 0 auto;
}

.order-table {
	width: 700px;
	margin: 0 auto;
}

.align-center {
	text-align: center;
}

.testimonial {
	width: 90%;
	height: auto;
	overflow: hidden;
	padding: 10px;
	background-color: #F8EFFF;
	border: dotted 2px #310056;
}

.testimonial .photo {
	width: 115px;
	height: auto;
	float: left;
	clear: right;
}

.testimonial img {
	margin: 0 10px auto 0;
	padding: 4px;
	background-color: #FFF;
	border: solid 1px #999;
}

.testimonial h3 {
}

.testimonial .inner {
	width: 425px;
	float: left;
}

ul.graphical,
ol.graphical {
	list-style: none;
}

ul.graphical li {
	padding: 5px 0 10px 40px;
	background: transparent url(images/landing-page/bullet-tick.png) no-repeat 0 0;
}

ol.graphical {
	padding-left: 5px;
}

ol.graphical li {
	padding-top: 2px;
}

ol.graphical li.ol-1 {
	background: transparent url(images/landing-page/list-number-01.png) no-repeat 0 3px;
}

ol.graphical li.ol-2 {
	background: transparent url(images/landing-page/list-number-02.png) no-repeat 0 3px;
}

ol.graphical li.ol-3 {
	background: transparent url(images/landing-page/list-number-03.png) no-repeat 0 3px;
}

ol.graphical li.ol-4 {
	background: transparent url(images/landing-page/list-number-04.png) no-repeat 0 3px;
}

ol.graphical li.ol-5 {
	background: transparent url(images/landing-page/list-number-05.png) no-repeat 0 3px;
}

ol.graphical li.ol-6 {
	background: transparent url(images/landing-page/list-number-06.png) no-repeat 0 3px;
}

.recurring-table{
	width:680px !important;
}

.recurring-table tr{
	background-color:#F8EFFF;
	border-right:1px solid #fff;
}

.recurring-table tr.alt{
	background-color:#F1DFFF;
}

.recurring-table tr.white{
	background-color:#fff !important;
}

.recurring-table td{
	padding:5px 10px;
	/*font-size:13px;*/
	border-bottom:1px dashed #CCB5DF;
	border-right:1px dashed #CCB5DF;
}

.recurring-table td.last-column{
	border-right:none;
}

.recurring-table td a{
	display:block;
}

.recurring-table td p{
	margin:5px 0 0;
}

.recurring-table .recurring-price{
	color:#522665;
	font-weight:bold;
	/*padding: 8px 3px;*/
}

img.get-monthly{
	position: absolute;
	right: -54px;
	top: -58px;
}