@charset "UTF-8";
/* CSS Document */

body {
margin:0px;
font-family:Tahoma,Verdana,sans-serif;
font-size:11px;
color:#333333;
background-image:url(images/bgPage.png);
background-repeat:repeat-x;
background-position:top;
}
#container{
width:1018px;
margin:0px auto;
}


a{
color:#333333;
}
h1,.h1{
font-family:Helvetica,Arial,sans-serif;
font-weight:normal;
font-size:24px;
color:#2e3c4b;
}
h2,.h2{
font-family:Helvetica,Arial,sans-serif;
font-weight:normal;
font-size:18px;
color:#225e9c;
}
h3,.h3{
font-family:Helvetica,Arial,sans-serif;
font-weight:normal;
font-size:15px;
color:#225e9c;
}
h4,.h4{
font-family:Helvetica,Arial,sans-serif;
font-weight:normal;
font-size:14px;
color:#333333;
}
select{
font-family:Verdana,sans-serif;
font-size:11px;
border:1px solid #999999;
}
input,textarea{
font-family:Verdana,sans-serif;
font-size:11px;
border:1px solid #999999;
}
form{
margin:0px;
padding:0px;
}

.emailtext
{
font-family:Calibri,Tahoma,Verdana,sans-serif;
}	

.spacer{
clear:both;
}
.textQuiteSmall{
font-family:Verdana,sans-serif;
font-size:11px;
}
.textSmall{
font-family:Verdana,sans-serif;
font-size:10px;
}
.buttonMain,.buttonMainBig,.buttonMainBigBasket{
display:block;
float:left;
background-image:url(images/main/btnShop.png);
background-repeat:no-repeat;
text-decoration:none;
font-size:11px;
color:#FFFFFF;
height:21px;
width:138px;
padding-left:10px;
padding-top:6px;
margin-right:10px;
}
.buttonMain:hover,.buttonMainBig:hover,.buttonMainBigBasket:hover{
background-position:0px -27px;
}
.buttonMainBig{
font-size:11px;
width:150px;
background-image:url(images/main/btnShopBig.png);
}
.buttonMainBigBasket{
background-image:url(images/main/btnShopBigBasket.png);
}


#top #basketBar{
height:30px;
background-image:url(images/topbar/bgBasketBar.png);
background-repeat:repeat-x;
background-color:#70ae0f;
}
#top #basketBar .right{
float:right;
}
#top #basketBar .right a{
display:block;
text-decoration:none;
text-shadow:#0c3967 1px 1px 1px;
color:#FFFFFF;
padding-left:14px;
padding-right:14px;
padding-top:6px;
height:22px;
float:left;
}
#top #basketBar .right .sep{
float:left;
height:30px;
background-image:url(images/topbar/basketBarSep.png);
background-repeat:repeat-y;
width:2px;
font-size:1px;
}

#top #navBar{
height:130px;
background-image:url(images/topbar/bgNavBar.png);
background-repeat:repeat-x;
}
#top #navBar .right{
float:right;
margin-top:93px;
}
#top #navBar .right a{
display:block;
text-decoration:none;
float:left;
background-color:none;
color:#2969a8;
padding-left:10px;
padding-right:10px;
padding-top:6px;
padding-bottom:15px;
margin-right:2px;
}
#top #navBar .right .on,#top #navBar .right a:hover{
color:#2e3c4b;
background-image:url(images/topbar/bgNav.png);
background-repeat:repeat-x;
background-color:#2e3c4b;
}


#main{
min-height:600px;
background-image:url(images/main/contentShadow.png);
background-repeat:repeat-x;
margin-top:1px;
}

#main #leftNav{
float:left;
width:225px;
color:#FFFFFF;
}
#main #leftNav a{
display:block;
margin-top:1px;
background-image:url(images/topbar/leftNav/navItem.png);
background-repeat:no-repeat;
background-color:#c2b312;
background-position:0px 0px;
color:#2e3c4b;
text-decoration:none;
text-shadow:#c2b312 1px 1px 0px;
font-weight:bold;
padding-left:10px;
padding-top:16px;
padding-bottom:10px;
}
#main #leftNav a:hover{
background-position:0px -39px;
}

#main #leftNav .sub:hover{
background-position:0px -32px;
}
#main #leftNav .subOn:hover{
background-position:0px -32px;
}

#main #leftNav .sub{
background-image:url(images/topbar/leftNav/navItemSub.png);
background-repeat:no-repeat;
background-color:#0396d3;
background-position:0px 0px;
padding-top:8px;
padding-bottom:8px;
padding-left:20px;
text-shadow:#1495ca 1px 1px 0px;
color:#FFFFFF;
}
#main #leftNav .subOn{
background-image:url(images/topbar/leftNav/navItemSub.png);
background-repeat:no-repeat;
background-color:#0396d3;
background-position:0px -32px;
padding-top:8px;
padding-bottom:8px;
padding-left:20px;
text-shadow:#1495ca 1px 1px 0px;
color:#FFFFFF;
}


img{
behavior:url('css/pngHack.htc');
}
#leftNav .description{
padding-right:10px;
padding-left:10px;
font-family:Verdana,sans-serif;
font-size:10px;
}

.mainImage div{
position:absolute;
}
#homeImageButtons a{
display:block;
float:left;
background-image:url(images/topbar/bgNav2.png);
background-repeat:repeat-x;
background-color:#1184b4;
color:#FFFFFF;
height:21px;
width:187px;
margin-right:1px;
border-top:1px solid #FFFFFF;
padding-left:10px;
padding-top:20px;

font-family:Helvetica,Arial,sans-serif;
font-size:16px;
text-decoration:none;
letter-spacing:-1px;
}
#homeImageButtons a:hover,#homeImageButtons .on{
background-image:url(images/topbar/bgNav.png);
background-repeat:repeat-x;
background-color:#a97000;
border-top:1px solid #fff435;
color:#2e3c4b;
}
#homeImageButtons{
height:42px;
}

#homeImageStripe{
height:6px;
background-color:#fff435;
}

.imageContainer{
margin:10px;
width:170px;
height:120px;
float:left;
text-align:center;
}
.pageNav{
display:block;
float:left;
width:797px;
font-size:14px;
text-align:center;
}












#homeImageInfoMain{
width:792px;
height:300px;
overflow:hidden;
}
#homeImageInfoHolder{
width:4000px;
margin-left:0px;
}



.homeImageInfo{
float:left;
width:742px;
margin-top:1px;
background-image:url(images/home/mainShadow.png);
background-repeat:repeat-x;
padding-top:15px;
padding-left:25px;
padding-right:25px;
padding-bottom:25px;
}
.homeImageInfo h1{
font-size:40px;
letter-spacing:-2px;
}
.homeImageInfo p{
font-size:18px;
letter-spacing:-1px;
}
.homeImageInfo .image{
float:right;
}














#contentImageInfoMain{
width:792px;
}
#contentImageInfoHolder{
margin-left:0px;
}



.contentImageInfo{
float:left;
width:742px;
margin-top:1px;
background-image:url(images/home/mainShadow.png);
background-repeat:repeat-x;
padding-top:15px;
padding-left:25px;
padding-right:25px;
padding-bottom:25px;
}
.contentImageInfo h1{
font-size:40px;
letter-spacing:-2px;
}
.contentImageInfo p{
font-size:18px;
letter-spacing:-1px;
}
.contentImageInfo .image{
float:right;
}

#main #homeMain{
margin-left:226px;
}
#main #homeMain .mainImage{
background-repeat:repeat-x;
height:262px;
}

#main #homeMain .aboutImage{
background-image:url(images/main/pageImages/about.jpg);
background-repeat:repeat-x;
height:262px;
}

#main #homeMain .beforeImage{
background-image:url(images/main/pageImages/before-and-after.jpg);
background-repeat:repeat-x;
height:262px;
}

#main #homeMain .contactImage{
background-image:url(images/main/pageImages/contact.jpg);
background-repeat:repeat-x;
height:262px;
}

#main #homeMain .weightLoss{
background-image:url(images/main/pageImages/weight-loss-diary.jpg);
background-repeat:repeat-x;
height:262px;
}

#main #homeMain .products{
margin-top:1px;
}
#main #homeMain .products .title{
background-image:url(images/main/homeProductsTitleBG.png);
background-repeat:repeat-x;
height:60px;
}
#main #homeMain .products .holder{
background-repeat:repeat-x;
background-image:url(images/main/contentShadow.png);
}

#main #homeMain .products .holder .text{
padding:20px;
}

#main #homeMain .products .productItem{
width:220px;
height:230px;
padding-top:20px;
padding-left:10px;
float:left;
font-family:Verdana,sans-serif;
font-size:10px;
}
#main #homeMain .products .productItem .productTitle{
font-size:16px;
color:#7bc143;
}

#main #homeMain .products .productItem .pound{
font-size:16px;
color:#333333;
font-weight:normal;
margin-top:15px;
}



#shopMain{
margin-left:226px;
}
#shopMain .pageTitle{
background-image:url(images/main/bgTitleMain.png);
background-repeat:repeat-x;
height:41px;
}
#shopMain .categoryDescription{
padding:10px;
font-size:14px;
}
#shopMain .productListItemSmall{
margin-top:1px;
background-image:url(images/main/bgProductListItem.png);
background-repeat:repeat-x;
background-color:#e4e5e6;
border-bottom:1px solid #999999;
}
#shopMain .productListItem{
margin-top:1px;
background-image:url(images/main/bgProductListItem.png);
background-repeat:repeat-x;
background-color:#e4e5e6;
height:133px;
}
#shopMain .productListItem .buttons{
float:right;
padding-top:30px;
padding-right:20px;
padding-left:40px;
padding-bottom:50px;
width:180px;
overflow:auto;
}
#shopMain .productListItem .image{
float:left;
position:relative;
}
#shopMain .productListItem .description{
margin-left:230px;
padding-top:10px;
width:300px;
}
#shopMain .productListItem .description .price{
font-size:18px;
padding-top:20px;
}


#shopMain .productDetailItem{
background-image:url(images/main/bgProductDetailItem.png);
background-repeat:repeat-x;
background-color:#eff0f0;
min-height:450px;
}
#shopMain .productDetailItem .right{
float:right;
padding-top:30px;
padding-right:30px;
padding-bottom:50px;
}
#shopMain .productDetailItem .content{
padding-top:30px;
padding-left:50px;
}

#shopMain .pageTitle h1{
margin:0px;
text-align:right;
color:#FFFFFF;
padding-right:35px;
padding-top:15px;
}






#footer{
margin-top:30px;
padding-left:30px;
padding-right:30px;
padding-top:20px;
background-image:url(images/main/bgFooter.png);
background-repeat:repeat-x;
min-height:100px;
}

.stockistHeader {
	background-image: url(images/stockists/headerBG.png);
	background-repeat:repeat-x;
	padding-top:5px;
	padding-left:15px;
	padding-right:15px;
	height:65px;
	width:762px;
}
.stockistHeader h1 {
	margin-top:0px;
	padding-top:0px;
}


.stockistList {
	float:left;
	width:792px;
}

.stockistList tr {
	padding-bottom:10px;
}

.stockistList td {
	background-color:#FFFFFF;
	padding:10px;
	width:185px;
}

.stockistList .stockist {
	float:left;
	background-image: url(images/stockists/stockistBG.png);
	background-repeat:repeat-x;
	padding:10px;
	margin-top:1px;
	margin-right:1px;
	width:243px;
	height:46px;
	color:#FFFFFF;
}

.stockistList .stockist a {
	color:#FFFFFF;
}

#contactCard {
	border:2px dashed #0698d5;
	width:550px;
	height:220px;
	padding:10px;
	background-color:#FFFFFF;
	margin:0px auto;
}
#contactCard a {
	color:#0698d5;
}

#map {
	float:left;
	width:792px;
	height:280px;
}
.mapLabel {
	background-image:url(images/stockists/marker.png);
	background-position:center;
	background-repeat:no-repeat;
	width:20px;
	height:34px;
	text-align:center;
	font-weight:bold;
	float:left;
	margin-left:-8px;
	margin-right:10px;
	color:#000000;
}