@charset "utf-8";

/* Reset */
a, abbr, acronym, address, area, b, bdo, big, blockquote, body, button, caption, cite,
code, col, colgroup, dd, del, dfn, div, dl, dt, em, fieldset, form, h1, h2, h3, h4,
h5, h6, hr, html, i, images, ins, kbd, label, legend, li, map, object, ol, p, param, pre,
q, samp, small, span, strong, sub, sup, table, tbody, td, textarea, tfoot, th, thead,
tr, tt, ul, var {margin:0;padding:0;vertical-align:baseline}

/* Defaults */
:focus {outline:0}
a, a:visited {}
a:hover {}
body {background:#f0f4f9 url(../images/bg.png) left top repeat-x;color:#000;font:75%/125% Arial, Sans-Serif}
img {border:0;vertical-align:bottom}
fieldset {border:0}
p {margin:0 0 1em}

/* Containers */
#page {background:url(../images/page-bg.png) 8px top repeat-y;color:#fff;margin:0 auto;padding:13px 0 15px;width:858px;}
* #page {background:url(../images/page-bg-ie.png) 8px top repeat-y;}

/* Header */
#header {background:url(../images/banner_back5.png) left top no-repeat;height:57px;padding:0 41px;width:776px;}

#logo {float:left;margin:15px 0 0}
#header div {color:#68e4ff;float:right;font-size:1em;padding:10px 0 0;width:254px}
#header div p {float:left;line-height:12px;}
#header div strong {color:#fff;display:block;float:right;font-size:2.665em;font-weight:700;line-height:26px;padding:0 0 0}

/*Main*/
#main {background:url(../images/top_back2.png) left top no-repeat;margin:-12px 0 0 -9px;position:relative;width:100%;}
* html #main {float:left}

/*Main Products*/
#main_products {background:url(../images/main-bg.png) 1px top no-repeat;margin:0 auto;position:relative;width:799px}

/* Content*/
#content {float:left;padding:0 0 0 40px;position:relative;width:519px;padding-top: 50px;z-index: 0;}
#content h1 {font-size:2.25em;font-weight:400;letter-spacing:-1px;line-height:30px;padding:32px 0 0 175px}
#content h1 span {color:#c7ff5b;display:block;font-weight:700}
#content h2 {font-size:2.25em;font-weight:100;letter-spacing:-1px;line-height:30px;padding:32px 0 0 175px}
#content h2 span {color:#FFFFFF;display:block;font-weight:700;font-size: 35px;}

/* Content Products*/
#content_products {float:left;padding:0 0 0 17px;position:relative;width:491px}
#content_products h1 {font-size:2.25em;font-weight:400;letter-spacing:-1px;line-height:30px;padding:18px 0 28px 7px}
#content_products h1 span {color:#c7ff5b;display:block;font-style:italic;font-weight:700}
#content_products p.intro {padding: 0 0 18px 7px}

	/*Free Trial*/
	#content a#risk-free-trial {background:#fff430;color:#e30000;float:right;font-size:2em;;height:120px;line-height:120px;overflow:hidden;position:relative;width:359px}
	* html #content a#risk-free-trial {margin:23px 0 0} 
	*+html #content a#risk-free-trial {margin:23px 0 0} 
	#content a#risk-free-trial span {background:url(../images/free_download.jpg);cursor:pointer;height:100%;left:0px;position:absolute;top:0px;width:100%;z-index: 1;}
	div.myButton input {background:url(../images/rush.png) no-repeat;cursor:pointer;width: 253px;height:64px;border: none;}

	
	/*Intro*/
	#intro {background:url(../images/intro-bg.png) 1px top repeat-y;clear:both;position:relative;margin:0 0 15px;width:500px;padding-left: 2px;}
	#intro div {width:500px;padding-left: 0px;background: url(../images/intro-top.png) -1px top no-repeat;}
	#intro div div {padding:0px 150px 30px 20px;width:315px;height: 325px;background: url(../images/intro-bottom2.png) 1px bottom no-repeat;}
	#intro div div div {background:none;padding:0 0 0 28px;width:287px;}
	#intro div div div img {margin:0 2px;}
	#intro div div #product {bottom:42px;height:325px;position:absolute;right:-26px;width:213px}
	#intro ul {font-size:1.5em;list-style:none;font-family:"Times New Roman", Times, serif}
	#intro ul li {background:url(../images/bullet.png) left top no-repeat;line-height:20px;padding:0 0 8px 28px;position:relative}
	* html #intro ul li {padding:0 0 8px 0}
	* html #intro ul li span {padding:0 0 0 28px}
	#intro h2 {border-bottom:1px solid #3aa4ff;color:#bde1ff;font-size:.915em;font-style:italic;font-weight:400;margin:0 0 10px 28px;padding:0 0 5px;width:266px}
	
	/*Content boxed*/
	#content .boxed {background:url(../images/boxed-bg.png) left top no-repeat;clear:both;margin:0 0 0 2px;width:490px;height: 200px;padding-bottom: 45px;}
	#content .boxed div {background:url(../images/boxed-top2.png) left top no-repeat;width:500px}
	#content .boxed div div {background:url(../images/boxed-bottom.png) left bottom no-repeat;overflow:hidden;padding:11px;width:468px}
	#content .boxed div div p {padding:5px 0 0}
	#content .boxed div div img.alignleft {clear:both;float:left;margin:0 12px 0 0}

/* Sidebar */
#sidebar {float:right;padding:13px 17px 0 0;position:relative;width:278px}

	/*Video*/
	#video {margin:0 0 0 4px}

	/*Form Container*/
	#sidebar #form-container {background:url(../images/form-bg.png) left top repeat-y;margin:-3px 5px 0 0;width:274px}
	* html #sidebar #form-container {margin:-2px 5px 0 0}
	*+html #sidebar #form-container {margin:-2px 5px 0 0}
	#sidebar #form-container div {background:url(../images/form-top4.png) left top no-repeat;width:274px}
	#sidebar #form-container div div {background:url(../images/form-bottom.png) left bottom no-repeat;overflow:hidden;padding:4px 11px 15px;width:252px}
	#sidebar #form-container div div div {background:none;float:right;padding:3px 17px 13px 0;width:auto}
	#sidebar #form-container div div h2 {color:#fff;font-size:1.75em;letter-spacing:-1px;padding:27px 0 0 13px}
	#sidebar #form-container div div form {padding:19px 0 0}
	#sidebar #form-container h3 {color:#f2eb74;font-size:1.5em;font-style:italic;font-weight:400;padding:0 0 16px 14px;text-decoration:underline}
	#sidebar #form-container div div form label {clear:both;float:left;font-size:1.165em;margin:5px 0 5px;padding:0 0 0 16px;width:91px}
	#sidebar #form-container div div form input {background:#fff;border:1px solid #7f9db9;margin:0 0 5px;padding:2px 5px;width:108px}
	#sidebar #form-container div div form select {background:#fff;border:1px solid #7f9db9;float:left;margin:2px 0 5px;width:45px}
	#sidebar #form-container div div form label#zip-label {clear:none;padding:0 0 0 4px;width:29px}
	#sidebar #form-container div div form input#zip {float:left;width:33px}
	#sidebar #form-container div div form input#rush-my-order {background:none;border:0;height:64px;margin:10px 0 10px;padding:0;width:253px}
	
	/*Bottom*/
	#bottom {width:787px;margin: 15px 0 15px 45px;}
	.bottom_bio {width:800px;float:left;background:url(../images/about_trainer_background.jpg) no-repeat 10px;height: 529px;}	
	
/*Quote*/
#quote {background:url(../images/quote-bg.png) left top repeat-y;clear:both;margin:15px 0 15px 45px;width:787px;}
#quote div {background:url(../images/quote-top.png) left top no-repeat;width:787px}
#quote div div {background:url(../images/quote-bottom.png) left bottom no-repeat;overflow:hidden;padding:6px;width:775px}
#quote div div blockquote {background:url(../images/quotes-bg.png) left top no-repeat;color:#fff;float:right;font-size:1.335em;margin:10px 0 0;padding:20px 64px 0 24px;width:549px}
#quote div div cite {color:#55c5ff;float:right;font-size:1.165em;font-style:italic;padding:0 31px 0 0;text-align:right;width:500px}

/*Terms*/
#terms {background:url(../images/terms-bg.png) left top no-repeat;height:48px;margin:10px 0 10px 50px;overflow:hidden;width:775px}
#terms a {color:#63e7ff}
#terms ul {color:#63e7ff;display:block;list-style:none;margin:0 auto;width:310px}
#terms ul li {display:inline;line-height:48px}

/*Image Alignement*/
.alignleft {float:left}

/* Footer */
#footer {background:url(../images/footer-bg.png) 3px top no-repeat;clear:both;color:#404040;font-size:.865em;margin:0 auto;padding:15px 28px;text-align:center;width:802px}

/*IE PNG Fix*/
* html #page {behavior: url("script/iepngfix.htc")}
* html #quote div div blockquote {behavior: url("script/iepngfix.htc")}
* html #intro ul li {behavior: url("script/iepngfix.htc")}
* html #footer {behavior: url("script/iepngfix.htc")}
* html #product {behavior: url("script/iepngfix.htc")}

/*Product Box*/
	#content .product-box {background:url(../images/product-bg.png) left top repeat-y;width:491px}
	#content .product-box div {background:url(../images/product-top.png) left top no-repeat;width:491px}
	#content .product-box div div {background:url(../images/product-bottom.png) left bottom no-repeat;padding:28px;overflow:hidden;position:relative;width:435px}
	#content .first-box div {background:url(../images/product-top-first.png) left top no-repeat;width:491px}
	#content .product-box #product {left:13px;position:absolute;top:0}
	#content .product-box div div .week-special {background:url(../images/weeks-special.png) left top no-repeat;height:100px;padding:0;position:absolute;right:5px;top:5px;width:126px}
	#content .product-box div div h1 {font-style:italic;font-weight:700;padding:10px 0 17px}
	#content .product-box div div h2 {color:#a7ff46;font-size:1.5em;font-weight:700;line-height:22px;padding:0 0 17px 0}
	#content .product-box div div img.alignleft {margin:0 7px 2px -20px}
	
/*Price*/
		#content .product-box div div .price {background:url(../images/divider.png) left 30px no-repeat;float:left;overflow:hidden;padding:0;width:310px}
		#content .product-box div div .long {background:url(../images/long-divider.png) left 30px no-repeat}
		#content .product-box div div .price p.new-price {font-size:1.5em;font-style:italic;font-weight:700;float:right;overflow:hidden;padding:15px 0 0;position:relative;width:220px}
		#content .product-box div div .long p.new-price {width:150px} 
		#content .product-box div div .price p.new-price span {float:left;line-height:30px;margin:0 10px 0 0}
		#content .product-box div div .price p.new-price strong {float:left;font-size:1.665em;font-style:normal;padding:10px 0 5px;text-transform:uppercase}
		#content .product-box div div .price p.new-price small {float:right;font-size:.565em;text-align:right}
		#content .product-box div div .price p.reg {color:#b3ccea;display:block;font-size:2.4em;font-weight:700;line-height:30px;margin:35px 0 0 0;overflow:hidden;position:relative;width:85px}
		#content .product-box div div .long p.reg {width:140px}
		#content .product-box div div .price p.reg strong {float:left}
		#content .product-box div div .price p.reg sup {float:left;font-size:0.65em;margin:0 0 0 5px}
		#content .product-box div div .price p.reg span {float:left;font-size:.55em;margin:-3px 5px 0 0;text-transform:uppercase}

/*Logo*/
.logo {position:absolute;background-image: url(../images/logo4.png);z-index: 2;height: 183px;width: 299px;left: 189px;top: -60px;}


/*Rollover Testimonials*/
#kristen{display:block;width:115px;height:236px;background: url(../images/kristen_rollover.png) no-repeat 0 0;float: left;}
#kristen:hover{background-position:0 -236px;}
#kristen span{display:none;}

#sami{display:block;width:115px;height:236px;background: url(../images/sami_rollover.png) no-repeat 0 0;float: left;}
#sami:hover{background-position:0 -236px;}
#sami span{display:none;}

#brandie{display:block;width:115px;height:236px;background: url(../images/brandie.png) no-repeat 0 0;float: left;}
#brandie:hover{background-position:0 -236px;}
#brandie span{display:none;}

/*Disclaimer*/
.disclaimer{padding:100px;padding-top:25px;padding-bottom:10px;}
