/* This is the page contaier - it contains all other elements
   Colours in this style sheet:

   First the container for the complete page
   Validates as css level 3
*/
body{
 font-family: Arial, Helvetica, sans-serif;
 font-style : normal;
 font-weight : 400;
 font-size  : 12px;
 text-align : left;
 line-height : 1em;

 margin : 0;
 padding : 0;
 border : 0;

 color  : #000000;
 background : #transparent;
 background-color : #transparent;
}

div.pagecontainer{
 position : relative;
 width : 968px;

 margin : 0 auto;
 padding-top : 16px;
 padding-bottom : 16px;
 padding-left : 0;
 padding-right : 0;

 color : #000000;
 background-color : #fbfad4;
 background : #fbfad4;
 background-image : url(../images/pagebg01.jpg);
 background-repeat: repeat;
}
/* The top banner */
div.topbanner{
 position : relative;
 clear : both;
 width : 936px;
 height : 128px;

 border : 0;
 margin-top : 0;
 margin-bottom : 0;
 margin-left : 16px;
 margin-right : 0;
 padding : 0;

 font-size: 18px;
 font-weight: bold;

 color : #313131;
 background-color : #transparent;
 background : transparent;
/* background-image : url(../images/newbanner2.jpg); */

 display : block;
}
div.topbanner h1{
 width : 100%;
 height : 100%;
 margin : 0;
 padding : 0;
 color      : #ddeeaa;
 background : transparent;
 background-color : transparent;
 display : block;
}

div.topbanner h1 a{
 height : 100%;
 margin : 0;
 background-image : url(../images/newbanner2.jpg);
 display : block;
}

div.topbanner h1 a:link {text-decoration: none; color: #ddeeaa;}
div.topbanner h1 a:visited {text-decoration: none; color: #ddeeaa;}
div.topbanner h1 a:active {text-decoration: none; color: #ddeeaa;}
div.topbanner h1 a:hover {text-decoration: none; color: #ddeeaa; background-position: left bottom;}

/* The footer */
div.footer{
 position : relative;
 clear : both;
 width : 936px;
 /* height : 48px; */

 border-top : 1px solid #ee9;
 border-right : 1px solid #aa3;
 border-left : 1px solid #ee9;
 border-bottom : 1px solid #aa3;

 margin-top : 0;
 margin-bottom : 0;
 margin-right : 0;
 margin-left : 16px;
 padding-top : 16px;
 padding-bottom : 16px;

 color : #555500;
 background-color : #ddeeaa;
 background : #ddeeaa;

 font-weight : 700;
 font-size  : 11px;
 text-align : center;
}
div.w3cl{
position : relative;
float : left;
width : 92px;
height : 48px;
margin-top : 80px;
margin-bottom : 0;
margin-left : 16px;
margin-right : 0;
}
div.w3cr{
position : relative;
float : right;
width : 92px;
height : 48px;
margin-top : 80px;
margin-bottom : 0;
margin-left : 0;
margin-right : 16px;
}
div.rwidget{
position: relative;
float: right;
margin: 0 0 0 16px;
padding: 0;
border: 0;
display: inline;
}
/* The mian body of the page - the main content of the page sit in innerpanels within here */
div.mainpanel{
 position : relative;
 float : left;
 width  : 684px;
/*
 border-top : 1px solid #aab;
 border-right : 1px solid #ccd;
 border-bottom : 1px solid #ccd;
 border-left : 1px solid #aab;
*/
 border: 0;
 margin-left : 0px;
 margin-right: 0px;
 margin-top : 0;
 margin-bottom : 8px;

 padding : 0;
 padding-left: 8px;

 color : #000000;
 background-color : #transparent;
 background : #transparent;
 background-image: url(../images/vbg03.gif);
 background-repeat: repeat-y;

 line-height : 1.5em;
 display: inline;
}
/*
  Start of virtical menu bar definition. Starndard bars
  2. Reflexology
  3. Reiki
  4. Prices
  5. Gift Vouchers
  6. My Clinic
  7. Testimonials
  8. Useful links
  9. Contact Me
*/
div.leftpanel{
 position : relative;
 float : left;
 width : 234px;
 height : 768px;
/*
 border-top : 1px solid #ee9;
 border-right : 1px solid #aa3;
 border-left : 1px solid #ee9;
 border-bottom : 1px solid #aa3;
*/
 border: 0;

 margin-left : 16px;
 margin-right: 0px;
 margin-top : 0;
 margin-bottom : 8px;

 padding : 0;

 color : #000;
 background : #ddeeaa;
 background-color : #ddeeaa;
 display: inline;
}
/*
  1. Home page taken out of standard as it is smallest and needs to be completely visible
*/
div.leftpanel0{
 position : relative;
 float : left;
 width : 234px;
 height : 892px;
/*
 border-top : 1px solid #ee9;
 border-right : 1px solid #aa3;
 border-left : 1px solid #ee9;
 border-bottom : 1px solid #aa3;
*/
 border: 0;
 margin-left : 16px;
 margin-right: 0px;
 margin-top : 0;
 margin-bottom : 8px;

 padding : 0;

 color : #000;
 background : #ddeeaa;
 background-color : #ddeeaa;
 display: inline;
}
/*
  These left panels are to match height of the larger innerpanels
  These have been set to fixed sizes so as to eliminate the use of Javascript
  For setting the main panel and menu panel to the same size
  1. EFT
  2. Hopi Candles
  3. FAQ
*/
div.leftpanel1{
 position : relative;
 float : left;
 width : 234px;
 height : 1504px;
/*
 border-top : 1px solid #ee9;
 border-right : 1px solid #aa3;
 border-left : 1px solid #ee9;
 border-bottom : 1px solid #aa3;
*/
 border: 0;

 margin-left : 16px;
 margin-right: 0px;
 margin-top : 0;
 margin-bottom : 8px;

 padding : 0;

 color : #000;
 background : #ddeeaa;
 background-color : #ddeeaa;
 display: inline;
}
div.leftpanel2{
 position : relative;
 float : left;
 width : 234px;
 height : 1248px;
/*
 border-top : 1px solid #ee9;
 border-right : 1px solid #aa3;
 border-left : 1px solid #ee9;
 border-bottom : 1px solid #aa3;
*/
 border: 0;

 margin-left : 16px;
 margin-right: 0px;
 margin-top : 0;
 margin-bottom : 8px;

 padding : 0;

 color : #000;
 background : #ddeeaa;
 background-color : #ddeeaa;
 display: inline;
}
div.leftpanel3{
 position : relative;
 float : left;
 width : 234px;
 height : 1680px;
/*
 border-top : 1px solid #ee9;
 border-right : 1px solid #aa3;
 border-left : 1px solid #ee9;
 border-bottom : 1px solid #aa3;
*/
 border: 0;

 margin-left : 16px;
 margin-right: 0px;
 margin-top : 0;
 margin-bottom : 8px;

 padding : 0;

 color : #000;
 background : #ddeeaa;
 background-color : #ddeeaa;
 display: inline;
}
/*
  Standard innerpanel - fits left half of main body of the page
  2. Reflexology
  3. Reiki
  4. Prices
  5. Gift Vouchers
  6. My Clinic
  7. Testimonials
  8. Useful links
  9. Contact Me
*/
div.innerpanel{
 position : relative;
 float : left;
 width  : 652px;
 height : 736px;

 border-top : 1px solid #eef;
 border-right : 1px solid #dde;
 border-bottom : 1px solid #dde;
 border-left : 1px solid #eef;

 margin : 0;
 margin-left: 8px;
 padding : 16px;

 color : #303030;
 background-color : #ffffff;
 background : #ffffff;

 font-size  : 12px;
 display: inline;
 background-image : url(../images/panelbg01.gif);
 background-repeat: repeat;
 display: inline;
}
/*
  1. Home page taken out of standard as it is smallest and needs to be completely visible and larger text
*/
 div.innerpanel0{
 position : relative;
 float : left;
 width  : 652px;
 height : 860px;

 border-top : 1px solid #eef;
 border-right : 1px solid #dde;
 border-bottom : 1px solid #dde;
 border-left : 1px solid #eef;

 margin : 0;
 margin-left: 8px;
 padding : 16px;

 color : #303030;
 background-color : #ffffff;
 background : #ffffff;

 font-size  : 14px;
 display: inline;
 background-image : url(../images/panelbg01.gif);
 background-repeat: repeat;
 display: inline;
}
/*
  These innerpanels are for those pages bigger than the standard size
  These have been set to fixed sizes so as to eliminate the use of Javascript
  For setting the main panel and menu panel to the same size
  1. EFT
  2. Hopi Candles
  3. FAQ
*/
div.innerpanel1{
 position : relative;
 float : left;
 width  : 652px;
 height : 1472px;

 border-top : 1px solid #eef;
 border-right : 1px solid #dde;
 border-bottom : 1px solid #dde;
 border-left : 1px solid #eef;

 margin : 0;
 margin-left: 8px;
 padding : 16px;

 color : #303030;
 background-color : #ffffff;
 background : #ffffff;

 font-size  : 12px;
 display: inline;
 background-image : url(../images/panelbg01.gif);
 background-repeat: repeat;
 display: inline;
}
div.innerpanel2{
 position : relative;
 float : left;
 width  : 652px;
 height : 1216px;

 border-top : 1px solid #eef;
 border-right : 1px solid #dde;
 border-bottom : 1px solid #dde;
 border-left : 1px solid #eef;

 margin : 0;
 margin-left: 8px;
 padding : 16px;

 color : #303030;
 background-color : #ffffff;
 background : #ffffff;

 font-size  : 14px;
 display: inline;
 background-image : url(../images/panelbg01.gif);
 background-repeat: repeat;
 display: inline;
}
div.innerpanel3{
 position : relative;
 float : left;
 width  : 652px;
 height : 1648px;

 border-top : 1px solid #eef;
 border-right : 1px solid #dde;
 border-bottom : 1px solid #dde;
 border-left : 1px solid #eef;

 margin : 0;
 margin-left: 8px;
 padding : 16px;

 color : #303030;
 background-color : #ffffff;
 background : #ffffff;

 font-size  : 12px;
 display: inline;
 background-image : url(../images/panelbg01.gif);
 background-repeat: repeat;
 display: inline;
}
/* Colorbox video */
div.cbvideo{
 position : relative;
 float : left;
 width  : 320px;
 height : 240px;
/*
 border-top : 1px solid #aab;
 border-right : 1px solid #ccd;
 border-bottom : 1px solid #ccd;
 border-left : 1px solid #aab;
*/
 border: 0;
 margin-left : 0px;
 margin-right: 0px;
 margin-top : 0;
 margin-bottom : 8px;

 padding : 0;
 padding-left: 8px;

 color : #000000;
 background-color : #transparent;
 background : #transparent;

 display: inline;
}
/* Paragraphs */
p{
 padding : 0;
 margin-top : 4px;
 margin-bottom : 4px;
}

p.lf{
 padding : 0;
 margin-top : 8px;
 margin-bottom : 8px;
}

p.cs{
 text-align : center;
 padding : 0;
 margin : 0;
 margin-top : 8px;
 margin-bottom : 8px;
 font-weight : 700;
}
p.ft{
color: #550;
}

/* Centered div for home page icons */
div.c1{
 margin : 0;
 margin-top : 32px;
 text-align : center;
}
/*
div.c2{
 position : relative;
 float : left;
 margin : 0;
 padding : 0;
 margin-top : 32px;
 padding-top : 96px;
 padding-left : 22px;
}
*/
/* Bar displayed under the leftnavigation bar under the menu */
div.flashbox{
 position : relative;
 float : left;
 width : 200px;
 height: 116px;
 border : 0;
 margin-top : 4px;
 padding-top : 96px;
 padding-left : 22px;
 color : #ffffff;
 background : #111;
 background-color : transparent;
 display: block;
}
div.tfloatright {
 float : right;
 border : 0;
 margin : 0;
 padding: 0;
 margin-right: 10px;
 color : #666666;
 font-weight : 700;
}

/* Start of virtical menu bar definition */
ul#navlist{
 margin : 0;
 padding : 0;
 width : 100%;
 display : block;
 font-family: Arial, Helvetica, sans-serif;
 font-size  : 11px;
 font-style : normal;
 font-weight : 700;
 text-align : left;
 display: block;
}
/*
  Display inline ensures the list bullets are removed in Opera and Firefox
  We remove the list item characteristic but will return it with the anchor tag below
*/
ul#navlist li{
 margin : 0;
 padding : 0;
 display : inline;
}
/* Display list-item returns the list bullets */
ul#navlist li a{
 margin : 0;
 padding : 1em 2em 1em 1em;
 display : list-item;
 text-decoration: none;
 border-top : 1px solid #ffffff;
 border-right : 0;
 border-left : 0;
 border-bottom : 1px solid #aa3;
 color : #550;
 background : #ddeeaa;
 background-image : url(../images/mitem.jpg);
 list-style-image : none;
 list-style-type : square;
 list-style-position : inside;
}

ul#navlist li a:hover{
 margin : 0;
 padding : 1em 2em 1em 1em;
 display : list-item;
 color : #32231c;
 text-decoration: none;
 border-top : 1px solid #ffffff;
 border-right : 0;
 border-left : 0;
 border-bottom : 1px solid #aa3;
 background : #eef;
 background-image : url(../images/mitem.jpg);
 background-position : left bottom;
 list-style-image : none;
 list-style-type : square;
 list-style-position : inside;
}
/* Maintain visibility of current menu selection */
#page1 #nav_page1 a,
#page2 #nav_page2 a,
#page3 #nav_page3 a,
#page4 #nav_page4 a,
#page5 #nav_page5 a,
#page6 #nav_page6 a,
#page7 #nav_page7 a,
#page8 #nav_page8 a,
#page9 #nav_page9 a,
#page10 #nav_page10 a,
#page11 #nav_page11 a,
#page12 #nav_page12 a,
#page13 #nav_page13 a{
 margin : 0;
 padding : 1em 2em 1em 1em;
 display : list-item;
 text-decoration: none;
 border-top : 1px solid #ffffff;
 border-right : 0;
 border-left : 0;
 border-bottom : 1px solid #aa3;
 color : #550;
 background : #ddeeaa;
 background-image : url(../images/mitem.jpg);
 background-position : left bottom;
 list-style-image : none;
 list-style-type : square;
 list-style-position : inside;
}

ul.u1{
list-style-type: none;
}

/* End of virtical menu bar definition */
/* Formats for headings */
.head1{
 padding : 0;
 margin-top : 8px;
 margin-bottom : 8px;
 text-align : left;
 color      : #000000;
 background : transparent;
 background-color : transparent;
 font-size  : 14px;
 font-weight: 700;
 line-height: normal;
}

.head2{
 height : 24px;
 border : 0;
 border-bottom : solid 4px #005200;
 margin : 0;
 margin-bottom : 16px;
 padding : 0;
 padding-top : 8px;

 text-align : center;
 color      : #313131;
 background : transparent;
 background-color : transparent;
 font-size  : 16px;
 font-weight: 700;
 line-height: normal;
}
.head3{
 margin : 0;
 padding : 0;
 text-align : left;
 color      : #000000;
 background : transparent;
 background-color : transparent;
 font-size  : 12px;
 font-weight: 700;
 line-height: normal;
}
.head4{
 width : 50%;
 height : 24px;
 border : 0;
 border-bottom : solid 4px #005200;
 margin : 0 auto;
 margin-bottom : 16px;
 padding : 0;
 padding-top : 8px;

 text-align : center;
 color      : #313131;
 background : transparent;
 background-color : transparent;
 font-size  : 14px;
 font-weight: 700;
 line-height: normal;
}
/* Bold text */
.wt800{
 margin-bottom : 0;
 text-align : left;
 color      : #000000;
 background : transparent;
 background-color : transparent;
 font-size  : 12px;
 font-style : normal;
 font-weight: 700;
 line-height: normal;
}
/* Indended */
.wt800i{
 margin-bottom : 0;
 margin-left   : 48px;
 text-align : left;
 color      : #000000;
 background : transparent;
 background-color : transparent;
 font-size  : 12px;
 font-style : normal;
 font-weight: 700;
 line-height: normal;
}
/* Formats of anchor links */
a.low:link {text-decoration: none; color: #550;}
a.low:visited {text-decoration: none; color: #550;}
a.low:active {text-decoration: none; color: #550;}
a.low:hover {text-decoration: none; color: #32231c;}

a.totop:link {text-decoration: none; color: #999999;}
a.totop:visited {text-decoration: none; color: #999999;}
a.totop:active {text-decoration: none; color: #999999;}
a.totop:hover {text-decoration: none; font-style: italic; font-weight: 700; color: #333333;}

a.high:link {text-decoration: none; color: #0000ff;}
a.high:visited {text-decoration: none; color: #0000ff;}
a.high:active {text-decoration: none; color: #0000ff;}
a.high:hover {text-decoration: underline; font-style: italic; font-weight: 700; color: #0033dd;}

a.book:link {text-decoration: none; font-size: 16; font-weight: bold; color: #aa0000;}
a.book:visited {text-decoration: none; font-size: 16; font-weight: bold; color: #aa0000;}
a.book:active {text-decoration: none; font-size: 16; font-weight: bold; color: #ff0000;}
a.book:hover {text-decoration: none; font-size: 16; font-weight: bold; color: #ff0000;}
/* Image positioners */
img{
 border : 0;
}
img.ifloatleft {
 float : left;
 vertical-align: top;
 margin-top : 0;
 margin-left: 0;
 margin-bottom : 0px;
 margin-right : 10px;
}
img.ifloatleft1 {
 float: left;
 margin: 4px 16px 4px 16px;
 width: auto ;
 height: auto ;
}
img.ifloatright {
 float : right;
 border : 1px;
 border-color : #999999;
 vertical-align: top;
 margin-top : 0;
 margin-left: 10px;
 margin-bottom : 0;
 margin-right : 0;
 padding-top : 0;
}
img.ifloatright1 {
 float : right;
 border : 1px;
 border-color : #999999;
 vertical-align: top;
 margin-top : 0;
 margin-left: 10px;
 margin-bottom : 0;
 margin-right : 0;
 padding-top : 0;
}
img.bg-image{
position:fixed;
top:0;
left:0;
width:100%;
height:100%;
}
/* Table formaters */
table.t1{
border-collapse : collapse;
background-color : #transparent;
border : 1px solid #888;
margin-left : 5%;
width : 90%;
}
table.t2{
border-collapse : collapse;
background-color : #transparent;
border : 0;
margin-left : 10%;
width : 80%;
}

table.t3{
border-collapse : collapse;
background-color : #transparent;
border : 0;
margin-left: 0;
width : 100%;
}

th.thr1{
text-align : right;
}
td.tdl1{
width : 60%;
border : 1px solid #888;
}

td.tdl2{
width : 15%;
border : 1px solid #888;
}

td.tdl3{
width : 75%;
border : 1px solid #888;
}

td.tdl4{
vertical-align : top;
width : 50%;
border : 0;
}
td.tdl5{
vertical-align : top;
width : 5%;
border : 0;
}

td.tdl6{
width : 40%;
border : 0;
margin : 0;
margin-bottom : 8px;
padding : 4px;
vertical-align : top;
}
td.tdl7{
width : 60%;
border : 0;
margin : 0;
margin-bottom : 8px;
padding : 4px;
vertical-align : top;
}

td.tdr1{
text-align : right;
width : 15%;
border : 1px solid #888;
}
/* Clearer */
.clearer {clear: both; font-size: 0; height: 0;}

.fr1{float:right;}

.line{
  width: 652px;
  border : 0;
  border-bottom : solid 1px #dde;
  margin : 0;
  margin-bottom : 16px;
  position: absolute;
}