﻿* {
padding:0;
    margin-left: 0px;
    margin-right: 0;
    margin-bottom: 0;
}

html, body {
background:#FFFFFF none repeat scroll 0 0;
color:#FFFFFF;
font-family:'Arial',Times,serif;
font-size:13px;
}
body {
margin:5px;
}
img, a img {
border:medium none;
}
p {
margin-bottom:12px;
}
ul {
margin-bottom:13px;
margin-left:20px;
}
h1 {
font-size:30px;
font-weight:normal;
line-height:30px;
margin-bottom:30px;
}
h2 {
font-weight:normal;
font-size:36px;
line-height:42px;
margin-bottom:24px;
}
h3 {
font-size:17px;
font-weight:bold;
}
h4 {
font-size:12px;
font-weight:bold;
margin-bottom:12px;
}

a {
cursor:pointer;
color:#28a2d5;
text-decoration:underline;
}
a, a:visited {
color:#292B44;
text-decoration:underline;
}
a:hover, a:visited:hover {
color:#28a2d5;
text-decoration:underline;
}
.clearboth {
clear:both;
}


#strapline {
float:right;
font-size:15px;
padding:10px 30px;
width:120px;
}
#container {
background-color:#002e4e;
margin:0 auto;
width:990px;
}
#container.personal {
background-color:#A2774A;
}

#topnav {
    width: 650px;
    min-height: 20px;
    float:left;
}



#content {
background-color:#002e4e;
color:#ffffff;
height:auto !important;
min-height:480px;
padding:10px 0 10px;
float:left;

}
#content.personal {
background-color:#A2774A;
color:White;
}
#footer {
background:#DDDDDD none repeat scroll 0 0;
color:#292B44;
height:auto !important;
min-height:2px;
padding:15px 90px 15px 40px;
}
a.detaillink, a.detaillink:visited {
background-color:#292B44;
color:#FFFFFF;
display:block;
margin-bottom:5px;
margin-top:40px;
padding:1px 0 1px 40px;
text-decoration:none;
width:400px;
}
a.detaillink:hover, a.detaillink:visited:hover {
background-color:#FFFFFF;
color:#292B44;
}
#content.personal a.detaillink, #content.personal a.detaillink {
background-color:#000000;
color:#FFFFFF;
}
#content.personal a.detaillink:hover, #content.personal a.detaillink:visited:hover {
background-color:#FFFFFF;
color:#000000;
}
ul.sidenav, ul.sidenav li {
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin:0;
padding:0;
}
ul.sidenav {
margin-bottom:30px;
}
ul.sidenav li.nolink {
background-color:#ffffff;
color:#002e4e;
display:block;
margin-bottom:5px;
padding:1px 0 1px 5px;
width:300px;
}
ul.sidenav a, ul.sidenav a:visited {
background-color:#28a2d5;
color:#ffffff;
display:block;
margin-bottom:5px;
padding:1px 0 1px 5px;
text-decoration:none;
width:300px;
}
ul.sidenav a:hover, ul.sidenav a:visited:hover {
background-color:#292B44;
color:#FFFFFF;
text-decoration:none;
}
ul.sidenav-gray, ul.sidenav-gray li {
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin:0;
padding:0;
}
ul.sidenav-gray {
margin-bottom:30px;
}
ul.sidenav-gray li.neverlink {
background-color:#8C8282;
color:#BBBBBB;
display:block;
margin-bottom:5px;
padding:1px 0 1px 5px;
width:300px;
}
ul.sidenav-gray li.nolink {
background-color:#292B44;
color:#BBBBBB;
display:block;
margin-bottom:5px;
padding:1px 0 1px 5px;
width:300px;
}
ul.sidenav-gray a, ul.sidenav-gray a:visited {
background-color:#8C8282;
color:#FFFFFF;
display:block;
margin-bottom:5px;
padding:1px 0 1px 5px;
text-decoration:none;
width:300px;
}
ul.sidenav-gray a:hover, ul.sidenav-gray a:visited:hover {
background-color:#777777;
color:#333333;
text-decoration:none;
}
.quicklink {
background-color:#8C8282;
color:#FFFFFF;
float:left;
margin:0 6px 0 0;
padding:4px 4px 2px;
}
.quicklink a, .quicklink a:visited {
color:White;
text-decoration:none;
}
.quicklink a:hover, .quicklink a:visited:hover {
color:White;
text-decoration:underline;
}
.leftcol {
width:600px;
}
#content.personal .leftcol a, #content.personal .leftcol a:visited {
background-color:#000000;
color:#FFFFFF;
display:block;
margin-bottom:5px;
margin-top:40px;
padding:1px 0 1px 40px;
text-decoration:none;
width:200px;
}
.rightcol {
float:right;
}
.leftmargin {
margin-left:40px;
}
.topmargin {
margin-top:30px;
}
.rightpadding {
padding-right:60px;
}
.setheight {
height:297px;
min-height:297px;
}

#flashtop
{
    height :81px;
    width : 340px;
    padding-top:20px;
    padding-left:20px;
    padding-bottom :5px;
    float:left;
}

#flashmiddle
{
    height :84px;
    width : 310px;
    padding-top:20px;
    padding-left:10px;
    float:left;
}

#flashtopright
{
    height :129px;
    width : 296px;
    padding-top:20px;
    padding-left:5px;
    float:right;
}

#headleft
{
    height :225px;
    width : 685px;
    padding-top:5px;
    padding-left:0px;
    float:left;
}

#headleft img
{
    padding-left:0px;
    padding-bottom: 0px;
    float:left;
}

#headright
{
    height :225px;
    width : 300px;
    padding-top:5px;
    padding-left:0px;
    padding-bottom:5px;
    float:right;
}


#header img {
width:675;
height:360px;
float:left;
}


#pdbackground {
background: #CAC78A url(images/seaback.jpg) repeat-x fixed;
font-family: Arial;
}

#left {
  padding-top:5px;
  float: left; 
  width: 690px;
    
}

#right {

  padding-top:5px;
  
  float:left; 
  width: 296px;
  
}




#flashbottomleft
{
    width : 330px;
    padding-top:20px;
    padding-left:20px;
    float:left;
}

#flashbottommiddle
{
    width : 330px;
    padding-top:20px;
    padding-left:10px;
    float:left;
}

#flashbottomright
{
    width : 286px;
    padding-top:20px;
    padding-left:10px;
    float:right;
}

#picleft3 {

  padding-top:5px;
  float:left; 
  width: 220px;
 
}

#picleft3 img
{
 padding-left:30px;   
 max-width: 200px;
 
}

#picmid3 {
  padding-top:5px;
  padding-right:10px;
  float: left; 
  width: 461px;
    
}

#picmid3 img {
  padding-right:10px;
   
}


#picright3
{
    width : 286px;
    padding-top:20px;
    padding-left:10px;
    float:right;
}



.stdtextright 
{
   
} 

.stdtextright h2, .stdtextright p
{
     padding-top :3px;
     padding-left :1px;
     padding-right:1px;
     padding-bottom:10px;
} 

.stdtextright img
{
    float:right;
    padding-left:20px; 
    padding-right:20px;
}

.stdtextleft 
{
    width :450px;
} 

.stdtextleft h2, .stdtextleft p
{
     padding-top:3px;
     padding-left :1px;
     padding-right:20px;
     padding-bottom:10px;
} 

.stdtextleft img
{
    float:left;
    padding-left:20px; 
    padding-right:10px;
}


/* Styles for detailed page sections, buttons etc */

.title {

	font-weight: bold;
	color: #ffffff;
	font-size: 16px;
	height: 27px;
	background-image: url('/images/panels/midblue.png');
	background-repeat: repeat-x;
	padding-top: 5px;
	padding-left: 10px;
	margin-bottom: 4px;
}



.titleRed 

{
	font-weight: bold;
	color: #ffffff;
	font-size: 16px;
	height: 27px;
	background-image: url('/images/panels/red.png');
	background-repeat: repeat-x;
	padding-top: 5px;
	padding-left: 10px;
	margin-bottom: 4px;
}



.subTitle {

	background-color: transparent;
	background-image: url('/images/panels/lblue.png');
	background-repeat: repeat-x;
	color:#fff;
	font-size:14px;
	font-weight: bold;
	margin-top: 15px;
	padding-left: 10px;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-top: 3px;
	height: 21px;
}



.subTitleRed 

{
	background-color: transparent;
	background-image: url('/images/panels/red.png');
	background-repeat: repeat-x;
	color:#fff;
	font-size:14px;
	font-weight: bold;
	margin-top: 15px;
	padding-left: 10px;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-top: 3px;
	height: 21px;
}

.subTitleBlue 

{
	background-color: transparent;
	background-image: url('/images/panels/lblue.png');
	background-repeat: repeat-x;
	color:#fff;
	font-size:14px;
	font-weight: bold;
	margin-top: 15px;
	padding-left: 10px;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-top: 3px;
	height: 21px;
}


.contentBlock {
    width: 500px;
	text-align:left;
    background-color:#002e4e;
	padding:8px 5px 8px 8px;
    min-height:225px;   
}

.contentBlock  img
{
    float:left;
    padding-left:20px; 
    padding-right:10px;
}

.contentBlock  p
{
    padding-top :20px;
    width:400px;
    
}

.pageContent {

    width:450px;
	text-align:left;
    background-color:#002e4e;
    	
}

.product-images img {
max-height:200px;
max-width:160px;
    width: 94px;
}

.product-row-categories {
clear:both;
height:360px;
margin:0 0 100px;
width:740px;
}

.product-categories {
float:left;
height:358px;
margin:2px 2px 0;
width:230px;
}


.product .title a, .product-categories .title a {
font-size:0.9em;
}
.bold {
font-weight:bold;
}

.product .potency, .product-categories .potency, .product-topsell .potency {
font-size:0.8em;
height:15px;
margin:0;
padding:0;
width:170px;
color:#002e4e;
}

.product .flavour, .product-topsell .flavour, .product-categories .flavour {
font-size:0.8em;
height:15px;
margin:0;
padding:0;
text-align:center;
width:170px;
color:#002e4e;
}

.red, a, a visited, #page-content a, #page-content-2 a, #page-content-fav a {
color:#861119;
}

.product .price, .product-categories .price, #prod-price {
color:#E33232;
}

.product-categories .price {
font-family:Verdana;
font-size:1em;
}

.product .price, .product-categories .price, .product-topsell .price, .product-iq .price {
color:#E33232;
font-size:1em;
height:15px;
width:170px;
}

.button-buy-now {
float:left;
font-size:0.8em;
font-weight:700;
padding:0 5px;
}

button-buy-now img {
height:25px;
width:78px;
}

.product, .product-categories, .product .new {
font-family:Verdana;
text-align:center;
}

.product .was, .product-categories .was, .product-topsell .was, .product-iq .was {
color:#E33232;
font-size:0.8em;
height:15px;
width:170px;
}

.red, a, a visited, #page-content a, #page-content-2 a, #page-content-fav a {
color:#861119;
}

.was, .sale {
font-size:0.8em;
}

.product .sale, .product-categories .sale, .product-topsell .sale, .product-iq .sale {
font-size:0.6em;
height:10px;
margin:5px 0 15px;
padding:0;
text-align:center;
width:170px;
}


#basket-container, #basket-certona-container, #basket-buttons, #index-banner-box, #index-banner-buttons, #index-banner-buttons .btn1, #index-banner-buttons .btn2, #index-banner-buttons .btn3, #index-banner-buttons .btn4, #index-banner-buttons .btn5, #index-health-notes, #info-panel {
border:1px solid #BFBEBE;
font-family:Verdana;
font-size:1em;
float:left;
margin:0;
min-height:870px;
padding:10px 0 10px 82px;
width:852px;
}


#title-row {
background:#ABABAB none repeat scroll 0 0;
color:#FFFFFF;
font-size:0.9em;
height:30px;
width:770px;
}

.bold {
font-weight:bold;
}

#basket {
font:"verdana";
font-size:0.9em;
margin:0 0 10px;
width:770px;
}

#basket td {
border:1px solid #FFFFFF;
}

.basket-item-name {
background:#FFFFFF none repeat scroll 0 0;
border:1px solid #FFFFFF;
height:30px;
padding:5px;
width:310px;
}

.basket-item-form {
background:#F3F1F1 none repeat scroll 0 0;
border:1px solid #FFFFFF;
color:gray;
height:30px;
padding:5px;
width:98px;

}

.basket-item-uprice, .basket-item-price, .basket-item-quantity, .basket-item-quantity a, .basket-item-form {
text-align:center;
}

.basket-item-quantity a, #billing-add-col1, #shipping-add-col1, #billing-add-col2, #shipping-add-col2, .fav-row .prod-names {
background:gray none repeat scroll 0 0;
}

.basket-item-uprice, .basket-item-price, .basket-item-quantity, .basket-item-quantity a, .basket-item-form {
text-align:center;
}
.basket-item-quantity a {
margin:5px;
padding:1px 2px 2px;
}

.red, a, a visited, #page-content a, #page-content-2 a, #page-content-fav a {
color:#861119;
}

.white, #cont-unreg-title p, #welcome-page-title p, #cont-unreg-footer .title, #welcome-page-footer .title, #cont-unreg-title p, #certona-top p, .paging-button-current a, .paging-button-current a visited {
color:#FFFFFF;
}

.basket-item-form input, .basket-item-quantity input {
width:25px;
}

.basket-item-uprice {
background:#E6E6E6 none repeat scroll 0 0;
border:1px solid #FFFFFF;
color:gray;
}

.basket-item-uprice, .basket-item-price, .basket-item-quantity, .basket-item-quantity a, .basket-item-form {
text-align:center;
}
.basket-item-uprice, .basket-item-price {
height:30px;
width:75px;
}

.basket-item-price {
background:#E2E0E0 none repeat scroll 0 0;
border:1px solid #FFFFFF;
color:gray;
}

.basket-item-uprice, .basket-item-price {
height:30px;
width:75px;
}

.basket-item-quantity a, #billing-add-col1, #shipping-add-col1, #billing-add-col2, #shipping-add-col2, .fav-row .prod-names {
background:gray none repeat scroll 0 0;
}

.row .info {
height:50px;
padding-left:5px;
}

.gray {
color:#949292;
}

.small {
font-size:0.9em;
}

.green {
color:#6EA811;
}

.blue {
color:#1E8DC8;
}

.yellow {
color:#FFFC01;
}


#update-basket-button {
padding-right:10px;
}

.alignright {
text-align:right;
}

#basket {
font-size:0.9em;
}


.pad {
padding-left:5px;
}

.basket-update-row1 {
background:#EEECEC none repeat scroll 0 0;
}

.basket-update-row3 {
background:#DAD8D8 none repeat scroll 0 0;
color:#000000;
}

.basket-update-row2 {
background:#E5E4E4 none repeat scroll 0 0;
}


.bold {
font-weight:bold;
}

.basket-update-row3 {
height:10px;
text-align:center;
}

#basket-subtotal, .basket-final-total, #certona-main {
background:#949393 none repeat scroll 0 0;
}

#basket-update-row, #basket-subtotal, .basket-final-total, .basket-final-total-title, .basket-final-total-price {
font-size:1em;
}
.basket-final-total {
height:10px;
width:310px;
}

.basket-total {
margin-left:20px;
}
.basket-total-title {
margin-left:620px;
}

#basket-container {
font-family:Verdana;
font-size:1em;
}

#title-row
{width:770px;height:30px;
}
#title-row span
{height:0;margin:5px;padding:0;
}
#name
{width:310px;float:left;
}
#form
{width:110px;float:left;
}
#unit-price
{width:75px;float:left;
}
#remove
{width:80px;float:left;
}
#basket
{width:770px;margin:0 0 10px;
}
#basket tr
{width:770px;
}

.sellcontent  img
{
    float:left;
    padding-left:0px; 
    padding-right:20px;
}

.sellcontent  p, h3
{
    padding-top :10px;
    padding-left :0px;
    
}

#shopheadleft
{
    width : 685px;
    padding-top:5px;
    padding-left:0px;
    padding-bottom:5px;
    float:left;
}

#shopheadleft img
{
 padding-top:20px;

}



#testemonials p
{
    padding-top :10px;
    padding-left :20px;
    font-size:1em;    
    width:350px;    
}

#stockists a {
    color:#000000;
}

#custtestemonials p {
    padding-top :10px;
    padding-left :20px;
    font-size:1em;    
    width:270px;    
}

table.helpT
{ text-align: center;
font-family: Verdana;
font-weight: normal;
font-size: 11px;
color: #404040;
width: 500px;
background-color: #fafafa;
border: 1px #6699CC solid;
border-collapse: collapse;
border-spacing: 0px; } 

td.helpHed
{ border-bottom: 2px solid #6699CC;
border-left: 1px solid #6699CC;
background-color: #BEC8D1;
text-align: left;
text-indent: 5px;
font-family: Verdana;
font-weight: bold;
font-size: 11px;
color: #404040; }

td.helpBod
{ border-bottom: 1px solid #9CF;
border-top: 0px;
border-left: 1px solid #9CF;
border-right: 0px;
text-align: left;
text-indent: 10px;
font-family: Verdana, sans-serif, Arial;
font-weight: normal;
font-size: 11px;
color: #404040;
background-color: #fafafa; }

table.sofT
{ text-align: center;
font-family: Verdana;
font-weight: normal;
font-size: 11px;
color: #404040;
width: 580px;
background-color: #fafafa;
border: 1px #6699CC solid;
border-collapse: collapse;
border-spacing: 0px; } 

.style2
{ color :#404040;
}
