/* commented out by Jason as it was causing errors*/
/*.shippingStateDiv {display:none;}*/

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

body {
	margin: 0px;
	background-image: url(../images/bg_pattern.png);
	background-repeat: repeat;
	background-color: #1F0610;
	font-family: "Century Gothic", Arial;
	color: #FFF;
	font-size: 12px;
}
a {
	outline: none;
}
#container {
	margin: auto;
	width: 700px;
	padding: 23px 196px 0px 197px;
	margin-top: 0px;
	height: 700px;
}
#top_page {
	height: 85px;
}
#shopping_tab {
	float: left;
	width: 590px;
	text-align: right;
	font-family: Arial, Helvetica, sans-serif;
}
#shopping_tab img {
}
.shoppingbag_text {
	display: block;
	float: right;
 *margin:0;
	font-size: 10.5px;
	background-image: url(/images/myshoppingbag_butt.png);
	background-repeat: no-repeat;
	width: 100px;
}
a.cartSummaryLink {
	margin: 0 0 0 18px;
	display:none;
}
a.cartSummaryLinkMine {
	margin: 0 5px 0 0;
	_margin: 0 10px 0 0;
	float:right;
	width: 200px;
}
#shopping_tab a {
	color: #FDF4D2;
	text-decoration: none;
}
#search_tab {
	text-align: right;
	float: right;
	width: 485px;
}
#search_go {
	float: right;
	width: 25px;
}
#search {
	float: right;
	margin-top: 4px;
}
#logo {
	float: left;
	width: 100px;
	padding-left: 10px;
}
#nav {
	text-align: right;
	background-image: url(../images/nav_bg.png);
	background-repeat: no-repeat;
	background-position: right;
	font-size: 11px;
	padding-top: 0px;
	min-height: 25px;
	padding-left: 203px;
 *padding-left: 183px;
}
#nav ul li {
	line-height: 25px;
	float: left;
	list-style: none;
	height: 25px;
}
#nav ul {
	margin-top: 0px;
	margin-bottom: 0px;
	height: 25px;
	padding: 0;
	font-family: "Century Gothic", Arial;
}
#nav ul li a {
	color: #FFF;
	text-decoration: none;
	padding: 5px 6px 5px 4px;
	line-height: 25px;
	height: 25px;
	min-width: 25px;
}
#nav a:hover {
	background-image: url(../images/nav_rolloverbg.png);
	background-repeat: repeat-y;
	color: #FDF4D2;
	background-position: right;
	line-height: 25px;
}
#nav .active {
	background-image: url(../images/nav_rolloverbg.png);
	background-repeat: repeat-y;
	background-position: right;
	color: #FCF7D4;
}
.nav_contactrollover a:hover {
	background-image: url(../images/nav_rollover_corner.png);
	background-repeat: no-repeat;
	background-position: 0 13px;
	padding-right: 13px;
}
.range_nav, #breadcrumbs {
	background-image: url(../images/rangenav_bg.gif);
	background-repeat: no-repeat;
	width: 701px;
	height: 29px;
	font-family: Arial, Helvetica, sans-serif;
	padding-left: 15px;
	font-size: 11px;
	padding-top: 0px;
	margin-top: 10px;
	padding-bottom: 30px;
}
#breadcrumbs {
	padding-top:8px;
	height: 21px;
}
#showme {
	width: 150px;
	float: left;
	color: #FCF7D4;
	margin-top: 8px;
}
.ddown {
	float: left;
	width: 200px;
}
.range_header {
	background-image: url(../images/ddown_arrow.gif);
	background-repeat: no-repeat;
	background-position: 40px 10px;
	padding-top: 8px;
}
.range_header a:hover {
	color: #FCF7D4;
}
.range_subnav {
	background-color: #7A5B60;
}
#header_img {
	height: 199px;
	float: left;
	clear: both;
	position: relative;
}
#headerimg_link {
	position: absolute;
	z-index: 100;
	text-align: right;
	float:right;
	top:10px;
	right:10px;
}
#headerimg_link li {
	margin-right: 5px;
	list-style: none;
	display: inline;
	margin-top: 0px;
	padding-top: 0px;
}
#headerimg_link a {
	width: 6px;
	height: 6px;
	background-color: #A18689;
	margin: 3px;
	display: block;
	float:left;
}
#headerimg_link img {
	display: none;
}
#headerimg_link a.activeSlide {
	width: 6px;
	height: 6px;
	background-color: #48182C;
}
#headerimg_link a:focus {
	outline: none;
}
.slideshow {
	height: 234px;
	margin: 0 auto;
	width: 697px;
	z-index: 1;
 *top: 50%;
	position:relative;
}
.pics {
	height:196px;
	margin:0;
	overflow:hidden;
	padding:0;
	width:697px;
}
#home_text {
	width: 431px;
	float: left;
	margin: 0px 10px 0 0;
}
#quote {
	padding-top: 5px;
}
#quote {
	width: 410px;
	float: left;
	margin: 0px 10px 0 0;
}
#bottom_boxes #free_delivery {
	margin-right:16px;
}
#home_text h1 {
	font-size: 16px;
	color: #FFF;
	font-weight: lighter;
}
#home_text p {
	font-size: 12px;
	color: #FDF7D4;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 16px;
	padding-top: 0px;
	margin-top: 0px;
	margin-bottom: 8px;
	font-weight: lighter;
}
#home_text .highlight {
	font-family: "Century Gothic", Arial;
	color: #FFF;
	font-size: 13px;
	font-weight: bold;
	margin-top: 0px;
	padding-top: 0px;
}
#main_content {
	padding-bottom: 0px;
	float: left;
	clear: both;
	width:700px;
	position:relative;
}
#body_copy {
	float: left;
	clear: both;
	width: 100%;
	padding-top: 15px;
	background-image: url(/images/gradient_content.png);
	background-repeat: no-repeat;
	background-position: bottom;
	min-height: 370px;
}
#email_newsletter h4, #free_delivery h4 {
	font-size: 14px;
	font-weight: normal;
	color: #FDF4D2;
	z-index: 1000;
	border-bottom: 1px solid #6F4D54;
	padding-bottom: 2px;
	margin-top: 14px;
	margin-bottom: 0px;
	display: block;
}
#email_newsletter p, #free_delivery p {
	margin-top: 4px;
	font-size: 10px;
	margin-bottom: 4px;
	letter-spacing:0px;
}
#free_delivery, #email_newsletter {
	width: 109px;
	float: left;
	background-image: url(../images/tab_bg_gradient.png);
	background-repeat: no-repeat;
	height: 193px;
	padding: 0 8px;
	margin-bottom: 2px;
	margin-top: 13px;
}
.register_bg {
}
#free_delivery {
	margin-right: 8px;
}
#container #main_content #free_delivery h4 a {
	color: #FDF4D2;
}
#footer {
	width: 100%;
	clear: both;
	float: left;
	background-image: url(../images/footer_bg.png);
	background-repeat: no-repeat;
	padding-top: 5px;
	margin-top: 20px;
}
#footer_nav {
	color: #5F4647;
	font-size: 10px;
	float: left;
	clear:left;
	width: 520px;
}
#footer_nav a, #copyright a {
	color: #5F4647;
	text-decoration: none;
}
#footer_nav a:hover, #copyright a:hover {
	color: #A97D7F;
}
#footer ul {
	padding-left: 0px;
	margin-left:0px;
}
#certified_logos {
	float: left;
	width: 533px;
	height: 40px;
	padding-left: 20px;
}
#certified_logos img {
	padding-right: 10px;
}
#twitter {
	float: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FCF7D4;
}
#footer_nav ul li {
	display: inline;
	padding-right: 2px;
 *padding-right: 5px;
	zoom: 1;
}
#copyright {
	color: #5F4647;
	font-size: 9px;
	width: 160px;
	float:right;
	text-align:right;
	margin-right: 15px;
}
#about_nav {
	background-image:url(../images/rangenav_bg.gif);
	background-repeat:no-repeat;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	height:29px;
	padding-left:15px;
	padding-top:3px;
	width:701px;
}
#product_nav {
	background-image:url(../images/rangenav_bg.gif);
	background-repeat:no-repeat;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	height:29px;
	padding-left:15px;
	padding-top:3px;
	width:701px;
}
h2 {
	background-image:url(../images/rangenav_bg.gif);
	background-repeat:no-repeat;
	font-family:"Century Gothic", Arial;
	font-weight: normal;
	color:#FCf7D4;
	font-size:15px;
	height:29px;
	padding-left:15px;
	padding-top:3px;
	width:701px;
}
h4 {
	font-weight: normal;
	font-size: 14px;
	color: #FCf7D4;
	margin: 0;
}
h3 {
	background-image:url(../images/header_half.gif);
	background-repeat:no-repeat;
	font-family:"Century Gothic", Arial;
	font-weight: normal;
	color:#FCf7D4;
	font-size:15px;
	height:36px;
	padding-left:15px;
	padding-top:5px;
	width:338px;
}
h5 {
	font-family:"Century Gothic", Arial;
	font-weight: bold;
	font-style:italic;
	color:#FCf7D4;
	font-size:13px;
	padding:0 0 12px 0;
	color: #FFF;
	margin:-2px 0 12px 0;
	border-bottom:1px solid #2F1A20;
}
ol, ul {
	font-family:Arial, Helvetica, sans-serif;
	color:#FFF2EB;
}
#copy ol, #copy ul {
	font-size: 13px;
	margin-bottom:6px;
	margin-top:0px;
}
a {
	color: #FFFFFF;
	text-decoration: none;
}
a:hover {
	color: #FCf7D4;
}
#about_nav ul {
	margin-top: 3px;
	margin-left: 0px;
	padding-left: 0px;
}
#about_nav ul a {
	text-decoration: none;
	color: #FFFFFF;
	font-family: "Century Gothic", Arial;
}
#about_nav ul a:hover {
	color: #FCf7D4;
}
h1 {
	font-weight: lighter;
	font-size: 18px;
	color: #FDF6D4;
}
#body_copy #copy p, .copy, #faq .copy {
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	margin-top: 2px;
	color: #FFF2EB;
	line-height: 19px;
	font-weight: normal;
	margin-bottom:8px;
	padding-top:0;
	letter-spacing:0.03em;
}
.two_column {
	width: 334px;
	float: left;
}
#copy {
	margin: 15px 20px;
}
#about_nav li {
	display: inline;
	padding-right: 10px;
}
#about_nav .active {
	font-weight: bold;
	color: #FCF7D4;
}
.arrow { text-align:right; }
.arrow img {
	margin-right: 3px;
}
.arrow a {
	margin-top: 15px;
	color: #FDF6D4;
	font-size:11px;
}
.anchor {
	position: relative;
	top: -410px;
}
#enquiryform, #contact, #survey, #registerhere {
	margin: 0 10px 0 20px;
}
ph {
	color: #A57A80;
}
.ph {
	color: #A57A80;
}
#firstcolumn {
	margin-right:31px;
}
#ingredients_nav {
	background-image: url(/images/ingredients_bg.gif);
	background-repeat: no-repeat;
	font-family: Arial, Helvetica, sans-serif;
	height: 56px;
	padding-left: 17px;
	padding-right: 17px;
}
#viewby h4 {
	font-size: 12px;
	margin-bottom: 0px;
	color: #FDF6D4;
	padding-top: 11px;
}
#viewby a {
	font-size: 10px;
	text-decoration: underline;
	margin-top: 0px;
}
#atoz a:hover, #atoz .active {
	text-decoration: underline;
	color: #FDF6D4;
}
#atoz ul {
	padding-top: 9px;
}
#ingredients_nav #atoz li {
	display: inline;
	margin-right: 1px;
}
#ingredients_nav #atoz {
	float: right;
	width: 400px;
	text-align: right;
}
#ingredients_nav #viewby {
	width: 200px;
	float: left;
}
#ingredientlist {
	clear: both;
	width: 100%;
}
#ingredients_nav #atoz ul {
	color: #49282F;
}
#ingredients_container {
	background-image: url(/images/gradient_bg_ingredient.png);
	width: 340px;
	margin-right: 4px;
	margin-bottom: 10px;
	height: 400px;
}
#ingredients_container img {
}
#ingredients_container .subname {
	margin-top: 0px;
	margin-bottom: 0px;
	font-family:"Century Gothic", Arial;
	letter-spacing:1px;
}
#ingredients_container h1, #ingredients_container p, #ingredients_container desc {
	margin-left: 30px;
	margin-right: 30px;
}
#ingredients_container h1 {
	margin-bottom: 0px;
}
#ingredients_container p {
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	margin-top: 2px;
	margin-bottom: 4px;
	line-height: 19px;
}
#upgrade {
	clear:both;
	padding-top: 10px;
	display:none;
}
/* CTA STYLING */

#home-cta-container {
	height:120px;
	width:697px;
	overflow:hidden;
	margin:0 0 10px 0;
}
#home-cta-inner {
	height:120px;
	width:720px;
}
.home-cta-item {
	width:166px;
	height:120px;
	overflow:hidden;
	float:left;
	margin-right:11px;
	position:relative;
}
.home-cta-item a {
	display:block;
	width:166px;
	height:120px;
	position:absolute;
	top:0px;
	left:0px;
	z-index:10;
	cursor:pointer;
}
.home-cta-text {
	display:block;
	width:146px;
	height:43px;
	padding:77px 10px 0 10px;
	position:absolute;
	top:0px;
	left:0px;
	z-index:5;
	background:top left no-repeat url(../images/cta_frame.png);
	font-size:14px;
	line-height:17px;
	color:#f7eede;
}
.home-cta-img {
	display:block;
	width:166px;
	height:110px;
	position:absolute;
	top:0px;
	left:0px;
	z-index:1;
	overflow:hidden;
}
.home-cta-img img {
	width:166px !important;
}
/* NEW MAIN NAV STYLING */

#main-nav {
	z-index:50;
	position:relative;
	float:right;
	width:601px;
	background:top left no-repeat url(../images/nav/nav_end_left.png);
	overflow:visible;
	padding:0 2px 0 0;
}
#main-nav div {
	text-align:right;
}
#main-nav div ul {
	display:block;
	width:501px;
	float:right;
}
#main-nav ul li {
	display:block;
	height:25px !important;
}
#main-nav ul li a {
	display:block;
	height:25px !important;
}
#main-nav .main-nav-home {
	background:top left no-repeat url(../images/nav/main_nav_home.gif);
	width:62px !important;
}
#main-nav .main-nav-home:hover, #main-nav .main-nav-home-on {
	background:bottom left no-repeat url(../images/nav/main_nav_home.gif);
	width:62px !important;
}
#main-nav .main-nav-home a, #main-nav .main-nav-home-on a {
	width:62px !important;
	text-indent:-5000px;
}
#main-nav .main-nav-about {
	background:top left no-repeat url(../images/nav/main_nav_about.gif);
	width:83px !important;
}
#main-nav .main-nav-about:hover, #main-nav .main-nav-about-on {
	background:bottom left no-repeat url(../images/nav/main_nav_about.gif);
	width:83px !important;
}
#main-nav .main-nav-about a, #main-nav .main-nav-about-on a {
	width:83px !important;
	text-indent:-5000px;
}
#main-nav .main-nav-shop {
	background:top left no-repeat url(../images/nav/main_nav_shop.gif);
	width:55px !important;
}
#main-nav .main-nav-shop:hover, #main-nav .main-nav-shop-on {
	background:bottom left no-repeat url(../images/nav/main_nav_shop.gif);
	width:55px !important;
}
#main-nav .main-nav-shop a, #main-nav .main-nav-shop-on a {
	width:55px !important;
	text-indent:-5000px;
}
#main-nav .main-nav-reviews {
	background:top left no-repeat url(../images/nav/main_nav_reviews.gif);
	width:74px !important;
}
#main-nav .main-nav-reviews:hover, #main-nav .main-nav-reviews-on {
	background:bottom left no-repeat url(../images/nav/main_nav_reviews.gif);
	width:74px !important;
}
#main-nav .main-nav-reviews a, #main-nav .main-nav-reviews-on a {
	width:74px !important;
	text-indent:-5000px;
}
#main-nav .main-nav-register {
	background:top left no-repeat url(../images/nav/main_nav_register.gif);
	width:74px !important;
}
#main-nav .main-nav-register:hover, #main-nav .main-nav-register-on {
	background:bottom left no-repeat url(../images/nav/main_nav_register.gif);
	width:74px !important;
}
#main-nav .main-nav-register a, #main-nav .main-nav-register-on a {
	width:74px !important;
	text-indent:-5000px;
}
#main-nav .main-nav-faq {
	background:top left no-repeat url(../images/nav/main_nav_faq.gif);
	width:57px !important;
}
#main-nav .main-nav-faq:hover, #main-nav .main-nav-faq-on {
	background:bottom left no-repeat url(../images/nav/main_nav_faq.gif);
	width:57px !important;
}
#main-nav .main-nav-faq a, #main-nav .main-nav-faq-on a {
	width:57px !important;
	text-indent:-5000px;
}
#main-nav .main-nav-contact {
	background:top left no-repeat url(../images/nav/main_nav_contact.gif);
	width:96px !important;
}
#main-nav .main-nav-contact:hover, #main-nav .main-nav-contact-on {
	background:bottom left no-repeat url(../images/nav/main_nav_contact.gif);
	width:96px !important;
}
#main-nav .main-nav-contact a, #main-nav .main-nav-contact-on a {
	width:96px !important;
	text-indent:-5000px;
}
#main-nav ul li ul {
	display:block;
	background:top left repeat-y url(../images/nav/main_nav_dropdown_bg.png);
	width:140px !important;
	padding:3px 0 3px 0;
}
#main-nav ul li ul li.main-nav-item, #main-nav ul li ul li.main-nav-item-on {
	display:block;
	width:140px !important;
	height:auto !important;
	font-size:11px;
}
#main-nav ul li ul li.main-nav-item a, #main-nav ul li ul li.main-nav-item-on a {
	display:block;
	width:120px !important;
	height:auto !important;
	padding:4px 10px 4px 10px;
	text-indent:0px !important;
	text-align:right;
}

#main-nav ul li ul li.main-nav-item-on a {
	font-weight:bold;
}

#main-nav .main-nav-home ul, #main-nav .main-nav-home-on ul {
	margin-left:-78px;
}
#main-nav .main-nav-about ul, #main-nav .main-nav-about-on ul {
	margin-left:-57px;
}
#main-nav .main-nav-shop ul, #main-nav .main-nav-shop-on ul {
	margin-left:-85px;
}
#main-nav .main-nav-reviews ul, #main-nav .main-nav-reviews-on ul {
	margin-left:-66px;
}
#main-nav .main-nav-register ul, #main-nav .main-nav-register-on ul {
	margin-left:-66px;
}
#main-nav .main-nav-faq ul, #main-nav .main-nav-faq-on ul {
	margin-left:-83px;
}
#main-nav .main-nav-contact ul, #main-nav .main-nav-contact-on ul {
	margin-left:-44px;
}
/* BANNER UPDATES */

.banner_slide {
	position:relative;
}
.banner_slide .button {
	bottom:20px;
	right:20px;
	position:absolute;
}
/* SOCIAL MEDIA */

#social-media {
	padding:9px 0 0 0;
}
#social-media a {
	display:block;
	margin:0 0 0 8px;
	float:left;
}
#social-media span {
	display:block;
	float:left;
	padding:4px 0 0 0;
	font-size:11px;
}
/* SITE SEARCH */

.site-search {
	float:right;
	width:auto !important;
}
.site-search input {
	float:left;
	margin:0px;
	display:block;
}
/* PRODUCT DETAIL BOX */

.product-tabs {
	margin:20px 0 0 0;
	width:370px;
}
.product-tabs ul {
	display:block;
	height:34px;
	list-style:none;
	margin:0px;
	padding:0px;
}
.product-tabs ul li {
	display:block;
	width:92px;
	height:34px;
	float:left;
	padding:0 0 0 1px;
	margin:0 0 0 -1px;
}
.product-tabs ul li a {
	display:block;
	width:92px;
	color:#877276;
	background:#340a19;
	border-right:1px solid #532f39;
	border-top:1px solid #532f39;
	border-left:1px solid #532f39;
	text-align:center;
	font-size:11px;
	border-bottom:1px solid #73555b;
}
.product-tabs ul li a.selected {
	display:block;
	width:92px;
	color:#fef7d5;
	background:#31030b;
	border-right:1px solid #73555b;
	border-top:1px solid #73555b;
	border-left:1px solid #73555b;
	border-bottom:1px solid #31030b;
	z-index:20;
	position:relative;
}
.first a {
	padding:11px 0 0 0;
	height:23px;
}
.second a {
	padding:2px 0 0 0;
	height:32px;
}
.third a {
	padding:11px 0 0 0;
	height:23px;
}
.fourth a {
	padding:2px 0 0 0;
	height:32px;
}
#first, #second, #third, #fourth {
	background:#31030b;
	border-right:1px solid #73555b;
	border-left:1px solid #73555b;
	padding:15px 10px 5px 10px;
	min-height:70px;
	color:#FFF2EB;
font-family:Arial,Helvetica,sans-serif;
font-size:12px;
letter-spacing:0.03em;
line-height:16px;
}
.tab-box-bottom {
	height:10px;
	background:top left no-repeat url(../images/product_box_bottom.png);
	margin-bottom:10px;
	float:left;
	width:100%;
}
#comment {
	font-size:11px;
}
#comment form input {
	width: 249px;
	height: 19px;
	padding-top: 3px;
	background-image:url(../images/inputbox_small.gif);
	background-repeat: no-repeat;
	background-colour: transparent;
	margin-top:5px;
	background-color: transparent;
	font-size: 11px;
}
#comment form input.radio {
	width:20px;
	float:left;
	background:none;
}
#comment form textarea {
	width: 249px;
	height: 106px;
	background-image:url(../images/inputbox_big.gif);
	background-repeat: no-repeat;
	background-colour: transparent;
	margin-top:5px;
	background-color: transparent;
	border: transparent;
	padding-top: 3px;
	font-size: 11px;
	color: #999;
	padding-left:3px;
}
#comment form input.cat_textbox {
	width:249px !important;
}
#comment form .item {
	overflow:hidden;
	padding:0 0 4px 0;
}
#comment form .item span {
	display:block;
	float:left;
	padding:6px 5px 0 5px;
}
#comment form div.captchaimg {
	padding:5px 0 0 0;
}
#comment form .webform .checkbox input {
	width: 20px;
	font-family: Arial, Helvetica, sans-serif;
	color: #999;
}
#comment form .webform input.checkbox {
	font-family: Arial, Helvetica, sans-serif;
	background: transparent;
	height: 13px;
}
.comment-item {
	margin:0px;
	padding:0 0 5px 0;
}
.comment-item .review-header {
	padding:0 0 5px 0;
	font-weight:bold;
	color:#f4f7db;
	overflow:hidden;
}
.comment-item .review-header .name {
	float:left;
	display:block;
	font-size:13px;
}
.comment-item .review-header .rating {
	padding:3px 0 0 0;
	float:right;
	display:block;
}
.comment-item .review-content {
	padding:0 0 8px 0;
	font-size:12px;
	border-bottom:1px solid #522c33;
}

/* POPLET IMAGES */

#productimg_gallery {
	padding:16px 0 0 30px;
	width:243px;
}

#productimg_gallery .instruction {
	background:top left no-repeat url(../images/poplets_bottom_bg.png);
	height:18px;
	text-align:center;
	font-size:11px;
	color:#73555b;
	padding:3px 0 0 0;
}

#productimg_gallery table.productPoplets tr td.productPopletsItem {
	padding:0px;
	margin:0px;
	border:0px;
	height:61px;
	width:81px;
}
#productimg_gallery table.productPoplets tr td.productPopletsItem a {
	display:block;
	text-align:center;
	padding:0px;
	border:0px;
	height:60px;
	width:80px;
}
#productimg_gallery table.productPoplets tr td img {
	padding:0px;
	margin:0px;
	border:0px;
	height:60px;
}