@import url('/css/style.css');

/*Structure
------------------------------------------------------------ */
div#wrapper {
	width: 960px;
	margin: 0 auto;
}
div.main-box {
  float: none;
  width: auto;
	margin: 30px 0;
	padding-top: 30px;
	border-top: 1px solid #e0dac3;
}
body.signup-page div.main-box { margin: 0 0 20px 0; }
div.main-box.member-cp {
  padding: 0;
  border: none;
}
div.main-box div.content-left, div.main-box div.content-right, div.main-box div.amember-sidebar {
	float: left;
	width: 300px;
}
div.main-box div.amember-sidebar { float: right; }
div.content-left, div.content-right {
	float: left;
	width: 360px;
}
div#faq {
	clear: both;
	margin-top: 30px;
	padding: 15px 0 30px 0;
	border-top: 1px solid #e0dac3;
}
div.left, div.right {
	width: 460px;
	float: left;
}
div.content-left, div.left { margin-right: 40px; }
div.main-box div.content-left { margin-right: 30px; }
/*Header
------------------------------------------------------------ */
/*Member log in
------------------------------------------- */
body.signup-page div#member { font-size: 1.4em; }
/*Headers
------------------------------------------------------------ */
h3 {
  font-size: 1.6em;
  padding: 0;
}
h4 {
	margin: 0 0 20px 0;
	font-size: 1.3em;
	font-weight: normal;
	text-transform: uppercase;
	letter-spacing: .04em;
	color: #797361;
}
h4.header {
	padding-bottom: 7px;
	border-bottom: 1px solid #c9c7af;
}
h5 {
	padding: 15px 0 20px 0;
	font-size: 1.4em;
	color: #797361;
}
h6 {
	font-size: 1.4em;
	padding-bottom: 15px;
	font-weight: normal;
}
h3, h5 { font-weight: normal; }

/*amember
------------------------------------------------------------ */
fieldset legend {
	padding: 0 0 10px 0;
	font-size: 1.8em;
	color: #797361;
}
div.first {
	border-top: 1px solid #E0DFD6;
	padding-top: 10px;
}
label {
  padding: 20px 0 7px 0;
  display: block;
  font-size: 1.2em;
}
label strong {
	font-size: .8em;
	font-family: Arial, sans-serif;
}
label.error {
  padding: 3px 5px;
  font-size: 1.3em;
  line-height: 1.4em;
	font-family: Arial, sans-serif;
  background: #D50000;
  color: #fff;
  }
input.text-input, input.login-field {
  padding: 4px;
	font-size: 1.4em;
	width: 224px;
}

/*amember: signup.php
------------------------------------------------------------ */
#offer { padding: 15px 0 50px 0; }
#offer h3 {
  font-size: 1.8em;
  text-align: center;
  }
#offer h3 span {
	padding: 15px 20px;
  background: #D9F8BA;
	border: 1px dashed #A2D174;
}
h3.su-feedback {
  padding: 25px 0;
  font-size: 1.8em;
  color: #797361;
}
div.feedback { padding: 0 0 50px 0; }
div.feedback.bottom { padding: 0; }
div.feedback p {
	font-size: 1.3em;
	line-height: 1.6em;
	margin: 0 0 0 80px;
}
div.feedback p.author {
	margin-top: 5px;
	text-align: left;
	color: #615b42;
	line-height: 1.2em;
	font-size: 1.2em;
}
div.feedback a {
	font-size: .9em;
}
div.feedback img {
  background: #DED8C1;
	padding: 4px;
	border: 1px solid #D1CBB5;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
}
div#faq-box h3 {
	margin: 25px 0 15px 0;
	font-size: 1.8em;
	font-weight: normal;
	color: #797361;
	line-height: 1.2em;
}
div#faq-box h3.satisfaction { margin-top: 50px; }
div#faq-box div.su-benefits h3 {
	padding: 0 0 0 40px;
	background: url(../images/pro.png) no-repeat 0 50%;
	line-height: 1.2em;
}
div.intro {
	padding: 15px 30px;
	font-size: 1.4em;
	line-height: 1.6em;
	color: #49482B;
	background-color: #FFFEB6;
	border: 1px solid #DBD5BF;
	border-bottom: none;
}
#signup-form {
  padding: 25px 30px;
}
#signup-form div.membership-price {
  margin: 20px 0 5px 0;
  font-size: 1.3em;
  line-height: 0;
  text-align: center;
  padding: 12px 0;
  background: #EBE7DE;
  border: 1px solid #DBD8CF;
}
div.special-offer {
  margin: 20px 0 5px 0;
  padding: 15px 20px;
  background: #EBE7DE;
  border: 1px solid #DBD8CF;
}
div#additional-products div { margin: 5px 0; }
label.checkbox {
  display: inline;
  margin-left: 5px;
}
#signup-form p {
  margin: 0;
	font-size: 1.2em;
	line-height: 1.4em;
}
#signup-form p.extra span, #signup-form p.additional-title span { 
	margin-left: 5px;
	color: #a62020; 
}
#signup-form p.want-to-buy, #signup-form p.additional-title {
  margin: 10px 0 0 0;
  padding: 0;
}
#signup-form p.additional { 
	margin: 3px 0 10px 0; 
	font-size: 1.2em;
}
#signup-form p.agreement {
  margin: 15px 0 0 0;
  font-size: 1.1em;
  color: #817764;
}
#signup-form p.agreement a { color: #817764; }
div#radio-payments { margin-top: 20px; }
div#radio-payments input {
	float: left;
	margin-top: 10px;
}
div#radio-payments label {
	float: left;
	padding: 0 0 10px 0;
	margin-left: 10px;
	text-indent: -9999em;
}
label.pay-cc {
	height: 30px;
	width: 185px;
	background: url(../images/payment-cc.png) no-repeat 0 0;
}
label.pay-pp {
	height: 30px;
	width: 40px;
	background: url(../images/payment-pp.png) no-repeat 0 0;
}
div#radio-payments p { padding-bottom: 10px; }
input#pp-checkout-button {
	padding-top: 10px;
	display: block;
}
#faq-box p {
	margin: 10px 0;
	font-size: 1.3em;
  line-height: 1.6em;
}
#faq-box ul {
  margin: 15px 0;
}
#faq-box ul li {
  margin: 0 0 12px 0;
	line-height: 1.6em;
  font-size: 1.3em;
  padding: 0 0 0 20px;
  background: url(../images/checkmark.png) no-repeat 0 .1em;
}
#faq p {
	font-size: 1.3em;
	line-height: 1.6em;
	margin: 0 0 10px 0;
}
#faq h3 {
	font-size: 1.6em;
	padding: 15px 0 10px 0;
}
/*amember: cbox, used by cc_info and thanks
------------------------------------------------------------ */
div.wrapper.cbox-wrap { width: 460px; }
div.wrapper.cbox-wrap div#tagline {
  padding: 50px 0 0 0;
  border-bottom: none;
}
div.cbox {
  padding-bottom: 50px;
  background: #f5f3ea url(../images/receipt-bt.png) no-repeat bottom center;
  -moz-box-shadow: 0 1px 3px rgba(118, 116, 100, 0.4);
  -webkit-box-shadow: 0 1px 3px rgba(118, 116, 100, 0.4);
}
div.cbox div.c-btn {
  margin: 50px 0 0 0;
  padding: 0 20px;
  text-align: center;
}
div.cbox div.c-btn a:link, div.cbox div.c-btn a:visited, div.c-btn input#process-btn  {
  padding: 10px 24px;
  font-weight: bold;
  font-size: 1.3em;
  color: #58543f;
  text-shadow: 0 1px 0 #FFFFFF;
  border: 1px solid #d7d2c2;
  -moz-border-radius: 18px;
  -webkit-border-radius: 18px;
  -moz-box-shadow: 0 1px 1px rgba(118, 116, 100, 0.05);
  -webkit-box-shadow: 0 1px 1px rgba(118, 116, 100, 0.05);
  background: #f2efde url(../images/receipt-btn.png) no-repeat bottom center;
}
div.c-btn input#process-btn {
	cursor: pointer;
	font-size: 1.5em;
	font-family: Arial, sans-serif;
}
div.c-box div.c-btn a:hover {
  background: #f5f4ec url(../images/receipt-btn-hov.png) no-repeat bottom center;
  border: 1px solid #dcd7c6;
}
/*amember: cc
------------------------------------------------------------ */
div.cbox.cci { padding-bottom: 30px; }
div.cbox.cci h3, div.cbox.cci legend {
	font-size: 1.8em;
	font-weight: bold;
	padding: 15px 30px;
	background: #c3d7e6;
	color: #3f6480;
	text-shadow: 0 1px 0 #eef3f7;
}
div.cbox.cci legend {
	display: block;
	width: 400px;
}
div.cbox.cci fieldset { margin-top: 30px; }
div.cbox.cci fieldset div { margin: 18px 30px 0 30px; }
div.cbox.cci fieldset div.f-first { margin: 0 30px; padding-top: 30px; }
div.cbox.cci fieldset div div { margin: 0; }
div.cbox.cci fieldset label, div.cbox.cci fieldset div#name-label {
 float: left;
 margin: 5px 0 3px 0;
 width: 115px;
 padding: 0;
}
div.cbox.cci fieldset label.error {
	margin: 5px 0 5px 115px;
	width: 160px;
}
div.cbox.cci fieldset div input.text-input {
	width: 275px;
	padding: 2px;
}
div#secure-checkout {
	background: #feffa0;
	padding: 20px 30px;
	font-size: 1.3em;
	line-height: 1.6em;
}
div#secure-checkout p {
	padding: 0 0 0 60px;
	background: url(../images/lock.png) no-repeat 0 50%;
}
/* Billing Address
----------------------------------- */
div.cbox.cci fieldset div input#t_cc_state { width: 38px; }
div.cbox.cci fieldset div input#f_cc_zip { width: 80px; }
div.cbox.cci fieldset div input#f_cc_phone { width: 110px; }
div.cbox.cci fieldset div select#f_cc_country { width: 250px; }
div.cbox.cci fieldset div input#f_cc_phone, div.cbox.cci fieldset div input.creditcard, div.cbox.cci fieldset div input.csc {
	padding: 2px;
	font-size: 1.4em;
}
div.cbox.cci fieldset div.float-box {
	float: left;
	margin-right: 30px;
}
/* CSC
----------------------------------- */
div.cbox.cci fieldset div input.csc, div.cbox.cci fieldset div img { float: left; }
div.cbox.cci fieldset div img { margin-left: 10px; }
/* Payment
----------------------------------- */
div.order-total {
	padding-top: 15px;
	text-align: center;
	font-size: 1.6em;
}
div.cbox.cci fieldset div#def-name-label {
 float: left;
 margin: 5px 0 3px;
 width: 115px;
 font-size: 1.3em;
}
div.cbox.cci fieldset div#def-name {
 font-size: 1.8em;
}
/* Your stuff
----------------------------------- */
div#your-stuff { margin: 30px; }
div#your-stuff dl { margin-top: 15px; }
div#your-stuff dt, div#your-stuff dd {
	float: left;
	font-size: 1.4em;
	font-weight: bold;
	color: #6d675a;
}
div#your-stuff dl.discount dt, div#your-stuff dl.discount dd {
	color: #792817;
	font-weight: normal;
	font-size: 1.3em;
}
div#your-stuff dd { float: right; }

/*amember: thanks.php
------------------------------------------------------------ */

div.cbox.thanks h3 {
	font-size: 2em;
	font-weight: bold;
	padding: 15px 20px;
	background: #d0e8c4;
	color: #568341;
	text-shadow: 0 1px 0 #f1f7ee;
}
div.cbox.thanks p {
  padding: 0 20px;
  margin: 15px 0;
	font-size: 1.5em;
	line-height: 1.6em;
}
/*amember: error message
------------------------------------------------------------ */
div.error-msg {
  margin: 30px 0;
  padding: 20px;
  background: #F0DEDE;
  border: 1px solid #FFBBBB;
  font-size: 1.3em;
  line-height: 1.6em;
}
/*amember: redirect.php
------------------------------------------------------------ */
#redirect-box.redirect {
	width: 600px;
	margin: 50px auto 0 auto;
	padding: 20px;
	background: #e0d9c6;
	background: rgba(0, 0, 0, .06);
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
}
#redirect-box.redirect h3 { font-size: 2em; }
#redirect-box.redirect p {
	font-size: 1.3em;
	margin: 15px 0 0 0;
	line-height: 1.4em;
}
/*amember: member.php
------------------------------------------------------------ */
.member-nav {
  margin-bottom: 30px;
  padding-bottom: 30px;
  font-size: 1.3em;
  border-bottom: 1px solid #E0DAC3;
}
#profile-links { float: left; }
.member-left {
  float: left;
  margin: 0 30px 0 0;
  width: 360px;
}
.subscriptions, #payment-history {
  margin: 0 0 15px 0;
	padding: 25px 30px;
	background-color: #F0ECDE;
	background-color: rgba(255, 255, 255, .35);
	border: 1px solid #DBD6C8;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
}
.add-themes.subscriptions { padding: 20px 30px;}
.add-themes h3 { font-size: 1.8em; }
h3.howdy {
	padding-bottom: 5px;
	font-size: 2em;
}
.subscriptions h3 span {
  font-size: 1.3em;
  font-weight: bold;
  color: green;
}
.subscriptions h3.not-active span { color: red; }
.subscriptions p {
  margin: 10px 0 0 0;
  font-size: 1.3em;
  line-height: 1.4em;
}
.subscriptions label.f_ch { padding: 5px 0 7px 0;}
.subscriptions p.cost { font-size: 1.4em; }
.subscriptions p.additional { margin: 15px 0 7px 0; }
.subscriptions p.extra { margin-top: 20px; }
#payment-history {
  float: left;
  width: 500px;
}
.add-themes input.button { margin: 10px 0 5px 0; }
#payment-history h3 {
  font-size: 1.8em;
  margin: 0 0 10px 0;
}
#payment-history dl {
  margin: 20px 0 0 0;
  padding: 15px;
  font-size: 1.3em;
  background: #F8F4E6;
}
#payment-history dl.rowalt { background: #E3DFD2; }
#payment-history dd {
  margin: 10px 0 0 0;
  font-size: 1.2em;
  font-weight: bold;
  color: #666356;
}
form#payment {  margin-top: 15px; }
p.howdy.link-credit { padding-top: 10px; }
/*amember: login.php
------------------------------------------------------------ */
div.login-box {
  width: 650px;
  margin: 30px auto;
}
#login-form {
  float: left;
	width: 260px;
  padding: 25px 30px;
	background-color: #F0ECDE;
	background-color: rgba(255, 255, 255, .35);
	border: 1px solid #DBD6C8;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
}
#go-pro { float: right; }
#go-pro h3 {
  text-align: center;
  padding-bottom: 15px;
}
#login-form p.registered {
  font-size: 1.3em;
	margin: 10px 0;
}
input.login-field {
  width: 240px;
}
#lost-pass {
  display: none;
}
input.button {
  margin: 10px 0 5px 0;
}
/*amember: profile.php
------------------------------------------------------------ */
#profile-form {
  margin: 30px auto;
  padding: 25px 30px;
	background-color: #F0ECDE;
	background-color: rgba(255, 255, 255, .35);
	border: 1px solid #DBD6C8;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
  width: 260px;
}
#profile-form p {
  margin: 10px 0 15px 0;
  font-size: 1.3em;
}

/*amember: affiliate styling
------------------------------------------------------------ */
#signup-form.affiliate {
  float: none;
	width: 260px;
	margin: 40px auto;
}
div#affiliate-signup { padding: 15px 0; }
div#aff-join { float: right; }
#aff-banners {
	float: left;
	width: 580px;
}
div#aff-banners h3 {
	margin-bottom: 10px;
	font-size: 2em;
}
div#aff-banners p {
	margin: 0 0 15px 0;
	font-size: 1.3em;
	line-height: 1.5em;
}
div#aff-banners p.link-code { margin: 15px 0; }
div#aff-banners a {
  border-bottom: none;
  text-decoration: underline;
}
div.banner-box {
  text-align: center;
  margin: 20px 0 30px 0;
  padding: 30px;
  background-color: #F0ECDE;
	background-color: rgba(255, 255, 255, .35);
	border: 1px solid #DBD6C8;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
}
textarea {
  height: 100px;
  width: 368px;
  padding: 15px;
  font-size: 1.3em;
  font-family: Consolas, Courier New, sans-serif;
  background-color: #F8F4E6;
  border: 1px solid #D8D5C8;
}
#aff-banners a img { background: none; }
#aff-faq {
	float: right;
	margin: 0 0 30px 0;
	padding: 30px 30px 0 30px;
	width: 280px;
	background-color: #F0ECDE;
	background-color: rgba(255, 255, 255, .35);
	border: 1px solid #DBD6C8;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
}
#aff-faq p {
	font-size: 1.3em;
	line-height: 1.6em;
	margin: 5px 0 20px 0;
}
form.stats-display {
  width: 300px;
  margin: 0 auto 20px auto;
  padding: 20px 30px;
  background-color: #F0ECDE;
	background-color: rgba(255, 255, 255, .35);
	border: 1px solid #DBD6C8;
  text-align: center;
  -moz-border-radius: 8px;
	-webkit-border-radius: 8px;
}
form.stats-display p {
  font-size: 1.6em;
  padding-bottom: 20px;
}
form.stats-display input { margin-left: 15px; }
/*Tables
------------------------------------------- */
table.aff-table {
	line-height: 1.8em;
	font-size: 1.3em;
	width: 100%;
}
table.aff-table th, table.aff-table td {
 	margin: 0;
	padding: 8px 20px;
	text-align: center;
	border-bottom:1px solid #D3CEB8;
}
table.aff-table th { font-weight: normal; }
table.aff-table tr.top-row th { font-size: 1.2em; }
table tr.row {
  background-color: #E6E0CA;
	background-color: rgba(0, 0, 0, .02);
}
table tr.rowalt {
  background-color: #d7d0bf;
  background-color: rgba(0, 0, 0, .04);
}