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: left;
margin: 0px;}


#navpanel .box h3 {
	text-align: left;
}
#navpanel .box p {
	text-align: left;
}


#topSec h1{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:1.2em;
width:465px;
display:block;
margin-top:5px;
color:#333333;
}

#btmSec h1{
font-family:Verdana, 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;
width:690px;
color:#f07b05;
text-align:center;
color:#666;}

#btmSecbox h1{
font-family:Verdana, 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;
width:690px;
color:#f07b05;
text-align:center;
color:#666;}




/*Top Bar */
#navlogo{
background-image:url(../images/SAD-Scale.jpg);
background-repeat:no-repeat;
height:160px;}

#top-nav{
width: 905px;
margin:auto; }
	
#swirl{
background-image:url(../images/swirl.png);
background-position:right;
background-repeat:no-repeat;
height:209px;
width:378px;
float:right;}
#footer {
	text-align: center;
}
#footer p {
	text-align: right;
}
	
#topbar{
width:100%;
background-image:url(../images/Green-Bar.jpg);
background-repeat:repeat-x;
height:56px;
margin-bottom:40px;}
	
#containertop {
width: 935px;
margin: 0px auto;
text-align: left;
background-repeat:repeat;}

#slogan  {
width:auto;
float:left;
font-size:10px;
padding-top:33px;
color:#FFF;}

#containertopright {
width: auto;
float:right;
text-align:right;
color:#fff;
font-size:12px;
padding-top:5px;}




/*../images at top of pages*/
#page-header {
background-image:url(http://www.britebox.co.uk/newsite/../images/acne-treatment-3.jpg);
background-repeat:no-repeat;
padding-top:244px;
padding-left:350px;
height:auto;
padding-bottom:120px;}



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

/*Content */
div#content {
float: left;
width: 710px;
margin-left: -1px;
font-size: 12px;}
 
div#content h2 {
	font-size:12px;
	font-weight: 750;
	margin-top: 0;
	padding-top: 2px;
	color:#F07B05;
}

div#content h3 {
font-size: 12px;
color:#F07C05;
text-align: left;
}

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

div#content div#contentboxhome {
height: 500px;
overflow: scroll;
clear: both;
padding-left: 10px;
line-height: 135%;}



 
/* Left Nav */
div#navpanel {
float: left;
width: 200px;
font-size: 12px;}

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:#F07C05;}

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#Home 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#pageArticles 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;}
 
 

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



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



div.box h1 {
font-size:14px;
font-weight:bold;
color:#f07b05;
text-align:left;
padding-left:10px;}



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

div.gradient {
background-position: bottom left;}




/* Homepage Top Infomation */
#home-topSec{
font-family:Verdana, Arial, Helvetica, sans-serif;
background-image:url(../../imgs/bb-home.jpg);
background-repeat:no-repeat;
height:323px;
margin-bottom:5px;
padding-left:295px;}

#home-topSec h1{
font-size:14px;}

#home-topSec img{
float:left;}

#home-topSec #details{
float:left;
width:400px;
margin-top:13px;
text-align:left;}

#home-details a { 
color:#f07b05;}



#home-details a:visited {color:#f07b05;
text-decoration:none;}

#home-details a:hover {color:#f07b05;
text-decoration:underline;}

p.newPrice{
float:left;
width:260px;
margin-top:-15px;
font-size:16px;
color:#333333;
font-weight:bold;}

p.newPrice span{
font-size:12px;}

p.newPrice h1 {
font-size:12px;
font-weight:bold;}

#allProdsLink{
margin-top:5px;
margin-right:5px;
font-size:12px;
float:right;}
	
#allProdsLink a{
background-image:url(../../imgs/index/prods-btn.jpg);
background-repeat:no-repeat;
height:51px;
width:320px;
display:block;
background-position:right top;
padding:15px;
padding-right:20px;
color:#f07b05;}
		 
#allProdsLink a:visited {color:#f07b05;
text-decoration:none;}

#allProdsLink a:hover {color:#f07b05;
text-decoration:underline;}




/* Homepage bottom infomation */
#reasons{
background-color:#eeeef8;
width:250px;
background-position:top;
float:right;
height:auto;
font-size:12px;}

#reasons h3{
text-align:center;
color:#333333;
font-size:16px;}

#reasons h3 span{
display:block;
font-size:10px;	}

#reasons ul{
list-style:none;
margin-left:0px;}

#reasons ul li{
margin-bottom:8px;
background-repeat:no-repeat;
padding-left:45px;
padding-right:10px;
min-height:45px;
font-size:12px;}

#b1{background-image:url(../../imgs/index/bulit1.jpg);}
#b2{background-image:url(../../imgs/index/bulit2.jpg);}
#b3{background-image:url(../../imgs/index/bulit3.jpg);}
#b4{background-image:url(../../imgs/index/bulit4.jpg);}
#b5{background-image:url(../../imgs/index/bulit5.jpg);}




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


/* Nav Links */
a {
color: #F07C05;
text-decoration: none;}

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


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

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



#sadlinks, #sadlinks2{
	font-size:1.2em;
}
#sadlinks{
padding-top:10px;
text-align:left;
font-size:12px;
}
#sadlinks2{
float:right;
margin-top:-125px;
margin-right:30px;
text-align:left;
font-size:12px;
}
#sadlinks a { 
	color:#f07b05;
	text-decoration:none;
		 
}
#sadlinks a:visited {color:#f07b05;
	text-decoration:none;
}
#sadlinks a:hover {color:#f07b05;
	text-decoration:underline;
	}
#sadlinks2 a { 
	color:#f07b05;
	text-decoration:none;
		 
}
#sadlinks2 a:visited {color:#f07b05;
	text-decoration:none;
}
#sadlinks2 a:hover {color:#f07b05;
	text-decoration:underline;
	}
	
	

.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:15px;
	color:#000;
}


.lightgrey td {
	font-size: 10px;
}
.jjj {
	text-align: left;
}

#page-header-hh{
	background-image:url(../images/maryread.jpg);
	background-position:center;
	background-repeat:no-repeat;
	height:280px;}