/* CSS Document for peteshealth.co.uk */ 
body {margin-left:0px; margin-right:auto; margin-top:auto; margin-bottom:auto; width:100%; background-repeat:repeat; /*background-attachment:fixed; background-image:url(../im/general/back2.jpg);*/ font-family:Arial, sans-serif; font-size:9pt;} /* Body defaults */
.logo {background-repeat:no-repeat; background-attachment:inherit;background-image:url(../im/general/8t.gif); text-align:center;} /* Logo table */
.dater {position:absolute; top:50px; left:12px; color:#ff0000; font-weight:normal;}
.resolution {position:absolute; top:100px; left:150px; width:500px; background-color:transparent; color:#ff0000; font-weight:bold; text-align:center; font-size:7pt; border:dashed #ff0000; border-width:0px;} /* For warning if resolution is below 1024 x 768 */
/* This next section is for the shopping basket top display - take great care if making alterations! */
.basketdisplay {position:absolute; top:84px; /*left:0px;*/ text-align:right; width:600px;} /* For basket summary display */
/***************************************************************************************/
/* HERBALIFE CHANGES OCTOBER 2009*/
.fitemsb {background:transparent url(none); text-align:right; color:#0000ff; position:relative; width:39%; height:16px; z-index:2; line-height:100%; font-weight:bold; font-size:13px; border:dotted #ffffff; display:none;} /* Style for Your basket contains $ items in basket message */
.fpriceb {background:transparent url(none); text-align:left; color:#ff0000; position:relative; width:10%; height:16px; z-index:3; line-height:100%; font-weight:bold; font-size:13px; border:dotted #ffffff; display:none;} /* Total price/empty message */
/***************************************************************************************/
.miniprice {background:transparent url(none); text-align:left; color:#ff0000; position:relative; width:10%; line-height:100%; font-weight:bold; font-size:10px; border:none;} /* Mini basket price */
hr {height:1px; border:0px dashed #ccccff;} /* Default horizontal line height and position */
.formcontainer {position:relative; background:none;} /* Form container positioning */
.hide {visiblity:hidden; visibility:hidden;} /* For hiding an element */

/* Begin class style for left menu bar */
.sidebar a:link, .sidebar a:visited {color:#000000; display:block; text-decoration:none; border-bottom:1px solid #eeeeff; border-right-width:1px; border-left-width:1px; border-right-style:solid; border-left-style:solid; border-right-color:#ccccff; border-left-color:#c0c0c0; border-top-width:1px; border-top-style:solid; border-top-color:#ccccff; background-image:none; background-repeat:no-repeat; background-position:center; background-color:#ffffff; padding:1px;} /* Links in left menu bar, color visited style should be */
.sidebar a:hover, .sidebar a:active {color:#000066; border-right:1px solid #ccccff; border-bottom:1px solid #ccccff; border-left:1px solid #ccccff; background-color:#ccccff; border-top-width:1px; border-top-style:solid; border-top-color:#ccccff; text-align:right;} /* Text colour, border widths, background colour when the mouse is over link */
.sidebar a {width:150px; padding:0px; font-family:Arial, Helvetica, sans-serif; font-weight:bold; font-size:11px; text-align:left;} /* Width of text area, any padding, font style, size */
/* End class style for left menu bar */

/* Begin class style for left menu bar 2 */
.sidebar2 a:link, .sidebar2 a:visited {color:#000000; display:block; text-decoration:none; border-bottom:1px solid #eeeeff; border-right-width:1px; border-left-width:1px; border-right-style:solid; border-left-style:solid; border-right-color:#ccccff; border-left-color:#c0c0c0; border-top-width:1px; border-top-style:solid; border-top-color:#ccccff; background-image:none; background-repeat:no-repeat; background-position:center; background-color:#ffffff; padding:1px;} /* Links in left menu bar, color visited style should be */
.sidebar2 a:hover, .sidebar2 a:active {color:#ffffff; border-right:1px solid #ccccff; border-bottom:1px solid #ccccff; border-left:1px solid #ccccff; background-color:#ff0000; border-top-width:1px; border-top-style:solid; border-top-color:#ccccff; text-align:right;} /* Text colour, border widths, background colour when the mouse is over link */
.sidebar2 a {width:150px; padding:0px; font-family:Arial, Helvetica, sans-serif; font-weight:bold; font-size:11px; text-align:left;} /* Width of text area, any padding, font style, size */
/* End class style for left menu bar */


/* Begin class style for right menu bar */
.rightbar a:link, .rightbar a:visited {color:#000000; display:block; text-decoration:none; border-bottom:1px solid #ccccff; border-right-width:1px; border-left-width:1px; border-right-style:solid; border-left-style:solid; border-right-color:#ccccff; border-left-color:#c0c0c0; border-top-width:1px; border-top-style:solid; border-top-color:#ccccff; background-image:none; background-repeat:no-repeat; background-position:center ;background-color:#ffffff; padding:1px;} /* Links in right menu bar */
.rightbar a:hover, .rightbar a:active {color:#000066; border-right:1px solid #ccccff; border-bottom:1px solid #ccccff; border-left:1px solid #ccccff; background-color:#ccccff; border-top-width:1px; border-top-style:solid; border-top-color:#ccccff;} /* Text colour, border widths, background colour when the mouse is over link */
.rightbar a {width:115px; padding:0px; font-family:Arial, Helvetica, sans-serif; font-size:11px; text-align:center;} /* Text area width, any padding, font style, size */
.rightarea {position:relative; top:34px; text-align:right; background:#ffffff; /*background:#eeeeff;*/ color:#000000; border:0px solid #6666ff; width:200px; padding:0px;} /* Background for right links area */
/* End class style for right menu bar */

/* Begin class style for mini float menu bar */
.floatbar a:link, .floatbar a:visited {color:#000000; display:block; text-decoration:none; border-bottom:1px solid #ccccff; border-right-width:1px; border-left-width:1px; border-right-style:solid; border-left-style:solid; border-right-color:#ccccff; border-left-color:#c0c0c0; border-top-width:1px; border-top-style:solid; border-top-color:#ccccff; background-image:none; background-repeat:no-repeat; background-position:center; background-color:#ffffff; padding:1px;} /* Links in float menu bar */
.floatbar a:hover, .floatbar a:active {color:#000066; border-right:1px solid #ccccff; border-bottom:1px solid #ccccff; border-left:1px solid #ccccff; background-color:#ccccff; border-top-width:1px; border-top-style:solid; border-top-color:#ccccff;}
/* Tells browser text colour, border widths, background colour when the mouse is over link */
.floatbar a {width:66px; padding:0px; font-family:Arial, Helvetica, sans-serif; font-size:11px; text-align:center;} /* Width of text area, any padding, font style, size */
/* End class style for mini float menu bar */

/* Class Style for site links */
.lks a:link, .lks a:visited {color:#0000ff;	text-decoration:underline; background-color:transparent; padding:0px;} /* Colour and decoration of static and visited links */
.lks a:hover {background-color:transparent; color:#ff0000;} /* Text colour, background colour when mouse is over the link */
.genlink {text-align:left; font-size:9pt; color:#0000ff; background:none;font-weight:normal;} /* Forces link style (blue) */
.genlink2 {text-align:left; font-size:9pt; color:#000000; background:none; font-weight:bold;} /* Forces link style (black) */
.genlink3 {text-align:left; font-size:9pt; color:#999999; background:none; font-weight:normal;} /* Forces link style (grey) */
.btlks a:link, .btlks a:visited {color:#0000ff; text-decoration:underline; background-color:transparent; padding:0px;} /* Links at bottom of each page, color for visited */
.btlks a:hover {color:#ff0000; background-color:transparent; text-decoration:underline;} /* Text colour, colour the background should go when the mouse is over link */
/* End style for site links */

/* Begin style for alignments */
.l {text-align:left;} /* aligns text to left */
.c {text-align:center;} /* aligns text to center */
.r {text-align:right;} /* aligns text to center */
.j {text-align:justify;} /* justifies text */
.t {vertical-align:top;} /* aligns to top */
.cross {text-align:justify;	text-decoration:line-through; color: #009900;
} /* line through text */
/* Begin Widths */
.w5 {text-align:left; width:5%;} /* Sets table width to 5% IS THIS NEEDED ANYMORE */
.w20cbg {text-align:center; background:#eeeeff; color:#000000; border:1px solid #ccccff; width:20%;} /* Sets table width to 20% align to center pale blue background*/
.topbannerpos {text-align:center; width:35%;} /* Sets table width of very top table to adjust the top right hand banner position to (35%) and text to center */
.w35 {text-align:left; width:35%;} /* Sets table width to 35% - Used for herbalife products page boxes */
.w40 {text-align:left; width:40%;} /* Sets table width to 40% */
.w45c {text-align:center; width:45%;} /* Sets table width to 45% and text to center */
.w50 {text-align:left; width:50%;} /* Sets table width to 50% */
.w100 {text-align:left; width:100%;} /* Sets table width to 100% */
.w100jbg {text-align:justify; background:#eeeeff; color:#000000; border:1px solid #ccccff; width:100%;} /* Sets align to justify pale blue background*/

/* Miscellaneous styles */
.prodlist {border:1px dashed #ccccff;} /* Product list pages */
.prodlistc {border:1px dashed #ccccff; text-align:center;} /* Product list pages centered text */
.productselect {text-align:justify; background:#eeeeff; color:#000000; border:1px solid #ccccff; width:100%;} /* Product selection areas eg aloe-vera-products */
.im {border:none;} /* images */
.top {text-align:left; font-size:10pt; font-weight:normal; color:#669966; background:none;} /* Back to top link */
.q {color:#000000; background:#ffffff; font-size:9pt; border:1px solid #006600;} /* Quantity box style */
.i {text-align:justify;	font-family:Arial, Helvetica, sans-serif; font-size:12px; font-style: italic;} /* italic text, justifies text */
#noscript {position:absolute; width:99%; height:15px; z-index:9; top:10px; left:0%; line-height:100%; font-family:Arial, Helvetica, sans-serif; font-size:12px; font-style:normal; font-weight:bold; background-color:#cc0000; background-image:url(none); color:#ffffff; text-align:center; padding:3px; margin:auto;} /* For noscript text on bmi calc and ordering info */

/* Begin blue font styles */
.blusb {text-align:left; font-size:8pt; color:#000066; background:none; font-weight:bold;} /* Blue small bold text */
.blumb {text-align:left; font-size:10pt; color:#0000ff; background:none; font-weight:bold;} /* Blue medium bold text */
.blulg {text-align:left; font-size:14pt; color:#0000ff; background:none; font-weight:bold;} /* Blue large bold text */
.bluhd {text-align:center; font-size:10pt; color:#000066; background:none; font-weight:bold; line-height: normal;} /* Dark Blue Heading */
/* End blue font styles */

/* Begin green font styles */
.gnmb {text-align:left; font-size:10pt; color:#006600; background:none; font-weight:bold;} /* Green medium bold text */
.gnhr {text-align:center; color:#006600; background-color:#006600; height:1px; border:none;}/* Green Horizontal line */
.gnhd {text-align:center; font-size:10pt; color:#006600; background:none; font-weight:bold;} /* Green Heading */
.gndrop {text-align:left; color:#006600; background:#ffffff; font-size:8pt; font-weight:normal; border:1px solid #006600;}/* Green drop down menu Websafe */
/* End green font styles */

/* Begin red font styles */
.rdsb {text-align:left; font-size:8pt; color:#ff0000; background:none; font-weight:bold;} /* Red small text bold Websafe */
.rdm {text-align:left; font-size:10pt; color:#ff0000; background:none; font-weight:normal;} /* Red medium text */
.rdmb {text-align:left; font-size:10pt; color:#ff0000; background:none; font-weight:bold;} /* Red medium text bold */
.rdhd {text-align:center; font-size:10pt; color:#ff0000; background:none; font-weight:bold;} /* Red Heading */
.rdhdl {text-align:center; font-size:14pt; color:#ff0000; background:none; font-weight:bold;} /* Red Large Heading */
.rdxlb {text-align:left; font-size:14pt; color:#ff0000; background:none; font-weight:bold;} /* Red large text bold Websafe */
.rsel {text-align:left; font-size:10pt; color:#000000; background:#ff0000;} /* Red medium select box background */

/* End red font styles */

/* Begin orange font styles */
.orhd {text-align:center; font-size:10pt; color:#ff6600; background:none; font-weight:bold;}/* Orange Heading */
.ormb {text-align:left; font-size:10pt; color:#ff6600; background:none; font-weight:bold;} /* Orange medium text bold Websafe */
/* End orange font styles */

/* Begin black font styles */
.blkty {text-align:left; font-size:7pt; color:#000000; background:none; font-weight:normal;}/* Black tiny text */
.blks {text-align:left; font-size:9pt; color:#000000; background:none; font-weight:normal;}/* Black small text */
.blkm {text-align:left; font-size:10pt; color:#000000; background:none; font-weight:normal;} /* Black medium text */
.blkmb {text-align:left; font-size:10pt; color:#000000; background:none; font-weight:bold;} /* Black medium text bold  - Used for basket display text*/
/* End black font styles */

/* Changed styles */ 
.changed {color:#666666;} /* style for text which has had to be altered due to rediculous official regulations */

/* Begin Bulletts */
.bullett_1 {color:#000000; background:transparent; list-style-position:outside; list-style-image:url(../im/general/arrgr.gif); list-style-type:none;} /* Green list arrow grey text */
.bullett_2 {color:#000000;	background:transparent; list-style-position:outside; list-style-image:url(../im/general/arrrd.gif); list-style-type:none;} /* Red list arrow grey text */
.bullett_3 {color:#000000; background:transparent; list-style-position:outside; list-style-image:url(../im/general/arrblu.gif); list-style-type:none;} /* Blue list arrow grey text */
/* End Bulletts */

/* Begin Buttons */
.btn1 {text-align:center; color:#006600; background:#ffffff url(../im/general/gnbg.gif); font-size:8pt; font-weight:normal; border:1px solid #006600; width:110px;}/* Green text buttons Websafe */
.btn2 {text-align:center; color:#660000; background:#ffffff url(../im/general/rdbg.gif); font-size:8pt; font-weight:normal; border:1px solid #660000; width:110px;}/* Red text buttons Websafe */
.btn3 {text-align:center; color:#ffffff; background:#ffffff url(../im/general/blubg.gif); font-size:11pt; font-weight:bold; border:0px dotted #ffffff; width:120px;}/* Blue text buttons Websafe */
.btn4 {text-align:center; color:#006600; background:#ffffff url(../im/general/gnbg.gif); font-size:8pt; font-weight:normal; border:1px solid #006600; width:30px;}/* Green text buttons Websafe */
.btnsearch {text-align:center; color:#000066; /*background:#ffffff url(../im/blubg.gif);*/ font-size:10pt; font-weight:bold; border:1px solid #000066; width:34px;}/* Search button */
.refreshbtn {text-align:center;	color:#006600; background:#ffffff url(../im/general/gnbg.gif); font-size:8pt; font-weight:normal; border:1px double #006600; width:110px; padding:1px; margin:0px; text-decoration:none;} /* Page Refresh button */
#staticbuttons{position:absolute; text-align:center; width:200px;} /* for scroll arrows */
/* End Buttons */

/* Begin backgrounds */
.bg4 {text-align:left; background:#eeeeff; color:#000000; border:1px solid #ccccff; vertical-align:middle;} /* Pale blue background blue outline Websafe */
.bg8 {text-align:left; background:#ffffee; color:#000000;} /* Pale yellow background Websafe */
.menu1 {text-align:left; background:#ccccff; color:#ff0000; vertical-align:middle;} /* Highlight link on menu item */

/*********************************************************************************************/
/* NOTE HERBALIFE CHANGES - set style "bgord" to "display:none" and remove "display:none" from style "templink"  */
.bgord {text-align:center; background:#eeeeff; color:#000000; border:1px solid #ccccff; width:200px; padding:5px; display:none;} 
/* Background for order button areas */ /* SET TO DISPLAY NONE SO THAT PRICES ARE NOT DISPLAYED TO CUSTOMERS DUE TO HERBALIFE RULES OCTOBER 2009 */
.templink {text-align:center; background:#eeeeff; color:#000000; border:1px solid #ccccff; width:200px; padding:5px;}
/*********************************************************************************************/

.bmicalc {text-align:center; background:#ffffff url(../im/general/scale.jpg);} /* aligns text to center with picture */
.pay {color:#000000; background:#ffffff; font-size:9pt; width:33%;} /* Worldpay ordering section on credit order page */
.heading1 {text-align:center; font-size:10pt; background:#eeeeff; color:#000000; border:1px solid #ccccff;} /* Pale blue background blue outline */
.heading2 {text-align:center; font-size:10pt; background:#eeeeff; color:#ff0000; border:1px solid #ccccff;} /* Pale blue background blue outline */
.heading3 {text-align:left; font-size:11pt; background:#eeeeff; color:#000000; border:1px solid #ccccff; font-weight:bold;} /* Pale blue background blue outline bold font black */
.heading4 {text-align:center; font-size:11pt; background:#eeeeff; color:#000000; border:1px solid #ccccff; font-weight:bold;} /* Pale blue background blue outline bold font black */
.help {background-image:url(../im/nutrition/confused_pale.jpg); background-repeat:no-repeat;} /* Used on help.html only */
.selected {text-align:left; background:#ff0000; color:#ffffff; border:1px solid #ccccff;} /* Used on quick-order.html for selected sections */
.gsel {text-align:left; font-size:10pt; color:#000000; background:#00ff00;} /* Payment pages for agree to terms YES or NO (Not currently used) */
/* End backgrounds */

/* This next section is for the BMI calculator - take great care if making alterations! */
.bmi{background:#ffffff; border:2px solid #ccccff; font-size:10px; padding:0px; margin:0px;} /* BMI calculator background style */
.bmih {background:#ccccff; font-size:10px; padding:0px; margin:0px;} /* BMI calculator height background style */
.bmiw {background:#ffffcc; font-size:10px; padding:0px; margin:0px;} /* BMI calculator weight background style */
.bmib {background:#ffffcc; font-size:12px; padding:0px; margin:0px;} /* BMI calculator buttons background style */
.msg1 {background:transparent; text-align:left;	color:#0000ff; width:22%; height:17px; z-index:1; line-height:120%; border:dotted #ffffff; font-weight:normal; font-size:10px; top:auto; margin:0px; padding:0px;}
.msg2 {background:transparent; text-align:left; color:#ff0000; width:7%; height:17px; z-index:2; line-height:120%;	border:dotted #ffffff; font-weight:normal; font-size:10px; margin:0px; padding:0px;}
.msg3 {background:transparent; text-align:left;	color:#0000ff; width:98%; height:17px; z-index:3; line-height:120%; border:dotted #ffffff; font-weight:normal; font-size:10px; margin:0px; padding:0px;}
.msg4 {background:transparent; text-align:left;	color:#0000ff; width:29%; height:17px; z-index:4; line-height:120%; border:dotted #ffffff; font-weight:normal; font-size:10px; top:auto; margin:0px; padding:0px;}
.msg5 {background:transparent; text-align:left;	color:#ff0000; width:5%; height:17px; z-index:5; line-height:120%; border:dotted #ffffff; font-weight:normal; font-size:10px; top:auto; margin:0px; padding:0px;}
.msg6 {background:transparent; text-align:left;	color:#0000ff; width:7%; height:17px; z-index:6; line-height:120%; border:dotted #ffffff; font-weight:normal; font-size:10px; top:auto; margin:0px; padding:0px;}
.msg7 {background:transparent; text-align:left;	color:#ff0000; width:5%; height:17px; z-index:7; line-height:120%; border:dotted #ffffff; font-weight:normal; font-size:10px; top:auto; margin:0px; padding:0px;}
.msg8 {background:transparent; text-align:left;	color:#0000ff; width:8%; height:17px; z-index:8; line-height:120%; border:dotted #ffffff; font-weight:normal; font-size:10px; top:auto; margin:0px; padding:0px;}
.msg9 {background:transparent; text-align:left;	color:#ff0000; width:6%; height:17px; z-index:9; line-height:120%; border:dotted #ffffff; font-weight:normal; font-size:10px; top:auto; margin:0px;padding:0px;}
.msg10 {background:transparent;	text-align:left; color:#0000ff;	width:6%; height:17px; z-index:10; line-height:120%; border:dotted #ffffff; font-weight:normal; font-size:10px; top:auto; margin:0px; padding:0px;}
.msg11 {background:transparent;	text-align:left; color:#0000ff;	width:98%; height:17px; z-index:11; line-height:120%; border:dotted #ffffff; font-weight:normal; font-size:10px; top:auto; margin:0px; padding:0px;}
.r1 {text-align:center; background:transparent; color:#ffffff;}/* Websafe colour */
.r2 {text-align:center; background:transparent; color:#ffffff;}/* Websafe colour */
/* End BMI Calc style */

/* Search facility related style */
.highlight {color:#cc0033; background:transparent; font-weight:bold;} /* Highlighted search terms on results page */
.searchheading {font-size:130%; font-weight:bold; color:#0000ff;} /* Search term heading */
.searchbox {color:#000000; background:#ffffff; font-size:9pt; border:1px solid #000066; width:95pt; height:12pt;}
.searcharea {text-align:center; background:#eeeeff; color:#000000; border:1px solid #6666ff; width:157px; padding:0px;} /* Background for order button areas */
.summary {font-size:80%; font-style:italic; color:#ff0000;} /* Search number results detail*/
.results {font-size:100%; color:#000000;} /* Overall results section */
.category {color:#999999;}
.description {font-size:100%; color:#008000;} /* Page description text */
.context {font-size:100%;}
.infoline {font-size:80%; font-style:normal; color:#808080;}
.sorting {text-align:right;}
.result_title {font-size:100%;}
.zoom_searchform {font-size:100%;}
.zoom_options {font-size:80%;}
input.zoom_button {  }
input.zoom_searchbox {  }
/* End Search facility */

/* Scroller CSS */
/* Begin Scroller 1 - multiple choice scroller */
#pscroller1 {text-align:left; width:150px; height:180px; border:none; padding:0px; background-color:transparent;}
#pscroller1 a:link, a:visited {background-color:transparent; color:#0000ff;}
#pscroller1 a:hover {background-color:transparent; color:#ff0000;}
#pscroller2 {text-align:left; width:480px; height:60px; border:0px; padding:0px;}
#pscroller2 a {text-decoration:none;}
#pscroller3 {text-align:left; width:120px; height:60px; border:1px; padding:0px;}
#pscroller3 a {text-decoration:none;}
/*.someclass }*/
/* End Scroller 1 */

/* Begin Cheque order form */
.formheading{position:absolute; left:42px;}
.f1 {position:absolute; left:0px; top:38px; width:42%; text-align:right;}
.f2 {position:absolute; left:0px; top:64px; width:42%; text-align:right;}
.f3 {position:absolute; left:0px; top:90px; width:42%; text-align:right;}
.f4 {position:absolute; left:0px; top:116px; width:42%; text-align:right;}
.f5 {position:absolute; left:0px; top:142px; width:42%; text-align:right;}
.f6 {position:absolute; left:0px; top:168px; width:42%; text-align:right;}
.f7 {position:absolute; left:330px; top:38px; width:46%; text-align:right;}
.f8 {position:absolute; left:330px; top:64px; width:46%; text-align:right;}
.f9 {position:absolute; left:330px; top:90px; width:46%; text-align:right;}
.f10 {position:absolute; left:330px; top:116px; width:46%; text-align:right;}
.f11 {position:absolute; left:330px; top:142px; width:46%; text-align:right;}
.f12 {position:absolute; left:330px; top:168px; width:46%; text-align:right;}
.formfooter {position:relative; left:42px; top:205px;}
.formfooter a:hover {background-color:transparent; color:#ff0000;}
/* End Cheque order form */