body 	{width:100%; font-size:1.2em; line-height:1.25em; font-family: "Gill Sans", "Gill Sans MT", Calibri, sans-serif; padding:0; margin:0; color:#444444}
input.hintTextbox {float:right; color: #888; font-weight:100; font-style:italic; font-family:verdana, Arial, Helvetica, sans-serif; border:#aaa solid 2px}
input.hintTextboxActive {color: #000; font-family:Verdana, Arial, Helvetica, sans-serif}

h1      {font-size:1.5em; line-height:1.2em; font-family: Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif; font-weight:bold; color:#9f6ea0}
h2      {font-size:1.3em; line-height:1.0em; font-family: Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif; font-weight:bold; color:#9f6ea0}
h3, h4, h5  {margin-bottom:10px;font-size:1.2em; line-height:1.2em; font-family: Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif; font-weight:bold; color:#9f6ea0}

.LQtext {font-size:0.9em; line-height:1.3em}
.LHeads {color:#51902A; font-weight:bold}
.LDiv {height: 1px; width: 100%; border: 0px; color:#ccc; background-color:#ccc}

.hph1 {padding-top:20px; color:#417721; font-size:1.4em; line-height:1.1em; font-weight:bold; margin-bottom:0px; clear:both; font-family:Geneva, Arial, Helvetica, sans-serif;}
.hph2 {padding-top:20px; color:#417721; font-size:1em; line-height:1em; font-weight:bold; margin-bottom:5px; clear:both; font-family:Geneva, Arial, Helvetica, sans-serif;}

.imagerelated {width:21%; height:80px; border:0px solid #cccccc; display:inline-block; padding:2%; margin-right:0px; float:left; clear:none; text-align:center; font-size:0.8em; color:#000000; line-height:1.3em; font-weight:bold;}
.SWouter {width:100%; height:60px; top:0; padding:0; margin:0; background-color:#ffffff; overflow: hidden; background-size: cover; background-image: url('http://www.howtodetox.co.uk/headers/howtodetox.jpg'); background-repeat:no-repeat; font-size:0.7em;}
.SWouterBlur {-webkit-filter: blur(2px); -moz-filter: blur(2px); -o-filter: blur(2px); -ms-filter: blur(2px); filter: blur(2px); width:100%; height:60px; top:0; padding:0; margin:0; background-color:#ffffff; overflow: hidden; background-size: cover; background-image: url('http://www.howtodetox.co.uk/headers/howtodetox.jpg'); background-repeat:no-repeat; font-size:0.7em;}

.footer {float:left; background-color:#9f6ea0; color:#fff; margin-top:20px; padding:10px 0 20px 0; font-size:0.8em;}
	
.SWsearch {height:30px; width:100px; float:right; padding:0; margin:15px 0 0 0;}
.SWsearchPage {height:30px; width:200px; float:right; padding:0; margin:15px 0 0 0;  border:red 1px solid}

.breadcrumb {font-size:0.7em; background-color:#9f6ea0; height:18px; width:100%; padding:0px 0 4px 0px; margin:0; color:#fff}
a.breadcrumbA:link, a.breadcrumbA:visited, a.breadcrumbA:hover {color:#fff; text-decoration:none;}
a.breadcrumbAU:link, a.breadcrumbAU:visited, a.breadcrumbAU:hover {color:#fff; text-decoration:none; text-decoration:underline}
.footerspacer {display: inline; padding:0 10px 0 10px}
.newsblog {width:400px; border-bottom:1px solid #cccccc; padding-bottom:8px}
.newsblog h2 {color:#417721; font-size:1.7em; font-weight:normal; font-family: Georgia, "Times New Roman", Times, serif;}
.InArticleImage {float:left; clear:none; padding: 10px 20px 10px 0}

.searchresults {font-size:1.3em; line-height:1.2em; text-decoration:underline!important; color:#51902A; font-weight:normal;}
.hhome {color:#417721; font-size:1.3em; font-weight:bold; padding-bottom:3px;}
.hhome:hover {background-color: #ecfedd; cursor: pointer!important;}
.homediv {background-color:#f8fdf4; cursor:default; -webkit-border-radius:7px; -moz-border-radius:7px; border-radius:7px; width:100%; padding:7px 0px 7px 0px; margin: 10px 0px 0px 0px; float:left; border:#f1e8eb solid 1px; font-size:0.8em; line-height:1.1em }
.homediv:hover  {background-color:#ecfedd; cursor: pointer!important;}
.homedivnr {background-color:#f8fdf4; cursor:default;}
.homedivnr:hover  {background-color:#ecfedd; cursor: pointer!important;}

.homediv1 {padding: 4px 0px 0px 10px; width:60px; float:left; clear:none}

.location {float:left; width:900px; height:20px; color:#417721; font-size:1.2em; padding: 12px 0px 3px 19px}
.r5 {-webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px }
.r7 {-webkit-border-radius:7px; -moz-border-radius:7px; border-radius:7px }
.r10 {-webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px }
.b {color:#417721; font-weight:200; font-size:1.2em;}
li {padding-bottom:5px}
.booklink       {COLOR: #51902A; font-weight:bold; font-size:1.2em; margin-bottom:10px}
a:hover         {TEXT-DECORATION:underline; COLOR: #51902A}
a:link          {TEXT-DECORATION:underline; COLOR: #51902A}
a:visited          {TEXT-DECORATION:underline; COLOR: #51902A}
.container {overflow: hidden; zoom: 1; color:#555555;}
.containerR {overflow: hidden; zoom: 1; float:right; font-size:1.25em}
stings  {overflow: hidden; zoom: 1; float:left; clear:none; color:#003366;}
.tabletmain {position:relative; width:520px; background-color:#f1ffe4; float:right; margin-bottom:10px}
.tabletsub {padding-left:20px; width:385px; float:left; clear:none; color:#000066;}
.th {}
a.th:link, a.th:visited {color:#0f5ab7; line-height:1.2em; padding-bottom:15px; text-decoration:underline; font-weight:bold; background:none}
a.tl:link, a.tl:visited {color:#0f5ab7; text-decoration:underline; font-weight:normal; background:none}
a.th:hover, a.tl:hover {color: #ecfedd;}
.tabhead {padding:4px 0px 5px 0px;}
nktext {font-size:0.8em; color:#003399; text-decoration:none}

table {clear:both}
strong {color:#0f5ab7; text-decoration:underline}
.mainright ul li {list-style-image: url(/headers/arrow2.gif); padding-bottom:2px; padding-top:0px}
.imgContainer {float: left;padding: 0px 20px 15px 0px;}
.img-shadow {float:left; background: url(/images/shadowAlpha.png) no-repeat bottom right !important; margin: 10px 0 0 10px !important;}
.img-shadow img {display: block; position: relative; background-color: #fff; border: 1px solid #dbdbdb; margin: -6px 6px 6px -6px; padding: 4px;}
img.ReadArticle {float: left; margin: 0px 20px 20px 0px;}
img.floatLeft {float: left; margin: 0px 10px 0px 20px;}
img.floatRight {float: right; margin: 5px 20px 10px 20px;}
img.floatRightClear {float: right; clear: right; margin: 5px 20px 10px 20px;}
.printh1 {display:none}



.orderLabelLeft {width:110px; float:left; text-align:right; padding-right:30px; color:#777;}


.textentry {background-color:#FFFFFF; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; border:1px solid #aaaaaa; height:2em; padding-left:5px; font-size:16px; width:120px; height:22px;}
.datalabel {width:80px; float:left; text-align:right; padding: 0 10px 0 0px; }
.datashown {float:right; color:#999999; padding:0 10px 0 10px; font-size:0.7em}
.dataerror {float:left; padding-left:20px; color:#CC0000; font-size:0.9em;}

.imagerelated {width:110px; height:80px; border:1px solid #cccccc; display:inline-block; padding:3px; margin-right:22px; float:left; clear:none; text-align:center; font-size:0.8em; color:#000000; line-height:1.3em; font-weight:bold}
a.black:link {font-family:Georgia, "Times New Roman", Times, serif; color:#000000; font-weight:normal}



#dt-tree-slider{margin: 0;padding: 0;width: 2000px;}
.dt-back-link{margin-top: 1em; font-size: 0.6em; border: none; text-align:left; padding-bottom:0.1em;}
.dt-arrow {width:13px; height:13px;}
/* The container, it contains the divs below. Has to be 30 pixels larger than the 'tree-content-box' div, in order to not mess up the layout*/
#dt-tree-window {border:2px solid #dddddd;margin: 0;padding: 0;background: #ffffff;width: 662px;min-height: 150px;overflow: hidden;-moz-box-shadow: 10px 10px 5px #888;
-webkit-box-shadow: 10px 10px 5px #888; box-shadow: 10px 10px 5px #888;}
.dt-tree-content-box {background-color:#ffffff;margin: 0;padding: 15px;float: left;width: 630px;font-size: 2em;}
/* The header text, the main text of the question */
.dt-header {font-size:30px;color:#417721;line-height:1.1em;text-align:center;padding-bottom:0.1em;}
.dt-header-separator {border-bottom: 1px solid #6babc2;margin-top:10px;}
/* Controls the question links, the font can be edited from here and the color aswell */
.dt-decision-links{margin-top: 1em;padding-top: 1em;border-top: 1px solid #6babc2;text-align: center;font-size: 0.7em;background: #ffffff;color:#417721; font-weight:bold; text-decoration:underline}
/* Contains the description section */
.dt-description {min-height:100px;padding-top:20px;padding-bottom:20px;color:#444444;font-size:0.5em;}
/* You can add styling to the description a tags, which are the links that lead to the next question */
.dt-decision-links a {margin-right: 1em;padding-right: 1em;background: #ffffff;}
.dt-decision-links a.last-child{border: none;background: #ffffff}



ul#tabnav { /* general settings */
text-align: right; /* set to left, right or center */
margin: 1em 0 1em 0; /* set margins as desired */
font: bold 1em verdana, arial, sans-serif; /* set font as desired */
border-bottom: 1px solid #aaa; /* set border COLOR as desired */
list-style-type: none;
padding: 3px 10px 3px 10px; /* THIRD number must change with respect to padding-top (X) below */
}

ul#tabnav li { /* do not change */
display: inline;
}

body#tab1 li.tab1, body#tab2 li.tab2, body#tab3 li.tab3, body#tab4 li.tab4, body#tab5 li.tab5 { /* settings for selected tab */
border-bottom: 1px solid #fff; /* set border color to page background color */
background-color: #fff; /* set background color to match above border color */
}

body#tab1 li.tab1 a, body#tab2 li.tab2 a, body#tab3 li.tab3 a, body#tab4 li.tab4 a { /* settings for selected tab link */
background-color: #fff; /* set selected tab background color as desired */
color: #51902A; /* set selected tab link color as desired */
position: relative;
top: 1px;
padding-top: 4px; /* must change with respect to padding (X) above and below */
}

ul#tabnav li a { /* settings for all tab links */
padding: 3px 4px; /* set padding (tab size) as desired; FIRST number must change with respect to padding-top (X) above */
border: 1px solid #417721; /* set border COLOR as desired; usually matches border color specified in #tabnav */
background-color: #eee; /* set unselected tab background color as desired */
color: #9F6EA0; /* set unselected tab link color as desired */
margin-right: 0px; /* set additional spacing between tabs as desired */
text-decoration: none;
border-bottom: none;
}

ul#tabnav a:hover { /* settings for hover effect */
background: #fff; /* set desired hover color */
}