@charset "utf-8";
/* CSS Document */
/* Jon Vance adds */
#form .smallselect { height: 29px; position: relative;  top:-6px; background: #f8ecda; padding: 2px 0px 2px 0px; width: 175px; border: solid 1px #000; font-size: 12pt; }
#main2 .form .paytype { width: 151px; font-size: 12pt; border: solid 1px #000;}
#main2 .form .small_select { height:27px; padding:4px 0 3px 3px; width: 69px; border: solid 1px #000; font-size: 12pt; }
#main2 .form .largefield { height:20px; padding:4px 0 0 0; width: 149px; border: solid 1px #000; font-size: 12pt }
#main2 .form .largefield2 { height:20px; padding:4px 0 0 0; width: 149px; border: solid 1px #000; font-size: 11pt }


* { margin:0; padding:0; outline:0;}
ul, li { list-style:none; }
a img { border:0;}
p { padding:6px 0;}

.drkbrown { color:#693d00; }
.brown  { color:#986a28; }
.medbrown {color:#79450f;}
.green { color:#397300; }
.orange { color:#cf752b;}
.hide { display: none; }
.gold { color: #b4813b; }
.red { color: #C00; }

.clear { height:0; font-size:0; overflow:hidden; clear:both; line-height:0;}

body { font-family:Arial, Helvetica, "Nimbus Sans L", FreeSans; font-size:15px; background: url(../images/body_bg.jpg) repeat-x; }
#wrap { width:960px; margin: 0 auto; }
#header { background: url(../images/header_bg.png); height: 80px; }
#heather { background: url(../images/amber_looks.png); height: 66px; }
#video { }
#player { float: left; width: 562px; height: 477px; overflow: hidden; }


/*form*/
#form { float: left; padding: 48px 2px 0 18px; width: 376px; font-size: 0px; height:417px; line-height: 0px; background: #fff; border: solid 1px #000; overflow: hidden; border-top: none; top: 0px; left: 0px; position: relative; }
#form p { float:left; display:block; line-height: 20px; height:28px; overflow: visible; padding: 0; font-size: 13px; }
#form p.form_top { text-align: center; font-size: 14px; height: 40px; overflow: hidden; position: absolute; left: 0px; top: 0px; width: 396px; background-color: #E2ECF0; z-index: 9; background-image: url(../images/try_30_day.png); }
#form .half { float: left; width: 50%; position: relative; font-style: italic; font-weight: bold; }
#form .full { float: left; width: 99%; padding-left: 1%; }
/*#form table.cert { padding-top: 10px; padding-bottom: 10px; border: 1px solid #000; } */
#form td.certify2 { padding-top: 5px; font-size: 11px; font-weight: normal; font-family: Arial, Helvetica, "Nimbus Sans L", FreeSans; color: #565656; }
/*#form td.certify { font-size: 11px; font-weight: normal; font-family: Arial, Helvetica, "Nimbus Sans L", FreeSans; color: #565656; } */


#form p.certify { width: 100%; text-align: center; font-size: 11px; line-height:14px; font-weight: normal; font-family: Arial, Helvetica; color: #565656; height: 30px; top: 0px; padding: 7px 0 0 0; overflow: hidden; position: relative; }
#form p.certify input { top:7px; left:32px; }

#form p.exclu { float: left; width: 96%; text-align: center; font-size: 12px; line-height:14px; font-weight: bold; font-family: Arial, Helvetica, "Nimbus Sans L", FreeSans; color: #000000; height: 40px; position: relative; top: 0px; padding: 7px 0 0 0; overflow: hidden; }


#form p.rush { text-align: center; float: left; height: 48px; width: 100%; padding: 0; position: relative; }
#form p.rush input { top:-5px; left:32px; }
#rush1 input { position:absolute; top:0; left:-3px; }
#rush1 { text-align: center; float: left; height: 48px; width: 245px; display: block; padding-top: 4px; clear: both; position: relative; left: -8px; }
#form .smallfield { height:22px; padding:6px 0 0 4px; width: 167px; border: solid 1px #000; background: #f8ecda; color: #000; font-weight: bold; font-style: normal; font-size: 14px; }
#form .largefield { height:22px; padding:5px 0 0 0; width: 246px; border: solid 1px #000; }
#form input { color:#3d3d3d; position:absolute; top:-6px; background:#fff; font-size: 12pt;}
#form select { color:#3d3d3d; background:#fff; }
/*end of form */
#leftContent { float: left; width: 618px; height: 1474px; }
#natural { background: url(../images/naturally_shown.png) no-repeat; border: 1px solid #000; height: 417px; padding-top: 110px; }
#natural ul { display: block; width: 334px; height: 280px; float: left; padding: 0 0 0 26px; }
#natural ul li { display: block; float: left; width: 304px; background: url(../images/gold_check.png) no-repeat; height:44px; padding: 0 0 0 30px; font-weight: bold; font-size:14px; line-height: 28px; }
#natural .bottles { float: left; }
#natural a { clear: left; display: block; }
#news { margin: 10px 0 0 0; background:url(../images/joliese_main_35.png) no-repeat; padding-top: 73px; border: solid 1px #000; }
#news ul li { height: 150px; display: block; float: left; width: 100%; }
#news ul { float: left; padding: 0 0 0 20px; width: 566px; height: 412px; overflow: hidden; }
#news ul li img { float: left; padding: 0 20px 0 0; }
#news ul li span { display: block; padding-top: 14px; font-size: 13px; }
#proofs { margin-top: 10px; border: solid 1px #000; background-color: #faf2e1; overflow: hidden; width: 616px; }
#chart { float: left; }
#formula { float: left; }
#formula { height: 340px; background: #fff; border-bottom: solid 1px #000; border-left: solid 1px #000; }
#formula ul { display: block; padding-left: 20px; width: 297px; padding-top: 10px; }
#formula ul li { float: left; display: block; background:url(../images/brown_check.png)  0 2px  no-repeat; padding: 0 0 0  21px; height: 34px; width: 276px; font-weight: bold; font-size: 17px; font-style: italic; }
#rightContent { float: left; height: 1364px; border: solid 1px #000; width: 330px; margin-left: 10px; text-align: center; padding: 110px 0 0 0; background: url(../images/real_ppl.png) no-repeat; overflow: hidden; }
#rightContent ul li img { border: 5px solid #d6d6d6; margin-bottom: 4px; }
#rightContent ul li span { display: block; text-align: left; padding: 0 10px; }
#rightContent ul li { height: 309px; }
#about { margin-top: 20px; border: solid 1px #000; float: left; width: 958px; }
#about .title2 { background: url(../images/about_joliese.png); height: 42px; display: block; }
#about ul { padding: 31px 0 0 31px; display: block; font-size: 13px; float: left; }
#about ul li { float: left; width: 418px; height: 122px; margin-right: 30px; display: block; overflow: hidden; }
#about ul li .title3 { display: block; background-color: #faf2e1; height: 27px; line-height: 26px; font-weight: bold; padding: 0 0  0 10px; }
#about ul .col2 { width: 450px; margin: 0; }
#about ul li .answer { padding: 10px; display: block; font-size: 12px; }
#reserve { padding: 10px 0 0 0; clear: both; }

#top_footer { float: left; width: 100%; padding: 30px 0 26px 0; font-size: 12px; color: #4d4d4d; border-bottom: solid 1px #dadada; }
#top_footer ul { display: block; color: #4d4d4d; font-size: 13px; padding: 0 0 8px 0; }
#top_footer ul li { list-style-type: none; display: inline; padding: 0 6px 0 0; }
#top_footer ul li a { color: #4d4d4d; padding: 0 6px 0 0; text-decoration:none; }
#top_footer ul li a:hover { color: #292929; text-decoration: underline; }
#btm_footer { float: left; width: 100%; height: 200px; }
#btm_footer .left { float: left; width: 433px; padding-top: 38px; height: 190px; overflow: hidden; }
#btm_footer .right { float: left; width: 525px; overflow: hidden; }
#btm_footer p { color: #4d4d4d; padding: 0 0 0 0; font-size: 11px; line-height: 16px; }

/*Selects*/
#mySelect2 p, #mySelect2 a { padding:0; margin:0; width:110px; }
.selectArea { width:260px; height:30px; background: url(../images/dropdown.png) repeat-x left top; float: left; position:relative; top: -6px; font-style: normal; display:inline; }
#main2 .selectArea { background: url(../images/dropdown_center.png) repeat-x left top;}
#main2 .right .selectArea { top: -1px; line-height:18px; }
.selectArea .left1 { width:6px; height:30px; float:left; background: url(../images/dropdown_left.png) no-repeat left top;  font-size:12px;}
#main2 .selectArea .left1 { background: url(../images/dropdown_left_v2.png) no-repeat left top; } 
.selectArea .right1 {width:24px; height:30px; float:right; background: url(../images/dropdown_right.png)  no-repeat right top; }
#main2 .selectArea .right1 { background: url(../images/dropdown_right_v2.png)  no-repeat right top; }
.selectArea .right1 a { display:block; width:160px; height:31px; margin-left:-179px; position:absolute; }
.selectArea .right1 i { display:none; }
.selectArea .center { width:130px; color:#000; padding-top:5px; overflow:hidden; white-space:nowrap; }

/*Selects drop-down*/
.optionsDivInvisible, .optionsDivVisible { position:absolute; margin-top:-1px; margin-left:3px; width:152px; background:#fff; padding:2px; font-size:11px; z-index:20; }
#member_inner_header .optionsDivVisible  { background:#fff; }
.optionsDivInvisible { display:none; }
.optionsDivVisible { display:block; width:152px; border:solid 1px #000; border-top:none; }
.optionsDivVisible p { margin:0; padding:0; }
.optionsDivVisible a { color:#000; text-decoration:none; display:block; padding:1px 4px; border:1px solid #fbf8ec; }
.optionsDivVisible a:hover { color:#333; background:#fbf8ec; border-color:#000; }
#sarea3 { position:relative; left:5px;}

/* end of styled dropdowns*/

/* payment info pages */
#wrap2 { width:960px; margin:0 auto; }
#main2 { float: left; padding: 74px 0 0px 0; width: 960px; position: relative; background: url(../images/main2_bg.jpg) no-repeat; }
#main2 .left { float: left; width: 630px; padding: 202px 0 0 0px; display: inline; overflow: hidden; margin: 10px 24px 0 0; }
#main2 .right { float: right; width: 302px; font-size:0px; position: relative; overflow: hidden; top: -10px; }
#main2 .right .form { height: auto !important; height: 510px; min-height:510px; border: 1px solid #000; background: #fff; float: left; width: 257px; font-weight: bold; overflow: visible; padding: 43px 21px 5px; 21px; font-size: 13px; }
#main2 .right .form p { padding: 3px 0 3px 0; display:block; line-height: 26px; height: 32px; }
#main2 .right .form p.form_top { display: block; text-align: center; padding: 0; font-size: 15px; position: absolute; width: 299px; height: 42px; background-image: url(../images/payment_info.png); left: 1px; top: 1px; }
#main2 .form p.full2 { height: 43px; text-align: center; line-height: 20px; display: block; }
#main2 .form p.full3 { height: 56px; text-align: center; line-height: 20px; display: block; width: 245px; float: left; font-size: 14px; padding: 6px; }
#main2 .form p.yesnoradio_bg { height: 30px; background: url(../images/yes_no_bg.png) center top no-repeat; text-align: center; padding: 3px 0 0 0; line-height: 22px; }
#main2 p.yesnoradio_bg input { position: relative; top: 3px; margin: 0 3px; }
#main2 p.yesnoradio_bg span { padding-right: 5px; }
#main2 .form p.half { float: left; width: 60%; }
#main2 .form p.half2 { text-align: right; float: left; width: 38%; padding-right: 2%; }
#main2 .form .smallfield { height:22px; padding:4px 0 0 4px; width: 60px; border: solid 1px #000; background: #f0f0f0; color: #000; font-weight: bold; font-size: 14px; }
#main2 .form .largefield { height:22px; padding:4px 0 0 4px; width: 137px; border: solid 1px #000; background-color: #f0f0f0; color: #000; font-weight: bold; font-size: 14px; }
#main2 .half .cvv2 { font-size: 10px; font-weight: normal; padding: 0 0 0 10px; }
#main2 .cvv2 a { position: relative; top: -3px; line-height: 14px; font-weight: bold; }
#main2 .form ul { float: left; display: block; width: 256px; height: 125px; padding-top: 1px; overflow: hidden; }
#main2 .form ul li { float: left; font-size: 10px; font-weight: normal; list-style: none; display: block; width: 100%; padding: 3px 0; line-height: 14px; }
#main2 .form #mySelect1 { width: 142px; background: #f0f0f0; color: #000; line-height: 18px; font-size: 14px; }
#main2 .invoice_top { background:#000; height: 35px; color: #FFF; font-size: 16px; line-height: 32px; float: left; overflow: hidden; }
#main2 .order_invoice { font-size:14px; border-left: solid 1px #000; float: left; line-height: 20px; }
#main2 .order_invoice span { display: block; height: 32px; float: left; border-bottom: solid 1px #000; border-right: solid 1px #000; }
#main2 .order_invoice .col1 { width: 366px; float: left; padding-left: 12px; }
#main2 .order_invoice .col2 { width: 138px; text-align: center; }
#main2 .order_invoice .col3 { width: 109px; text-align: center; }
#main2 .order_invoice .invoice_item { line-height: 32px; font-weight: bold; }
#main2 .order_invoice .invoice_top span { border:none; padding: 0 0 0 1px; }
#main2 .order_invoice .invoice_top span.col1 { border:none; padding: 0 0 0 13px; }
#main2 .order_invoice .invoice_shipping { float: left; padding: 20px 0 0 30px; width: 597px; border-right: solid 1px #000; border-bottom: solid 1px #000; height: 108px; }
#main2 .order_invoice .ship_select { font-size: 18px; line-height: 20px; }
#main2 .left .order_invoice p { padding: 2px 0 4px 0; }
#main2 .order_invoice .col4 { width: 513px; text-align: right; padding-right: 4px; }
#main2 .invoice_tax { line-height: 32px; float: left; width: 632px; }
#main2 .invoice_total { line-height: 32px; font-weight: bold; float: left; width: 632px; color: #000; }
#footer .order_terms { display: block; font-size: 10px; color: #000; padding: 7px 0 11px 0; }
#footer .checkout_logos { float: left; width: 300px; padding-left: 43px; padding-top: 4px; }
#footer .terms_left { float: left; width: 600px; line-height: 12px; padding-top: 6px; }
#main2 .form_lock { height: 525px; overflow: hidden; }
#main2 .right .form .full1 { height: 30px; padding-top: 2px; text-align: center; font-size: 14px; }
#main2 .right .form .checkout_logos { float: right;  padding-right: 5px; }

.promo { float: left; width: 597px; padding: 13px 0 0 30px; border: solid 1px #000; border-top: none; border-left: none; font-size: 12px; height: 56px; }
.promo span { display: block; height: 18px; float: left; width:100%;  }
.promo .promoinput { width: 60px; padding: 3px 0 0 4px; border: solid 1px #000; height: 20px; margin-right: 10px; float: left; }
.promo input { float: left; }

#main2 .order_invoice .promo span { height: 22px; border: none; }#header3 { background: url(../images/header_bg.png)  repeat-x; height: 80px; }

/* downsell block */
#downsell { width: 389px; height: 83px; background: url(../images/timer_bg.jpg) no-repeat; margin-right: auto; margin-left: auto; margin-top: 8px; padding-left: 571px; padding-top: 56px; }
#counter { font: bold 70px Arial, Helvetica, sans-serif; color: #683F01; text-align: left; }
.remain { font: bold 38px Arial, Helvetica, sans-serif; color: #000; text-align: left; }
#form .btm { background: url(../images/from_rounded_corners.png); display: block; height: 7px; position: absolute; width: 417px; left: -1px; bottom: -1px; }
#footer .discount_offer { height: 59px; background:   url(../images/diamond_discount.png) 12px 0 no-repeat; padding: 0px 0 0 558px; border-bottom: solid 1px #000; }
#footer .disclaimer_2 { font-size: 12px; color: #535353; text-align: center; }
#footer .discount_offer form input { padding: 0 12px 0 0; }
#checkout #wrap2 .alternate { background: url(../images/main2_bg2.jpg) -2px 2px no-repeat; }
#video .list { background: url(../images/golden_bronze.png) no-repeat; height: 40px; }
#footer { float: left; }

/*confirmation page*/

#main4{ background-image: url(../images/congrats_content_bg.jpg); height: 213px; padding: 87px 300px 0 51px; font-size: 12px; line-height: 18px; }
#confirmation_table { width: 794px; border: solid 1px #000; font-size: 14px; margin: 0 auto; overflow: hidden; }
#confirmation_table .top_row { background-color: #000; height: 28px; color: #FFF; font-weight: bold; font-size: 16px; padding: 7px 0 0 10px; }
#confirmation_table .product_row img { float: left; width: 248px; left: 305px; }
#confirmation_table .product_row .top_prod_desc { float: left; width: 546px; height: 100px; border-bottom: solid 1px #fff; background-color: #eaeaea; padding: 15px 0 0 0; }
#confirmation_table .product_row .btm_prod_desc { background-color: #dfdfdf; float: left; width: 546px; height: 169px; padding-top: 20px; }
#confirmation_table .product_row { float: left; border-bottom: solid 1px #000; }
#confirmation_table .prod_ordered { float: left; background: #925b10; height: 28px; width: 784px; font-size: 16px; font-weight: bold; color: #FEFEFD; padding: 7px 0 0 10px; }
#confirmation_table .invoice_head { float: left; width: 100%; height: 29px; padding-top: 6px; background: #000; font-size: 16px; color: #FEFEFD; font-weight: bold; }
#confirmation_table .invoice_prod span { padding:8px 0 0 0; height:27px; }
#confirmation_table span.col_1 { width: 369px; display: block; float: left; padding-left: 10px; border-right: solid 1px #000; }
#confirmation_table .col_2, #confirmation_table .col_3 { float: left; width: 138px; border-right: solid 1px #000; text-align: center; }
#confirmation_table .col_4 { float: left; width: 135px; text-align: center; padding-top: 8px; }
#confirmation_table .invoice_prod { float: left; width: 100%; border-bottom: solid 1px #000; font-weight: bold; }
#confirmation_table .invoice_ship { float: left; width: 100%; height: 35px; border-bottom: solid 1px #000; }
#confirmation_table .col_5 { float: left; padding-top: 7px; height: 28px; width: 649px; border-right: solid 1px #000; display: block; text-align: right; padding-right: 8px; }
#confirmation_table .invoice_price { float: left; height: 35px; background: #fbf3e4; width: 100%; }
#confirmation_table .product_row p { display: block; float: left; padding-left: 30px; width: 240px; font-size: 11px; padding: 3px 0 3px 30px; }
#confirmation_table .product_row div { float: left; width: 270px; }
#confirmation_table .product_row  .large { font-size: 12px; }
#center .foot_space { clear: both; height: 60px; }
#confirmation_table .invoice_head .col_4 { padding: 0px; }
#header2 { background: url(../images/diamond_header.jpg); height: 80px; }
.congrats { background: url(../images/congrats_body_bg.jpg) repeat-x 0 80px; }
.foot_space { height: 20px; }

/* diamond discount */

#main3 { background: url(../images/diamond_content_bg.jpg); height: 453px; }
#main3 .disclaimer_2 { font-size: 12pt; color: #535353; text-align: center; font-family: Calibri; padding: 350px 0px 10px 330px; }
#main3 .discount_offer { padding: 0 0px 0 330px; }

.diamond { background: url(../images/diamond_body_bg.jpg) repeat-x center 80px; }

.PurpleTitle { font-family: Arial, Helvetica, sans-serif; color: #693d00; font-size: 16px; font-weight:bold }
.DescriptionBold { font-family: Arial, Helvetica, sans-serif; color: #423d42; font-size: 14px; font-weight:bold }
.Description { font-family: Arial, Helvetica, sans-serif; color: #423d42; font-size: 14px; }
.DescriptionSmall { font-family: Arial, Helvetica, sans-serif; color: #423d42; font-size: 11px; }

.ConfirmLegal {font-family: Arial, Helvetica, sans-serif; color: #423d42; font-size: 12px; font-weight: normal;}
.ConfirmLegalSmall {font-family: Arial, Helvetica, sans-serif; color: #423d42; font-size: 11px; font-weight: normal;}