/* CSS Document */

/* Body and Universal Reset */

* {margin: 0; padding: 0;}

html, body {
	text-align:center;
	margin:0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#7A5F52;
	line-height:19px;
	background:url(/images/backgrounds/bg.jpg) repeat-x #7ECBDB;
}
	
#container {
	margin:24px auto;
	width:980px;
	text-align:left;
	background:url(/images/backgrounds/header_bg.gif) repeat-x 0 14px;
}

td {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#7A5F52;
	line-height:19px;
	vertical-align:top;
}

img {
	border:0;
}

#popupWindowCaller {
	display:none;
}

.clear {
	clear:both;
	height:1px;
}


/* Typography */

h1 img {
	margin:3px 0 0 0;
}

.readMore {
	font-style:italic;
	font-family:"Times New Roman", Times, serif;
	font-size:14px;
}


/* Header */

#cart {
	background:url(/images/backgrounds/header_corners.gif) no-repeat top right;
	width:322px;
	height:52px;
	float:right;
	margin:14px 0 0 0;
}

.cartWrapper {
	background: #fff;
	border-radius:4px;
	box-shadow:1px 1px 1px #666;
	margin: 12px 15px;
	float:right;
	height:20px;
	padding:3px 0px;
	width:301px;
	text-align:center;
}

/* Main Navigation */

#mainNav {
	margin:-5px 0 0 0;
	padding:0 0 20px 69px;
	height:25px;
	background:url(/images/backgrounds/content_corners_top.gif) no-repeat bottom;
	position:relative;
}

#mainNav li {
	list-style:none;
	display:inline;
	float:left;
	margin:0 0 0 16px;
}

#mainNav a {
	color:#7A5F52;
	font-size:14px;
	font-weight:bold;
	display:block;
	float:left;
	padding:2px 11px 0 11px;
	height:23px;
}

#mainNav .last {
	margin-right:-200px;
}

#mainNav li:hover, #mainNav li.down {
	background:url(/images/backgrounds/nav_ro_bg.gif) no-repeat #fff;
}

#mainNav a:hover, #mainNav li.down a {
	background:url(/images/backgrounds/nav_ro_right.gif) no-repeat top right;
}


/* Sidebar */

#sideBar {
	width:290px;
	float:left;
	margin:-7px 0 0 0;
	position:relative;
}

#newsletterSignup {
	background:url(/images/backgrounds/signup_bg.jpg) no-repeat;
	height:169px;
	padding:14px 0 0 18px;
	color:#fff;
	font-size:11px;
	line-height:15px;
}

#newsletterSignup p {
	margin:8px 0 5px 0;
}

#newsletterSignup form {
	font-weight:bold;
	width:253px;
}

#newsletterSignup span {
	float:left;
	width:38px;
	padding:4px 0 0 0;
}

#newsletterSignup input[type="text"] {
	padding:2px 3px;
	width:207px;
	vertical-align:middle;
	margin:0 0 4px 0;
}

#newsletterSignup input[type="image"] {
	margin:4px 0 0 0;
	float:right;
}

.becomeMember {
	margin:-6px 0 0 0;
	display:block;
}

.popularPostsTitle, .twitterTitle {
	background:url(images/backgrounds/popular_articles_bg.gif) repeat-x #BD4E92;
	padding:8px 16px;
}

.popularPostsTitle h2 {
	color: #fff;
	margin:0px;
}

.rss {
	float:right;
}

.popularPost {
	padding:18px 20px 12px 38px;
	border-bottom:1px solid #EFECE8;
	line-height:15px;
}

.delivery {
	padding:18px 20px 18px 20px;
	border-bottom:1px solid #EFECE8;
	line-height:20px;
	font-size:13px;
}

.sideBanners {
	border-top:1px solid #EFECE8;
	padding: 15px 0px 15px 10px;
}

.delivery strong {
	color: #e78dc6;
}

.popularPost li {
	padding:0 0 6px 0;
}

.popularPost a {
	color:#E171B8;
}

.search {
	color:#7ECBDC;
	font-size:14px;
	font-weight:bold;
	padding:15px 20px;
	border-bottom:1px solid #EFECE8;
	margin-bottom:10px;
}

.blogSearch {
	padding-top:11px;
}

.blogSearch input[type="text"]:focus {
	border:1px solid #BBBBBB;
	width:210px
}

.search form {
	margin:4px 0 0 0;
}

.search .textinput {
	width:211px;
	border-right:none;
	font-size:11px;
	font-style:italic;
	padding:3px 6px 2px 6px;
	float:left;
	margin:3px 0 0 0;
}

#shareLinks, #categoriesList {
	list-style:none;
	padding:22px 20px 11px 20px;
}

#shareLinks li {
	padding:0 0 9px 0;
}

#shareLinks a, #categoriesList a, .relatedArticles a {
	color:#463226;
	font-style:italic;
	font-size:14px;
	font-family:"Times New Roman", Times, serif;
	text-transform:lowercase;
}

#shareLinks a:hover {
	color:#809848;
}

#shareLinks img {
	vertical-align:middle;
	margin:0 6px 0 0;
}

#categoriesList {
	padding:13px 20px 15px 20px;
}

#categoriesList li {
	padding:0 0 3px 2px;
}

#categoriesList li.categoriesListTitle {
	padding:0 0 7px 0;
	color:#7ECBDC;
	font-size:14px;
	font-weight:bold;
}

#categoriesList a:hover {
	text-decoration:underline
}

.twitterTitle {
	background:url(/images/backgrounds/twitter_bg.gif) repeat-x #2B8CD1;
	margin:-6px 0 0 0;
}

#tweet {
	padding:18px 20px;
	font-size:11px;
	line-height:15px;
}

#tweet li {
	list-style:none;
}

#tweet li a {
	color:#2B8CD1;
	font-size:12px;
}

#tweet li a:hover {
	text-decoration:underline;
}


/* Content */

#contentContainer {
	background:url(images/backgrounds/content_divider.gif) repeat-y 686px 0 #fff;
	padding:0 0 0 4px;
	min-height:370px;
	float:left;
	width:976px;
}

#content {
	width:644px;
	float:left;
	margin:-7px 0 0 0;
	padding:0 21px 0 17px;
	position:relative;
}

.banner {
	margin:0 -21px 0 -17px;	
}

#content p, #content table {
	margin:0 0 18px 0;
}

#content ul {
	margin:0 0 18px 17px;
}

ol {
	margin:0 0 18px 23px;
}

#content hr {
	margin:0 -21px 18px -17px; 
	width:682px;
}


/* Blog */

.blogArticleContent {
	padding:0 0 16px 0;
}

.blogArticleContentThumb {
	width:490px;
	float:right;
	min-height:132px;
}

.featuredBlogArticleContentThumb {
	width:339px;
	float:left;
}

.blogDate {
	color:#EC9576;
	font-size:11px;
}

.commentsLink {
	background:url(/images/spacers/plus.gif) no-repeat 0 3px;
	padding:0 0 0 18px;
	float:right;
	font-size:13px;
}

.commentsLink:hover {
	text-decoration:underline;
	color:#EC9576;
}

.blogArticleContent h2 {
	font-size:20px;
	color:#5BB8CE;
	font-weight:normal;
	margin-top:3px;
}

.blogArticleContent h2 a {
	color:#5BB8CE;
}

.blogArticleContent h2 a:hover {
	color:#EC9576;
}

#content .blogArticleContent p {
	margin:0 0 6px 0;
}

.recentPostsTitle {
	background:url(/images/backgrounds/featured_title_bg.gif) repeat-x #C77150;
	padding:8px 21px 8px 17px;
	margin:0 -21px 18px -17px;
	line-height:24px;
	color:#fff;
}

.dialog .title {
	background:url(/images/backgrounds/featured_title_bg.gif) repeat-x #C77150;
	padding:8px 21px 4px 17px;
	margin:0 -21px 18px -17px;
	line-height:24px;
	color:#fff;
	border:0px;
}

.dialog .title h2 {
	color:#fff;
	font-size:17px;
	font-weight:normal;
	margin:0;
	font-weight:bold;
}

.recentPostsTitle h2 {
	color:#fff;
	font-size:17px;
	font-weight:normal;
	margin:0;
}

.recentPostsTitle a, .recentPostsTitle a:hover {
	color:#fff;
}

.recentPostsTitle a:hover {
	text-decoration:underline;
}

.recentPostsTitle .commentsLink {
	background:url(/images/spacers/plus_white.gif) no-repeat 0 5px;
}

h2.commentsHeading {
	margin:40px 0 5px 0;
}

.nextprevnav {
	float:right;
	background:url(/images/backgrounds/nav_left_corner.gif) no-repeat top left #EEECE0;
	height:30px;
	padding:7px 0 0 7px;
	color:#463226;
	font-size:14px;
	line-height:24px;
	margin:0 0 -12px 0;
	z-index:10;
	position:relative;
}

.nextprevnav a, .nextprevnav span {
	float:left;
	margin:0 2px;
}

.nextprevnav a {
	color:#463226;
}

.nextprevnav a.nextprevlink, .nextprevnav span.nextprevlink {
	font-style:italic;
	font-family:"Times New Roman", Times, serif;
	margin:0 5px 0 8px;
}

.nextprevnav a.nextlink, .nextprevnav span.nextlink {
	background:url(/images/backgrounds/nav_right_corner.gif) no-repeat top right #EEECE0;
	margin-right:0;
	margin-top:-7px;
	padding:7px 12px 0 0;
}

.pagenumlink, .pagenumlinkdown {
	background:url(/images/backgrounds/nav_circles.gif) no-repeat;
	width:24px;
	text-align:center;
}

.nextprevnav a.pagenumlink:hover, .pagenumlinkdown {
	color:#FFFFFF;
	background:url(/images/backgrounds/nav_circles.gif) no-repeat -26px 0;
}


/* Disqus Comments */

#content .dsq-comment {
	border-bottom:1px solid #EFECE8;
	padding-bottom:1.5em; 
}

#content .dsq-comment-header {
	background: url("/images/backgrounds/featured_title_bg.gif") repeat-x scroll 0 0 #C77150;
	color:#fff;
	border-radius:0;
	border:none;
}

#content .dsq-comment-header a {
	color:#fff;
}


/* Online Enquiry Form */

.onlineEnquiryTable td {
	padding-bottom:5px;
}

.yourDetails {	
	padding:7px 0 0 0;
	height:30px;
	font-weight:bold;
	font-size:13px;
}

.requiredFields {
	text-align:right;
	padding:7px 0 0 0;
	font-size:11px;
}

.required {
	text-align:center;
	vertical-align:middle;
	padding-left:15px;
	padding-right:5px;
}

.onlineEnquiryTable input.textinput, .onlineEnquiryTable input.textinputhover, .onlineEnquiryTable textarea {
	width:500px;
}

input, textarea {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	background-image:url(/images/backgrounds/white.gif);
	color:#7A5F52;
}

.textinput {
	border:1px solid #E3E0D7;
	padding:3px;
}

.textinputhover {
	border:1px solid #EC9576; 
	padding:3px;
}

select {
	font-size:11px;
	color:#808080;
}

.submit {
	text-align:right;
}

.errorText {
	color:#FF0000;
}


/* Footer */

#footer {
	background:url(/images/backgrounds/content_corners_bottom.gif) no-repeat;
	color:#463226;
	font-size:11px;
	line-height:20px;
	padding:31px 0 0 0;
	margin-top:-1px;
	min-height:120px;
}

#footer a {
	color:#463226;
}

#footer a:hover {
	color:#819647;
}

#footer ul {
	width:250px;
	float:right;
	margin:0 555px 0 0;
}

.home #footer ul {
	margin:0 28px 0 0;
	width:250px;
}

#footer ul li {
	float:left;
	list-style:none;
	margin:0 15px 0 0;
	width:110px;
}

#footer ul li a {
	color:#FFFFFF;
}

#references {
	width:497px;
	padding:0 15px;
	border-left:1px solid #A5DCE3;
	border-right:1px solid #A5DCE3;
	float:right;
	font-size:9px;
	line-height:13px;
	display:none;
}

.home #references {
	display:block;
}

.referencesBorder {
	background:url(/images/backgrounds/references_corners.gif) no-repeat 0 -12px;
	height:12px;
	margin:0 -16px;
}

.referencesBorderBottom {
	background-position:top left;
}

.referencesHeading {
	font-style:italic;
	color:#fff;
	display:block;
	margin:-2px 0 8px 0;
	font-family:"Times New Roman", Times, serif;
	font-size:14px;
}

#references ol {
	margin:0 0 0 20px;
}

#references li {
	margin:4px 0 0 0;
}

.referenceTitle {
	font-weight:bold;
	font-style:italic;
}

/* FLYOUT MENU */
.fancycat-icons-c {
	padding: 0px !important; 
}

ul#subnav, #catrootmenu ul {
	list-style:none;
	width:100%;
	margin-bottom:10px;
}

ul#subnav li a, #catrootmenu ul li a {
	text-align:left;
	display:block;
	padding:2px 0 2px 20px;
	margin: 0px 0px;
	font-size:14px;
	font-style:italic;
	color:#000;
	font-family:"Times New Roman", Times, serif;
	cursor:pointer;
}

ul#subnav li li a, #catrootmenu ul li ul li a {
	padding:2px 0 2px 40px;
}

ul#subnav li, #catrootmenu ul li {
	padding:0px !important;
}

ul#subnav li a:hover, #catrootmenu ul li a:hover {
	background:#EEEBE1;
}

.arrow {
	display:none !important;
}

h2.sidebarTitles {
	margin: 0 0 5px 20px;
	font-size:14px;
}

/* PRODUCTS */

.productlist {
	width: 195px; 
	float:left;
	margin: 0 23px 25px 0;
	padding:1px;
	border:1px solid #eeebe1;
}

#product-tabs-recommends .productlist {
	margin:0px 10px 10px 0;
}

#product-tabs-container #product-tabs-recommends .productlist {
	margin:0px 10px 0 0;
}
	.productlist a {
		color:#463226;
		font-size:14px;
	}

	.productlist:hover {
		border-color: #a6be6e;
	}

	.productlistEnd {
		margin-right:0px;
		clear:right;
	}
	
.productImage {
	height: 244px;
	display:block;
	overflow:hidden;
	background:#fff;
	margin: 0 0 1px 0;
	text-align:center;
}

#product-tabs-recommends .productlist {
	width:195px;
}

	#product-tabs-recommends .productlistEnd {
		margin-right: 20px;
	}

.productlist:hover .productText, .productlist:hover .productText a {
	color: #fff;
	background:#A6BE6E;
}

.productText {
	display:block;
	color:#463226;
	padding:6px 10px;
	font-weight:bold;
	background:#eeebe1;
}

	.productText span.price-row, .price-save {
		font-weight:normal;
		font-size:12px;
	}
	
	.market-price {
		color:#edb29a;
	}

	.ui-widget-content a.productText {
/*		color:#fff;		*/
	}

	.subCatList .productText {
		height: 43px;
	}

.market-price-value {
	text-decoration:line-through;
	font-weight:normal;
	font-size: 12px;
}

/* Breadcrumbs */

#breadCrumbs {
	background: url(images/backgrounds/breadcrumbs-bg.png);
	height:30px;
	font-size:11px;
	width:960px;
	padding:0 0 0 12px;
	margin:0px 0px 0px -17px;
		-moz-border-top-right-radius: 10px; -webkit-border-top-right-radius: 10px;
	border-top-right-radius: 10px;
}

#breadCrumbs p {
	padding:6px 0 0 0;
	float:left;
}

#breadCrumbs a {
	color: #7A5F52;
}

#breadCrumbs a:hover {
	color:#000;
}

#content #breadCrumbs ul {
    float: left;
    list-style: none outside none;
    padding:0 0 0 0;
	margin:0 0 0 10px;
}

#breadCrumbs li {   
	float:left;
	background:url(/images/backgrounds/breadcrumb_spacers.gif) no-repeat;
}

#breadCrumbs li.current {   
	float:left;
	font-weight:bold;
}

#breadCrumbs li a, #breadCrumbs li span {
	float:left;
	padding:6px 6px 0 23px;
	height:24px;
}

#breadCrumbs li.current a, #breadCrumbs li.current span {
	color:#4D4D4D;
	background:url(/images/backgrounds/breadcrumb_spacers.gif) no-repeat right;
	padding-right:23px;
}


.xcartTheme h1 {
	margin-top: 5px;
}

/* BUTTONS */

a.btn, input[type="submit"], .button a, button.button,
.buttons-row button, .buttons-row button.simple-button, .buttons-row a.simple-button:link, .buttons-row a.simple-button:visited, .buttons-row a.simple-button:active,
div.button div, div.button a:link, div.button a:visited, div.button a:hover, div.button a:active
 {
	font-weight:bold;
	color:#FFF !important;
	font-size:18px;
	display:block;
	overflow:hidden;
	padding:9px 0px;
	cursor:pointer;
	text-decoration:none;
	text-align:center;
	border:1px solid #98142B;
	outline:none;
	letter-spacing:1px;
	font-family:Arial, Helvetica, sans-serif;
	width: auto;
	height: 24px;
	font-size:13px;
}

a.btn_big {
	background-image:url(images/buttons/button-bg.jpg) !important;
	background-repeat: repeat-x;
	background-position: top center;
}

	a.btn_big:hover {
		background-position: center center;
		color:#fff;
		text-decoration:none;
	}
	a.btn_big:active {
		background-position: bottom center;
	}

a.btn_sml, input[type="submit"], .button a, button.button,
.buttons-row button, .buttons-row button.simple-button, .buttons-row a.simple-button:link, .buttons-row a.simple-button:visited, .buttons-row a.simple-button:active,
div.button div, div.button a:link, div.button a:visited, div.button a:hover, div.button a:active {
	background-image:url(images/buttons/button-bg.jpg) !important;
	background-repeat: repeat-x;
	background-position: top center;
	text-shadow: -1px -1px 0px #C8404A;
	padding:3px 10px;
	border: 1px solid #C8404A;
	display:inline-block;
	font-weight:normal;
	margin-top:10px;
	text-transform:capitalize;
}

	.checkout-1-button a,  button.light-button {
		background-image:url(images/buttons/button-bg.jpg) !important;
		text-shadow: -1px -1px 0px #aaa;
		border:1px solid #aaa;
	}

	a.btn_sml:hover, input[type="submit"]:hover, .button a:hover, button.button:hover,
	.buttons-row .button:hover, .buttons-row button.simple-button:hover, .buttons-row a.simple-button:hover, .buttons-row a.simple-button:hover, .buttons-row a.simple-button:hover, .buttons-row a.simple-button:hover {
		background-position: center center;
		color:#fff;
		text-decoration:none;
	}
	a.btn_sml:active, input[type="submit"]:active, .button a:active, button.button:active,
	.buttons-row .button:active, .buttons-row button.simple-button:active, .buttons-row a.simple-button:active, .buttons-row a.simple-button:active, .buttons-row a.simple-button:active, .buttons-row a.simple-button:active {
		background-position: bottom center;
	}

.buttons-row button.button.wishlist-button {
	background: none !important;
	border:0px;
	border-radius:none;
	box-shadow:none;
	color:#F38280 !important;
	text-shadow:none;
	padding:0px;
	margin:0px;
	text-transform:none;
	margin: 10px 0 10px 0;
}

	.buttons-row button.button.wishlist-button:hover {
		color:#333333 !important;
	}
	
.checkout-buttons {
	margin-bottom: -20px;
	display:inline-block;
	float:right;
}

button.simple-button-text {
  background:none !important;
  text-shadow: 0px 0px 0px !important;
  margin:0!important;
  color:#7ECBDB !important;
  font-size:10px;
  padding:0px!important;
  height:auto;
  font-family:Arial, Helvetica, sans-serif !important;
  border:0px;
  box-shadow:none;
  font-weight:normal !important;
  text-transform:none;
  text-decoration:underline;
}

.biggerButton {
	font-size:18px !important;
	padding:4px 25px !important;
	height:37px !important;
}

.vitamin_angels_promo {
	background: url(images/backgrounds/promo-cart.jpg);
	width: 248px;
	height:34px;
	display:block;
	padding: 8px 0px 0px 80px;
	font-size:10px;
	font-weight:bold;
	text-shadow:1px 1px 1px #FFF;
	line-height:14px;
	color:#39271B!important;
}

.vitamin_angels_promo:hover {
	color:#5BB8CE !important;
}