/*************************************************************************
*   
*   G L O B A L  S T Y L E  S H E E T
*   F O R  S C R E E N
*

* 
*************************************************************************/
* {margin:0; padding:0;}

body {
 font:12px Arial; 
 color:#78766f; 
 line-height:18px;
 cursor:default;
 background:#c41859 url(media/bg.gif);
 margin-top:15px;
}

h1,h2,h3,h4 {font-weight:normal;
margin-top:1px;}
h2{
	line-height:1.2;
	padding-bottom:6px;
}
a {text-decoration:none; font:12px Arial;}
a:focus, a:active{outline:none;}

li {list-style:none;}

fieldset {border:0 none;}
/*label {display:none;}
input {font:11px Arial; color:#bcc1c4;}*/

div {text-align:left;}
.clear{clear:both;}
/*--------------------------------------------------------------------------
Global Classes
--------------------------------------------------------------------------*/
.right {float:right;}
.left {float:left;}
.hide, #accessibility, h1 {display:none;}

/*--------------------------------------------------------------------------
H2 Page Titles **Body class defines h2 used**
--------------------------------------------------------------------------*/
/*

--- this isnt the best thing to do with a CMS
--- as all the content is DYNAMIC
--- the next best solution is to ise sFIR
--- http://www.mikeindustries.com/sifr

body #body h2 {
 width:350px;
 height:28px;  
 margin-bottom:10px;
 text-indent:-9999px;
}
body.home #body h2 {background:transparent url(media/h2-home.gif) no-repeat 0 0;}
body.whatsitallabout #body h2 {background:transparent url(media/h2-whatsitallabout.gif) no-repeat 0 0;}
body.eventsandactivities #body h2 {background:transparent url(media/h2-eventsandactivities.gif) no-repeat 0 0;}
body.news #body h2 {background:transparent url(media/h2-news.gif) no-repeat 0 0;}
body.healthpages #body h2 {background:transparent url(media/h2-healthpages.gif) no-repeat 0 0;}
body.media #body h2 {background:transparent url(media/h2-media.gif) no-repeat 0 0;}
body.bebabes #body h2 {background:transparent url(media/h2-bebabes.gif) no-repeat 0 0;}
body.bhbhservices #body h2 {background:transparent url(media/h2-bhbhservices.gif) no-repeat 0 0;}
body.contactus #body h2 {background:transparent url(media/h2-contactus.gif) no-repeat 0 0;}
body.shop #body h2 {background:transparent url(media/h2-shop.gif) no-repeat 0 0;}

*/

/*--------------------------------------------------------------------------
Header
--------------------------------------------------------------------------*/
#head {
 width:924px;
 height:135px; 
 padding:0 18px 0 18px;
 margin:0 5px;
 display:inline;
 background:#fff url(media/bg-head.gif) no-repeat 0 0;
 float:left; 
}

/*--------------------------------------------------------------------------
Main Navigation
--------------------------------------------------------------------------*/
#navigation {
 width:924px;
 padding:0 18px 7px 18px;
 margin:0 5px;
 display:inline;
 background:#57001e url(media/bg-navigation.gif) no-repeat 0 100%;
 float:left;  
}

#navigation ul { 
 width:904px; 
 padding:0 10px;	
 background:#ca1a5c url(media/bg-navbar.gif) no-repeat 0 100%;
 float:left;
}

#navigation ul li {float:left; background:transparent url(media/a-divider.gif) no-repeat 0 50%;}
#navigation ul li.first {background:none;}
#navigation ul li a {
 color:#fff; 
 font-size:14px;    
 padding:8px 9px 8px 10px;
 display:inline-block;
 margin-left:2px;
 float:left;
}

#navigation ul li a:hover {color:#ffffff; background:#ce1d60 url(media/a-nav-over.gif) repeat-x 0 0;}
#navigation ul li a.active {color:#57001e;}

/*--------------------------------------------------------------------------
Sub Navigation
--------------------------------------------------------------------------*/

#subnavigation ul li#subnavigation2  {
 width:155px;
 color:#fff; 
 display:block;  
 margin-top:8px;
 padding:2px 0 2px 23px;
  float:left;
 
}

#subnavigation ul li a.subnavigation2   {
 background:none;
 color:#fcbfd5; 
}

#subnavigation ul li a.subnavigation2:hover   {
 background:none;
 color:#fcbfd5; 
}

#subnavigation ul li a.subnavigation2:active  {
color:#57001e; 
background:none;}


#subnavigation {
 float:left; 
 width:200px; 
 padding-bottom:46px; 
 background:transparent url(media/bg-sub-navigation.gif) no-repeat 0 100%;
}

#subnavigation h3 { 

 font:14px Arial; 
 color:#78766f;
 width:178px;
 padding:6px 12px;
 display:block; 
 background:transparent url(media/h3-sub-navigation.gif) no-repeat 0 0;
 float:left;
}
 
#subnavigation ul {
 width:200px; 
 padding:5px 0 0 0;
 border-top:1px solid #fff; 
 background:#bf0f70 url(media/ul-ext.gif) no-repeat 0 0;
 float:left;
}

#subnavigation ul li {
 width:180px;
 margin:8px 10px 0 10px;  
 background:transparent url(media/li-divider.gif) repeat-x 0 0;
 float:left; clear:both;
 display:inline;
}
#subnavigation ul li.first {margin-top:0; background:none;}

#subnavigation ul li a {
 width:155px;
 color:#fff; 
 display:block;  
 margin-top:8px;
 padding:2px 0 2px 23px;
 background:transparent url(media/ul-sub-bullet-out.gif) no-repeat 0 50%;
 float:left;
}

#subnavigation ul li a:hover {
 color:#fcbfd5; 
 background:transparent url(media/ul-sub-bullet-over.gif) no-repeat 0 50%;
}



#subnavigation ul li a.active {color:#57001e;}



/*--------------------------------------------------------------------------
Template
--------------------------------------------------------------------------*/
#surround {width:100%;}

#wrapper {width:970px; margin:0 auto;}

#content-wrapper2 {
 width:970px; 
  background-image:url(media/bgstrip.jpg); 
  background-repeat: repeat-x;
 background-color:#FFFFFF;
 float:left;
}
#content-wrapper {
 width:970px; 
 margin-top:8px;
 background-color:#FFFFFF;
 
 float:left;
 background:transparent url(media/bg-content-top.gif) no-repeat 0 0;
}

#content {
 width:970px; 
 margin-top:0;
 background:transparent url(media/bg-content-bottom.gif) no-repeat 0 100%;
 float:left;
}


#column-one {
 width:424px;
 margin:15px 10px 0 32px;
 display:inline;
 /*padding-bottom:46px;*/
 float:left;  
}

#column-two {
 width:319px;
 margin:15px 20px 0 0;   
 /*padding-bottom:17px;*/
 float:left;
}

#column-three {
 width:150px;
 margin:35px 0 0 0;
 /*padding-bottom:10px;*/
 float:left;
}

/*--------------------------------------------------------------------------
Quick Links
--------------------------------------------------------------------------*/
#quicklinks ul {padding:0; text-align:right;}

#quicklinks li {
 padding:0; 
 background:none;
 display:inline;
}

#quicklinks li a {
 color:#57001e; 
 padding-bottom:3px;
 margin-left:14px;
 font-size:11px;
 background:transparent url(media/a-underlinehf.gif) repeat-x 0 100%; 
}

#quicklinks li a:hover {color:#fff;}

/*--------------------------------------------------------------------------
Brand and Strapline
--------------------------------------------------------------------------*/
#btnBrand {
 width:185px; 
 height:102px; 
 margin-top:16px;
 text-indent:-9999px;
 background:transparent url(media/a-brand.jpg) no-repeat 0 0;
 float:left; 
}

#btnBrand:hover {background-position:0 -103px;}

#strapline {
 width:148px; 
 height:18px; 
 display:block; 
 background:transparent url(media/a-strapline.gif) no-repeat 0 0; 
 float:left;
}

/*--------------------------------------------------------------------------
Customer Login, Search, Newsletter Forms
--------------------------------------------------------------------------*/
#frmCustomer p,
#frmSearch p {
 width:163px; 
 height:27px;   
 margin-right:10px;
 display:inline;
 background:transparent url(media/frm-input.gif) no-repeat 0 0;
 float:left; 
}

#frmCustomer input,
#frmSearch input {
 width:145px;
 border:0 none;
 margin:6px 8px;
 display:inline;
}

#frmCustomer legend,
#frmSearch legend {
 font-weight:bold; 
 font-size:11px; 
 color:#a19f97;
}

#frmCustomer #btnLogin,
#frmSearch #btnSearch,
#frmNewsletter #btnSubmit {
 height:26px;
 border:0 none;
 cursor:pointer;
 display:block; 
 text-indent:-9999px;
 float:left;
}
#frmDataCapture #btnSubmit2 {
 height:26px;
 border:0 none;
 cursor:pointer;
 display:block; 
 text-indent:-9999px;
 float:left;
}
#frmCustomer #btnLogin {width:46px; background:#bb0540 url(media/btn-login.gif) no-repeat 0 0; margin-top:0px;}
#frmSearch #btnSearch {width:54px; background:#bb0540 url(media/btn-search.gif) no-repeat 0 0;}
#frmNewsletter #btnSubmit {width:53px; background:#bb0540 url(media/btn-submit.gif) no-repeat 0 0; float:right;}
#frmDataCapture #btnSubmit2 {width:53px; background:#bb0540 url(media/btn-submit.gif) no-repeat 0 0; }

#frmCustomer #btnLogin:hover,
#frmSearch #btnSearch:hover,
#frmNewsletter #btnSubmit:hover {background-position:0 -26px; background-color:#f1870a;}
#frmDataCapture #btnSubmit2:hover {background-position:0 -26px; background-color:#f1870a;}

#frmCustomer {
 width:408px;    
 margin-right:25px;
 margin-top:30px;
 display:inline;
 float:right; 
}
#frmCustomer a {
 color:#bb0540; 
 font-size:11px; 
 margin:5px 0 0 10px;
 padding-bottom:3px;
 background:transparent url(media/a-underline.gif) repeat-x 0 100%; 
 float:left;
}

#frmCustomer a:hover {color:#f1870a;}
#frmCustomer #forgotpassword a{margin-right:70px;font-size:11px; }
#okmessage {
 width:392px;    
 margin-right:0px;
 margin-top:0px;
 display:inline;
 float:right; 
  font-weight:bold; 
color:#bb0540; 
 font-size:11px; 
}

#frmSearch {width:227px; margin-top:30px; float:right;}

#frmSearch a {
 color:#bb0540; 
 font-size:11px; 
 margin:5px 0 0 10px;
 padding-bottom:3px;
 background:transparent url(media/a-underline.gif) repeat-x 0 100%; 
 float:left;
}

#frmSearch a:hover {color:#f1870a;}

/*--------------------------------------------------------------------------
Footer
--------------------------------------------------------------------------*/
#foot {
 width:932px; 
 padding:14px;
 margin:0 5px; 
 background:transparent url(media/bg-foot.gif) no-repeat 0 0;
 float:left;
 display:inline;
}

#foot p {font-size:11px; color:#E5B2C5; padding-bottom:1px;}

#foot a {
 color:#57001e;  
 padding-bottom:3px;
 background:transparent url(media/a-underlinehf.gif) repeat-x 0 100%;
}

#foot a:hover {color:#fff;}

#foot .strapline {
 width:200px; 
 height:20px; 
 display:block; 
 text-indent:-9999px; 
 margin-top:10px;
 background:transparent url(media/a-strapline.gif) no-repeat 0 0;
 float:left;
 clear:both;
}

#top {width:970px; height:47px; float:left;}

#top a {
 color:#6f6e68; 
 font:bold 11px Arial; 
 background:transparent url(media/bullet-top-out.gif) no-repeat 0 50%; 
 padding:3px 0 3px 23px;
 float:left;
 margin-top:14px;
 margin-left:30px;
}

#top a:hover {background:transparent url(media/bullet-top-over.gif) no-repeat 0 50%;}

/*--------------------------------------------------------------------------
Body
--------------------------------------------------------------------------*/
#body {
 width:390px; 
 padding:0 17px 10px 17px;
 background:transparent url(media/bg-grad.gif) no-repeat 100% 50%;
 float:left;
}

#body ul {padding:7px 0;}

#body ul li {
 padding-left:17px;
 padding:7px 0 7px 14px; 
 background:transparent url(media/li-arrow.gif) no-repeat 0 12px;
}

#body a {
 color:#bb0540;  
 padding-bottom:3px;
 background:transparent url(media/a-underline.gif) repeat-x 0 100%;
}
#body a:hover {color:#f1870a;}
#body p {padding:7px 0}

#body h3 {
 font:16px Arial; 
 color:#bc1051; 
 padding-bottom:5px;
}
  
#photo {
 width:424px; 
 padding-bottom:20px; 
 float:left;
} 

#photo img {float:left;}

/*--------------------------------------------------------------------------
News
--------------------------------------------------------------------------*/
#latestnews {
 width:319px;   
 padding-bottom:17px;
 float:left;
}

#latestnews h2 {
 height:28px; 
 background:transparent url(media/h2-latestnews.gif) no-repeat 0 0;   
 margin-bottom:10px;
 text-indent:-9999px;
}

#latestnews .thumbnail {
 width:83px; 
 height:93px; 
 padding:6px;
 background:transparent url(media/dl-thumb-border.gif) no-repeat 0 0; 
 float:left;
 border:0;
}
#latestnews img {
 width:83px; 
 float:left;
 border:0;
}

#latestnews dl {
 width:319px; 
 float:left; 
 padding-bottom:15px;
}

#latestnews dd.title {font:16px Arial; color:#bc1051;}
#latestnews dd.description {padding:7px 0 7px 105px;}

#latestnews dd.more a {
 color:#bb0540;  
 padding-bottom:3px;
 padding-left:13px;
 background:transparent url(media/a-arrow-underline.gif) repeat-x 0 100%;
 float:left;
}
#latestnews dd.more a:hover {color:#f1870a;}

#latestnews .title, 
#latestnews .more {padding-left:105px;}

#latestnews .btnArchive {
 width:86px;
 height:26px;
 border:0 none;
 cursor:pointer;
 display:block;
 text-indent:-9999px;
 background:#bb0540 url(media/btn-archive.gif) no-repeat 0 0;
 float:left;
}

#latestnews .btnArchive:hover {background-position:0 -26px;}
#archivenews
{
	margin: 50px 0px 0px 0px;
	clear: both;
	float: right;
}
#archivenews .btnArchive
{
	width: 86px;
	height: 24px;
	border: 0 none;
	cursor: pointer;
	display: block;
	text-indent: -9999px;
	background: #ffffff url(media/btn-archive.gif) no-repeat 0 0;
	float: left;
}

#archivenews .btnArchive:hover {background-position:0 -26px;}

/*--------------------------------------------------------------------------
Registration
--------------------------------------------------------------------------*/
#register { 
 float:left;
 padding-top:269px;
 background:transparent url(media/bg-register-photo01.jpg) no-repeat 0 0; 
}

#btnRegister {
 width:150px;
 height:99px;   
 display:block; 
 text-indent:-9999px;

 background:transparent url(media/btn-register.gif) no-repeat 0 0;
}
#btnRegister:hover {background-position:0 -99px;}

/*--------------------------------------------------------------------------
Newsletter
--------------------------------------------------------------------------*/
#newsletter {
 width:150px;
 float:left; 
 margin-top:20px;
}

#newsletter h3 {
 height:21px; 
 text-indent:-9999px; 
 margin-bottom:15px;
 background:transparent url(media/h3-newsletter.gif) no-repeat 0 0;
}

#newsletter p.overview {
 font-size:11px; 
 line-height:normal;
 margin-bottom:15px;
}

#newsletter legend {display:none;}

#newsletter p.field {
 width:150px;
 height:27px; 
 padding-bottom:5px;
 background:transparent url(media/frm-newsletter-input.gif) no-repeat 0 0; 
 float:left;
}

#newsletter input {  
 width:135px;
 border:0 none;
 margin:7px;
}

/*--------------------------------------------------------------------------
Additional
--------------------------------------------------------------------------*/
#additional {height:256px; padding-bottom:20px;}

#btnTestimonials,
#btnLifestyle {
 width:157px;
 height:60px;
 display:block;  
 margin-bottom:1px;
 text-indent:-9999px;
 float:left;
 clear:both;
}

#btnTestimonials {
 
 background:transparent url(media/btn-testimonials.gif) no-repeat 0 0; 
}

#btnLifestyle {

 background:transparent url(media/btn-lifestyle.gif) no-repeat 0 0; 
}

#btnTestimonials:hover,
#btnLifestyle:hover {background-position:0 -60px ;}


/* field set*/
p.label_field_pair {
clear: both;
float: none;
}
p.label_field_pair label {
clear: left;
display: block;
float: left;
text-align: right;
width: 130px;
}
p.label_field_pair input {
clear: right;
float: left;
margin-left: 10px;
width: 200px;
}

p.label_field_pair select {
clear: right;
float: left;
margin-left: 10px;
width: 200px;
}

p.label_checkbox_pair {
clear: both;
float: none;
position: relative;
margin-left: 60px;
width: 100px;
}


p.label_checkbox_pair input {
left: 80px;
position: absolute;
top: 10px;
}
p.label_checkbox_pair label {
display: block;
margin-left: 105px;
width: 200px;
}

p.label_optin {
display: block;
margin-left: 140px;
width: 200px;
}

.label_Interest {
left: 80px;
position: relative;
align:left;
top: 90px;
}
.label_Reason {
left: 80px;
position: relative;
align:left;
top: 70px;
}
.label_code {
left: -20px;
position: relative;
align:left;
top: 50px;
}

.checkleft{
left: 140px;
position: relative;
align:left;
top: 10px;
}
.checkright{
left: 250px;
position: relative;
align:right;
top: -8px;
}

/*------------------------------------*/
/* MULTI BOX LIST
/*------------------------------------*/

.multiBox {
width:387px;
background-image:url(Media/new_multiContent_boxBottom.gif);
background-position:bottom;
margin-bottom:8px;}

.multiBox p{
margin-Top:-10px;}

.multiBox_LHS {float:left;width:90px;margin:0 8px 4px 8px;}
.multiBox_LHS img{border:none;}
.multiBox_RHS {float:left;width:260px;margin-bottom:10px;}


.caseStudyText p {margin-bottom:20px;}
.caseStudyPics {float:right; margin-top:10px;}
.caseStudyPicsSmall { margin-top:10px;}


#body a#Searchtitle {font:13px Arial; color:#bc1051;background:none;}