/*
Design and coding by
John Rawsterne - www.rawsterne.co.uk
*/

/* reset.css from blueprint */
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,code,del,dfn,em,img,q,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td {
margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;}

body {line-height:1.5;}
table {border-collapse:separate;border-spacing:0;}
caption,th,td {text-align:left;font-weight:normal;}
table,td,th {vertical-align:middle;}
blockquote:before,blockquote:after,q:before,q:after {content:"";}
blockquote,q {quotes:"" "";}
a img {border:none;}

/* typography */
body {font-size:0.85em;color:#222;background:#fff;font-family:Arial, Helvetica, sans-serif;}
h1,h2,h3,h4,h5,h6 {font-family:"Century Gothic",Tahoma, Arial, sans-serif;font-weight:normal;color:#552684;}
h1 {font-size:2em;line-height:1;margin-bottom:.5em;}
h2 {font-size:2em;margin-bottom:.75em;}
h3 {font-size:1.5em;line-height:1;margin-bottom:1em;}
h4 {font-size:1.2em;line-height:1.25;margin-bottom:1.25em;}
h5 {font-size:1em;font-weight:bold;margin-bottom:1.5em;}
h6 {font-size:1em;font-weight:bold;}
h1 img,h2 img,h3 img,h4 img,h5 img,h6 img {margin:0;}
p {margin:0 0 1.5em;}
p img.left {float:left;margin:1.5em 1.5em 1.5em 0;padding:0;}
p img.right {float:right;margin:1.5em 0 1.5em 1.5em;}
a:focus,a:hover {color:#000;}
a {color:#009;text-decoration:underline;}
blockquote {margin:1.5em;}
strong {font-weight:bold;}
em,dfn {font-style:italic;}
dfn {font-weight:bold;}
sup,sub {line-height:0;}
abbr,acronym {border-bottom:1px dotted #666;}
address {margin:0 0 1.5em;font-style:italic;}
del {color:#666;}
pre {margin:1.5em 0;white-space:pre;}
pre,code,tt {font:1em 'andale mono', 'lucida console', monospace;line-height:1.5;}
li ul,li ol {margin:0 1.5em;}
ul,ol {margin:0 1.5em 1.5em;}
ul {list-style-type:disc;}
ol {list-style-type:decimal;}
dl {margin:0 0 1.5em;}
dl dt {font-weight:bold;}
dd {margin-left:1.5em;}
table {margin-bottom:1.4em;width:100%;}
th {font-weight:bold;}
thead th {background:#c3d9ff;}
th,td,caption {padding:4px 10px 4px 5px;}
tr.even td {background:#e5ecf9;}
tfoot {font-style:italic;}
caption {background:#eee;}
.small {font-size:.8em;margin-bottom:1.875em;line-height:1.875em;}
.large {font-size:1.2em;line-height:2.5em;margin-bottom:1.25em;}
.hide {display:none;}
.left{float:left;margin:0 5px 5px 0;}
.right{float:right;margin:0 0 5px 5px;}

/* Globals */
html{}
body{background:#fff9e2 url(images/body-bg.png) repeat-x left top;color:#333;}
a, a:visited{color:#993300;text-decoration:none;}
a:hover{color:#000;text-decoration:underline;}
.button, a.button {background:#662d91 url(images/button-bg.png) repeat-y left top;border:0;border:#fff 1px solid;color:#FFFFFF;overflow:visible;padding:6px 10px;}
a.button:hover{text-decoration:none;background:#d74600;}

/* Layout */
#wrapper{padding:20px;background:#fff;overflow:hidden;width:920px;margin:0 auto;position:relative;}
#content{}
#main-content{float:right;width:610px;overflow:hidden;padding:0;}
#sub-content{float:left;width:300px;padding:0;overflow:hidden;}

/* Header */
#header{position:relative;height:110px;overflow:hidden;}
#header h1{text-indent:-9999em;overflow:hidden;line-height:1;padding:0;margin:0;width:250px;height:86px;position:absolute;left:0;top:0;background:url(images/logo.png) no-repeat left top;}
#header h2{position:absolute;right:0;text-align:right;font-size:1.25em;width:600px;top:67px;font-family:Georgia,"Times New Roman",serif;}
#header h3{text-align:right;}

/* Navigation */
#navigation{width:918px;background:#efbd79 url(images/nav-bg.png) repeat-x left bottom;overflow:hidden;border:#cf7f11 1px solid;list-style:none;margin:0 0 20px 0;font-size:1.2em}
#navigation li{float:left;border-right:#cf7f11 1px solid;}
#navigation li a{color:#ffe8c7;display:block;padding:7px 12px;}
#navigation li a:hover{background:#dd6e00;text-decoration:none;}

/* Sub Content */
#sub-content ul{width:300px;list-style:none;margin:0 0 10px 0;}
.selling-point {background:#B6AAC3 url(images/usp-bg.png) repeat-x scroll left top;border:1px solid #B6AAC3;font-size:1.2em;height:99px;margin:0 0 10px;overflow:hidden;}
.selling-point a {display:block;padding:20px 20px 30px 75px;background:url(images/star.png) no-repeat left center;font-size:1.2em;color:#552684;}
.selling-point a span{display:block;font-size:0.8em;color:#8a5cb8;background:url(images/purple-arrow.png) no-repeat left center;padding-left:12px;}
#testimonial{margin:0 0 20px 0;background:#fff url(images/testimonial-bg.png) no-repeat right top;padding:20px;border-top:#f7e8c6 1px solid;}
#testimonial blockquote{margin:0 0 20px 0;padding:0;}

/* Featured */
#featured-products{margin: 0 0 10px 0;padding:20px;background: url(images/featured-new-bg.jpg) no-repeat left top;position:relative;border:#bfae78 1px solid;height:280px;overflow:hidden;}
#featured-products h2{margin:0 0 10px 0;color:#61583d;}
#featured-video{margin:0 0 20px 0;padding:20px;background:#fff url(images/featured-video-bg.png) no-repeat right top;overflow:hidden;border-top:#f7e8c6 1px solid; }
#intro-video{float:right;margin:0 0 10px 10px;}

/* Slider */
#featured-panels { width: 470px; height: 230px; margin: 0 0 0 50px; }
#featured-panels div { width: 470px; height: 250px; padding: 0; text-align: left;background:transparent; }
#featured-panels div img { float: left; margin: 0 10px 10px 0; height: 220px; padding: 3px; }
#featured-panels div { top: 0; left: 0 }
#featured-panels h3{margin:10px 0 10px 0;}
#prev2,#next2 {position:absolute;top:150px;background:transparent url(images/slide-buttons.png) no-repeat scroll left top;display:block;height:26px;padding:0;text-indent:-9999em;width:25px;outline:none;}
#prev2{left:10px;}
#next2{right:10px;background-position:-39px 0;}
#prev2:hover{background-position:0 -57px;}
#next2:hover{background-position:-39px -57px;}
#resume-button, #pause-button{position:absolute;bottom:10px;right:10px;background:#ffeebe;color:#bfae78;padding:0 3px;display:none;}
#resume-button:hover, #pause-button:hover{color:#fff;background:#7d6e45;}



/* Footer */
#footer{clear:both;}
#footer-links{text-align:center;}
#footer-links a span{display:block;}
#promo-boxes{overflow:hidden;margin: 0 0 20px 0;}
#promo-boxes div{float:left;width:258px;border:#f6e6c0 1px solid;margin:0 10px 0 0;padding:20px;height:200px;overflow:hidden;}
#promo-boxes div.last{margin:0;}
#promo-videos{background:#fff7e4 url(images/icon-videos.png) no-repeat left top;}
#promo-bonus{background:#fff7e4 url(images/icon-fitness.png) no-repeat left top;}
#promo-reviews{background:#fff7e4 url(images/icon-reviews.png) no-repeat left top;}