/* First part is new code for new look site, old code below that is still used */


/*--------------------------------------------------------*/
/* The bar at the very top of the page (with logo ect on) */
/*--------------------------------------------------------*/
#topbar{
width:100%;
background-image:url(images/Green-Bar.jpg);
background-repeat:repeat-x;
height:56px;
margin-bottom:40px;
}
	
	
	
/*--------------------------------------------------------*/
					    /* The Logo */
/*--------------------------------------------------------*/
#containertop {
 width: 935px;
 margin: 0px auto;
 text-align: left;
}
	
	

/*--------------------------------------------------------*/
	  /* The Text next to the Logo (Displays SEO1) */
/*--------------------------------------------------------*/
#slogan  {
 width:auto;
 float:left;
 font-size:12px;
 padding-top:33px;
 color:#FFF;
}



/*--------------------------------------------------------*/
	 			    /* Opening Times */
/*--------------------------------------------------------*/
#containertopright {
 width: auto;
 float:right;
 text-align:right;
 color:#FFF;
 font-size:12px;
 padding-top:9px;
}


/*--------------------------------------------------------*/
  /* Large image at top of text (Britebox Revive Image)*/
/*--------------------------------------------------------*/
#page-header {
	background-image:url(images/cart.jpg);
	background-repeat:no-repeat;
	padding-top:130px;
	padding-left:210px;
	height:300px;
}


/*--------------------------------------------------------*/
	   /* Large image at top of text (About us) */
/*--------------------------------------------------------*/
#page-header-hh {
	background-image:url(images/maryread.jpg);
    background-repeat:no-repeat;
    height:260px;
    margin-top:15px;
}
	
	
/*--------------------------------------------------------*/
	   /* Large image at top of text (Cart Pages) */
/*--------------------------------------------------------*/
	#page-header-cart {
	background-image:url(images/cart.jpg);
	background-repeat:no-repeat;
	padding-top:244px;
	padding-left:360px;
	height:auto;
	padding-bottom:120px;
}


/*--------------------------------------------------------*/
	   /* Large image at top of text (Contact us) */
/*--------------------------------------------------------*/
#page-header-about {
	background-image:url(images/maryread.jpg);
    background-repeat:no-repeat;
    height:260px;
    margin-top:15px;
}
	
	
/*--------------------------------------------------------*/
					/* Page Tittle */
/*--------------------------------------------------------*/


/* Index */
#container #content .box .topbar {
	font-size: 1.1em;
	text-align: left;
	color: #66CC00;
	padding-left:15px;
}


/* All Outher Pages */
#pageProducts #container #content .box h1 {
	font-size: 1.1em;
	text-align: left;
	color: #BED600;
	padding-left:15px;
}



/*--------------------------------------------------------*/
		/* White text on top bar (Phone Number) */
/*--------------------------------------------------------*/
#topbar #containertop #containertopright .topright {
	font-weight: bold;
	font-size: 16px;
	color: #FFF;
}



/*--------------------------------------------------------*/
 	/* Face Scale image on the left under the Nav */
/*--------------------------------------------------------*/
#navlogo{
background-image:url(images/revive06.jpg);
background-repeat:no-repeat;
height:160px;
}




#right60day{
	margin-left:750px;
	top:100px;
	width:90px;
	position:absolute;

}














/*--------------------------------------------------------*/
		     /*  BELOW IF ALL OLD CODE */
/*--------------------------------------------------------*/

#checkouts
{
list-style:none;
margin-left:20px;
}

#checkouts li
{
float:left;
margin-left:20px;
}

#buyonline
{
clear:both;
}

#continue{
height:30px;
padding-bottom:5px;
}

.lavaLampWithImage {
	position: relative;
	margin: 0px auto;
	padding: 0px;
	clear: both;
	width: 653px;
	height: 31px;
	padding-left: 6px;
	padding-top: 1px;
	background-image: url("images/grey-nav/bar.png");
	background-repeat: no-repeat;
	background-position: center;
	overflow: hidden;
}


.lavaLampWithImage li {
	float: left;
	list-style: none;
	z-index: 2;
	
}

.lavaLampWithImage li.back {
	background: url("images/grey-nav/bg_menu.png") no-repeat right 1px;
	width: 0px; height: 28px;
	z-index: 1;
	position: absolute;
	margin-top: 1px;
	
}

.lavaLampWithImage li.back .left {
	background: url("images/grey-nav/bg_menu_left.png") no-repeat top left;
	height: 28px;
	margin-right: 10px; /* 7px is the width of the rounded shape */
	margin-top: 1px;
	z-index: 1;
}



.lavaLampWithImage li a {
	font-size: 0.8em;
	color: #333;
	text-decoration: none;
	display: block;
	width: 129px;
	padding: 8px 0px 0px 0px;
	height: 24px;
	z-index: 3;
	position: relative;
	overflow: hidden;
	text-align: center;
}

.lavaLampWithImage li a:hover {
	color: #fff;

}

.lavaLampWithImage li a:hover, .lavaLampWithImage li a:active, .lavaLampWithImage li a:visited {
	border: none;
}


body {
background-color: #ffffff;
background-image:url(images/swirl.png);
background-repeat:no-repeat;
background-position: top right;
font-family: Verdana, sans-serif;
font-size: 100%;
color: #666666;
text-align: center;
margin:0px;
}

li.or{
line-height:2.4em;
font-weight:bold;
}

#btmSec{
width:680px;
margin-left:10px;
background-image:url(../imgs/symptoms/symptoms-back-stripe.jpg);
background-repeat:repeat-x;
background-position:0px 46px;    
padding-bottom:8px;
}

#btmSec {
font-family:Arial, Helvetica, sans-serif;
background-image:url(../imgs/symptoms/symptoms-top.jpg);
font-size:1.3em;
background-repeat:no-repeat;
background-position:-20px 0px;
padding-top:13px;
height:50px;
text-indent:0px;
color:#666666;
}

#inner h4{
font-size:1.1em;
line-height:1.2em;
margin-top:10px;
margin-bottom:5px;
}

#top{
font-size:24px;
line-height:1.2em;
margin-top:10px;
margin-bottom:5px;
}

#top h4{
font-size:24px;
line-height:1.2em;
margin-top:10px;
margin-bottom:5px;
}


#page-t h3{
 font-size:24px;
 }


div.clear {
 clear: both;
 height: 0;
 line-height: 0;
}

.highlight {
 font-weight:bold;
 font-size:24px;
 color:#999;
}

.box h3{
 font-weight:bold;
 font-size:24px;
 color:#999;
}

a {
 color: #66CC00;
 text-decoration: none;
}

a:hover {
 color: #66CC00;
 text-decoration: underline;
}


/* CODE TAKEN OUT AS CAUSING CONFLICTS WITH NAV BAR !

left {
 float: left;
 margin-right: 20px;
 margin-bottom: 30px;
}*/

.right {
 float: right;
 margin-left: 10px;
 margin-bottom: 5px;
}

a.button {
 background-image: url(images/button.jpg);
 background-repeat: no-repeat;
 background-position: top right;
 padding-right: 45px;
 height: 43px;
}

/*************/
/* Container */
/*************/
div#container {
 background-color: #ffffff;
 width: 935px;
 margin: 0px auto;
 text-align: left;
}

/*********/
/* Boxes */
/*********/
div.box {
	clear: both;
	color: #999;
	text-align: left;
}

div.box h3 {
 margin: 18px 0;
 padding: 0;
 color:#CC3366;
}

div.gradient {
 background-image: url(images/content_background.jpg);
 background-repeat: repeat-x;
 background-position: bottom left;
}


/**********/
/* Header */
/**********/
div#header {
 position: relative;
}

div#header h1 {
 position: absolute;
 bottom: 20px;
 left: 120px;
 margin: 0;
 padding: 0;
 color: #666666;
 font-weight: normal;
 font-size: 0.8em;
 z-index: 10;
}

div#header div#contact {
 position: absolute;
 top: 5px;
 right: 5px;
 color: #333333;
 font-size: 0.8em;
 text-align: right;
 float:right;
 width:auto;
}

/*************/
/* Nav Strip */
/*************/
div#navstrip {
 height: 30px;
 padding-bottom:10px;
 padding-top:10px;
 
}

/*********/
/* Inner */
/*********/
div#inner {
	float: left;
	color: #666;
}

/*************/
/* Nav Panel */
/*************/
div#navpanel {
 float: left;
 width: 200px;
 font-size: 0.8em;
}

div#navpanel div.box {
 padding: 10px;
}

div#navpanel h2 {
 color: #F07C05;
 margin: 0;
 padding: 5px 10px;
 font-weight: bold;
 font-size: 1.2em;
}

div#navpanel h2 span.lowlight {
 color: #333333;
}

div#navpanel ul#nav {
 list-style: none;
 margin: 0;
 padding: 0;
}

div#navpanel ul#nav li {
 margin: 0;
 padding: 0;
}

* html div#navpanel ul#nav li {
 display: inline;
}

div#navpanel ul#nav li a {
 display: block;
 padding: 5px 5px 5px 10px;
 background-color: #ffffff;
 text-decoration: none;
 color:#999;
 font-weight:bold;}

div#navpanel ul#nav li a:hover {
 font-weight:bold;
  padding: 5px 5px 5px 10px;
  color:#66CC00;

}

div#navpanel div.box h3 {
 color: #333333;
 margin: 0;
 padding: 0;
 font-weight: bold;
 font-size: 1.1em;
}

div#navpanel div.box h3.basket {
 padding-right: 35px;
 padding-top: 8px;
 background-image: url(images/basket.gif);
 background-repeat: no-repeat;
 background-position: top right;
 display: inline;
}

div#navpanel div.box span.baskethighlight {
 font-weight: bold;
 font-size: 110%;
}

div#navpanel div.box a#viewbasket {
 float: left;
}

body#pageHome div#navpanel ul#nav li#navHome a
,body#pageProducts div#navpanel ul#nav li#navProducts a
,body#pageProduct div#navpanel ul#nav li#navProducts a
,body#pageCaseStudy div#navpanel ul#nav li#navCaseStudy a
,body#pageSymptoms div#navpanel ul#nav li#navSymptoms a
,body#pageStudy div#navpanel ul#nav li#navStudy a
,body#pageTestimonials div#navpanel ul#nav li#navTestimonials a
,body#pageAbout div#navpanel ul#nav li#navAbout a
,body#pagecart div#navpanel ul#nav li#navArticles a
,body#pageContact div#navpanel ul#nav li#navContact a
,body#pricepro div#navpanel ul#nav li#navpricepro a


{
 color:#666;
 font-weight: bold;
 font-size: 1.2em;
}
/***********/
/* Content */
/***********/
div#content {
 float: left;
 width: 710px;
 margin-left: -1px;
 font-size: 0.75em;
}

div#content h2 {
 font-size:12px;
 font-weight: 750;
 margin-top: 0;
 padding-top: 2px;
 color:#999;
}

div#content h3 {
 font-size: 1.1em;
 color:#66CC00;	
}

div#content div#contentbox {
clear: both;
 padding: 10px;
 line-height: 135%;
}

div#content div#contentboxhome {
 padding: 10px;
}

div#content div#contentboxlong {
	height: 700px;

	clear: both;
	padding: 10px;
}

div#content div#contentboxlong h1{
	color: #BDD600;
	font-size: 1.1em;
	
}


/*************/
/* Home Page */
/*************/
body#pageHome div#content div#contentbox {
 height: 500px;
}

body#pageHome div#content h2#beattheclocks {
 margin-top: 10px;
}

body#pageHome div#content img#britebox {
 margin-left: 5px;
 margin-right: 25px;
}

body#pageHome div#content img#lady {
}

body#pageHome div#content a#productslink {
 float: right;
 height: 25px;
 padding-top: 18px;
 width: 300px;
 text-align: right;
 padding-right:55px;
}

body#pageHome div#content div#reasons {
 background-color: #eeeef8;
 float: right;
 width: 250px;
 margin-left: 15px;
}

body#pageHome div#content div#reasons h3 {
 color: #333333;
 text-align: center;
 font-size: 130%;
}

body#pageHome div#content div#reasons h1 {
 color: #333333;
 text-align: center;
 font-size: 130%;
}

body#pageHome div#content div#reasons h3 span {
 font-size: 55%;
}

body#pageHome div#content div#reasons ul {
 list-style-type: none;
 margin: 0;
 padding: 0;
}

/*****************/
/* Products Page */
/*****************/
body#pageProducts div#content > div.box:first-child {
	border-top: 0;
	font-size: 0.75em;
}

body#pageProducts div.product {
 margin: 5px;
 padding: 5px;
 width: 345px;
 float: left;
 font-size: 0.9em;
}
div.box1 h3 {
	font-size:24px;
	line-height:1.2em;
	margin-top:10px;
	margin-bottom:5px;
}

* html body#pageProducts div.product {
 width: 340px;
}

body#pageProducts div.product img {
 float: left;
 margin-right: 0px;
 margin-bottom: 5px;
}

body#pageProducts div.product span.price {
 font-weight: 600;
 color: #000000;
 font-size: 100%;
}

body#pageProducts div.product h2 {
 margin: 0;
}

body#pageProducts div.product p {
 line-height: 1.5em;
 margin: 0;
}

/*****************/
/* Symptoms Page */
/*****************/
body#pageSymptoms div#content {
 background-position: top left;
 background-repeat: no-repeat;
}

body#pageStudy div#content div#topbox ul.left {
 width: 45%;
 margin-left: 0;
 padding-left: 15px;
}

/*********************/
/* Testimonials Page */
/*********************/

body#pageTestimonials div#content p.hello {
 font-weight: bold;
}

body#pageTestimonials div#content p.author {
 font-weight: bold;
 font-style: italic;
}

body#pageTestimonials div#content div#contentbox {
 padding: 0;
}

body#pageTestimonials div#content div.testimonial {
 padding: 10px;
}

/*****************/
/* Products Page */
/*****************/
body#pageProduct div#content {
 padding-left: 15px;
 width: 719px;
}

body#pageProduct div#content div#product {
 margin: 10px;
 margin-left: 0;
 margin-top: 60px;
 padding: 10px;
 position: relative;
 clear: right;
}

body#pageProduct div#content div#product ul#tabs {
 position: absolute;
 top: -33px;
 left: 0;
 margin: 0;
 padding: 0;
 list-style: none;
}

body#pageProduct div#content div#product ul#tabs li {
 margin: 0;
 margin-right: 3px;
 padding: 0;
 padding-left: 6px;
 float: left;
 background-image: url(images/products/tab_left.gif);
 background-repeat: no-repeat;
 background-position: top left;
}

* html body#pageProduct div#content div#product ul#tabs li {
 width: 9em;
 text-align: center;
}

body#pageProduct div#content div#product ul#tabs li a {
 display: block;
 height: 22px;
 padding: 10px 10px 0;
 background-image: url(images/products/tab_right.gif);
 background-repeat: no-repeat;
 background-position: top right;
 color: #666666;
 text-indent: -6px;
}

body#pageProduct div#content div#product ul#tabs li:hover, body#pageProduct div#content div#product ul#tabs li.hover {
 background-image: url(images/products/tab_left_hover.gif);
}

body#pageProduct div#content div#product ul#tabs li a:hover {
 background-image: url(images/products/tab_right_hover.gif);
 text-decoration: none;
 color: #ffffff;
}

body#pageProduct div#content div#product ul#tabs li.selected {
 background-image: url(images/products/tab_left_selected.gif);
}

body#pageProduct div#content div#product ul#tabs li.selected a {
 background-image: url(images/products/tab_right_selected.gif) !important;
 color: #333333 !important;
}

body#pageProduct div#content div#product form {
 float: right;
 clear: both;
}

body#pageProduct div#content div#product form p {
 display: inline;
 margin-right: 5px;
 color: #333333;
 font-size: 140%;
}

body#pageProduct div#content div#product div#features
,body#pageProduct div#content div#product div#specification
,body#pageProduct div#content div#product div#gallery
,body#pageProduct div#content div#product div#accesories {
 display: none;
}

body#pageProduct div#content div#product div.clear {
 display: block;
}

body#pageProduct div#content div#product div#galleryimages {
 float: left;
 margin-left: 25px;
 width: 400px;
}

body#pageProduct div#content div#product div#galleryimages img {
}

body#pageProduct div#content div#product div#galleryimages img:hover {
}

body#pageProduct div#content div#product div#accessories form {
 float: left;
 width: 350px;
 padding: 10px 0;
 clear: none;
}

body#pageProduct div#content div#product div#accessories form h4 {
 margin: 3px 0;
 font-size: 1.1em;
}

body#pageProduct div#content div#product div#accessories form p {
 font-size: 100%;
}

/**********/
/* Footer */
/**********/
div#footer {
 clear: both;
 border-top: 4px solid #cccccc;
 padding: 10px;
 font-size: 0.7em;
 text-align:right;

div#footer p {
 margin: 3px 0;
 padding: 0;
}

#pageProducts #container #inner #content .box h1 {
	font-size: 1.1em;
	font-family: Verdana, sans-serif;
	text-align:center;
	color:#bed600;
}


#pageCaseStudy #container #inner #content .box .box1 {
	text-align:left;
}

.centre {
	text-align: center;
}
.centre {
	text-align: center;
	font-size: 14px;
	font-weight: bold;
	color: #000;
}
.ri {
	text-align: left;
	font-weight: bold;
}
.d {
	text-align: left;
}
.leftie {
	text-align: left;
}
.centre {
	text-align: left;
}
.bokld {
	font-weight: bold;
}
.leee {
	text-align: left;
	font-weight: bold;
	font-size:16px;
	color:#000;
}
.lightgrey td {
	font-size: 10px;
}
.jjj {
	text-align: left;
}