/* 
css coded for divia - balancing-energy and is used in conjunction with www.balancing-energy.com
feel free to use any of the css techniques below.
should you require any assistance, please contact Dees Chinniah dees@bespokeid.net
tested compliant with IE 6+ / Firefox 1.0+ / Opera on PC.
tested compliant with Safari / Firefox on PC.
awaiting results with Netscape Navigator on PC.
copyright 2005 Divia - Balancing Energy and Bespoke.ID www.bespokeid.net
*/

/* start body section */
body {
background:#ffffff; 
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:100%; 
margin:0;
padding:0;
background-color:#ffffff;
}
/* end body section */





/* start header section */
#header_left {
position:relative;
width:182px;
height:91px;
float:left; 
background-color:#e2e2e2;
margin:0 2px 0 0;
padding:0;
}

#header_middle {
position:relative;
width:148px;
height:91px;
float:left; 
background: #e2e2e2 url(../images/divia_strapline.gif) 0px bottom no-repeat;
background-color:#e2e2e2;
margin:0 2px 0 0;
padding:0;
}



#header_middle_ingredients {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
color:#ff0000;
margin:15px 0 0 20px;
padding:0 0 9px 0;
background-color:#e2e2e2;
}

#header_right {
position:absolute;
top:0;
left:334px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
width:407px;
height:91px;
float:left;
background-color:#e2e2e2;
margin-top:0;
}

body#bodycleanse #header_left,
body#bodycleanse #header_middle,
body#bodycleanse #header_middle_ingredients,
body#bodycleanse #header_right,
body#bodycleanse_slimming #header_left,
body#bodycleanse_slimming #header_middle,
body#bodycleanse_slimming #header_middle_ingredients,
body#bodycleanse_slimming #header_right,
body#bodycleanse_liversupport #header_left,
body#bodycleanse_liversupport #header_middle,
body#bodycleanse_liversupport #header_middle_ingredients,
body#bodycleanse_liversupport #header_right {
background-color:#5AEF8B;
}

body#bodycleanse #header_middle,
body#bodycleanse_slimming #header_middle,
body#bodycleanse_liversupport #header_middle {
background: #5AEF8B url(../images/divia_strapline_bodycleanse.gif) 0px bottom no-repeat;
}

body#yogabalance #header_left,
body#yogabalance #header_middle,
body#yogabalance #header_middle_ingredients,
body#yogabalance #header_right,
body#yogabalance_man #header_left,
body#yogabalance_man #header_middle,
body#yogabalance_man #header_middle_ingredients,
body#yogabalance_man #header_right,
body#yogabalance_woman #header_left,
body#yogabalance_woman #header_middle,
body#yogabalance_woman #header_middle_ingredients,
body#yogabalance_woman #header_right {
background-color:#C6A9CF;
}

body#yogabalance #header_middle,
body#yogabalance_man #header_middle,
body#yogabalance_woman #header_middle {
background: #C6A9CF url(../images/divia_strapline_yogabalance.gif) 0px bottom no-repeat;
}

body#mindpower #header_left,
body#mindpower #header_middle,
body#mindpower #header_middle_ingredients,
body#mindpower #header_right,
body#mindpower_relax #header_left,
body#mindpower_relax #header_middle,
body#mindpower_relax #header_middle_ingredients,
body#mindpower_relax #header_right,
body#mindpower_refresh #header_left,
body#mindpower_refresh #header_middle,
body#mindpower_refresh #header_middle_ingredients,
body#mindpower_refresh #header_right {
background-color:#ff6666;
}

body#mindpower #header_middle,
body#mindpower_relax #header_middle,
body#mindpower_refresh #header_middle {
background: #ff6666 url(../images/divia_strapline_mindpower.gif) 0px bottom no-repeat;
}

body#skinrepair #header_left,
body#skinrepair #header_middle,
body#skinrepair #header_middle_ingredients,
body#skinrepair #header_right,
body#skinrepair_revitalisingwhitelight #header_left,
body#skinrepair_revitalisingwhitelight #header_middle,
body#skinrepair_revitalisingwhitelight #header_middle_ingredients,
body#skinrepair_revitalisingwhitelight #header_right,
body#skinrepair_revitalisingfirmbody #header_left,
body#skinrepair_revitalisingfirmbody #header_middle,
body#skinrepair_revitalisingfirmbody #header_middle_ingredients,
body#skinrepair_revitalisingfirmbody #header_right {
background-color:#80BFFF;
}

body#skinrepair #header_middle,
body#skinrepair_revitalisingwhitelight #header_middle,
body#skinrepair_revitalisingfirmbody #header_middle {
background: #80BFFF url(../images/divia_strapline_skinrepair.gif) 0px bottom no-repeat;
}

#header_right ul {

border: 0;
margin: 0;
padding:67px 5px 3px 5px;
list-style-type: none;
clear: left;

}

#header_right ul li {
display: inline;
margin: 0;
padding-right: 5px;

}

#header_right ul li a {
padding:0 0 9px 0;
background: url(../images/nav_bg_brown.gif) 0px bottom no-repeat;
text-align:left;
color:#000000;
text-decoration:none;

}

#header_right ul li a:hover {
padding:0 0 9px 0;
text-align:left;
text-decoration:none;
color:#000000;
}


#header_right ul li.mindpower a:hover {
background: url(../images/nav_bg_red.gif) 0px bottom no-repeat;
}
#header_right ul li.skinrepair a:hover {
background: url(../images/nav_bg_blue.gif) 0px bottom no-repeat;
}
#header_right ul li.yogabalance a:hover {
background: url(../images/nav_bg_violet.gif) 0px bottom no-repeat;
}
#header_right ul li.bodycleanse a:hover {
background: url(../images/nav_bg_green.gif) 0px bottom no-repeat;
}


body#mindpower #header_right ul li.mindpower a,
body#mindpower_relax #header_right ul li.mindpower a,
body#mindpower_refresh #header_right ul li.mindpower a {
background: url(../images/nav_bg_red.gif) 0px bottom no-repeat;
color:#000000;
}

body#skinrepair #header_right ul li.skinrepair a,
body#skinrepair_revitalisingwhitelight #header_right ul li.skinrepair a,
body#skinrepair_revitalisingfirmbody #header_right ul li.skinrepair a {
background: url(../images/nav_bg_blue.gif) 0px bottom no-repeat;
color:#000000;
}

body#yogabalance #header_right ul li.yogabalance a,
body#yogabalance_man #header_right ul li.yogabalance a,
body#yogabalance_woman #header_right ul li.yogabalance a {
background: url(../images/nav_bg_violet.gif) 0px bottom no-repeat;
color:#000000;
}

body#bodycleanse #header_right ul li.bodycleanse a,
body#bodycleanse_slimming #header_right ul li.bodycleanse a,
body#bodycleanse_liversupport #header_right ul li.bodycleanse a {
background: url(../images/nav_bg_green.gif) 0px bottom no-repeat;
color:#000000;
}




/* end header section */ 


/* BODY CLEANSE */
#globalnavsub_bodycleanse {
position:absolute; 
display:block;
left:600px;
top:105px;
padding:0;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
}

#globalnavsub_bodycleanse ul {
width:100px; 
height:100px; 
display:block; 
list-style-type: none; 
margin:0;
padding:0; 
text-align: left; 
}

#globalnavsub_bodycleanse ul li {
display: block; 
float: left; 
text-align: left; 
padding: 0; 
margin: 0; 
width: 95px;
}

#globalnavsub_bodycleanse ul li a { 
border: 1px solid #ffffff;
padding: 1px 0 1px 10px;
margin: 0 0 0 0;  
font-weight: normal;
background: #999999; 
color: #000000;
text-decoration: none;
display: block;
text-align: left;  
}

#globalnavsub_bodycleanse ul li a:hover {
color: #ffffff; 
background: #009a00;
}

body#bodycleanse_slimming #globalnavsub_bodycleanse ul li.bodycleanse_slimming a,
body#bodycleanse_liversupport #globalnavsub_bodycleanse ul li.bodycleanse_liversupport a {
color: #ffffff; 
background: #009a00;
}

/* MIND POWER */

#globalnavsub_mindpower {
position:absolute; 
display:block;
left:338px;
top:105px;
padding:0;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
}

#globalnavsub_mindpower ul {
width:100px; 
height:100px; 
display:block; 
list-style-type: none; 
margin:0;
padding:0; 
text-align: left; 
}

#globalnavsub_mindpower ul li {
display: block; 
float: left; 
text-align: left; 
padding: 0; 
margin: 0; 
width: 120px;
}

#globalnavsub_mindpower ul li a { 
border: 1px solid #ffffff;
padding: 1px 0 1px 10px;
margin: 0 0 0 0;  
font-weight: normal;
background: #999999; 
color: #000000;
text-decoration: none;
display: block;
text-align: left;  
}

#globalnavsub_mindpower ul li a:hover {
color: #ffffff; 
background: #ff0000;
}

body#mindpower_relax #globalnavsub_mindpower ul li.mindpower_relax a,
body#mindpower_refresh #globalnavsub_mindpower ul li.mindpower_refresh a {
color: #ffffff; 
background: #ff0000;
}

/* SKIN REPAIR */

#globalnavsub_skinrepair {
position:absolute; 
display:block;
left:423px;
top:105px;
padding:0;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
}

#globalnavsub_skinrepair ul {
width:100px; 
height:100px; 
display:block; 
list-style-type: none; 
margin:0;
padding:0; 
text-align: left; 
}

#globalnavsub_skinrepair ul li {
display: block; 
float: left; 
text-align: left; 
padding: 0; 
margin: 0; 
width: 152px;
}

#globalnavsub_skinrepair ul li a { 
border: 1px solid #ffffff;
padding: 1px 0 1px 10px;
margin: 0 0 0 0;  
font-weight: normal;
background: #999999; 
color: #000000;
text-decoration: none;
display: block;
text-align: left;  
}

#globalnavsub_skinrepair ul li a:hover {
color: #ffffff; 
background: #1886ff;
}

body#skinrepair_revitalisingwhitelight #globalnavsub_skinrepair ul li.skinrepair_revitalisingwhitelight a,
body#skinrepair_revitalisingfirmbody #globalnavsub_skinrepair ul li.skinrepair_revitalisingfirmbody a {
color: #ffffff; 
background: #1886ff;
}

/* AYURVEDIC YOGA */

#globalnavsub_yogabalance {
position:absolute; 
display:block;
left:503px;
top:105px;
padding:0;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
}

#globalnavsub_yogabalance ul {
width:100px; 
height:100px; 
display:block; 
list-style-type: none; 
margin:0;
padding:0; 
text-align: left; 
}

#globalnavsub_yogabalance ul li {
display: block; 
float: left; 
text-align: left; 
padding: 0; 
margin: 0; 
width: 110px;
}

#globalnavsub_yogabalance ul li a { 
border: 1px solid #ffffff;
padding: 1px 0 1px 10px;
margin: 0 0 0 0;  
font-weight: normal;
background: #999999; 
color: #000000;
text-decoration: none;
display: block;
text-align: left;  
}

#globalnavsub_yogabalance ul li a:hover {
color: #ffffff; 
background: #9C69AD;
}

body#yogabalance_man #globalnavsub_yogabalance ul li.yogabalance_man a,
body#yogabalance_woman #globalnavsub_yogabalance ul li.yogabalance_woman a {
color: #ffffff; 
background: #9C69AD;
}





/* start content section */
#breadcrumb,
#breadcrumb_mindpower,
#breadcrumb_skinrepair,
#breadcrumb_yogabalance,
#breadcrumb_bodycleanse {
position:absolute;
display:block;
width:750px;
left:15px;
top:165px;
font-size:70%;
font-weight:normal;
}

#breadcrumb {
color:#666666;
}
#breadcrumb_mindpower {
color:#ff0000;
}
#breadcrumb_skinrepair {
color:#1886ff;
}
#breadcrumb_yogabalance {
color:#9C69AD;
}
#breadcrumb_bodycleanse {
color:#009a00;
}

#content_area {
display:block;
margin-top:210px;
margin-bottom:-50px;
}

/* start submenu section */
#submenu_container {
position:relative;
display:block;
float:left; 
width:200px;
margin:0;
border-top:1px solid #999999;
border-bottom:1px solid #999999;
}

#submenu2 {
margin-bottom: 0px;
padding-bottom: 0px;
}

#submenu2 ul {
border: 0;
margin: 0;
padding: 0;
list-style-type: none;
text-align: center;
clear: left;
}

#submenu2 ul li {
display: block;
float: left;
text-align: left;
padding: 0;
margin: 0;
}

#submenu2 ul li a {
width: 200px;
padding-top: 3px;
padding-bottom: 3px;	
margin: 0 0 0 0;  
font-weight: normal;
color: #999999;
text-decoration: none;
display: block;
text-align: left;
font-size:75%;
}

#submenu2 ul li a:hover {
color:#000000;
text-decoration: none;
}

body#aboutdivia #submenu2 ul li.aboutdivia a,
body#ingredients #submenu2 ul li.ingredients a,
body#medicinalphilosophies #submenu2 ul li.medicinalphilosophies a,
body#press #submenu2 ul li.press a,
body#stockists #submenu2 ul li.stockists a,
body#ordernow #submenu2 ul li.ordernow a,
body#accessories #submenu2 ul li.accessories a,
body#tcs #submenu2 ul li.tcs a,
body#faqs #submenu2 ul li.faqs a,
body#contactdivia #submenu2 ul li.contactdivia a {
color:#000000;
text-decoration: none;
}


#submenu2 ul li.submenu_header {
width:200px;
line-height:10px;
font-size:75%;
font-weight:bold;
text-align:right;
color:#ffffff;
}

/* end submenu section */

#copyright {
position:absolute;
display:block;
left:4px;
top:450px;
font-size:60%;
line-height:1.5em;
color:#999999;
}

#copyright a{
color:#999999;
text-decoration:none;
}

#copyright a:hover{
color:#000000;
text-decoration:underline;
}



#content {
position:absolute;
left:200px;
width:520px;
display:block;
float:left;
line-height:1.35em;
text-align:justify;
margin-top:0;
padding-top:0;
margin-bottom:0px;
padding-bottom:0;
margin-left:20px;
margin-right:15px;
border-top:1px solid #999999;
border-bottom:1px solid #999999;
}

#content a {
color:#0000ff;
text-decoration:none;
}

#content a:hover {
text-decoration:underline;
}

#content .header {
font-weight:bold;
font-size:80%;
line-height:1.5em;
color:#000000;
margin-top:10px;
}

#content .text {
font-weight:normal;
line-height:1.5em;
color:#000000;
}


#content .text a{
color:#000000;
text-decoration:underline;
}

input,
form,
textarea {
font-family:Verdana, Arial, Helvetica, sans-serif; 
font-size:85%; 
font-weight:normal;
color:#000000;
margin-left:0px;
}

#content .text a:hover{
color:#666666;
text-decoration:underline;
}


#content .footer_spacer {
margin-bottom:1em;
}

#image_placeholder {
position:absolute;
display:block;
left:775px;
top:170px;
}


#footer {
width:518px;
display:block;
float:left;
margin-top:5px;
font-size:65%;
height:5px;
line-height:1.5em;
color:#666666;
}

#footer a{
color:#999999;
text-decoration:none;
}

#footer a:hover{
color:#000000;
text-decoration:underline;
}