/* Reseting 
------------------------------------------*/

html, body, div, object, 
h1, h2, h3, h4, h5, h6, p, ul, ol,
dl, dt, dd, blockquote, address,
img, sub, sup, small, big, abbr, acronym, 
form, fieldset, legend, label,
del, ins, dfn, cite, code, var, samp, kbd,
table, caption, tbody, tfoot, thead, tr, th, td
				{ margin: 0; padding: 0;
				  border: 0; outline: 0;
				  font-weight: normal;
				  font-style: normal;
				  font-size: 1em;
				  font-family: inherit;
				  vertical-align: baseline;
				  background: transparent }
				  
:focus, :active	{ outline: 0 }

html 			{ font-size: 100.01% }
body 			{
	font-size: 87.5%;
	line-height: 21px;
	background-color: #FFFFFF;
}	

/* Common
------------------------------------------*/

ul, ol			{ margin-bottom: 1.4545em }
ul 				{ list-style-type: square }
ol 				{ list-style-type: decimal }
li	 			{ margin: 0 0 0 2.1428em }
li ul			{ margin-bottom: 0 }

small 			{ font-size: .85em }
big 			{ font-size: 1.15em }
 
sup				{ font-size: .85em; position: relative; bottom: .3em }
sub				{ font-size: .85em; position: relative; bottom: -.2em }

legend			{ display: none }
label 			{ cursor: default }

table			{ border-collapse: collapse }

/* Typography
------------------------------------------*/

body			{ font-family: Arial, "Helvetica Neue", Helvetica, sans-serif}

h1, h2, h3, h4, h5, h6
 				{ font-family: Arial, "Helvetica Neue", Helvetica, sans-serif }
p, pre, label, caption, th, td, dt, dd, 
select, ul, ol, address, cite, img
				{ font-family: Arial, "Helvetica Neue", Helvetica, sans-serif } 
blockquote		{ font-family: Arial, "Helvetica Neue", Helvetica, sans-serif } 			
tt, code, samp	{ font-family: Consolas, "Courier New", Courier, monospace }

h1, h2, h3, h4, h5, h6
 				{ font-weight: bold; color: #11275f }
				
h1 				{ font-size: 2em; line-height: 32px; margin-bottom: 0.75em }
h2				{ font-size: 1.5em; line-height: 26px; margin-bottom: 1em; margin-right: 40px; }
h3, h4, h5, h6	{ font-size: 1em; line-height: 26px; margin-bottom: 1.5em; margin-right: 40px; }

p, ul, pre, label, dt, dd, 
select, blockquote, address
				{ font-size: 1em; line-height: 1.5em; margin-bottom: 1.5em }
th, td, caption, img
				{ font-size: 1em; line-height: 1.5em }
li ul			{ font-size: 1em }

/* Links
------------------------------------------*/

a:link, a:visited, a:active
				{ text-decoration: none; color: #0000CC;
				  border-bottom: 1px solid }

a:hover
				{ text-decoration: none; color: #f57b1b;
				  border-bottom: 1px solid }
a img			{ border: none }

/* Global Classes
------------------------------------------*/

.clear			{ clear: both }
.floatLeft		{ float: left }
.floatRight		{ float: right }
.noFloat		{ float: none !important }

.noPadding		{ padding: 0 !important }
.noMargin		{ margin: 0 !important }

.noBorder		{ border: none !important }
.noBg			{ background: none !important }

.cf:after 		{ content:""; display: block; clear: both }



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



/* Layout 
------------------------------------------*/

body			{ color: #000000; line-height: 21px;
				  background: #0064b8 url(../img/body.gif) repeat-x }

/* Wrapper
------------------------------------------*/

.extra			{ background: url(../img/header.jpg) center top no-repeat }
#wrap 			{ width: 976px; margin: 0 auto; position: relative }

/* Header
------------------------------------------*/

#header			{ height: 221px }

#logo			{ position: absolute; left: 4px; top: 27px;
				  margin: 0; z-index: 100 }
#logo a:link,
#logo a:visited	{ display: block; width: 345px; height: 89px;
				  text-indent: -999.9em; border: none;
				  background: url(../img/logo.png) no-repeat }

#header .mainMenu
				{ left: 0; top: 162px;
				  background: url(../img/main_menu_header.gif) no-repeat }
.mainMenu		{ position: absolute; width: 946px; height: 60px;
				  padding-left: 30px; list-style-type: none }
.mainMenu li	{ float: left; margin: 0 }
.mmHome			{ width: 76px }
.mmHowItWorks	{ width: 149px }
.mmGuarantee	{ width: 122px }
.mmingredients	{ width: 134px }
.mmTestimonials	{ width: 145px }
.mmOrderToday	{ width: 144px }
.mmFree	{ width: 145px }

.mainMenu .mmTestimonials
				{ margin-right: 1px }
.mainMenu a:link,
.mainMenu a:visited
				{ display: block; height: 45px;
				  text-indent: -9999px; font-size: 0; border: none }
.mmOrderToday a:link,
.mmOrderToday a:visited
				{ background: url(../img/main_menu_order_today.gif) no-repeat }
.mainMenu a:hover,
.mainMenu a:active
				{ background: transparent url(../img/main_menu_hover.gif) no-repeat scroll -2px top;}
.mmWhyPF5 a:hover,
.mmWhyPF5 a:active
				{ background-position: -74px 0 }
.mmHowItWorks a:hover,
.mmHowItWorks a:active
				{ background-position: -78px 0;}
.mmGuarantee a:hover,
.mmGuarantee a:active
				{ background-position: -652px 0; }
.mmingredients a:hover,
.mmingredients a:active
				{ background-position: -227px 0; }
.mmTestimonials a:hover,
.mmTestimonials a:active
				{ background-position: -361px 0 }
.mmOrderToday a:hover,
.mmOrderToday a:active
				{ background: url(../img/main_menu_order_today.gif) 0 -45px no-repeat }
.mmFree a:hover, .mmFree a:active	{ background-position: -507px 0; }

.ani-1			{ position: absolute; left: 330px; top: 39px;
				  display: block }
.promo			{ position: absolute; left: 77px; top: 9px;
				  margin: 0; letter-spacing: -1px;
				  font-size: .9285em; font-weight: bold; color: #6ec0eb }
.promo strong	{ color: #fff; font-size: 1.1538em;
				  font-family: "Arial Black", Arial, Helvetica, sans-serif }
.callUs			{ width: 289px; height: 21px; margin: 0;
				  position: absolute; left: 410px; top: 7px;
				  font-size: 0; text-indent: -9999px;
				  background: url(../img/call_us.gif) no-repeat }
.callUs-WW		{ width: 289px; height: 21px; margin: 0;
				  position: absolute; left: 410px; top: 7px;
				  font-size: 0; text-indent: -9999px;
				  background: url(../img/call_us_ww.gif) no-repeat }
.callUs-US 		{ width: 289px; height: 21px; margin: 0;
				  position: absolute; left: 410px; top: 7px;
				  font-size: 0; text-indent: -9999px;
				  background: url(../img/call_us_us.gif) no-repeat }
/* Content
------------------------------------------*/

#content		{ width: 950px; margin: -14px auto 0; position: relative;
				  border: 1px solid #014278; background: #fff; }
.mainCol		{
	float: right;
	padding-right: 20px;
	width: 645px;
	margin-top: 32px;
	background-color: #FFFFFF;
}
.mainCol2		{
	float: right;
	padding-right: 20px; padding-left:20px;
	width: 625px;
	margin-top: 32px;
	background-color: #FFFFFF;
}
.red {color: #be0808}
.sideBar		{ float: left; width: 279px; padding: 26px 0;
				  position: relative; left: -35px }

h1 				{ text-align: center; letter-spacing: -1px; margin-right: 40px;}
h1 strong,
h2 strong		{ color: #be0808 }

.mainCol p		{ margin-right: 40px;  }

.imgRight		{ float: right; margin: -10px 26px 20px 20px }

.list-1			{ list-style-type: none; margin-bottom: 1.1666em;
				  font-size: 1.2857em; line-height: 2em; }
				  
.list-1	li		{ margin: 0; padding-left: 64px;
				  background: url(../img/list-1.gif) 23px 0 no-repeat; }
				  
.list-3			{ list-style-type: none; margin-bottom: 1.1666em;
				  font-size: 1.2857em; line-height: 2em; }				  

.list-3	li		{ margin: 0; padding-left: 64px;
				  background: url(../img/list-3.gif) 23px 0 no-repeat; }

strong.bold		{ color: #000 }

.buyOnline		{ height: 497px; padding-top: 166px;
				  background: url(../img/buy_online.gif) no-repeat }
.buyOnline .top	{ position: absolute; left: -31px; top: 1px;
				  width: 335px; height: 243px }
.sideBar h3		{ height: 36px; position: relative;
				  text-indent: -9999px; font-size: 0; margin: 0 0 16px 35px;
				  background: url(../img/sidebar_header.png) no-repeat }
.orderDetails	{ width: 242px; height: 79px; margin: 0 auto 18px;
				  position: relative; padding: 10px 0 0 10px;
				  background: url(../img/form.gif) no-repeat }
.orderDetails .text
				{ width: 220px; margin-bottom: 9px; height: 20px; padding: 5px 6px;
				  font-size: 1.1428em; line-height: 1.25em; color: #a3a3a3;
				  background: none; border: none }

.list-2			{ list-style-type: none; width: 252px; margin: 0 auto 5px }
.list-2	li		{ margin: 0 0 10px 20px;
				  background: #0e66af; position: relative }
.list-2	label	{ color: #fff; font-weight: bold; line-height: 14px;
				  margin: 0; padding: 8px 0 8px 53px; display: block; cursor: pointer }
.list-2	label small
				{ display: block; font-size: .8571em }
.list-2	.radio	{ display: block; position: absolute; top: 16px; right: 16px;
				  width: 12px; height: 12px; margin: 0 }
.list-2 .icon	{ position: absolute; left: -20px; top: -5px }

.banner:link,
.banner:visited	{ display: block; border: none; position: relative;
				  text-indent: -9999px; font-size: 0 }
.banner:hover span,
.banner:active span
				{ display: block; position: absolute }
.banner-1:link,
.banner-1:visited
				{ height: 283px;
				  background: url(../img/block-3.jpg) no-repeat }
.banner-1:hover span,
.banner-1:active span
				{ width: 199px; height: 43px; left: 39px; top: 186px;
				  background: url(../img/block-3_hover.gif) no-repeat }
.banner-2:link,
.banner-2:visited
				{ width: 257px; height: 354px; margin-left: 12px;
				  background: url(../img/block-4.jpg) no-repeat }
.banner-2:hover span,
.banner-2:active span
				{ width: 164px; height: 43px; left: 47px; top: 256px;
				  background: url(../img/block-4_hover.gif) no-repeat }
.banner-3:link,
.banner-3:visited
				{ width: 257px; height: 289px; margin-left: 12px;
				  background: url(../img/block-5.jpg) no-repeat }
.banner-3:hover span,
.banner-3:active span
				{ width: 199px; height: 43px; left: 30px; top: 222px;
				  background: url(../img/block-5_hover.gif) no-repeat }

.placeOrder:link,
.placeOrder:visited
				{ display: block; width: 267px; height: 77px;
				  border: none; text-indent: -9999px; margin: 0 auto 6px;
				  background: url(../img/place_order.png) no-repeat }
.placeOrder:hover,
.placeOrder:active
				{ background-position: 0 -77px }

.sec			{ font-size: .7142em; line-height: 1.5em;
				  color: #fff; padding-left: 18px; margin: 0 0 8px 16px;
				  background: url(../img/lock.gif) no-repeat }

.payTypes		{ display: block; margin: 0 auto }

/* Footer
------------------------------------------*/

#footer			{ position: relative; width: 950px;
				  padding: 81px 0 17px; margin: 0 auto;
				  background: #00234e }
#footer .mainMenu
				{ left: -13px; top: 0;
				  background: url(../img/main_menu_footer.gif) no-repeat }
.footerMenu		{ text-align: center; list-style-type: none; color: #4087be;
				  font-size: .9285em; margin-bottom: 13px }
.footerMenu	li	{ display: inline; margin: 0 }
.footerMenu a:link,
.footerMenu a:visited
				{ color: #4087be }
.copy			{ text-align: center; margin: 0; color: #63a3d4;
				  font: .7857em/1.4545em Arial, Helvetica, sans-serif }

.footerBlock	{ width: 384px; float: left;
				  margin-right: 35px; margin-bottom: 20px;
				  background: #06295a url(../img/footer_block.gif) repeat-y }
.footerBlock .bTop
				{ background: url(../img/footer_block_btop.gif) no-repeat }
.footerBlock .bBot
				{ padding: 17px 18px 20px;
				  background: url(../img/footer_block_bbot.gif) left bottom no-repeat }
.first			{ margin-left: 74px }

.footerBlock h3	{ color: #d5edfe; margin-bottom: 14px; letter-spacing: -1px;
				  font-size: 1.4em; line-height: 1em }
.footerBlock ul	{ color: #12a5f2; margin: 0 }
.footerBlock a:link,
.footerBlock a:visited
				{ color: #72b3e5; border: none }
.footerBlock a:hover,
.footerBlock a:active
				{ color: #ffc800 }


/*======= Testimonal box CSS =======*/

.quoteleft { width:37px; height:33px; background:url(../img/quoteleft.gif); float:left;}
.test1, .test2 { width:580px;  background:#e8f7ff url(../img/testbg.gif) repeat-x left top; border:#84acc9 1px dashed; margin:0 0 20px 9px; padding:5px;}
	.test1 .test_text {background:url(../img/quoteright.gif) no-repeat right bottom;  padding:  15px 64px 16px 46px; width: 540px;}
	.test1 .test_text  p:last-child {margin-bottom: 0;}

	.test2 .test_text {background:url(../img/quoteright.gif) no-repeat right bottom;  padding:  15px 0px 20px 46px; width: 540px;}
	.test2 .test_text  p:last-child {margin-bottom: 0;}
.test_text { width:540px; margin:0 auto 0 auto; padding:15px 5px 5px 5px; text-align:justify;}


/*======= Order Page CSS =======*/

#order-box-left {
width:375px; 
float:left;
}
#order-box-right {
width:193px;
float:right;
text-align:right;
}

.paper-wrapper-order { border:3px solid #76A8CD; background: #f4fbfe url(../img/orderbg.gif) repeat-x top left; clear:both; padding: 10px; float:left; margin:10px auto; position: relative; width:597px;}
	.paper-wrapper-order .style3 {font-size: 18px; margin-bottom: 5px; font-weight: bold;}
		.paper-wrapper-order .order_month {font-style: normal;}
		
		.paper-wrapper-order .style2 {color: #d20000; font-size: 28px;}
.paper-top-order { /*background:url(../img/paper-top.jpg) no-repeat; width:560px; padding:40px 30px 20px 30px;*/}
.paper-top-order p { }
.paper-footer-order { /*background:url(../img/paper-footer.jpg) no-repeat;*/ width:620px; height:24px; margin:0 auto 0px auto;}

#order-box-right p {margin-right: 0;}

#order-box-right2 {
width:375px; 
float:right;
}
#order-box-left2 {
width:165px;
float:left;
}
.order_month  strong{ color:#09C; font-size:18px; font-weight:bolder;}