/* CSS Document */

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

body {
	font:0.8em Arial, Georgia, "Times New Roman", Times, serif;
	background:#EEE url(../images/background.gif) no-repeat;
	color:#333;
}

#container {
	margin:10px auto 20px;
	width:1010px;
	background:#FFF url(../images/main-bg.jpg) repeat-y;
}



/* Header */
#header {
	height:201px;
	width:1010px;
	background:#FFF url(../images/header-bg.jpg) no-repeat;
}

#header IMG {
	margin:0px 0px 12px;
}

#header h1 {
	margin:95px 0px 0px 10px;
	float:left;
	height:22px;
	width:287px;
	background:#FFF url(../images/live-fast-love-smoothies.jpg) no-repeat;
}

#header h1 span {
	display:none;
}



/* Contact Info */
#header #contact {
	margin:45px 30px 0px 0px;
	width:285px;
	float:right;
	text-align:right;
}

#header #contact ul {
	margin:0px 0px 15px;
	float:right;
}

#header #contact ul li {
	margin:0px 0px 0px 20px;
	padding:1px 0px 0px 21px;
	height:16px;
	display:block;
	font-size:0.9em;
	text-align:left;
	float:left;
}

#header #contact ul li a {
	color:#666;
}

#header #contact ul li.login-register {
	background:url(../images/li-login-register-bg.jpg) no-repeat;
}

#header #contact ul li.shopping-basket {
	background:url(../images/li-shopping-basket-bg.jpg) no-repeat;
}

#header #contact h2.telephone {
	margin:3px 0px;
	height:16px;
	width:212px;
	background:#FFF url(../images/telephone-bg.jpg) no-repeat;
	float:right;
	clear:both;
}

#header #contact .email {
	margin:3px 0px 15px;
	float:right;
}

#header #contact h2 span {
	display:none;
}

#header #contact form {
	width:235px;
	float:right;
}

#header #contact label {
	margin:6px 8px 0px 0px;
	height:9px;
	width:44px;
	background:#FFF url(../images/label-search-bg.jpg) no-repeat;
	float:left;
}

#header #contact label span {
	display:none;
}

#header #contact input.inputtext {
	padding:2px 5px 0px;
	height:17px;
	width:169px;
	color:#666;
	background:url(../images/search-bg.jpg) no-repeat;
	border:none;
}



/* Top Navigation */
#navigation {
	clear:both;
	z-index:2;
}

#navigation li {
	list-style-type:none;
	float:left;	
	position:relative;
}

#navigation li.about {
	margin:0px 0px 0px 22px;
}

#navigation li.about,
#navigation li.about span {
	width:101px;
	height:27px;
}

#navigation li.shop,
#navigation li.shop span {
	width:69px;
	height:27px;
}

#navigation li.customers,
#navigation li.customers span {
	width:143px;
	height:27px;
}

#navigation li.distributors,
#navigation li.distributors span {
	width:223px;
	height:27px;
}

#navigation li.events,
#navigation li.events span {
	width:81px;
	height:27px;
}

#navigation li.onlinegym,
#navigation li.onlinegym span {
	width:117px;
	height:26px;
}

#navigation li.sitestosell,
#navigation li.sitestosell span {
	width:118px;
	height:27px;
}

#navigation li.news,
#navigation li.news span {
	width:112px;
	height:27px;
}

#navigation li.about span,
#navigation li.about span a,
#navigation li.shop span,
#navigation li.shop span a,
#navigation li.customers span,
#navigation li.customers span a,
#navigation li.distributors span,
#navigation li.distributors span a,
#navigation li.events span,
#navigation li.events span a,
#navigation li.onlinegym span,
#navigation li.onlinegym span a,
#navigation li.sitestosell span,
#navigation li.sitestosell span a,
#navigation li.news span a,
#navigation li.news span {
	text-align:center;
}

/* Nav Bar */
#navigation a,
#navigation span.nav {
	height:27px;
	display:block;
	color:#FFF;
	font-weight:bold;
	font-size:1.2em;
	text-decoration:none;
}

#navigation a:hover,
#navigation ul ul a:hover,
#navigation :hover > a,
#navigation ul ul :hover > a {
	text-decoration:none;
}

/* Second & Third Level */
#navigation ul a,
#navigation ul ul a {
	padding:7px;
	width:200px;
	height:auto;
	color:#FFF;
	text-align:left;
	font-size:1em;
	border-bottom:1px solid #FFF;
}

#navigation ul a {
	background:#820E29;
}

#navigation ul ul a {
	background:#961835
}

#navigation .bottom {
	border-bottom:none;
}

#navigation ul a:hover,
#navigation ul ul a:hover {
	background:#C1272D;
	color:#FFF;
}

/* Pop Out Sub Menus */
#navigation ul ul {
	width:215px;
	top:0px;
	left:214px;
}

/* Visibility of Sub Menus */
#navigation ul {
	visibility:hidden;
	position:absolute;
}

#navigation li:hover ul,
#navigation a:hover ul,
#navigation :hover ul :hover ul {
	visibility:visible;
}

#navigation :hover ul ul {
	visibility:hidden;
}



/* Main */
#main {
	padding:0px 21px 20px;
	width:968px;
}



/* Top Banner */
#banner {
	margin:0px auto;
	padding:10px 0px 0px;
	width:951px;
	overflow:hidden;
}



/* Flash Box */
#flashholder {
	height:296px;
	width:630px;
	float:left;
}

#flashholder #homewindow {
	z-index:1;
}



/* Facebook / Twitter Links */
#social-box {
	height:43px;
	width:277px;
	padding:20px;
	background:#2ea343 url(../images/social-box-bg.jpg) no-repeat;
	text-align:center;
	float:right;
}

#social-box .facebook {
	margin:0px 10px 0px 0px;
	width:137px;
	height:43px;
	background:#2ea343 url(../images/logo-facebook.jpg) no-repeat;
	float:left;
}

#social-box .twitter {
	width:127px;
	height:43px;
	background:#2ea343 url(../images/logo-twitter.jpg) no-repeat;
	float:left;
}

#social-box .facebook span,
#social-box .twitter span {
	display:none;
}



/* Content */
.content-top {
	margin:10px auto 0px;
	height:15px;
	width:940px;
	background:#FFF url(../images/content-top-bg.jpg) no-repeat;
	line-height:0;
	font-size:0;
}

.content-bottom {
	margin:0px auto 15px;
	height:15px;
	width:940px;
	background:#FFF url(../images/content-bottom-bg.jpg) no-repeat;
}

.content {
	margin:0px auto;
	padding:0px 15px 10px;
	width:910px;
	background:#FFF url(../images/content-bg.jpg) repeat-y;
	overflow:hidden;
}



/* Headings */
.content h2 {
	margin:0px 0px 15px;
	font-size:1.8em;
	font-weight:bold;	
}

.content h2.green {
	margin:0px 0px 20px;
	color:#8CC63F;
}

.content h3 {
	margin:20px 0px 5px;
	font-size:1.3em;
	color:#820E29;
}

.content h4 {
	margin:0px 0px 15px;
	font-size:1.2em;
	color:#666;
}

.content h5 {
	margin:20px 0px 8px;
	font-size:1em;
	color:#cc0066;
}

.content p {
	margin:0px 0px 20px;
	font-size:0.9em;
}



/* Scrolling customer comments */
#wrap ul#mycarousel {
	margin:0px;
	font-size:1em;
}

#wrap ul#mycarousel li {
	list-style-image:none;
	list-style-type:none;
}

#wrap ul#mycarousel li h3 {
	margin:0px 0px 5px;
}

#wrap ul#mycarousel li p {
	margin:0px 0px 10px;
	font-size:0.9em;
}

#wrap ul#mycarousel li p.bottom {
	margin:0px 0px 5px;
	padding:0px 0px 10px;
	border-bottom:1px dashed #CCC;
}




/* In The Press */
#leftcol .press-box {
	margin:5px 0px 20px;
	border-bottom:1px dashed #666;
	width:560px;
	clear:both;
	float:left;
}

#leftcol  .press-box  DIV {
	margin:0px 15px 5px 0px;
	width:165px;
	float:left;
}

#leftcol  .press-box DIV h3 {
	font-size:1em;
}

#leftcol .press-box DIV IMG {
	margin:5px 0px;
	width:150px;
}

#leftcol .press-box DIV a {
	font-size:0.9em;
	color:#820E29;
}



/* Full Menu */
#leftcol .menu-box {
	margin:5px 0px 10px;
	width:560px;
	clear:both;
	float:left;
}

#leftcol .menu-box p {
	margin:3px 0px 10px 10px;
}

#leftcol .menu-box IMG {
	margin:0px 15px 0px 0px;
	float:left;
	width:80px;
}

#leftcol .menu-divider {
	margin:10px 0px 20px;
	width:560px;
	border-bottom:1px dashed #666;
	clear:both;
	float:left;
}



/* Lists */
.content ul,
.content ol {
	margin:10px 0px 30px 20px;
	color:#666;
}

.content ul li,
.content ol li {
	margin:0px 0px 12px ;
	font-size:1em;
	list-style:url(../images/green-dot.jpg) outside;
}

.content #wrap ul li {
	margin:0px 0px 12px;
	font-size:1em;
	list-style:url(../images/green-dot.jpg) inside;
}

.content ul.large li {
	margin:0px 0px 12px;
	font-size:1.3em;
	list-style:url(../images/green-dot.jpg) outside;
}

ul#twitter_update_list li {
	list-style-type:none;
	list-style-image:none;
}



/* Form */
.content form {
	margin:20px 0px 0px;
	overflow:hidden;
}

.content form#register,
.content form.paypal {
	width:600px;
}

.content form label {
	margin:0px 0px 5px;
	width:130px;
	float:left;
	clear:both;
}

.content form input.inputtext,
.content form input.inputtextsmall {
	margin:0px 0px 15px;
	padding:0px 5px 0px;
	height:19px;
	color:#666;
	border:none;
}

.content form input.inputtext {
	width:341px;
	background:#FFF url(../images/inputtext-bg.jpg) no-repeat;
	float:right;
}

.content form input.inputtextsmall {
	width:212px;
	background:#FFF url(../images/inputtext-small-bg.jpg) no-repeat;
	float:left;
	clear:both;
}

.content form select {
	clear:both;
	margin:0px 0px 15px;
	width:212px;
	color:#666;
	float:left;
}

.confirm {
	height:17px;
	width:113px;
	background:#FFF url(../images/btn-confirm-order.gif) no-repeat;
	border:none;
}

.search {
	margin:10px 0px 0px;
	height:24px;
	width:100px;
	background:#FFF url(../images/btn-search.gif) no-repeat;
	border:none;
	clear:both;
	float:left;
}

.next,
.nextfirst,
.previous,
.submit {	
	margin:10px 10px 10px 0px;
	height:33px;
	width:140px;
	border:none;
	float:left;
	cursor:pointer;
}

.next,
.nextfirst {
	background:#FFF url(../images/btn-next.gif) no-repeat;
}

.nextfirst {
	clear:both;
}

.previous {
	clear:both;
	background:#FFF url(../images/btn-previous.gif) no-repeat;
}

.submit {
	clear:both;
	background:#FFF url(../images/btn-submit.gif) no-repeat;
}

.previous SPAN {
	display:none;
}



/* Basket Form */
.content form.basket {
	margin:15px 0px 25px;
}

.content form.basket p {
	margin:5px 0px;
	color:#cc0066;
	font-size:0.9em;
	font-weight:bold;
}

.content form.basket select {
	margin:2px 10px 15px 0px;
	color:#666;
	width:50px;
	float:left;
	clear:both;
}

.content form.basket input.addtobasket {
	height:33px;
	width:140px;
	color:#666;
	background:url(../images/btn-addbasket.gif) no-repeat;
	border:none;
	float:left;
}

.content form.basket #quantity {
	margin:8px 10px 0px 0px;
}



/* Image holder */
.thumbholder {
	margin:0px 0px 30px;
	clear:both;
}

.thumbholder IMG {
	float:left;
	margin:0px 10px 0px 0px;
}

.thumbholder h3,
.thumbholder h4,
.thumbholder p {
	float:left;
	width:770px;
	margin:0px 0px 0px 20px;
}



/* Left Column */
#leftcol {
	float:left;
	width:560px;
	padding:0px 10px 0px 0px;
}

#leftcol p {
	font-size:1em;
	line-height:1.6em;
}

#leftcol IMG {
	margin:10px 0px 20px;
}



/* Table */
#leftcol TABLE,
#shopcol TABLE {
	background:url(../images/table-bg.gif) repeat-x top #f1f1f2;
}

#leftcol TABLE th,
#shopcol TABLE th {
	background:url(../images/table-th-bg.gif) repeat-x;
	height:65px;
	color:#fff;
	border-left:1px solid #009245;
}

#leftcol TABLE td,
#shopcol TABLE td {
	padding:10px 15px;
	border-left:1px solid #999;
}

#leftcol TABLE .leftcel,
#shopcol TABLE .leftcel {
	border-left:none;
}

#leftcol TABLE .darkgrey td,
#shopcol TABLE .darkgrey td {
	padding:4px 20px;
	background:#666;
	color:#fff;
}

#basket tr td a {
	color:#820E29;
}



/* Right Column */
#rightcol {
	width:320px;
	float:right;
	clear:both;
}

#rightcol p {
	font-size:1em;
	line-height:1.3em;
}

#rightcol IMG {
	margin:0px 0px 10px;
}



/*Boxes */
#boxes {
	margin:0px auto;
	width:951px;
	overflow:hidden;
}



/* Red Boxes */
.red-box {
	padding:15px;
	height:185px;
	width:287px;
	background:#2ea343 url(../images/red-box-bg.jpg) no-repeat;
	float:right;
}

.red-box IMG {
	margin:0px 0px 10px 5px;
	float:right;
}

.red-box h1 {
	font-size:1.8em;
	color:#FFF;
	font-weight:normal;
}

.red-box ul {
	margin:0px;
	width:140px;
}

.red-box ul li {
	margin:0px 0px 3px;
	font-size:1.4em;
	color:#8CC63F;
	list-style:disc inside;
	list-style-image:none;
}
.red-box p {
	color:#fff;
}



/* Green Boxes */
.green-box {
	padding:15px;
	height:159px;
	width:287px;
	background:#2ea343 url(../images/green-box-bg.jpg) no-repeat;
	float:left;
}

.green-box IMG {
	margin:0px 0px 0px 5px;
	float:right;
	max-width:100px;
	max-height:160px;
}

.green-box h3 {
	margin:0px 0px 10px;
	font-size:1.4em;
	color:#FFF;
	font-weight:normal;
}

.green-box p {
	margin:0px 0px 5px;
	color:#FFF;
	font-size:0.85em;
}



/* Sponsors */
#sponsors {
	margin:0px 15px;
	padding:10px;
	width:919px;
	border-bottom:1px solid #CCC;
}

#sponsors IMG {
	margin:0px 3px 20px;
	max-height:30px;
}



/* Shop */
#shopcol {
	float:left;
	width:660px;
	padding:0px 10px 0px 0px;
}

#rightshopcol {
	width:225px;
	float:right;
}



/* Shop Headings */
#shopcol h1 {
	margin:0px;
}

#shopcol h2 {
	line-height:0.9em;
	margin:0px 0px 10px;
}

#shopcol h3 {
	margin:5px 0px;
	font-size:1.1em;
	float:left;
	clear:both;
}

#shopcol h4 {
	margin:0px 0px 5px;
}

h4.error {
	clear:both;
	float:right;
	color:red;
	font-size:0.9em;
	font-weight:normal;
}

#shopcol p {
	margin:0px 0px 15px;
	font-size:1em;
}

#shopcol p a {
	color:#820E29;
}



/* Shop Basket Table */
#shopcol TABLE.basket {
	margin:10px 0px;
	width:100%;
}

#shopcol TABLE.basket th {
	padding:2px 4px 3px;
	height:22px;
	background:#FFF url(../images/th-bg.gif) repeat-x;
	color:#FFF;
	border:none;
	text-align:left;
}

#shopcol TABLE.basket td {
	padding:2px 4px;
	border-left:1px solid #CCC;
	border-bottom:1px solid #CCC;
	background-color:#FFF;
}

#shopcol TABLE.basket td.end {
	border-right:1px solid #CCC;
}



/* Shop Breadcrumbs */
#breadcrumb  {
	padding:0px 0px 10px 0px;
	border-bottom:1px solid #ccc;
	color:#999;
	font-size:1.1em;
	margin:0px 0px 10px 0px
}

#breadcrumb  .selected {
	color:#8CC63F;
}



/* Shop Mini Basket */
TABLE#minibasket {
	font-size:1em;
	font-weight:bold;
	color:#999;
	margin:10px 0px;
}

TABLE#minibasket td {
	border-bottom:1px dashed;
	padding:6px 5px 6px 0px;
}

TABLE#minibasket .total td {
	border-bottom:none;
}



/* Shop Navigation */
.content ul.shopnav {
	margin:0px;
}

.content ul.shopnav li {
	margin:0px;
	padding:0px;
	list-style:none;
	font-size:1em;
}

.content ul.shopnav li.header {
	font-weight:bold;
	color:#666;
	margin:10px 0px 6px 0px;
	font-size:1.3em;
	border-bottom:1px solid #CCCCCC;
}

.content ul.shopnav li a {
	font-weight:bold;
	color:#8CC63F;
	margin:0px 0px 4px 0px;
}



/* Shop Display Product */
#shopcol .productinfo {
	margin:0px 0px 3px;
	font-size:0.7em;
	line-height:0.7em;
	font-weight:bold;
	color:#666;
}

#shopcol ul,
#shopcol ol {
	margin:0px 0px 0px 20px;
}

.basketbtn {
	float:right;
	margin:0px 0px 10px 10px;
}



/* Product Image */
#productimageholder {
	float:right;
	width:250px;
	text-align:right;
	margin:0px 0px 10px 10px;
}

#productimageholder IMG {
	border:1px solid #999;
	max-width:250px;
	margin:0px 0px 10px 0px;
}



/* Related Product Images */
.relatedproductimage {
	margin:5px 10px 20px 0px;
	float:left;
	width:150px;
}



/* Shop Product List */
#shopcol ul.productlist {
	margin:0px;
	padding:0px;
	list-style:none;
	font-size:1em;
}

.content ul.productlist li {
	font-size:1em;
	list-style:none inside;
	border:1px solid #999;
	float:left;
	width:191px;
	height:250px;
	margin:0px 10px 10px 0px;
	padding:10px;
	text-align:center;
}

.content ul.productlist li.enditem {
	margin:0px 0px 10px 0px;
}

.content ul.productlist li p {
	margin:0px 0px 20px;
}

.content ul.productlist IMG {
	margin:0px 0px 10px;
	border:1px solid #ccc;
}

.content ul.productlist h1 {
	font-size:1.1em;
	margin:0px 0px 10px;
}

.content ul.productlist h2 {
	font-size:1.3em;
	padding:5px 0px 10px;
	
}



/* Footer */
#footer-nav {
	margin:15px 0px 0px;
	height:146px;
	width:969px;
	background:#FFF url(../images/footer-nav-bg.jpg) no-repeat;
	text-align:center;
}

#footer-nav h2 {
	margin:0px 0px 8px;
	color:#8D0B3A;
	font-size:1.6em;
	font-weight:normal;
}

#footer-nav h2 a {
	color:#8D0B3A;
}

#footer-nav p {
	margin:10px 0px 0px;
	font-size:0.8em;
	color:#999;
}

#footer-nav ul {
	margin:0px auto;
	width:300px;
	color:#999;
}

#footer-nav ul li {
	display:inline;
	font-size:0.8em;
}

#footer-nav a {
	color:#999;
}

#footer {
	height:20px;
	width:1010px;
	background:#FFF url(../images/footer-bg.jpg) no-repeat;
}



/* Links */
a {
	color:#8CC63F;
	text-decoration:none;
}

a:hover {
	text-decoration:underline;
}

a.greenbutton {
	padding:6px 0px 0px 20px;
	height:21px;
	width:152px;
	display:block;
	color:#FFF;
	background:#004c1e url(../images/btn-green-bg.jpg) no-repeat;
	font-size:0.9em;
}

a.greenlargebutton {
	margin:30px 0px 10px 30px;
	padding:8px 0px 0px 25px;
	height:25px;
	width:290px;
	display:block;
	color:#FFF;
	background:#004c1e url(../images/btn-green-large-bg.jpg) no-repeat;
	font-size:1em;
}

a.redbutton {
	padding:8px 0px 0px 25px;
	height:25px;
	width:260px;
	display:block;
	color:#FFF;
	background:#820E29 url(../images/btn-red-bg.jpg) no-repeat;
	font-size:1em;
	overflow:hidden;
	clear:both;
}

a.buysmoothie {
	height:24px;
	width:119px;
	display:block;
	color:#FFF;
	background:#820E29 url(../images/btn-buythismoothie.gif) no-repeat;
	overflow:hidden;
	clear:both;
	margin:0px 0px 10px 93px;
}

a.buysmoothie span {
	display:none;
}

a.buyhere {
	border-top:1px dashed #666;
	border-bottom:1px dashed #666;
	height:55px;
	width:560px;
	display:block;
	background:url(../images/btn-buyhere.gif) no-repeat center;
	overflow:hidden;
	padding:10px 0px;
}

a.buyhere:hover {
	text-decoration:none;
}

#leftcol IMG.menuimage {
	margin:0px 0px 20px 0px;
	padding:0px;
}



/* Generics */
img {
	border:none;
}

.left {
	clear:both;
	float:left;
}

hr,
hr.small,
hr.divider {
	margin:15px auto 10px;
	height:1px;
	background-color:#CCC;
	border:none;
	clear:both;
}

hr.divider {
	width:558px;
	margin:5px 0px 20px;
	float:left;
}

hr.small {
	width:320px;
	float:right;
}

.left {
	float:left;
}

.right {
	float:right;
}

.social {
	margin:0px 10px 0px 0px;
	width:270px;
	text-align:center;
	float:left;
}

.clearit {
	clear:both;
	height:0px;
	width:100%;
	line-height:0.0px;
	font-size:0px;
}

.paypalbutton {
	float:left;
	clear:both;
}



/* Colours for CK Editor */
h2.green,
h3.green,
h4.green,
span.green,
p.green {
	color:#8CC63F;
}

h2.red,
h3.red,
h4.red,
span.red,
p.red {
	color:#820E29;
}

h2.pink,
h3.pink,
h4.pink,
span.pink,
p.pink {
	color:#cc0066;
}