﻿/*--- GLOBAL STYLES ---*/
body { margin: 0; padding: 0; background-color: #f1f1f1; color: #5A5858; font-family: Verdana, Arial, Sans-Serif; font-size: 11px; text-align: center; }
img { border:0; }
select { font-family:Verdana, Arial, Sans-Serif; font-size:11px; color:#000000; border:1px solid #C6D599; }
a { color:#000000; }
hr { margin:0 auto; padding: 0; height: 1px; width:920px; text-align:center; color: #d0cccd; background-color:#d0cccd; border: 0; clear:both; }
hr.full { width:100% }
.font-10px { font-size:10px; }
.margin-top-15px { margin-top:15px !important }

/*--- TESTTUBE MASTER ---*/
#wrapper { position:relative; text-align:left; margin:0 auto; width:983px; background-color:#FFFFFF; border:1px solid #D0CCCC; margin-top:20px; }
#header-wrapper { }
#body-wrapper { padding:20px 20px 0 20px; }

/*--- HEADER ---*/
#header-wrapper #logo { float:left; margin:27px 0 0 20px; }

/*--- TOP RIGHT NAV ---*/
#top-nav { float:right; margin-top:40px; padding: 0 40px 10px 0; }
	#buy-it { padding-bottom:24px; text-align:right; }
	#top-nav ul { background:url(/images/top-nav.gif); width:380px; list-style-type:none; margin:0; padding:0; }
	#top-nav ul li { float:left; white-space: nowrap; overflow:hidden; height:25px; }
	#top-nav li a { display:block; width:100%; height:25px; }
	#top-nav li a span { display:none; }
	#top-nav li a img { height:25px; border:0; }
		#nav-program { width:124px; }
		#nav-program a { width:124px; background-image:url(/images/top-nav.gif); background-position:0 0; }
		#nav-program a:hover, #nav-program a.selected { background-position:0 -25px; }
		#nav-about { width:81px; }
		#nav-about a { width:81px; background-image:url(/images/top-nav.gif); background-position:-124px 0; }
		#nav-about a:hover, #nav-about a.selected { background-position:-124px -25px; }
		#nav-feedback { width:86px; }
		#nav-feedback a { width:86px; background-image:url(/images/top-nav.gif); background-position:-205px 0; }
		#nav-feedback a:hover, #nav-feedback a.selected { background-position:-205px -25px; }
		#nav-account { width:89px; }
		#nav-account a { width:89px; background-image:url(/images/top-nav.gif); background-position:-291px 0; }
		#nav-account a:hover, #nav-account a.selected { background-position:-291px -25px; }
		#nav-daily { width:104px; }
		#nav-daily a { width:104px; background-image:url(/images/top-nav.gif); background-position:-400px 0; }
		#nav-daily a:hover, #nav-daily a.selected { background-position:-400px -25px; }

/*--- SUBSCRIBE MASTER ---*/
#subscribe-header-wrapper { padding-bottom:20px; }
	#subscribe-header { float:left; padding:12px 0 23px 54px; }
	#subscribe-steps { float:right; padding:1px 84px 0 0; }
#subscribe-body-wrapper { width:923px; margin:0 auto; }
	#subscribe-body { float:left; padding-left:40px; width:611px; border-right:1px solid #D0CCCC; }

/*--- LOGIN ---*/
#returning-members-wrapper { float:left; padding-right:20px; width: 265px; }
#returning-members-content { padding:0 20px 0 20px; background-color:#EAEAEA; }
#new-members-wrapper { float:left; padding:0 20px 0 20px; width: 320px; border-left:1px solid #D0CCCC; border-right:1px solid #D0CCCC; }
#new-members-content { padding:0 20px 0 20px; background-color:#E5EBCF; }
#join-the-program { padding:0 0 0 20px; width:250px; float:left; }

/*--- PAYMENT METHOD ---*/
#payment { background-color:#EEF2E0; padding:0 20px 0 20px; width: 451px; }
	#payment a { color:#65B841; padding-left:10px; }
	.pb5 { padding-bottom:5px; }
	
/*--- REVIEW PAGE ---*/
#items-wrapper { padding:0 20px 0 20px; }
	.item-image { float:left; padding-right:20px; }
	.item-description { float:left; }
	#quantity { float:right; text-align:right; }
	#totals { clear:both; text-align:right; }
		.totals-title { text-align:right; width:160px; display:inline; float:right; }
		.totals-price { text-align:right; display:inline; float:right; padding-left:30px; }
	#review-billing { float:left; width:165px; }
	#review-shipping { float:left; width:165px; border-right:1px solid #D0CCCC; border-left:1px solid #D0CCCC; padding:0 20px 0 20px; margin:0 20px 0 20px; }
	#review-cc { float:left; width:165px; }
	#btn-place-order { text-align:right; padding:20px 0 0 0; clear:both; }
	.btn-edit { padding:6px 0 6px 0; }
	.bg-review { background-color:#EEF2E0; font-weight:bold; padding-left:18px; width:574px; }

/*--- FOOTER ---*/
#footer-wrapper { position:relative; text-align:left; margin-left:20px; margin-right:20px; }
#footer-wrapper a { color:#5A5858; text-decoration:underline; }

#copyright { text-align:right; font-weight:bold; font-size:10px; padding-bottom:20px; color:#c4c4c4; }

#ft { margin:20px 20px 0 20px; border-top:solid 1px #cdcdcd; }
#ft-nav { padding-top:6px; text-align:right; border-top:solid 1px #cdcdcd; font-size:10px; background-color:#fff; }
#ft-nav a { font-weight:bold; }
#ft-nav a:link, #ft-nav a:visited { color:#666; text-decoration:none }
#ft-nav a:hover { text-decoration:underline }

#other-publications { display:block; float:left; margin:11px 7px 0 0 }

/*--- RIGHT COLUMN ---*/
#right-column { float:right; width:251px; border-left:1px solid #D0CCCC; padding:0 0 60px 20px; margin-left:-1px; }
	#geotrust { padding-top:20px; margin-top:20px; border-top:1px solid #D0CCCC; }
	
/*--- ABOUT ---*/
#static-body { padding-left:54px; float:left; width:607px; border-right:1px solid #D0CCCC; padding-right:10px; }

/*--- PROGRAM DETAILS ---*/
#program-details-copy-wrapper { width:587px; padding-bottom:30px; }
	#program-details-copy { padding:0 20px 0 20px; background-color:#E4EBCE; }
#enroll-wrapper { float:left; width:183px; padding-left:30px; }
	#enroll { padding:0 40px 0 10px; height:55px; background-color:#E4EBCE; }
#enjoy-wrapper { float:left; width:183px; padding-left:70px; }
	#enjoy { padding:0 10px 0 10px; height:55px; background-color:#E4EBCE; }
#program-process { background:url(/images/bg-process.gif) no-repeat 20px top; width:556px; height:280px; position:relative; }
	#evaluate-wrapper { position:relative; top:140px; left:200px; }
		#evaluate-content { width:173px; height:55px; padding-left:10px; background-color:#E4EBCE; }

/*--- FORM ---*/
.forms { color:#000000; }
	.forms a { font-size:10px; color:#000000; text-decoration:underline; }
.form-title { width:70px; text-align:right; padding:3px 10px 0 0; float:left; }
.form-group { padding-bottom:8px; }
.txtCity { float:left; width:234px; }
.txt {
	border: 1px solid #C6D599;
	height: 15px;
	font-family: Verdana, Arial, Sans-Serif;
	font-size: 11px;
	color: #000000;
}

/*--- FEEDBACK ---*/
	/*--- DEFAULT ---*/
	#chosen-header { width:545px; padding:0 20px 20px 20px; border-left:1px solid #E8E8E8; border-right:1px solid #E8E8E8; }
	#chosen-content { width:545px; padding:0 20px 0 20px; border-left:1px solid #E8E8E8; border-right:1px solid #E8E8E8; }
	#btn-feedback { text-align:right; padding-top:10px; }
	#previous-tube-wrapper { background-color:#E5EBCF; width:547px; padding:0 20px 0 20px; }
		#previous-tube-wrapper a { font-weight:bold; text-decoration:underline; color:#000000; }
		.previous-tube { border-top:1px solid #D0CCCC; padding:15px 0 15px 0; }
	#feedback-left { float:left; width:608px; border-right:1px solid #D0CCCC; padding-left:54px; }
	#feedback-right { float:left; width:250px; border-left:1px solid #D0CCCC; padding:0 10px 0 20px; margin-left:-1px; }
	.feedback-right { float:left; width:250px; border-left:1px solid #D0CCCC; padding:0 10px 0 20px; margin-left:-1px; }
	/*--- MASTER ---*/
	#feedback-header-wrapper { padding-bottom:20px; }
		#feedback-header { float:left; padding:12px 0 23px 54px; }
		#feedback-steps { float:right; padding:1px 74px 0 0; }
		#feedback-body-wrapper { width:923px; margin:0 auto; }
	/*--- INTERIOR ---*/
	#personal-information { padding:0 0 25px 0; }
	.feedback-form-pb { padding-bottom:15px; }
	#form-left { float:left; width:588px; border-right:1px solid #D0CCCC; padding:0 10px 0 44px; }
	.form-left { float:left; width:588px; border-right:1px solid #D0CCCC; padding:0 10px 0 44px; }
	.form-left-products { width:100%; padding:0 10px 0 44px; }
	#products-feedback-wrapper { padding-left:44px; }
	.product-logo-wrapper { float:left; width:275px; padding-top:20px; }
	.product-logo { padding-bottom:50px; }
		.product-logo img { float:left; }
	.product-questions-wrapper { width:603px; float:left; }
		.product-questions-content { background-color:#F1F1F1; padding:0 20px 0 20px; }
		.product-questions-wrapper textarea { width:500px; height:100px; }
	#feedback-confirmation { padding:0 0 180px 44px; }

.fl { float:left; }
.fr { float:right; }
.center { text-align:center; }
.pb10 { padding-bottom:10px; }
.pb12 { padding-bottom:12px; }
.pb20 { padding-bottom:20px; }
.pb40 { padding-bottom:40px; }
.pt20 { padding-top:20px; }
.bold { font-weight: bold; }
.hline { height:1px; border-bottom:solid 1px #D0CCCC; clear:both; width:923px; margin:0 auto; }
.none { display:none; }
.user-message { color: #ff4848; }
.cb { clear:both; }
.error { color:#ff0000 }

/*--- Default ---*/
img#spread { display:block; margin:0 auto }
#btn-get-it-now { display:block; margin:0 auto; width:147px; text-align:center }
p#program-summary { text-align:center; color:#909090 }
        
#summary-of-contents { width:100%; text-align:center }
#summary-of-contents img.center { margin:0 20px }
        
table#testimonials { width:100% }
table#testimonials th { text-align:left }
table#testimonials td { vertical-align:top; padding-top:12px }
/*
*   426px width
*   002px left and right border of 1px
*   030px left and right margin of 15px
*   ---
*   458px total width
*/
table#testimonials td div { float:left; padding:0 15px; width:426px; height:250px; background:#fff url('/images/bubble-bg.gif') repeat-x bottom; border-right:1px solid #bebebe; border-left:1px solid #bebebe }
table#testimonials td img { float:left }/* if the div and img above aren't set to float:left there is a horizontal gap between the two */
table#testimonials h3 { margin:0 0 15px 0 }
table#testimonials p { padding-left:70px; width:360px }

/*--- Default Products ---*/
#default-products-wrapper { margin-top: 15px; width: 942px; }
#default-products-wrapper .heading { margin-bottom: 3px; }
	#default-products { width:940px; height:126px; border:solid 1px #d0cccd; position:relative;  }
		#products { padding:7px 0 10px 0; #padding-bottom:11px; position:absolute; }
		#products div { float:left; padding-left:7px; width:146px; }
		#products img { border:solid 1px #d0cccd; width:144px; }

/*--- Tool Tip ---*/
.tool-tip-bubble { width:144px; font-size:9px; color:#311111; text-decoration:none;  }
.tool-tip-bubble .tool-text { padding: 7px 10px 7px 27px; font-size:10px; background:url(/images/products/description-popup.gif) no-repeat; text-align:left; min-height:35px; height:auto !important; height:35px; }
.tool-tip-bubble .tool-bot { background:url(/images/products/description-popup-bottom.gif) no-repeat; height:6px; }
.product-description a.description { text-decoration:none; }
.product-description a.description:hover { border:0; }

/*--- CVV ---*/
#cvv { margin: 0; padding: 7px; text-align: left; }

/*--- Contact Us ---*/
#contact-us-wrapper { margin: 0; padding-left: 54px; }
	#contact-us-content { padding-left:15px; margin-bottom:80px; }
		#contact-us-content a { text-decoration:none; color:#5A5858; }
		#contact-us-content a:hover { text-decoration:underline; }
		.contact-title { font-weight:bold; font-size:18px; padding:15px 0 15px 0; }
		.contact-small-title { font-weight:bold; font-size:14px; border-bottom:1px solid #CCCCCC; width:300px; margin-bottom:10px; }
		.sub-content { padding-left:5px; }

/*--- My Account ---*/
#my-account { margin: 0; padding: 0; padding-left: 50px; width: 880px; }
    #my-account .img-my-account { margin-bottom: 20px; }
    #my-account .subscriptions { clear: both; margin: 0; margin-bottom: 10px; padding: 0; background-color: #eef2e0; }
    #my-account .user-subscriptions { margin: 0; padding-left: 15px; }
    
    /*--- My Account / Subscription Summary ---*/
    #myAccount-subscription-summary { float: left; margin-left: 15px; padding: 0; width: 575px; vertical-align: middle; }
    #myAccount-subscription-summary .subscriptionSummary-subscription-status { margin:0; padding:0; clear:right }
    #myAccount-subscription-summary .img-btn-changeEmail { margin: 0 20px 0 7px; padding: 0; }
    #myAccount-subscription-summary .img-btn-changePassword { margin: 0; margin-left: 7px; padding: 0; }
    #myAccount-subscription-summary p { float:left; margin:0; margin-top:10px; padding-top:3px; width:120px; height:200px; }
    #myAccount-subscription-summary .p-right { margin-left:30px; padding:3px 0 0 30px; border-left:solid 1px #d0cccd }
    #myAccount-subscription-summary .subscription-information { margin:0; padding:0; width: 120px; }
	#myAccount-subscription-summary hr { margin: 7px 0 7px 0; padding: 0; width: 575px; height: 1px; color: #d0cccd; background-color: #d0cccd; border: 0; }
    
        /*--- Subscription Summary / Account Details ---*/
        #subscriptionSummary-account-details { margin: 0; margin-bottom: 10px; padding: 0; }
    
    /*--- My Account / Order Summary ---*/
    #myAccount-order-summary {float: right; margin: 0; padding: 0; padding-left: 10px; width: 260px; border-left: solid 1px #d0cccd; }
        #myAccount-order-summary .img-subscription-history { margin-bottom: 10px; padding: 0; }
        #myAccount-order-summary .orders { margin: 0; padding: 0; height: 372px; overflow-y: auto; overflow-x: hidden; overflow: auto; }
			#myAccount-order-summary .order { width: 220px; }
			#myAccount-order-summary .order-title { float: left; width: 110px; }
			#myAccount-order-summary .order-info { float: right; width: 110px; text-align: right; }
			.order hr { margin: 10px 0 10px 0; padding: 0; height: 1px; width: 100%; color: #d0cccd; background-color: #d0cccd; border: 0; clear:both; }
	
	#order-status-descriptions { margin:0; padding:10px; text-align:left; }
		#order-status-descriptions hr { margin:5px 0 5px 0; padding:0; height:1px; width:100%; color:#d0cccd; background-color:#d0cccd; border:0 }
    
    /*--- My Account / Footer ---*/
    #myAccount-footer { clear: both; margin: 0; padding: 0; }
    #myAccount-footer p { float: right; margin: 0; margin-top: 10px; padding: 0; padding-right: 80px; }
    
    /*--- My Account / User Information ---*/
    .myAccount-user-information { margin: 0; margin-left: 15px; padding: 0; }
		.myAccount-user-information hr { margin: 7px 0 7px 0; padding: 0; width: 100%; height: 1px; color: #d0cccd; background-color: #d0cccd; border: 0; }
		#userInformation { margin-top: 10px; width: 100%; }
			#userInformation .firstName { float: left; margin-right: 7px; }
			#userInformation .lastName { float: left; }

	/*--- Change Password ---*/
	.myAccount-change-password { margin: 0; padding-left: 15px; }
	.cpTable { text-align: left; }
    .cpTitle { padding-bottom: 10px; font-weight: bold; text-align: left; }
    .cpLabel { font-weight: bold; text-align: left; }
    .cpButton { float: left; margin-top: 10px; }
    .cpFailure { padding-top: 10px; width: 300px; text-align: left; }
    .cpValidator { margin-top: 10px; text-align: left; } /*--- this doesn't work ---*/
    
    /*--- Address ---*/
    .myAccount-address { margin: 0; padding-left: 15px; }
    
    /*--- Credit Card ---*/
    .myAccount-creditCard { margin: 0; padding-left: 15px; }

/*--- MyAccount/invite-a-friend.aspx ---*/
#invite-a-friend {  }
#invite-a-friend h1 { font-size:18px; }
#invite-a-friend legend {  
    margin-left: 5px;  
    color: #5A5858;
    font-weight: bold;
}
#invite-a-friend fieldset {  
    float: left;  
    clear: left;  
    width: 100%;  
    margin: 0;  
    padding: 0;
}
#invite-a-friend fieldset ol {  
    list-style: none;
}
#invite-a-friend fieldset li {  
    padding-bottom: 6px;
    float: left;  
    clear: left;  
    width: 100%;  
}
#invite-a-friend fieldset label {  
    display: block;
    float: left;  
    width: 70px;  
    margin-right: 10px;
}
#invite-a-friend fieldset.submit {
    border-style:none;
    background-color: transparent;  
    background-image: none; 
}
#invite-a-friend input.submit {  
    float: none;  
    width: auto;  
    border-style: none; 
    padding-left: 120px;
     
}


/*-- RESET --*/
#reset-header { padding:12px 0 24px 54px; }
#reset-body { padding:20px 0 80px 54px; }

#official-rules { 
	display:none; 
	padding:20px; 
	text-align:left; 
	height:515px; 
	overflow-y:auto; 
	overflow-x: hidden; 
	overflow: auto
}

/* --- Float Hack --- */
.cf:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
/* Hides from IE-mac \*/
html .cf {height: 1%;}
/* End hide from IE-mac */

fl {float:left !important}
fr {float:right !important}

#offers-landing-login{ margin:0; padding:0 7px 7px 7px; width:251px; background-color:#eaeaea }
#offers-landing-login td { text-align:left }
.reactivate { margin:7px 0px }

.account-information { display:block; margin-bottom:10px; padding:7px; background-color:#fffebb }

#promotion-messages { clear:both; margin-right:auto; margin-left:auto; padding:3px 0; top:134px; width:920px; background-color:#64b644; color:#fff; text-align:center }
#promotion-messages.message {  }

div h3 span {font-weight:normal;}

/* Blog Survey */

#feedback-right .product-questions-wrapper {width: 250px;}
#feedback-right .product-questions-wrapper textarea {width:245px;}
#feedback-right .product-questions-content {background-color:#FFF;padding:0 5px;}
/********** Homepage Videos *********/
.video-info a h3 {padding-top:0px;padding-bottom:3px;margin-bottom:0px;margin-top:0px;color:#a9d433;font-weight:bold;}
#homepage-videos h2, #browse-videos h2 {color:#669900;font-size:31px;font-weight:normal;}
#homepage-videos {background: transparent url('/images/hp-video-bg.gif') no-repeat top left;}
.video-description {color:#666;font-weight:normal;font-size:11px;}
.video-container {padding-bottom:15px;}
.video-thumb {width:130px;float:left;position:relative;}
.duration {padding:3px;font-weight:bold;color:#FFF;opacity:0.8;background-color:#000;position:absolute;bottom:4px;right:12px;}
.video-info {width:170px;float:left;}
.video-info a {text-decoration: none;}
.video-info h3 {font-size:11px;}
.video-submitter-details {display:block;padding-top:5px;}
.video-submitter-details span {font-weight:bold;}
.video-submitter-details a {color:#a9d433; text-decoration:none;}
.video-submitter-details a:hover {text-decoration:underline;}

#video #main {padding: 15px; border: 1px solid #CCC;}
#video h1 {margin-top:0px;padding-top:0px;font-size: 22px;margin-left:75px;}
#main-video-title {width: 760px;}
#main-video-description {padding-top: 20px;}

#browse-videos {float:left;border:1px solid #CCC;padding:15px;width:760px;margin-left:75px;}
#browse-videos .video-container {float:left;padding-bottom:30px;width:235px;padding-right:25px;height:245px;position:relative;}
#browse-videos a {color:#a9d433;text-decoration:none;}
#browse-videos a:hover {text-decoration:underline;}
#browse-videos .video-container.last {clear:right;padding-right:0px;}
#browse-videos h2 {padding-top:0px;margin-top:0px;}

#videos #browse-videos {border: 0px;}

.pages button 
{
    color: #a9d433;
    vertical-align:middle;
    padding: 0 0.5em;
    white-space:nowrap;
    cursor:pointer;
    border:1px solid #CCCCCC;
    background: -moz-linear-gradient(center top , #FFFFFF, #EFEFEF) repeat scroll 0 0 #F6F6F6;
    -moz-border-radius: 3px 3px 3px 3px;
    -webkit-border-radius: 3px 3px 3px 3px;
    border-radius: 3px 3px 3px 3px;
}
.pages button.current {border-color: #CCC;color:#000;cursor:default;background:none repeat scroll 0 0 #DDDDDD;}
.pages button:hover, .pages button:focus {-moz-box-shadow: 0 0 3px #999;-webkit-box-shadow: 0 0 3px #999;}
.pages a {color: #a9d433;text-decoration:none;font-size:12px; margin: 1em;cursor:pointer;}
.pages a:hover {text-decoration:underline;}

.facebook-like iframe {width: 85px !important;}
.plusone-button div {width:75px !important;}

