@charset "utf-8";

/* CSS Document */



body {background:url(images/bg.gif) repeat-x top; margin:0; font-family:Tahoma, Arial, Helvetica, sans-serif;}

img {display:block; border:none; }

#promo{float: right; text-align: right; margin-top: 10px;}

#promo span{font-weight: bold; font-size: 20px; color:#5f3680;}

.left {float:left;}

.right {float:right;}

.rightpad {float:right; margin-left:15px;}

.clr {clear:both;}

form {padding:0; margin:0;}

h1, h2, h3 {margin:0;}

p {font-size:13px; color:#636164; line-height:18px; }

.yellow{color:#f7d859; text-decoration:underline; font-size:13px; font-weight:normal;}

.yellow:hover {color:#f7d859; text-decoration:none; font-size:13px; font-weight:normal;}

a {color:#5f3680; text-decoration:none; font-weight:normal;}

a:hover {color:#5f3680; text-decoration:underline; font-weight:normal;}





.greybox_mid ol {margin:5px 0 10px 12px; padding:0;  }

.greybox_mid ol li {margin:0 0 0 12px; padding:0 0 8px 0; font-size:13px; color:#5f3680; list-style:decimal; background:none;}

.greybox_mid ol li a {text-decoration:underline; color:#5f3680;}

.greybox_mid ol li a:hover {text-decoration:none; color:#5f3680;}

.greybox_mid p {text-align:justify;}

.greybox_mid a {color:#5f3680; text-decoration:underline;}

.greybox_mid a:hover {color:#5f3680; text-decoration:none;}





/* link styles */

.purple {color:#5f3680; text-decoration:none; font-weight:bold;}

.purple:hover {color:#5f3680; text-decoration:underline;}



.generalarrow {color:#5f3680; text-decoration:underline; background:url(images/arrow_purplegrey.gif) left no-repeat; font-size:12px; padding:0 0 0 10px; margin:0 12px 0 0; display:block;}

.generalarrow:hover {color:#5f3680; text-decoration:none; background:url(images/arrow_purplegrey.gif) left no-repeat; font-size:12px; padding:0 0 0 10px; margin:0 12px 0 0;}



.white_orange {color:#FFFFFF; text-decoration:underline; float:right; font-weight:normal; font-size:12px; padding:0 0 0 10px; background:url(images/arrow_wo.gif) no-repeat left;}

.white_orange:hover {color:#FFFFFF; text-decoration:none; float:right; font-weight:normal; padding:0 0 0 10px; background:url(images/arrow_wo.gif) no-repeat left;}



.purplegrey {color:#5f3680; text-decoration:underline; background:url(images/arrow_purplegrey.gif) left no-repeat; float:right; font-size:12px; padding:0 0 0 10px; margin:0 12px 0 0; display:block;}

.purplegrey:hover {color:#5f3680; text-decoration:none; background:url(images/arrow_purplegrey.gif) left no-repeat; float:right; font-size:12px; padding:0 0 0 10px; margin:0 12px 0 0;}



.purplegrey_left {color:#5f3680; text-decoration:underline; background:url(images/arrow_purplegrey.gif) left no-repeat; float:left; font-size:12px; padding:0 0 0 10px; margin:0 0 0 0px; display:block;}

.purplegrey_left:hover {color:#5f3680; text-decoration:none; background:url(images/arrow_purplegrey.gif) left no-repeat; float:left; font-size:12px; padding:0 0 0 10px; margin:0 0 0 0px;}

.purplegrey_right {color:#5f3680; text-decoration:underline; background:url(images/arrow_purplegrey.gif) left no-repeat; font-size:12px; padding:0 0 0 10px; margin:5px 0 0 0px; display:block;}

.purplegrey_right:hover {color:#5f3680; text-decoration:none; background:url(images/arrow_purplegrey.gif) left no-repeat; font-size:12px; padding:0 0 0 10px; margin:5px 0 0 0px; display:block;}



.purpleorange {color:#5f3680; text-decoration:underline; background:url(images/arrow_purple.gif) left no-repeat; font-size:12px; margin:0 12px 5px 0; display:block; float:right; padding:0 0 0 10px;}

.purpleorange:hover {color:#5f3680; text-decoration:none; background:url(images/arrow_purple.gif) left no-repeat; font-size:12px; margin:0 12px 5px 0; display:block; float:right; padding:0 0 0 10px;}

.purpleorangeleft {color:#5f3680; text-decoration:underline; background:url(images/arrow_purple.gif) left no-repeat; font-size:12px; margin:0 12px 5px 0; display:block; float:left; padding:0 0 0 10px;}

.purpleorangeleft:hover {color:#5f3680; text-decoration:none; background:url(images/arrow_purple.gif) left no-repeat; font-size:12px; margin:0 12px 5px 0; display:block; float:left; padding:0 0 0 10px;}



.bluewhite {color:#ffffff; text-decoration:underline; background:url(images/arrow_blue.gif) left no-repeat; font-size:12px; padding:0 0 0 10px;}

.bluewhite:hover {color:#ffffff; text-decoration:none; background:url(images/arrow_blue.gif) left no-repeat; font-size:12px; padding:0 0 0 10px; }



/* header styles */

h1 {font-size:21px; font-weight:normal;}

h2 {font-size:20px; line-height:24px; font-weight:normal;}

h3 {font-size:18px; font-weight:normal;}

.purpleheader {color:#5f3680;}

.whiteheader {color:#FFFFFF;}

.orangeheader {color:#f4b41c;}

.purplemargin {color:#5f3680; margin:15px;}

.title {color:#5f3680; font-weight:normal; font-size:14px; font-weight:bold; margin-top:15px;}

.pboxed {font-size:16px; color:#636164; line-height:21px; margin:0 0 0 15px; }

.purpleboxheader {color:#5f3680; margin:8px 15px 0 15px;}

.whiteboxheader {color:#FFFFFF; margin:8px 15px 0 15px;}

.strongpurple {color:#5f3680; text-decoration:none; font-weight:bold;}



/* Main layout elements */

#wrapper {width:900px; margin:auto;}

#header {width:900px; height:96px;}

#locator {width:156px; height:46px; float:right; padding:50px 43px 0 0; background:url(images/bg_locator.gif); color:#5f3680; font-size:11px; text-align:right; cursor:pointer;}

#locator a {text-decoration:underline;}

#locator a:hover {text-decoration:none;}

#nav {width:900px; height:44px;}

#leftcolumn {width:226px; float:left; padding:21px 0 21px 0;}

#content {width:653px; float:right; padding:21px 0 21px 0;}

#footer {width:100%; background:url(images/bg_footer.gif) repeat-x top; height:155px; color:#636164; font-size:11px; line-height:17px;}

#footerwrap {width:900px; margin:auto;}

.footlinks { color:#5f3680; text-align:center; padding:0 0 5px 0;}

.footlinks strong {color:#636164; font-weight:normal;}

.footlinks a {color:#5f3680; text-decoration:none; padding:0 5px 0 5px;}

.footlinks a:hover {color:#5f3680; text-decoration:underline; padding:0 5px 0 5px;}

.quicklinkleft {width:152px; float:left; border:none; margin:18px 0 5px 0; padding:0 17px 0 10px;}

.quicklinkleft h2 a{color:#5f3680; text-decoration:none;}

.quicklinkleft h2 a:hover{color:#5f3680; text-decoration:underline;}



.quicklink {width:152px; float:left; border-left:1px solid #bccedb; margin:18px 0 18px 0; padding:0 17px 0 10px; height:75px;}

.quicklink h2 a{color:#5f3680; text-decoration:none;}

.quicklink h2 a:hover{color:#5f3680; text-decoration:underline;}



.quicklink h2, .quicklinkleft h2{color:#5f3680; font-size:12px; font-weight:normal; background:url(images/arrow_bottom.gif) left no-repeat; padding:0 0 0 12px; text-decoration:none;}



#locate {width:141px; height:32px; background:url(images/but_locator.gif) left top; display:block; margin:6px 0 0 0;}

#locate:hover {width:141px; height:32px; background:url(images/but_locator.gif) right top; display:block; margin:6px 0 0 0;}



#topcategories {width:226px; background:url(images/category_bottom.gif) bottom no-repeat #b587e0; padding:0 0 10px 0; color:#FFFFFF; overflow:hidden;}

#topcategories p {font-size:11px; line-height:16px; color:#FFFFFF;}

#topcategories .topcat {background:url(images/category_top.gif) top no-repeat; padding:0 10px 0 10px;}

.topcat h2{ font-family:Arial, Helvetica, sans-serif; font-size:15px; line-height:31px; background:url(images/arrow_category.gif) bottom right no-repeat; padding:0 12px 0 0; height:34px; float:left; display:block;}

.topcat p {clear:both; margin:6px 0 8px 0;}



#topcategories .cat {background:url(images/bg_header.gif) top repeat-x; padding:0 0 0 0px; margin:0;}

.categorybox {height:35px;}


.cat h2{font-family:Arial, Helvetica, sans-serif; font-size:15px; line-height:31px; background:url(images/arrow_category.gif) bottom right no-repeat; padding:0 12px 0 0; height:34px; float:left; display:block;}

.cat p {clear:both; margin:8px 0 8px 0;}

#topcategories .cat .textyellow {color:#f7d859; margin:0;}



.search {background:#cfb1eb; margin:0 10px 8px 0; padding:4px;}

.search p {margin:0; padding:0;}

#search_field {width:189px; height:17px; border:none; background:url(images/field_bg.gif) no-repeat; display:block; float:left; margin:0px 0 3px 0; padding:4px; font-size:12px; color:#000000; font-weight:bold; font-family:Arial, Helvetica, sans-serif;}

#email_field {width:189px; height:17px; border:none; background:url(images/field_bg.gif) no-repeat; display:block; float:left; margin:0px 0 3px 0; padding:4px; font-size:12px; color:#000000; font-weight:bold; font-family:Arial, Helvetica, sans-serif;}

.searchdiv {height:22px; clear:both;}

.search_submit { background:url(images/but_sign.gif) top left; height:22px; width:72px; border:none; outline:none; cursor:pointer; vertical-align:top; margin:0; padding:0; clear:left;}

.leftctafield {width:189px; height:17px; border:none; background:url(images/field_bg.gif) no-repeat; display:block; float:left; margin:2px 0 4px 0; padding:5px 4px 3px 4px; font-size:12px; color:#000000; font-weight:bold; font-family:Arial, Helvetica, sans-serif;}



.topic { font-weight:bold; background:url(images/arrow_white.gif) no-repeat left; padding:0 0 0 10px; margin:8px 0 0 0; text-decoration:none; font-size:11px;}

.topic a{ color:#FFFFFF; text-decoration:none;}

.topic a:hover {text-decoration:underline;}



#calculatorcta {width:121px; height:126px; display:block; background:url(images/calculator.jpg) no-repeat; margin:21px 0 0 0; padding:6px 10px 0 95px; color:#636164; font-size:11px; line-height:17px; cursor:pointer; }

#calculatorcta h2 {font-family:Arial, Helvetica, sans-serif; font-size:14px; line-height:17px; color:#FFFFFF; margin:0 0 10px 0;}

#start {width:101px; height:22px; background:url(images/but_start.gif) left top; display:block; margin:2px 0 0 0;}

#start:hover {width:101px; height:22px; background:url(images/but_start.gif) right top; display:block; margin:2px 0 0 0;}

#signnow {width:107px; height:22px; background:url(images/but_signnow.gif) left top; display:block; margin:2px 12px 0 0; float:right;}

#signnow:hover {width:107px; height:22px; background:url(images/but_signnow.gif) right top; display:block; margin:2px 12px 0 0; float:right;}

.locatestore {width:82px; height:79px; background:url(images/but_store.gif) left top; display:block; float:left;}

.locatestore:hover {width:82px; height:79px; background:url(images/but_store.gif) right top; display:block; float:left;}



.buynow {width:94px; height:29px; background:url(images/but_buynow.gif) left top; display:block; margin:0; float:right;}

.buynow:hover {width:94px; height:29px; background:url(images/but_buynow.gif) right top; display:block; margin:0; float:right;}



.buynowlarge {width:180px; height:29px; background:url(images/but_buynowlarge.gif) left top; display:block; margin:8px 0 0 17px; float:left;}

.buynowlarge:hover {width:180px; height:29px; background:url(images/but_buynowlarge.gif) right top; display:block; margin:8px 0 0 17px; float:left;}



.buytoday {width:168px; height:29px; background:url(images/but_buytoday.gif) left top; display:block; margin:0; float:right;}

.buytoday:hover {width:168px; height:29px; background:url(images/but_buytoday.gif) right top; display:block; margin:0; float:right;}



/* Main Nav */

#home{ height:44px; width:66px; float:left; display:block; background:url(/images/but_home.gif) top left;}

#home:hover{background:url(/images/but_home.gif) top right;}

#about{ height:44px; width:107px; float:left; display:block; background:url(/images/but_about.gif) top left;}

#about:hover{background:url(/images/but_about.gif) top right;}

#why{ height:44px; width:140px; float:left; display:block; background:url(/images/but_why.gif) top left;}

#why:hover{background:url(/images/but_why.gif) top right;}

#ten{ height:44px; width:177px; float:left; display:block; background:url(/images/but_10.gif) top left;}

#ten:hover{background:url(/images/but_10.gif) top right;}

#resource{ height:44px; width:125px; float:left; display:block; background:url(/images/but_resources.gif) top left;}

#resource:hover{background:url(/images/but_resources.gif) top right;}

#marketing{ height:44px; width:176px; float:left; display:block; background:url(/images/but_marketing.gif) top left;}

#marketing:hover{background:url(/images/but_marketing.gif) top right;}

#contact{ height:44px; width:122px; float:left; display:block; background:url(/images/but_contact.gif) top right;}

#contact:hover{background:url(/images/but_contact.gif) top left;}

#buy{ height:44px; width:157px; float:left; display:block; background:url(/images/but_buy.gif) top right;}

#buy:hover{background:url(/images/but_buy.gif) top left;}





/* dropdown */

.dropNavStyle { width:893px; font-weight:normal; float:right; }



.dropNavStyle ul { width:900px; padding:0; margin:0; text-align:left; }

.dropNavStyle ul li { display: inline; }

.dropNavStyle ul li a { color:#fff; padding:0; margin:0; text-decoration:none; }

.dropNavStyle ul li a:hover { text-decoration:none; }





/* Style for Drop Down Menu */

.dropmenudiv { position:absolute; top:0; border:1px solid #7a40a8; font:normal 12px Arial; z-index:100; background-color:#cfb1eb; width:200px; visibility: hidden; margin:0px 0 0 0; }

.dropmenudiv a {
	background:#cfb1eb;
	padding:5px 0 0 6px;
	margin:0px 0 0 0;
	font-weight:normal;
	height:20px;
	font-size:12px;
	width:auto;
	display:block;
	text-decoration:none;
	color:#000;
}

* html .dropmenudiv a { /*IE only hack*/
	width: 100%;
	color: #000;
}

.dropmenudiv a:hover { background:#7a40a8; color:white;}



/* Style for second Drop Down Menu */

.dropmenusecdiv { position:absolute; top:0; border:1px solid #7a40a8; font:normal 12px Arial; z-index:100; background-color:#cfb1eb; width:180px; visibility: hidden; margin:0px 100px 0 0; }

.dropmenusecdiv a {
	background:#cfb1eb;
	padding:5px 0 0 26px;
	margin:0px 0 0 0;
	font-weight:normal;
	height:20px;
	font-size:12px;
	width:auto;
	display:block;
	text-decoration:none;
	color:#000;
}

* html .dropmenusecdiv a { /*IE only hack*/ width: 100%; }

.dropmenusecdiv a:hover { background:#7a40a8; color:white;}



/* Box structure styling */



.greybox_top {width:653px; height:10px; background:url(images/grey_top.gif); display:block; margin:0; padding:0; line-height:0; font-size:0;}

.greybox_bot {width:653px; background:url(images/grey_bottom.gif); height:10px; display:block; display:block; margin:0 0 12px 0; padding:0; line-height:0; font-size:0;}

.greybox_mid {width:591px; background:#f2f1f1; border-left:solid #d5d5d5 1px; border-right:solid #d5d5d5 1px; padding:5px 30px 5px 30px; margin:0; clear:both;}

.greybox_topics {width:623px; height:38px; background:url(images/bg_topic.gif); display:block; margin:0; padding:10px 0 0 30px;}

.greybox_mid em {color:#5f3680;}

.greybox_mid strong {color:#5f3680;}

.quote {color:#5f3680; font-weight:normal;}



/* Contact Form*/

.orangewrap {width:418px; display:block; float:left; margin-top:0px; background:url(images/orange_top.gif) top no-repeat #fcb326; font-size:13px;}

.orange_bot {width:418px; background:url(images/orange_bottom.gif) #fcb326; height:10px; display:block; margin:0; padding:0; line-height:0; font-size:0; clear:left;}

.orangewrapfull {width:653px; display:block; float:left; margin-top:0px; background:url(images/orangefull_top.gif) top no-repeat #fcb326; font-size:13px;}

.orangefull_bot {width:653px; background:url(images/orangefull_bottom.gif) #fcb326; height:12px; display:block; margin:0; padding:0; line-height:0; font-size:0; clear:left;}



#frmContact {width:358px; margin:0; padding:25px 30px 0px 30px; }

#frmSuccess {width:558px; margin:0; padding:25px 30px 0px 30px; }

.formspace {width:558px; display:block; height:15px; clear:both;}

#frmContact2 {width:338px; margin:0; padding:34px 40px 0px 40px; min-height:187px; }

#frmContact form {margin:0; padding:0}

#btnSubmit {width:73px; height:22px; display:inline; background:url(images/but_submit.gif) no-repeat; border:none; outline:none; cursor:pointer; vertical-align:top; float:right; margin:2px 0 0 0;}

#txtName, #txtEmail, #txtCurrentWeight, #txtTargetWeight, #txtAge, #txtOccupation, #txtAddress, #txtTel, #txtBeforeWeight, #txtPostcode {height:16px; width:191px; border:none; background:url(images/bg_contactfield.gif); display:block; float:left; font-size:11px; margin:0 0 5px 0; padding:6px 3px 3px 3px;}

#txtQuestion {height:91px; width:191px; border:none; background:url(images/bg_contactquestion.gif); display:block; float:left;  font-size:11px; margin:0; padding:6px 3px 3px 3px;}



#txtFeet, #txtInch {height:16px; width:70px; border:none; background:url(images/bg_contactfieldsmall2.gif); display:block; float:left; font-size:11px; margin:0 5px 5px 0; padding:6px 3px 3px 3px;}



#txtAStory {height:91px; width:269px; border:none; background:url(images/bg_contactstory.gif); display:block; float:left;  font-size:11px; margin:0; padding:6px 3px 3px 3px; font-family:Tahoma, Arial, Helvetica, sans-serif;}



.char, #txtTelArea {height:16px; width:70px; border:none; background:url(images/bg_contactfieldsmall.gif); display:block; float:left; font-size:11px; margin:0 2px 5px 0; padding:6px 3px 3px 3px;}



.labeltop {float:left; display:block; clear:left; width:130px;}

.labeltop2 {float:left; display:block; clear:left; width:200px;}

#ddlDay, #ddlMonth, #ddlYear {border:solid 1px #fc8b26; margin-left:2px;}



#fileBegin { height:28px;}

#fileNow { height:28px;}



.formpad {margin:0; padding:25px 30px 0px 30px;}

.formbg {height:16px; width:191px; border:none; background:url(images/bg_contactfield.gif); display:block; float:left; font-size:11px; margin:0 0 5px 0; padding:6px 3px 3px 3px;}

.exercise { width:150px; height:58px; background:url(images/running_men.gif); display:block; margin:3px 0 0 118px}



.errors {background:#ffdc97; border:solid 1px #FF0000; padding:10px; margin:5px 0 25px 0;}



/* Template boxes */

.orangethird {width:209px; background:url(images/orangethird_bg.gif) repeat-y; float:left;}

.orangethird_top {width:209px; background:url(images/orangethird_top.gif) top no-repeat;}

.orangethird_bottom {width:209px; height:12px; background:url(images/orangethird_bottom.gif); display:block; line-height:0; font-size:0; clear:both;}



.orangenarrow {width:218px; background:url(images/orangenarrow_bg.gif) repeat-y; float:left;}

.orangenarrow_bottom {width:218px; height:12px; background:url(images/orangenarrow_bottom.gif); line-height:0;  font-size:0; clear:right;}



.orangenarrow h2, .bluenarrow h2, .remedies h2 {color:#ffffff; font-size:18px; line-height:20px; margin:5px 12px 10px 12px; font-weight:normal;}

.orangenarrow h2 strong, .bluenarrow h2 strong {color:#2d2d2e; font-size:18px; line-height:20px; margin:5px 12px 10px 12px; font-weight:normal;}





.greyboxwide_top {width:418px; height:12px; background:url(images/greywide_top.gif); display:block; margin:0; padding:0; line-height:0; font-size:0;}

.greyboxwide_bot {width:418px; background:url(images/greywide_bottom.gif); height:12px; display:block; padding:0; line-height:0; font-size:0;}

.greyboxwide_mid {width:418px; background:url(images/greywide_bg.gif) repeat-y; padding:0; margin:0; float:right;}

.greyboxwide_mid h2 {color:#5f3680; font-size:20px; line-height:22px; font-weight:normal; margin:0 0 0 25px;}





.greythird {width:209px; background:url(images/greythird_bg.gif) repeat-y; float:left;}

.greythird_top {width:209px; background:url(images/greythird_top.gif) top no-repeat;}

.greythird_bottom {width:209px; height:12px; background:url(images/greythird_bottom.gif); display:block; line-height:0; font-size:0; clear:both;}



/* Grey strips */

.strips {height:125px; width:418px; background:url(images/strip_bg.gif) repeat-x; float:right; margin:0 0 12px 0;}

.strips_right {height:115px; width:236px; display:block; background:url(images/strip_right.gif) left no-repeat; float:left; padding:10px 0 0 12px;}



/* Grey narrow */

.narrowspacer{width:218px; height:12px; float:right;}

.fullspacer{width:653px; height:12px; display:block; clear:both;}



.greynarrow {width:218px; background:url(images/greynarrow_bg.gif) repeat-y; float:right; font-size:12px; line-height:18px;}

.greynarrow_top {width:194px; background:url(images/greynarrow_top.gif) top no-repeat; padding:12px;}

.greynarrow_bottom {width:218px; height:12px; background:url(images/greynarrow_bottom.gif); line-height:0;  font-size:0; clear:right;}

.greynarrow_top h2 {color:#5f3680; font-size:20px; line-height:22px; font-weight:normal; margin:0 0 5px 0;}



/* fixed box heights */

.greybox_fixed {width:209px; height:168px; background:url(images/greysquare.gif); display:block; float:left; margin:0 12px 0 0; cursor:pointer;}

.orangebox_fixed {width:209px; height:168px; background:url(images/orangesquare.gif);  float:left; margin:0 12px 0 0;}



.orangebox_fixedright {width:209px; height:168px; background:url(images/orangesquare.gif);  float:left; margin:0 0 0 0;}



.orange_quarter {width:154px; height:223px; margin-right:12px; background:url(images/orange_quarter.gif); float:left;}

.orange_quarterright {width:154px; height:223px; background:url(images/orange_quarter.gif); float:left;}



.testimoniallink {font-size:16px; line-height:20px; margin:8px 0 0 10px; padding:0 10px 3px 0; font-weight:normal; color:#ffffff; text-decoration:none; background:url(images/arrow_wo.gif) no-repeat right; display:block; float:left;}

.testimoniallink:hover {color:#ffffff; text-decoration:underline; background:url(images/arrow_wo.gif) no-repeat right; display:block; padding:0 10px 3px 0;}



.orangebox_long {width:209px; height:292px; background:url(images/orangethird_long.gif); float:left; margin:0 12px 0 0;}

.orangebox_longright {width:209px; height:292px; background:url(images/orangethird_long.gif); float:left; margin:0 0 0 0;}





/* Blue narrow */

.bluebox {float:right; height:294px; width:218px; background:url(images/bluebox.gif);}

.bullet_title {background:url(images/arrow_blue.gif) no-repeat left; color:#FFFFFF;  font-size:11px; font-weight:bold; padding:0 0 0 10px; margin:3px 0 0 10px;}

.bluebox p {color:#000000; font-size:11px; line-height:13px; padding:0 0 0 10px; margin:0;}



.bluenarrow {width:218px; background:url(images/bluenarrow_bg.gif) repeat-y; float:right;}

.bluenarrow_top {width:218px; background:url(images/bluenarrow_top.gif) top no-repeat; }

.bluenarrow_bottom {width:218px; height:12px; background:url(images/bluenarrow_bottom.gif); line-height:0;  font-size:0; clear:right;}

.bluenarrow p {color:#2d2d2e; font-size:13px; margin:0 0 0 12px;}



/* store locater */

.boxlocate {background:url(images/bg_locatebox.gif) repeat-x; width:653px; height:79px; margin:0 0 12px 0;}

.locatetext {margin:27px 0 0 0; float:left; width:399px; text-align:right; padding:0 20px 0 0; color:#5f3680; font-size:18px; }



/*-----------------------------------Individual page styles----------------------------------------------------------- */



/* index */

#mainimg {width:653px; height:312px; background:url(images/homepage.jpg); cursor:pointer; }

.siteintro {float:left; width:265px; color:#FFFFFF; font-family:Arial, Helvetica, sans-serif; font-size:23px; font-weight:bold; line-height:34px; padding:20px 0 0 26px;}

.siteintro strong {color:#5f3680;}

.siteintro p {color:#000000; padding:0px 20px 0 0; font-weight:normal;}

.siteintro p strong {color:#000000;}

.greycta {width:222px; float:right; padding:42px 5px 0 11px;}

.greycta ul, .greybox_mid ul {padding:0; margin:15px 0 0 0;}

#mainimg .greycta li, .greybox_mid li {list-style:none; background:url(images/arrow_list.gif) no-repeat; font-size:13px; color:#636164; line-height:15px; padding:0 0 0 12px; margin:0 0 5px 0;}

#mainimg .greycta li strong, .greybox_mid li strong {color:#5f3680;}



.testimonialcta {width:193px; height:109px; background:url(images/testimonials.jpg) no-repeat; float:left; clear:both; margin:20px 0 0 0; padding:170px 15px 15px 15px; cursor:pointer;}

.testimonialcta p {color:#2d2d2e; font-size:12px; font-style:italic; margin:0;}



.buycta {width:420px; height:295px; background:url(images/buy.jpg); float:right; margin:20px 0 0 0; padding:0;}

.buycta p { margin:5px 0 0 15px;}

#boxshot {width:183px; height:295px; background:url(images/zotrim_box.jpg); float:right; cursor:pointer;}

.buycta img {float:left; margin-top:25px;}

.stockistdiv { color:#000000; font-size:12px; padding-top:0; margin:0; float:left; display:block; width:220px;}



/* other */

.remedies {width:209px; height:168px; background:url(images/bg_remedy.gif) no-repeat; display:block; float:left; margin:0; padding:0px; cursor:pointer;}

.remedies p {font-size:13px; margin:12px 12px 50px 12px; color:#000000;}



.hottopics { width:358px; height:224px; background:url(images/bg_hottopics.jpg); display:block; margin:0 0 12px 0; padding:30px 265px 30px 30px;}

.dailytip { width:358px; height:157px; background:url(images/bg_dailytip.jpg); display:block; margin:0 0 12px 0; padding:30px 265px 30px 30px;}

.ctasuccess {width:117px; height:118px; background:url(images/cta_success.jpg) no-repeat; display:block; float:left; margin:0; padding:50px 80px 0px 12px; cursor:pointer;}

.ctasuccess p {font-size:13px; margin:12px 12px 50px 12px; color:#000000;}



.ctasuccess2 {width:103px; height:138px; background:url(images/cta_success2.jpg) no-repeat; display:block; float:right; margin:0; padding:30px 100px 0px 15px;}

.ctasuccess2 p {font-size:13px; margin:12px 12px 50px 12px; color:#000000;}



.testimonial_product {width:209px; height:292px; background:url(images/product_01.jpg); float:left; margin:0 12px 0 0; cursor:pointer;}

.testimonial_product2 {width:209px; height:292px; background:url(images/product_02.jpg); float:left; margin:0 12px 0 0; cursor:pointer;}

.tensteps {height:229px; width:218px; background:url(images/tensteps.jpg); float:right; display:block;}

.thanks {width:633px; height:95px; background:url(images/thankyou.jpg); padding:25px 0 0 20px;}

.halfbox {width:290px; height:237px; background:url(images/box_half.gif); padding:10px 15px 0 15px; float:left; margin-right:12px; }

.halfbox_right {width:290px; height:237px; background:url(images/box_half.gif); padding:10px 15px 0 15px; float:left;}



.smallprintstar {font-size:10px; line-height:12px;}

.smallprint {font-size:10px; line-height:21px;}

.online_discount {width:168px; height:258px; display:block; padding:10px 5px 0 245px; background:url(images/cta_discounts.gif); float:left; margin-top:12px; color:#5f3680; font-size:13px;}
.online_discount p {margin:24px 0 3px 0;}
.online_discount_title {color:#5f3680; font-size:15px; font-weight:bold;}
.deal {font-size:20px; font-weight:normal; color:#5f3680; line-height:24px;}
.deal strong {font-size:20px; font-weight:normal; color:#ff452d;}

.youtubevid {width:375px; margin:auto;}
.cross {text-decoration:line-through;}

/* table styling */



.comparison{ width:653px; height:267px; background:url(images/table_bg.gif);}

.columncell {width:143px; float:left; padding:0 10px 0 10px;}

.columncell p {margin:0; height:68px; display:block;}

.cellheader {display:block; height:40px; color:#FFFFFF; font-size:14px; font-weight:bold; padding:12px 0 0 0;}

.columncell_left {width:143px; float:left; padding:51px 5px 0 15px;}

.columncell_left p {color: #5f3680; font-weight:bold; font-size:13px; margin:0; display:block; height:68px;}


/* New index page Nathan Styles */
#leftcolnew { width:254px; float:left;}
#contentnew { width:596px; float:right; background:url(images/content-bg-bottom.jpg) bottom center no-repeat; padding:20px 30px 20px 20px; min-height:1400px;}
#contentnew p { color:#000000; font-size:13px; line-height:18px;}
#contentnew ul { color:#000000; font-size:13px; line-height:18px;}
#contentnew a,a:hover { color:#0000FF; text-decoration:underline;}
#contentnew h1 { font-size:25px; font-weight:bold; text-align:center; line-height:55px;}
#contentnew h1 strong { font-size:22px; font-weight:bold; text-align:center; color:#CC0000;}

#contentnew h2 { font-size:16px; font-weight:bold;}
#contentnew h2 strong { font-size:16px; font-weight:bold; color:#CC0000;}


.red { color:#CC0000;}

#wrappernew { width:900px; margin:2px 0 0 0; background:url(images/wrapperbg.jpg); display:block;}

/* Nathan 12th March 2010 */
#orderTerms { width:205px; height:39px; font-size:11px; padding:8px 10px 0 10px; color:#24003d; }
#buyOnlineName { width:215px; height:75px; font-size:16px; font-weight:bold; padding:10px 0 0 10px; color:#24003d; }
#buyOnlineEmail { width:215px; height:73px; font-size:16px; font-weight:bold; padding:0 0 0 10px; color:#24003d; }
.leftField { border:none; background-color:transparent; width:200px; margin:9px 0 0 5px; }
.package1 { width:215px; height:80px; padding:8px 0 0 10px; _padding:0px 0 0 10px; _position:relative; _top:-5px; font-weight:bold; font-size:16px; }
.package1 .supply { font-weight:normal; font-size:12px; margin:10px 0 0 60px; _margin:10px 0 0 30px; width:100px; float:left; }
.package1 .select { float:left; margin:9px 0 0 0; width:40px; text-align:center; font-size:11px; color:#ffff66; font-weight:normal; }
.package2 { width:225px; height:59px; }
.package2 .select { float:left; margin:9px 0 0 0; width:40px; text-align:center; font-size:11px; color:#ffff66; font-weight:normal; }
.package2 .supply { font-weight:normal; font-size:12px; margin:0px 0 0 70px; _margin:0px 0 0 35px; padding:10px 0 0 0; width:100px; float:left; }
#secureOrder { width:155px; height:46px; font-size:11px; padding:15px 10px 0 60px; color:#24003d; }
#orderBackground { width:196px; height:59px; padding:0 0 0 6px;}
.placeOrderButton { background:url(images/left-order-now.gif); text-indent:none; border:none; width:215px; height:49px; margin:0 0 0 0px; }
.placeOrderButton:hover { background:url(images/left-order-now-on.gif); text-indent:none; border:none; width:215px; height:49px; cursor:pointer; }
#tenstepchallenge { width:226px; background:url(images/category_bottom.gif) bottom no-repeat #b587e0; padding:0 0 10px 0; color:#FFFFFF;}
#tenstepchallenge .cat { padding:0 0 0 10px; color:#FFFFFF;}
#tenstepchallenge .cat p { color:#FFFFFF;}
#tenstepchallenge h2 { color:#FFFFFF;}
.clinical { width:653px; height:211px; background:url(images/clinical-study-bg.gif); float:left; margin:0px 0 0 0;}
.clinical-text { float:right; width:420px; padding:20px 20px 0 0;}
.clinical-text .purpleboxheader {color:#5f3680; margin:8px 15px 0 0px; line-height:15px;}
.findoutmore { background:url(/images/but-findoutmore.jpg) top right; width:130px; height:22px; float:right; margin:18px 0 0 0;}
.findoutmore:hover { background:url(/images/but-findoutmore.jpg) top left; width:130px; height:22px; float:right;}
#dailymailcta {width:228px; height:179px; display:block; background:url(images/daily-mail-cta.jpg) no-repeat; margin:5px 0 0 0;  }




/* CTA2  */
.side-w {
	margin: 0px auto;
	padding: 0px;
	width: 226px;
}
.bo1-bg {
	background-image: url(images/zo_bo1_bg.gif);
	background-repeat: repeat-y;
	background-position: left top;
}
.bo1-op1 {
	background-image: url(images/zo_1_mo.jpg);
	background-repeat: no-repeat;
	display: block;
	height: 83px;
	width: 226px;
	text-align: right;
}
.bo1-op1 input {
	margin-top: 58px;
}
.bo1-op2 {
	background-image: url(images/zo_4_mo.jpg);
	background-repeat: no-repeat;
	display: block;
	height: 98px;
	width: 226px;
	text-align: right;
}
.bo1-op2 input {
	margin-top: 72px;
}

.bo1-op3 {
	background-image: url(images/zo_6_mo.jpg);
	background-repeat: no-repeat;
	display: block;
	height: 103px;
	width: 226px;
	text-align: right;
}
.bo1-op3 input {
	margin-top: 77px;
}
.bo-txt {
	font-size: 12px;
	float: left;
	margin-left: 90px;
	text-align: left;
}
.bo-sp {
	margin-top: 10px;
}
.c-bo1 {
	width: 568px;
}
.c-bo1-c {
	background-color: #FFF;
	width: 566px;
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #d5d5d5;
	border-left-color: #d5d5d5;
	text-align: center;
	font-size: 14px;
	padding-top: 10px;
}
.normal {font-size:13px; color:#636164;}