@import url("/css/reset.css");

#note-2-dvd {
	position: absolute;
	top: 3px;
	right: 25px;
}
#note-workbook {
	position: absolute;
	top: 278px;
	left: 0px;
}

input[type="text"], input[type="password"], input[type="file"], textarea {
	width: 90%;
	padding: 5px;
	border: 1px solid #ccc;
	background: #f8f8f8;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
}
select { 	padding: 5px;
	border: 1px solid #ccc;
	background: #f8f8f8;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
}
input[type="submit"], .btnMedium {
	background: #6f9e4c;
	color: white;
	border: 1px solid #4c7b34; 
	-webkit-border-radius: 8px;
	-khtml-border-radius: 8px;	
	-moz-border-radius: 8px;
	border-radius: 8px;
	padding: 5px 10px;
	font-size: 14px;
	font-weight: bold;
	margin-bottom: 8px;
	cursor: pointer;
}
input[type="submit"]:hover, .btnMedium:hover { background: #88b559; }

.checkout-totals td {
	padding: 2px 0;
}
table#shop-products {
	border-bottom: 2px solid #ddd;
	margin-bottom: 15px;
}
table#shop-products td {
	padding: 8px 10px 8px 5px;
	text-align: left;
	border-bottom: 1px solid #ddd;
}
table#shop-products th {
	padding: 7px 5px;
	color: white;
	font-size: 14px;
	font-weight: bold;
	color: white;
	background: #444;
	text-align: left;
}
table#shop-products tr.alt-row td {
	background: #f5f5f5;
}
table#shop-products .formTextField {
	width: 50px;
}
table#shop-products h2, table#shop-products p {
	margin-bottom: 5px;
}
table#shop-products h2 { font-size: 16px; }
table.shop-payment {
	margin-bottom: 15px;
}
table.shop-payment td {
	padding: 5px;
	text-align: left;
}
table.shop-payment th {
	padding: 7px 5px;
	color: white;
	font-size: 14px;
	font-weight: bold;
	color: white;
	background: #444;
	text-align: left;
}
table.shop-payment td input, table.shop-payment td select {
	font-size: 14px;
}
body {
	margin: 0;
	padding: 0;
	background: white url(/images/bg-site.png) repeat-x top;
}
body#home, body#landing {
	background: #689748 url(/images/bg-site-home.jpg) repeat-x top;
}
body, td, th {
	font: 13px/18px Arial, Helvetica, sans-serif;
	color: #333333;
}
p, ul, ol, H1, H2, H3, table, form {
	margin: 0 0 25px 0;
}
a img {
	border: none;
}
a {
	color: #1c67d7;
	text-decoration: none;
}
a:hover {
	color: #6c9b4a;
	text-decoration: underline;
}
.testimonial-name {
	margin-top: -15px;
	text-align: right;
	border-bottom: 1px solid #ddd;
	padding-bottom: 20px;
	font: italic 12px Georgia, "Times New Roman", Times, serif;
	color: #777;
	padding-right: 15px;
}

table.testimonial {
	background:none;
}
form {
	padding: 0;
}
form td {
	padding: 4px 0;
	text-align: left;
}
#wrapper {
	width: 960px;
	margin: 0 auto;
	position: relative;
	text-align: left;
}
#header {
	height: 158px;
	position: relative;
}

#header.adminHeader {
	height:110px;
}

#header.adminHeader h1 {
	font-size:30px;
	color:#FFFFFF;
	font-weight:bold;
	letter-spacing:-0.02em;
	color:#d5e2f2;
	float:right;
	margin-top:40px;
}

#header-quotes {
	color: #e4e0ab;
	position: absolute;
	top: 25px;
	left: 485px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 15px;
	line-height: 20px;
	font-style: italic;
	font-weight: normal;
	width: 318px;
}
#quotes { position: relative; display: block; }
#header-quotes p {
	position: absolute;
	display: block;
	width: 318px;
}
#btn-more-testimonials {
	position: absolute;
	top: 25px;
	right: 0;
}
body#testimonials #header-quotes, body#testimonials #btn-more-testimonials {
	display: none;
}
#main-banner {
	height: 250px;
	position: relative;
}
#home-top {
	margin-right: 325px;
	height: 565px;
}
#content {
	padding: 30px 0;
	clear: both;
	position: relative;
}
#content ol, #content ul {
	padding-left: 25px;
}
#content ol {
	list-style: decimal outside;
}
#content ul {
	list-style: square outside;
}
#product-callout {
	float: left;
	width: 356px;
	position: relative;
	padding-top: 0px;
}
#product-callout #product-pic {
	margin-left: -20px;
}
#dvd-info {
	float: left;
	margin: 0 0 0 25px;
}
#jl-home {
	position: absolute;
	top: 80px;
	right: -20px;
	z-index: 0;
}
#footer {
	margin: 0;
	text-align: left;
	font-size: 11px;
	clear: both;
	background: #4c7c35;
}
#footer-content {
	width: 960px;
	margin: 0 auto;
	padding-top: 15px;
	color: #b7ccae;
}
#footer-content a {
	color: #b7ccae;
	text-decoration: underline;
}
/* PUSH FOOTER */

html, body {
	height: 100%;
}
#wrapper {
	min-height: 100%;
	height: auto;
}
* html #wrapper {
	height: 100%;
}
#push-footer {
	height: 50px;
	position: relative;
	z-index: 3;
}
#footer {
	margin-top: -50px;
	position: relative;
	z-index: 4;
	height: 50px;
}
/* TEXT REPLACEMENT */
#logo {
	background-image: url(/images/logo.png);
	text-indent: -9999px;
	height: 95px;
	width: 340px;
	margin: 0;
	padding: 0;
	position: absolute;
	top: 33px;
	left: 0;
	z-index: 10;
}
#header h1 {
	margin: 0;
}
/* HEADERS */

H1 {
	font: bold normal 26px/30px Arial, Helvetica, sans-serif;
	margin-bottom: 20px;
	color: #709f4c;
	letter-spacing: -1px;
}
#home-top H1 {
	padding-bottom: 15px;
	border-bottom: 1px solid #ddd;
}
H2 {
	font: normal 22px/normal Arial, Helvetica, sans-serif;
	margin-bottom: 20px;
	color: #444;
}
#home-bottom h1 {
	color: white;
	text-shadow: #224012 1px 1px 2px;
}
H3 {
	font: normal 16px/20px Arial, Helvetica, sans-serif;
	margin-bottom: 10px;
}
H4 {
	font: bold 14px/18px Arial, Helvetica, sans-serif;
	margin-bottom: 10px;
}
/* BLOG */
#content #home-bottom {
	padding: 20px 0px 0px 0px;
}
#content #home-bottom #blog-feed {
	padding: 0;
	margin: 0;
	color: white;
	float:left;
	width:550px;
}

#content #home-bottom .blog-feed-item {
	float:left;
	width:230px;
	padding-right:30px;
}

#blog-feed h3 {
	margin: 0;
	padding: 0;
	color: white;
	font-family: "Arial Black", Gadget, sans-serif;
	font-size: 12px;
	line-height: 18px;
	text-shadow: #224012 1px 1px 2px;
}
#blog-feed h3 a {
	color: white;
	text-decoration: none;
}
#blog-feed a {
	color: white;
	text-decoration: underline;
}
.blog-date {
	color: #3f5031;
	font-size: 10px;
	display: block;
	margin-bottom: 15px;
}
#blog-feed li {
	float: left;
	width: 235px;
	border-right: 1px solid #4f7734;
	padding: 0 20px;
	border-left: 1px solid #a1c08d;
	min-height:150px;
}
* html #blog-feed li {
	height:150px;
}
#blog-feed li.first {
	border-left: none;
	padding-left: none;
}
#blog-feed li.last {
	border-right: none;
	padding-right: none;
}
#blog-feed {
	position: relative;
	z-index: 10;
}
/* BUTTONS */
a.btn-buy-big {
	width: 197px;
	height: 86px;
	display: block;
	text-align: center;
	font-size: 30px; letter-spacing: -1px;
	font-weight: bold;
	color: black;
	background: url(/images/btn-big.png) top;
	padding-top: 30px;
}
a.btn-buy-big span { font-size: 16px; font-weight: normal; line-height: 20px; display: block; padding-top: 5px; letter-spacing: 0; }
a.btn-buy-big:hover {
	background-position: bottom;
	text-decoration: none;
}
#product-callout a.btn-buy-big, .col-small a.btn-buy-big {
	position: absolute;
	top: 200px;
	right: 30px;
}
/* FORMS */

.basic-form label {
	float:left;
	width:150px;
	display:block;
	clear:left;
	margin-right:10px;
	text-align:left;
	margin-top: 10px;
	padding-top: 3px;
}
.basic-form label.error {
	float: left;
	width: 150px;
	color: red;
	padding: 0;
	margin: 15px 0 0 15px;
	clear: none;
}
.basic-form textarea, .basic-form input[type="text"], .basic-form input[type="file"], .basic-form select, .basic-form button, .basic-form optgroup {
	margin-top:10px;
	width: 250px;
	padding: 6px;
	float: left;
	border: 2px solid #ccc;
	background: #fff;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
}
.basic-form textarea {
	width: 400px;
}
.basic-form label wide {
	float: none;
}
.basic-form br {
	clear: both;
}
.basic-form input[type="checkbox"] {
	margin-top: 10px;
}
.basic-form input[type="submit"] {
	background: url(/images/btn-submit-medium.png);
	color: white;
	text-align: center;
	margin-top: 15px;
	border: none;
	cursor: pointer;
	font: bold 15px "Trebuchet MS", Arial, Helvetica, sans-serif;
	height: 47px;
	width: 156px;
}
.basic-form input[type="text"].error {
	border: 2px solid red;
}
.table-form input[type="text"].error, .table-form textarea.error {
	border: 1px solid #dc0000;
}
.table-form input[type="text"], .table-form textarea, .table-form select, .inputText {
	width: 95%;
	padding: 3px;
	border: 1px solid #bbb;
	background: #fff;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
}
.table-form button {
	border: 1px solid #4c7c35;
	padding: 7px 12px;
	margin: 0;
	background: url(/images/bg-button.png) repeat-x center;
	color: white;
	font-size: 15px;
	font-weight: bold;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
}
/* NAVBAR */



#nav {
	position: absolute;
	bottom: 0;
	right: 0;
	margin:0;
	padding:0;
	list-style:none;
}
#nav li {
	float:left;
	background:url(/images/nav-left.png) no-repeat left 100px;
	margin:0 0 0 5px;
	padding:0 0 0 7px;
}
#nav a {
	float:left;
	display:block;
	width:.1em;
	background:url(/images/nav-right.png) no-repeat right -100px;
	padding:11px 15px 11px 6px;
	text-decoration:none;
	font-weight:bold;
	color:#f5f5f5;
	font-size: 15px;
}
#nav a {
	width:auto;
}
/* Commented Backslash Hack hides rule from IE5-Mac \*/
#nav a {
	float:none;
}
/* End IE5-Mac hack */
#nav a:hover {
	color:#6f9e4c;
}
#nav li:hover, #nav li:hover a {
	background-position:0% 0px;
	color:#6f9e4c;
}
#nav li:hover a {
	background-position:100% 0px;
}
#home #nav-home, #about #nav-about, #buy #nav-buy, #promos #nav-promos, #blog #nav-blog, #contact #nav-contact {
	background-position:0 0px;
}
#home #nav-home a, #about #nav-about a, #buy #nav-buy a, #promos #nav-promos a, #blog #nav-blog a, #contact #nav-contact a {
	background-position:100% 0px;
	color:#6f9e4c;
}

body.orders #navOrders, body.products #navProducts, body.contacts #navContacts, body.coupons #navCoupons, body.shipping #navShipping {
	background-position:0% 0px;
	color:#6f9e4c;
}

body.orders #navOrders a, body.products #navProducts a, body.contacts #navContacts a, body.coupons #navCoupons a, body.shipping #navShipping a {
	background-position:100% 0px;
	color:#6f9e4c;
}


/* LEFT NAV */
.sub-nav {
	margin: 0;
	padding: 0;
	list-style-type: none;
	font-size: 12px;
	text-align: left;
	margin: 0 0 20px 0;
}
.sub-nav li {
	border-top: 1px solid #ccc;
}
.sub-nav li:first-child {
	border-top: none;
}
.sub-nav li a {
	display: block;
	background: none;
	text-decoration: none;
	padding: 8px 0;
	margin: 0;
	width: 100%;
}
.sub-nav li a:hover {
	text-decoration: none;
	color: red;
}
.full-width {
	width: 100%;
	clear: both;
}
.col-small {
	width: 345px;
	padding: 20px 5px 40px;
	position: relative;
	background: #f0f0f0;
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
	border-radius:8px;
}
.col-large {
	width: 560px;
	padding-top: 20px;
	position: relative;
}
img.left {
	margin: 0 25px 10px 0;
}
img.right {
	margin: 0 0 10px 25px;
}
/* COMMON */		
	
.left {
	float:left;
}
.right {
	float:right;
}
.text-right { display: block; text-align: right; }
.center {
	text-align:center;
}
.clear {
	clear:both;
}
.first {
	margin-left:0 !important;
}
.last {
	margin-right:0 !important;
}
.top {
	margin-top:0 !important;
}
.bottom {
	margin-bottom:0 !important;
}
.hidden, .print {
	display:none;
}
/* COLUMNS */
		
.cols {
} /* main column container class */
.col {
	float:left;
	display:inline;
	width:48%;
	margin-left:4%; /* 2 equal width columns layout - default */
}
.cols3 .col {
	width:30%;
	margin-left:5%;
} /* 3 equal width columns layout */
.cols4 .col {
	width:22%;
	margin-left:4%;
} /* 4 equal width columns layout */



.nextSeminarTop {
	position:absolute;
	top:20px;
	right:0px;
	width:420px;
}

.nextSeminarTop .iconSeminar {
	float:left;
	margin-right:10px;
	font-size:14px;
	font-weight:bold;
	color:#FFFFFF;
}

.nextSeminarTop h3 {
	font-size:22px;
	font-weight:bold;
	letter-spacing:-0.02em;
	color:#d5e3f2;
	margin-bottom:3px;
	
}

.nextSeminarTop p {
	color:#FFFFFF;
	font-weight:bold;
	letter-spacing:-0.02em;
	font-size:14px;
	margin-bottom:5px;
}

#home-bottom .leftCol {
	width:250px;
	padding-right:20px;
	float:left;
}

#home-bottom .rightCol {
	float:left;
	width:450px;
	padding-left:20px;
}

#testimonialsBg {
	width:443px;
	height:83px;
	background:url(/images/bg-testimonials.png) no-repeat;
	position:absolute;
	right:0px;
	top:10px;
}

#testimonialsRoll {
	display:block;
	margin:10px 10px 10px 85px;
}

#testimonialsRoll .testimonial {
	display:none;
}

#testimonialsRoll .testimonial tr td {
	height:60px;
	vertical-align:middle;
	font-size:14px;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-style:italic;
}

#testimonialsBg #btnAllTestimonials {
	position:absolute;
	top:60px;
	right:20px;
}

body#admin {
	background:url(/images/bg-site-admin.png) repeat-x top;
}

/*** PRINT STYLES ***/
@media print {
html {
	width:100%
}
body {
	background: white;
	font-size: 12pt;
}
img {
	border: 0;
}
#content {
	padding: 0;
	margin: 20px 0;
}
.page-break {
	display:block;
	page-break-before:always;
}
#footer {
	margin-top: 25px;
}
#nav, .side-nav {
	display: none;
}

body.receipt #footer, body.receipt #header, body.receipt .col-small {
	display:none;
}

body.receipt .col-large {
	display:block;
	width:100%;
}
}


/* ADMIN STYLES */

#admin .functionButtons {
	margin-bottom:20px;
}

#admin .functionButtons ul {
	margin-left:0px;
	padding-left:0px;
}

#admin .functionButtons ul li {
	list-style:none;
	display:inline;
	margin-right:15px;
}

#admin .functionButtons ul li a {
	display:block;
	padding:5px 10px;
	color:#FFFFFF;
	background:#4c7c35;
	float:left;
	text-decoration:none;
	border:1px solid #666666;
}

#admin .functionButtons ul li a:hover {
	background:#ffd42f;
	color:#333333;
}

#admin .adminListTable {
	margin-bottom:20px;
	border:1px solid #CCCCCC;
}

#admin .adminListTable tbody tr td {
	padding:3px 10px;
	border-bottom:1px dashed #CCCCCC;
}

#admin .adminListTable thead tr th {
	background:#88b55a;
	padding:5px 10px;
	color:#FFFFFF; 
	font-weight:bold;
}

#admin .adminListTable td.oddCol {
	background:#ebf1f7;
}

#admin .adminListTable td.action {
	text-align:center;
}

#admin .detailForm {
	float:left;
	width:600px;
	padding:20px;
	background:#ebf1f7;
	border:1px solid #CCCCCC;
	margin-bottom:20px;
}

#admin .detailForm h3 {
	font-weight:bold;
	color:#333333;
	letter-spacing:-0.02em;
}

#admin .detailForm .subLeftCol {
	float:left;
	width:290px;
	
}

#admin .detailForm .subRightCol {
	float:right;
	width:290px;
}

#admin .detailForm h4 {
	padding:5px;
	margin-bottom:10px;
	background:#88b55a;
	color:#FFFFFF;

	
}


#admin .formButtons {
}

#admin .formButtons ul {
	margin-left:0px;
	padding-left:0px;
}

#admin .formButtons ul li {
	list-style:none;
	display:inline;
	margin-right:15px;
}

#admin .formButtons ul li a {
	display:block;
	padding:5px 10px;
	color:#FFFFFF;
	background:#4c7c35;
	float:left;
	text-decoration:none;
	border:1px solid #666666;
	margin-right:15px;
}

#admin .formButtons ul li a:hover {
	background:#ffd42f;
	color:#333333;
}

#admin .formTable {
	margin-bottom:10px;
}

#admin .formTable tr td{
	padding:5px;
}

#admin .orderCart {
	margin-bottom:10px;
	width:640px;
	float:left;
}

#admin .loginBox {
	width:300px;
	padding:20px;
	margin:0 auto 20px auto;
	background:#ebf1f7;
	border:1px solid #CCCCCC;
}

#admin .loginBox h3 {
	font-weight:bold;
	color:#333333;
	letter-spacing:-0.025em;
	font-size:14px;
}

#admin .loginBox table {
	margin-bottom:10px;
}

#admin .loginBox tr td {
	padding:5px;
}

#admin .loginBox .btnSubmit {
	display:block;
	padding:5px 10px;
	color:#FFFFFF;
	background:#4c7c35;
	float:left;
	text-decoration:none;
	border:1px solid #666666;
	margin-right:15px;
	cursor:pointer;
}

#admin .loginBox .btnSubmit:hover {
	background:#ffd42f;
	color:#333333;
}

.BodyTextErr{color:#FF0000;}
.FriendlyMsg{color:#0000FF;font-weight:bold;}
.grvRowPager table tr td{Padding:2px 3px 2px 3px;border-bottom:none !important;}
.grvRowPager table{margin:0px 0px}

.detailForm {
	float:left;
	width:500px;
	padding:20px;
	background:#ebf1f7;
	border:1px solid #CCCCCC;
	margin-bottom:20px;
}

.detailForm .subLeftCol {
	float:left;
	width:240px;
	
}

.detailForm .subRightCol {
	float:right;
	width:240px;
}

.detailForm h4 {
	background:none repeat scroll 0 0 #444444;
	color:white;
	font-size:14px;
	font-weight:bold;
	padding:7px 5px;
	text-align:left;
}

#receiptTotals tr td {
	padding:5px;
}

.aboutRightCol {
	width:250px;
	float:right;
	padding:10px;
	margin:0px 0px 20px 20px;
	background:#FAFAFA;
	border:1px solid #CCCCCC;
	font-size:11px;
}

.aboutRightCol p {
	margin-bottom:10px;
}

.aboutRightCol h3 {
	font-size:14px;
	color:#709F4C;
	line-height:18px;
}

.aboutRightCol h3 strong {
color:#336633;
font-size:16px;
line-height:18px;
font-weight:bold;
}

.formWrapper {
}

.formWrapper table tr td {
	text-align:left;
	padding:2px;
}

.formWrapper  {
	line-height:14px;
}

.formWrapper small {
	font-style:italic;
	line-height:14px;
}

.rightHeaderGreen {
	color:#709F4C;
	font:bold 26px/30px Arial,Helvetica,sans-serif;
	letter-spacing:-1px;
	width: 300px; margin: 0pt auto;
	text-align:left;
	margin-bottom:20px;
	
}

#homeQuoteBottom {
	font-size:22px;
	color:#FFFFFF;
	padding-top:20px;
	font-style:italic;
	font-family:Georgia, "Times New Roman", Times, serif;
	line-height:26px;
}

#homeQuoteBottom .sign {
	font-weight:bold;
	font-size:12px;
	font-family:Helvetica, "Trebuchet MS", Arial, sans-serif, "Lucida Sans Unicode";
}

.productCallout {
	position:relative;
}

#testimonialsVideo {
	float:right;
	border-left:20px solid #FFFFFF;
	border-bottom:20px solid #FFFFFF;
}

