/* main.css */

/* main page colors 

turq blue: #588CA2
cream header: #FBFBEE 

*/
body {
	margin: 0;
	text-align: left;
	overflow-x: hidden;
	font-size:0.7em;
	line-height:1.3em;
	color:#666;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	}
#home {
	background: #FFF /*url('../img/bg-homepage2.jpg') - removed for steaming video */ 380px 170px  no-repeat;
	}
/* page structure */
#header {
	width: 100%;
	}
#topbar {
	background-color: #588CA2;
	height: 23px;
	padding-left: 274px;
	overflow: hidden;
	}
#navbar {
	background-color: #FBFBEE;
	height: 48px;
	padding-left: 274px;
	overflow: hidden;
	}
	
#content {
	margin-top: 33px;
	width: 958px;
	}
#intro {
	margin: 22px 0 0 17px;
	width: 380px;
	}
#footer {
	width: 400px;
	margin-left: 60px;
	padding-bottom: 30px;
	}
#sidebar {
	float: left;
	width: 335px;
	margin: 0 10px 0 33px;
	/* ie6 double margin fix */
	display: inline;
	}
#maincontent {
	float: left;
	width: 540px;
	padding-bottom: 40px;
	}	
/* general styles */
a {
	color: #588CA2;
	}
a img {
	border: none;
	}
strong {
	font-weight: bold;
	}
em {
	font-style: italic;
	}
.clear {
	clear: both;
	}
.hidetext {
	text-indent:-9999em;
	}
.inset {
	margin-left: 43px;
	}
.highlight {
	color: #588CA2;
	}
.lowlight {
	color: #999;
	}
.nomargin, #maincontent p.nomargin {
	margin: 0;
	}
.footnote {
	font-size: 0.9em;
	color: #999;

	}
.pad-left {
	margin-left: 13px;
	}
/* color highlights */
.blue {
	color: #669AFD;
	}
.green {
	color: #6EB050;
	}
.orange {
	color: #F27D01;
	}
.red {
	color: #DA0202;
	}
.dark {
	color: #333;
	}
.indent {
	margin-left: 31px;
	}
/* page header */
#logo {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
	}
#topbar ul {
	width: 500px;
	}
#topbar ul li {
	display: inline;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	
	}
#topbar ul li a {
	display: block;
	width: auto;
	float: left;
	color: #FFF;
	text-decoration: none;
	margin: 5px 0 0 20px;
	}
#nav li {
	display: inline;
	}
#nav li a {
	display: block;
	float: left;
	height: 48px;
	text-decoration:none;
}
#nav li a span {
	display: block;
	text-indent:-9999em;
	}

/* navbar buttons */
a#b-home {
	background: transparent url('../img/btn/btn-home.png') 0 0 no-repeat;
	width: 71px;
	}
a#b-thefacts {
	background: transparent url('../img/btn/btn-thefacts.png') 0 0 no-repeat;
	width: 92px;
	}
a#b-casestudies {
	background: transparent url('../img/btn/btn-casestudies.png') 0 0 no-repeat;
	width: 111px;
	}
a#b-takecontrol {
	background: transparent url('../img/btn/btn-takecontrol.png') 0 0 no-repeat;
	width: 119px;
	}
a#b-wheretobuy {
	background: transparent url('../img/btn/btn-wheretobuy.png') 0 0 no-repeat;
	width: 120px;
	}
a#b-faq {
	background: transparent url('../img/btn/btn-faq.png') 0 0 no-repeat;
	width: 47px;
	}
/* roll-over */
a#b-home:hover,
a#b-thefacts:hover,
a#b-casestudies:hover,
a#b-takecontrol:hover,
a#b-wheretobuy:hover,
a#b-faq:hover {
	background-position: 0 -48px;
	}
a#b-thefacts:hover .nav_dropdown {
	display: block;
	}
/* drop-down menus */
.nav_dropdown {
	position:absolute;
	top:71px;
	left:-9999px;
	border-top:none;
	background-color:transparent;
	z-index:10;
	}
/* show drop-down menus */
#nav li:hover ul#sub-thefacts, #nav li.over ul#sub-thefacts {
	left: 345px;
	}
#nav li:hover ul#sub-takecontrol, #nav li.over ul#sub-takecontrol {
	left: 548px;
	}
#nav li ul li {
	width: 172px;
	clear: left;
	display: block;
	float: left;
	clear: left;
	}
#nav li ul li a {
	width: 149px;
	padding: 2px 0 6px 12px;
	height: 13px;
	background-color: #FBFBEE;
	height: auto;
	color: #666;
	text-decoration: none;
	}

#nav li ul li.last_row a {
	height: 27px;
	}
#nav li ul li a:hover{
	color: #588CA2;
	/*background: transparent url('../img/bg-menuOver.jpg') top left repeat-x;*/
	}

.menu-top {
	display: block;
	width: 11px;
	background: transparent url('../img/menu_right.png') top left no-repeat;
	height: 23px;
	float: right;
	}
.menu-side {
	display: block;
	float: right;
	width: 11px;
	height: 22px;
	background: transparent url('../img/menu_side.png') top left no-repeat;
	}
.last_row .menu-side {
	height: 35px;
	}

.menu-bottom {
	display: block;
	width: 161px;
	height: 11px;
	background: transparent url('../img/menu_bottom.png') top left no-repeat;
	float: left;
	}
.menu-corner {
	display: block;
	float: left;
	width: 11px;
	height: 11px;
	background: transparent url('../img/menu_corner.png') top left no-repeat;
	}
/* #footer */
#footer ul li {
	display: inline;
	}
#footer ul li a {
	display: block;
	float: left;
	margin-right: 13px;
	font-size: 0.9em;
	color: #999;
	text-decoration: none;
	}
#footer ul li a:hover {
	color: #588CA2;
	}
/* home page */
#intro p {
	margin-bottom: 0.9em;
	}
#intro img {
	float: left;
	margin: 0 25px 30px 0;
	
	}
#hp-casestudies {
	background: transparent url('../img/bg-casestudies.jpg') top left no-repeat;
	width: 307px;
	height: 248px;
	margin: 0 0 0 44px;
	padding: 12px 0 0 12px;
	}
#hp-casestudies p {
	text-align: right;
	margin-right: 28px;
	font-size: 0.95em;
	}
/* maincontent */
#maincontent p, #maincontent h2 {
	margin-bottom: 1em;
	}
#maincontent h1 {
	margin: 1em 0 1.5em;
	}
#maincontent ul {
	list-style: disc;
	margin: 1em 0 2em;
	padding-left: 1em;
	}
#sitemap #maincontent ul {
	list-style: none;
	margin: 0 0 1em;
}
#sitemap #maincontent ul li {
	margin-bottom: 3px;
	}
/* whatisformoline - indent all content*/
#whatisformoline #maincontent p, 
#whatisformoline #maincontent h1, 
#whatisformoline #maincontent h2, 
#whatisformoline #maincontent ul {
	margin-left: 15px;
	margin-right: 5px;
	}

.rounded_box {
	background: #FBFBEE url('../img/module_top.gif') top left no-repeat;
	width: 525px;
	padding: 15px 15px 0 0;
	margin-bottom: 1em;
}
.rounded_box div {
	background: transparent url('../img/module_bottom.gif') bottom left no-repeat;
	height: 16px;
	}
/* faq page */
/* sidebar width cream background and fade */
#faq #sidebar, 
#toptips #sidebar, 
#bmicalculator #sidebar,
#contactus #sidebar,
#register #sidebar,
#wheretobuy #sidebar,
#pressoffice #sidebar,
#competitor #sidebar,
#terms #sidebar,
#sitemap #sidebar,
#cs_submission #sidebar,
#send2friend #sidebar,
#healthcare #sidebar,
#casestudies_home #sidebar {
	width: 310px;
	height: 775px;
	margin: 0 35px 0 33px;
	background: #FBFBEE url('../img/bg-sidebar.jpg') bottom left no-repeat;
}
#register #sidebar,
#wheretobuy #sidebar,
#pressoffice #sidebar,
#competitor #sidebar,
#sitemap #sidebar,
#healthcare #sidebar,
#casestudies_home #sidebar {
	height: 525px;
	}
#cs_submission #sidebar {
	height: 1400px;
	}
#sidebar_header {
	background: transparent url('../img/bg-cs_sub_sidebar.gif') top center no-repeat;
	margin: 0;
	padding-top: 7px;
	}
#faq #maincontent h2 {
	margin-top: 2em;
	}
/* top tips page */

#toptips #maincontent, #casestudies_home #maincontent {
	width: 580px;
	}
.block {
	width: 185px;
	height: 225px;
	float: left;
	margin: 0 12px 26px 0;
	background-color: #FBFBEE;
	}
.block_tall {
	width: 185px;
	height: 285px;
	float: left;
	margin: 0 12px 26px 0;
	background-color: #FBFBEE;
	}
.block img, .block_tall img {
	margin-bottom: 8px;
	}
#maincontent .block p, 
#maincontent .block_tall p {
	margin: 0 8px;
	font-size: 0.9em;
	}
#maincontent .block_tall p {
	margin-right: 26px;
	}
.sidebar_block {
	width: 288px;
	border: 1px solid #CCC;
	background: #FEFEF8 url('../img/bg-sidebar_block.jpg') 0 34px no-repeat;
	margin: 20px auto;
	text-align: center;
	}
.sidebar_block p {
	font-size: 0.9em;
	margin: 17px 20px 10px;
	text-align: left;
	}
.sidebar_block img {
	margin-bottom: 10px;
	}
.sidebar_block a {
	color: #666;
	}
.imgs {
	float: left;
	margin: 17px 20px;
	width: 79px;
	}

.imgs img {
	margin-bottom: 3px;
	}
#btn-findout {
	display: block;
	text-align: center;
	margin: 12px auto;
	width: 199px;
	height: 26px;
	background: transparent url('../img/btn/btn-findout.gif') top left no-repeat;
	}
/* BMI calculator */
#bmicalculator #content {
	width: 985px;
	}
#bmicalculator #maincontent {
	width: 607px;
	}
#bmicalculator #maincontent h1, 
#bmicalculator #maincontent p {
	margin-left: 24px;
	}
#maincontent ul.dashed_list {
	list-style: none;
	}
#maincontent ul.dashed_list li {
	background: transparent url('../img/dash.gif') top left no-repeat;
	padding-left: 12px;
	margin-bottom: 1.5em;
	}
/* case studies */
#casestudies #sidebar {
	width: 325px;
	height: 495px;
	margin: 0 10px 0 43px;
	background: #FBFBEE url('../img/bg-cs_sidebar.jpg') top left no-repeat;
}
#casestudies h1,
#casestudies #maincontent p {
	margin-left: 15px;
	}
#casestudies #maincontent p {
	margin-right: 40px;
	}
#casestudies h2 {
	margin-left: 9px;
	}
#casestudies_nav {
	width: 294px;
	height: 90px;
	overflow: auto;
	margin: 20px 0 20px 18px;

	}
#cs_submission #casestudies_nav {
	margin-left: 10px;
	}
#casestudies_nav a {
	display:block; width: 65px; height: 60px; position: absolute; z-index: 2; background: transparent url(blank.gif);
	}
.pngfix { behavior: url(css/iepngfix.htc); }


#casestudies_nav li {
	display: block;
	float: left;
	margin: 2px 3px 0 0;
	/*border: none;*/
	}
#casestudies_nav span {
	display: none;

	}

#tool_tip {
	position: absolute;
	z-index: 10;
	top: 5px;
	left: -9999px;
	width: auto;
	padding: 10px;
	border: 1px solid #A2B9C6;
	background-color: #FBFBEE;
	text-decoration: none;
	color: #666;
	}
#tool_tip img {
	display: none;
	}
#submit_yosh {
	display: block;
	width: 284px;
	height: 65px;
	background: url('../img/btn/btn-submit_yosh2.png') top left no-repeat;
	margin: 10px 0 10px 12px;
	border: none;
	text-decoration: none;
	}
#casestudy_header {
	width: 548px;
	height: auto;
	background: transparent url('../img/bg-casestudy_header.png') top left no-repeat;
	padding-top: 13px;
	}
#casestudy_header img {
	float: left;
	margin: 0 22px 13px 16px;
	border: 1px solid #588CA2;
	
}
#casestudy_header p {
	line-height: 1.5em;
	margin-top: 10px;
	margin-left: 0;
	}
#quote {
	background: transparent url('../img/casestudies/quote.gif') top left no-repeat;
	width: 417px;
	height: 38px;

	}
.cs_subject {
	float: left;
	width: 183px;
	margin: 0 10px 10px 0;
	}
/* case studies submission */
.form_module, .form_module_blue {
	width: 553px;
	background: #FBFBEE url('../img/module_top_cream.gif') top left no-repeat;
	padding: 20px 0 0;
	margin-bottom: 20px;
}
.form_module_blue {
	background: #F5F8F9 url('../img/module_top_blue.gif') top left no-repeat;
}
.form_module_bottom {
	background: #FBFBEE url('../img/module_bottom_cream.gif') bottom left no-repeat;
	height: 20px;
}
.form_module_blue .form_module_bottom {
	background: #F5F8F9 url('../img/module_bottom_blue.gif') bottom left no-repeat;
	}
.form_module .row {
	border-color: #FBFBEE;
	}
.form_module_blue .row {
	border-color: #F5F8F9;
	}
.form_module .form_label, 
.form_module_blue .form_label {
	text-align: right;
	margin-right: 12px;
	}
.metric {
	display: none;
	}
.imperial, .metric {
	margin: 8px 4px 10px;
	}
.form_module p {
	margin: auto 100px auto 31px;
	}
#sample_picture {
	width: 155px;
	height: 155px;
	text-align: center;
	background-color: white;
	border: 1px solid #789BB6;
	float: left;
	margin: 0 20px 0 31px;
	display: inline;

	}
#sample_picture p {
	vertical-align: middle;
	margin: 60px 20px 0;
	}
/* form layouts */
.row {
	margin-bottom: 4px;
	border: 1px solid white;
	}
.form_label {
	float: left;
	width: 140px;
	padding-top: 3px;
	}
.number {
	text-align: right;
	}
#send2friend .form_label {
	width: 180px;
	}
.form_input {
	float: left;
	}
input, select {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	}
.form_input input[type=text], 
.form_input textarea,
#description_textarea {
	border: 1px solid #789BB6;
	width: 214px;
	font-size: 0.95em;
	color: #666;
	padding: 2px 3px;
	}
.form_input textarea,
#description_textarea {
	font-size: 1em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	}
.form_input input.measurement {
	width: 40px;
	}
.form_input input.input_short {
	width: 165px;
	}
.form_input input.input_long {
	width: 265px;
	}
.form_input textarea {
	width: 265px;
	height: 60px;
	}
#description_textarea {
	width: 485px;
	height: 333px;
	margin: 0 0 0 31px;
	
	}
.spacer_top {
	margin-top: 30px;
	}
select {
	border: 1px solid #789BB6;
	background-color: #F0F3F7;
	color: #666;
	font-size: 0.95em;
	padding: 2px 3px 2px 0;
	}
.required {
	color: orange;
	}
/* regsiter form elements */
#title_select, #hear_about_us_select {
	width: 155px;
	}
#dob_day_select {
	width: 53px;
	}
#dob_month_select {
	width: 100px;
	}
#dob_year_select {
	width: 61px;
	}
#submit_input {
	margin-top: 30px;
	}
p input {
	vertical-align: middle;
	}
/* terms and conditions page */
#terms ol {
	list-style: lower-roman;
	margin: 20px;
	}
#terms ol li {
	margin-bottom: 10px;
	}
#terms h2, #terms h3 {
	font-weight: bold;
	}
/* headers */
#home h1 {
	background: transparent url('../img/headers/h1_homepage.gif') top left no-repeat;
	height: 26px;
	width: 883px;
	margin-left: 60px;
	
	}
#hp-casestudies h2 {
	background: transparent url('../img/headers/h2_casestudies.gif') top left no-repeat;
	height: 13px;
	width: 113px;
	margin: 5px 0 12px 12px;
	}
#whatisformoline h1 {
	background: transparent url('../img/headers/h1_whatisformoline.gif') top left no-repeat;
	height: 27px;
	width: 363px;
	}
h2#recommendations {
	background: transparent url('../img/headers/h2_recommendations.gif') top left no-repeat;
	width: 193px;
	height: 14px;
	}
h2#howdoesitwork {
	background: transparent url('../img/headers/h2_howdoesitwork.gif') top left no-repeat;
	width: 138px;
	height: 14px;
	}
/* faq headers */
#faq h1 {
	background: transparent url('../img/headers/h1_faq.gif') top left no-repeat;
	height: 31px;
	width: 522px;
	}

h2#h2_whatisformoline {
	background: transparent url('../img/headers/h2_whatisformoline.gif') top left no-repeat;
	height: 14px;
	width: 175px;
	}
h2#h2_usedfor {
	background: transparent url('../img/headers/h2_usedfor.gif') top left no-repeat;
	height: 14px;
	width: 237px;
	}
h2#h2_ingredients {
	background: transparent url('../img/headers/h2_ingredients.gif') top left no-repeat;
	height: 17px;
	width: 315px;
	}
h2#h2_howdoesformolinework {
	background: transparent url('../img/headers/h2_howdoesformolinework.gif') top left no-repeat;
	height: 14px;
	width: 229px;
	}
h2#h2_results {
	background: transparent url('../img/headers/h2_results.gif') top left no-repeat;
	height: 17px;
	width: 401px;
	}
h2#h2_aftermeals {
	background: transparent url('../img/headers/h2_aftermeals.gif') top left no-repeat;
	height: 14px;
	width: 275px;
	}
h2#h2_medications {
	background: transparent url('../img/headers/h2_medications.gif') top left no-repeat;
	height: 14px;
	width: 381px;
	}
h2#h2_notlostanyweight {
	background: transparent url('../img/headers/h2_notlostanyweight.gif') top left no-repeat;
	height: 17px;
	width: 497px;
	}
h2#h2_besttime {
	background: transparent url('../img/headers/h2_besttime.gif') top left no-repeat;
	height: 14px;
	width: 290px;
	}
h2#h2_cost {
	background: transparent url('../img/headers/h2_cost.gif') top left no-repeat;
	height: 14px;
	width: 227px;
	}
h2#h2_veggie {
	background: transparent url('../img/headers/h2_veggie.gif') top left no-repeat;
	height: 17px;
	width: 255px;
	}
/* -- */
#toptips h1 {
	background: transparent url('../img/headers/h1_toptips.gif') top left no-repeat;
	height: 26px;
	width: 297px;
	}
h2#h2_bmi {
	width: 288px;
	height: 34px;
	background: transparent url('../img/headers/h2_bmi.gif') top left no-repeat;
	}
#bmicalculator h1 {
	background: transparent url('../img/headers/h1_bmicalculator.gif') top left no-repeat;
	height: 27px;
	width: 487px;
	}
h2#h2_bmicalculator {
	background: transparent url('../img/headers/h2_bmicalculator.gif') top left no-repeat;
	height: 34px;
	width: 607px;
	margin: 0;
	}
h2#h2_toptips {
	width: 288px;
	height: 34px;
	background: transparent url('../img/headers/h2_toptips.gif') top left no-repeat;
	}
h2#h2_direct {
	width: 71px;
	height: 14px;
	background: transparent url('../img/headers/h2_direct.gif') top left no-repeat;
	}
h2#h2_online {
	width: 71px;
	height: 14px;
	background: transparent url('../img/headers/h2_online.gif') top left no-repeat;
	}
h2#h2_instore {
	width: 71px;
	height: 14px;
	background: transparent url('../img/headers/h2_instore.gif') top left no-repeat;
	}
#casestudies h1, #casestudies_home h1 {
	background: transparent url('../img/headers/h1_casestudies.gif') top left no-repeat;
	height: 26px;
	width: 225px;
	margin: 0 0 13px 15px;
	}
#casestudies_home h1 {
	margin-left: 0;
	}
h3#h3_browsecasestudies {
	background: transparent url('../img/headers/h3_browsecasestudies.gif') top left no-repeat;
	height: 13px;
	width: 186px;
	margin: 14px 20px;
	
	}
#cs_submission h3#h3_browsecasestudies {
	margin: 0 20px 14px;
	/*padding-top: 7px;*/
}
#register h1 {
	background: transparent url('../img/headers/h1_register.gif') top left no-repeat;
	height: 26px;
	width: 411px;
	}
#contactus h1 {
	background: transparent url('../img/headers/h1_contactus.gif') top left no-repeat;
	height: 26px;
	width: 212px;
	}

#wheretobuy h1 {
	background: transparent url('../img/headers/h1_wheretobuy.gif') top left no-repeat;
	height: 26px;
	width: 249px;
	}
#pressoffice h1 {
	background: transparent url('../img/headers/h1_pressoffice.gif') top left no-repeat;
	height: 26px;
	width: 214px;
	}
#competitor h1 {
	background: transparent url('../img/headers/h1_competitor.gif') top left no-repeat;
	height: 26px;
	width: 476px;
	}
#terms h1 {
	background: transparent url('../img/headers/h1_terms.gif') top left no-repeat;
	height: 26px;
	width: 370px;
	}
#sitemap h1 {
	background: transparent url('../img/headers/h1_sitemap.gif') top left no-repeat;
	height: 26px;
	width: 136px;
	}
#cs_submission h1 {
	background: transparent url('../img/headers/h1_cs_submission.gif') top left no-repeat;
	height: 26px;
	width: 441px;
	}
h2#h2_onitsway {
	background: transparent url('../img/headers/h2_onitsway.gif') top left no-repeat;
	width: 78px;
	height: 16px;
	}
#send2friend h1 {
	background: transparent url('../img/headers/h1_send2friend.gif') top left no-repeat;
	height: 26px;
	width: 298px;
	}
#healthcare h1 {
	background: transparent url('../img/headers/h1_healthcare.gif') top left no-repeat;
	height: 26px;
	width: 481px;
	}
h2#h2_thankyou {
	background: transparent url('../img/headers/h2_thankyou.gif') top left no-repeat;
	width: 78px;
	height: 16px;

	}

/*--------------------------------- NEW --------------------------------*/

#video {
float:right;
width:512px;
margin-right:0;

}