/* -------------------------------------------------------------- 

   main.css
   Main stylesheet for http://leafinator.com/
   * Author:  Colby Blaisdell
   * Company: Moxie Machine
   * Website: http://moxiemachine.com/

-------------------------------------------------------------- */

/* Layout
-------------------------------------------------------------- */
body { text-align: center; }
#wrapper, #header, #nav div { width: 964px; margin: 0 auto; text-align: left; }
#header { position: relative; }
h1 { z-index: 2; position: relative; padding-left: 116px; font-size: 1.5em; text-transform: uppercase; letter-spacing: 1px; font-weight: bold; margin: 0 0 3px 0; }
h1 img { position: absolute; left: -11px; top: -12px; }
h1 a, h1 a:hover { color: #207d80; text-decoration: none; display: block; float: left; margin-bottom: 3px; }
h1 span { display: block; width: 299px; height: 25px; background: url(img/logo-type.gif) no-repeat 0 0; text-indent: -3000px; }
#header_links { float: right; position: absolute; right: 0; top: 8px; z-index: 5; }
#nav { float: left; width: 100%; background: #5196b1; z-index: 1; margin-bottom: 3em; }
#nav ul { list-style: none; float: right; margin: 0; }
#nav li { float: left; font-weight: bold; color: #000; background: #fff url(img/nav-top-left.gif) no-repeat 0 0; padding: .5em 1.5em; margin: .5em 0 0 1px; position: relative; cursor: default; }
#nav li span { position: absolute; top: 0; right: 0; display: block; height: 5px; width: 5px; background: url(img/nav-top-right.gif) no-repeat 0 0; }
#nav a { display: block; font-weight: bold; background: #a6c8d6 url(img/nav-top-left.gif) no-repeat 0 0; padding: .5em 1.5em; margin: -0.5em -1.5em; color: #07393b; text-decoration: none; }
#nav a:hover { color: #fff; background: #6ba6bd url(img/nav-top-left.gif) no-repeat 0 0; }
#nav .current a { background: #fff; color: #000; }
#mainContent { width: 636px; margin-right: 20px; float: left; position: relative; z-index: 3; }
#sidebar { width: 308px; float: left; }
#sidebar div { padding: 12px 12px 0; border: 1px solid #ddd; }
#footer { clear: both; float: left; width: 100%; margin-top: 2em; color: #999; }
#footer a { color: #999; }
#copyright { border: 1px solid #ddd; border-width: 1px 0; padding: 0.5em 0; margin: 0.5em 0; }
#footer ul { float: left; list-style: none; margin-left: 0; }
#footer li { float: left; padding-right: 1em; border-right: 1px solid #ddd; margin-right: 1em; }
#footer li a { display: block; }
#credits { float: right; }

h1, h2, h3, h4 { color: #207d80; }
img { margin: 0; }
img.right { float: right; margin: 0 -308px 1em 20px; }
a:focus, a:hover { color: #458097; }
a { color: #458097; text-decoration: underline; }
select, textarea { background: #fff; }
ol { margin-left: 3em; }

/* Home page
-------------------------------------------------------------- */
#winwin h3 { text-align: center; font-size: 2em; margin: 1em 0; }
#winwin h4 { font-size: 1.167em; color: #000; font-weight: bold; }
#winwin li { margin-top: 1em; }
#you_win, #clients_win { border: 1px solid #ddd; padding: 12px; width: 282px; float: left; background: #f0f7f7 url(img/winwin-bg.gif) repeat-x 0 100%; }
#you_win { margin-right: 20px; }
#clients_win {  }
#sidebar div, .wholesale-info { padding: 0; border: 0; background: url(img/box-mid.gif) repeat-y 0 0; }
#sidebar div h2 { padding: 12px 12px 0; background: url(img/box-top.gif) no-repeat 0 0; line-height: 1.17; }
#how_does_it_work p { padding: 0 12px; line-height: 1.2; margin-bottom: 1em; }
#sidebar div h3 { margin-left: 12px; }
#sidebar div li { margin-left: 24px; }
#sidebar div ul { margin-left: 0; }
#sidebar div strong { xfont-size: 1.167em; color: #000; }
#sidebar .last { margin-bottom: 0; background: url(img/box-bottom.gif) no-repeat 0 100%; padding-bottom: 24px; }
#how_does_it_work h2 {}
#how_does_it_work h2 strong {text-transform:uppercase;font-weight:normal;display:block;color:inherit;letter-spacing:4px;color:#115e60;}
#how_does_it_work h2 .line-2 {font-size:0.865em;}
#how_does_it_work h2 em {text-transform:uppercase;background:inherit;font-size:0.865em;font-style:normal;}
#return {border:1px solid #d4e9ea;margin-top:1em;}
#return span {color:#fff;border:2px solid #fff;padding:9px;background:#5196B1;display:block;}
#return span small {color:#123b4b;}
h2 .tm {font-size:0.5em;position:relative;top:-0.55em;}

/* Video
--------------------------------------------------------------  */
#share_video p { padding: 0 12px; line-height: 1.2; margin-bottom: 1em; }
#share_video li { list-style:none; padding: 0 12px; line-height: 1.2; margin-bottom: 1em; }
#share_video img { margin-top:.1em;margin-right:1em;}
#leafinator_video {margin-left:25%;}

/* FAQs
-------------------------------------------------------------- */
.faqs h3 { font-weight: bold; margin-top: 2em; text-transform: uppercase; margin-bottom: 0.5em; }
.faqs h4 { border-top: 1px solid #ddd; padding-top: 0.944em; font-size: 1.5em; }
img.thumb, .thumb { display: block; float: right; margin: 1.5em 0 1em 1em; }

/* Birth of an idea - About
-------------------------------------------------------------- */
.babout #mainContent { width: 100%; margin-right: 0; }
.babout .right { margin-right: 0; }
.babout .col1, .babout .col2, .babout .col3 { width: 308px; float: left; margin-left: 20px; }
.babout .col1 { margin-left: 0; }

/* Contact
-------------------------------------------------------------- */
form dd { margin-left: 0; }
.contact, .wholesale-info, .what_works { padding: 0; border: 0; background: url(img/box-mid.gif) repeat-y 0 0; width: 308px; float: left; margin-right: 20px; position: relative; padding-bottom: 35px; min-height: 555px; }
.personal, .wholesale-info, .patent_claim { margin-right: 0; }
.contact h3, .wholesale-info h3, .what_works h3 { padding: 12px 12px 0; background: url(img/box-top.gif) no-repeat 0 0; line-height: 1.27; }
.contact p, .bcontact .contact form, .wholesale-info p, .what_works p, .what_works h4, .what_works ul { padding: 0 12px; }
.contact textarea { width: 274px; }
.contact .bottom, .what_works .bottom { display: block; height: 35px; background: url(img/box-bottom.gif) no-repeat 0 0; position: absolute; bottom: 0; left: 0; width: 308px; margin-top: -23px; }
.checkboxes label { display: block; float: left; margin: 0.5em 1em 0.5em 0; }
#msg_label { clear: both; }

/* What Works/What Doesn't
*/
body.bwhat_works_what_doesnt #mainContent { width: 100%; margin-right: 0; }
.what_works {min-height:650px;}
.inventions img {float:right;margin:0 12px 12px;}
.patent_claim img {display:block;margin:-12px 12px 12px;}
#patents {list-style:none;margin-left:12px;padding-left:0;}
#patents li {float:left;margin-right:2em;}


/* Products
-------------------------------------------------------------- */
.product { width: 267px; float: left; margin-right: 20px; padding: 20px; border: 1px solid #ddd; border-right: 0; }
.product img { float: right; margin: -20px -20px -20px 20px; }
.product_add_to_cart a { display: block; width: 133px; height: 30px; background: url(../images/add-to-cart.gif) no-repeat 0 0; text-indent: -3000px; }
.product_add_to_cart a:hover { background-position: 0 100%; }
.product h3 { margin: 0; }
.product_retail { margin: 5px 0; font-size: 1.285em; color: #c00; }
.wholesale-info { min-height: 10px; padding-bottom: 0; }

#product img { float: right; }

.cart_path { padding: 5px; background: #fff url(img/sidebar-bg.gif) repeat-x 0 100%; clear: both; position: relative; z-index: 2; margin: 0 0 1em; float: left; width: 100%; }
.cart_path li { float: left; margin: 0 1em 0 2em; }
.total td { background: #fff url(img/sidebar-bg.gif) repeat-x 0 0; }
td.price { text-align: right; }



/* Some nasty disgusting hacks. ewwww. */
body:first-of-type #how_does_it_work h2 { margin-bottom: 10px; }

/* Flashes
-------------------------------------------------------------- */

.rflash { background: #d4e9ea; color: #154243; padding: 1em 0; clear: both; float: left; width: 100%; margin-top: -2em; font-weight: bold; text-align: center; margin-bottom: 1em; }
.rerror { background: #c00; color: #fff; }

/* Order form
-------------------------------------------------------------- */

body.border { margin-right: 0; padding-right: 0; border: 0; }
.border #sidebar h3 { text-align: center; }
.form-header { border-bottom: 3px double #207d80; float: left; width: 100%; margin-bottom: 1em; }
.form-header form { float: right; display: block; margin-top: 8px; }
.form-header h2 { float: left; margin-bottom: 0.1em; }
.cost { float: right; width: 338px; margin-left: 20px; }
#leaf_pic { width: 144px; float: left; font-size: 1.4em; margin-right: 20px;white-space:nowrap; }
.border .price strong { font-size: 3em; font-weight: normal; display: block; line-height: 1; position: relative; left: -0.3em; }
.border .price strong span { font-size: 0.4em; position: relative; top: -1em; }
.border .price { margin-bottom: 1em; }

.border input[disabled="disabled"] { color: #000; background: #f4f4f4; border: 1px double #bbb; padding: 2px; }
#totals { text-align: right; clear: both; }
#totals div { margin-bottom: 0.5em; }
#totals input { font-size: 1.5em; width: 5em; text-align: right; }
#quantity_box input { width:72px;padding:1px 0;border-width:1px;font-size: 1.5em; }
input[type="text"],input[type="password"],textarea {padding:1px 0;border:1px solid #ccc;border-top-color:#999;background:#fff;}
#quantity_box label { line-height: 1; display: block; margin-bottom: 0.25em; }
#order_leaf_total { text-align: right; }
#num_ordered, #quant_total { float: left; }
   #num_ordered {  margin-right: 20px;}
#quant_total label { margin-top: 1em; }
#quantity_box em { display: block; margin: 1em 0; float: left; }
#alt_ship { padding-right: 8.5em; margin-top: -0.5em; }\
#final_total { padding: 0.5em 0; background: #F3F8F9; border: 1px solid #D4E9EA; border-width: 1px 0; float: right; }
#ship_message { clear: both; float: right; width: 22.1em; font-size: 0.833em; }
#order_personal { float: left; }
#order_submit { float: right; }

.border #busy { float: left; position: relative; clear: left; }
.border #sidebar h3.payment { text-align: left; }

/* Login page
-------------------------------------------------------------- */

#login_form { padding: 0; border: 0; background: url(img/box-mid.gif) repeat-y 0 0; }
#login_form h2 { padding: 12px 12px 0; margin-top: 0.25em; background: url(img/box-top.gif) no-repeat 0 0; line-height: 1.27; }
#login_form form { padding: 0 12px; }
#login_form .last { margin: 0 0 0 -12px; background: url(img/box-bottom.gif) no-repeat 0 100%; padding: 0 0 12px 12px; }

/* Registration page
-------------------------------------------------------------- */

.bregister h2 { border-bottom: 3px double #207d80; }
.bregister input, .bregister select { width: 100%; display: block; }
.bregister form div { margin-bottom: 0.5em; }
.bregister #submit { width: auto; clear: both; }

#d_first_name,
#d_phone,
#d_email
{ width: 308px; float: left; margin-right: 20px; }

#d_last_name,
#d_mobile,
#d_email_confirmation
{ width: 308px; float: left; margin-right: 0; }

#d_city { width: 325px; float: left; margin-right: 20px; }
#d_state { width: 150px; float: left; margin-right: 20px; }
#d_zip { width: 121px; float: left; }

#d_federal_tax_id { background: url(img/tax-id-bg.gif) no-repeat 134px 42px; float: left; }
#d_federal_tax_id label { font-size: 1.5em; }
.bregister input.tax_id { width: 45px; float: left; display: block; margin-right: 20px; margin-bottom: 6px; font-size: 2.5em; }
#tax_id_2 { margin-right: 55px; }
#tax_id_9 { margin-right: 0; }
#user_tax_id { clear: both; }

/* Confirm order
-------------------------------------------------------------- */

#receipt { border-style: solid; border-width: 2px 4px 4px 2px; border-color: #eee #ddd #ddd #eee; padding: 1em 2em 2em; font-size: 1.25em; }
#receipt h3 { border-bottom: 3px double #207d80; margin-top: 1em; }
#receipt dt { font-weight: normal; }
#receipt dd { font-weight: bold; }
#receipt dt.total { font-weight: bold; }
#sidebar .change { font-size: 1.2em; }