/* @override http://www.thenewageshop.co.uk/styles/pageLayout.css */

/* @group Text Styles */

h4 {
	color: black;
	font: bold 12px Helvetica;
}

h3 {
	color: #2e8f97;
	font: bold 14px Helvetica;
	margin-top: 0;
}


/* @end */

/* @group Main Construction */

#pagecontainer {
	width: 981px;
	background-color: white;
	margin-right: auto;
	margin-left: auto;
	padding-right: 12px;
	padding-left: 12px;
}

#bannerimg img {
	margin-top: 15px;
	margin-right: 22px;
	float: left;
}

div#mainBannerimg {
}

#sitecontent {
	text-align: center;
	margin-top: -4px;
}

body {
	background-color: #c9e7e8;
	margin-top: 0;
	margin-bottom: 0;
	font: 13px "Helvetica";

}

/* @group Header */

#header {
	height: 120px;
}

#logo {
	float: left;
	font-size: 13px;
	margin-top: 30px;
	margin-left: 2px;
	width: 400px;
}

#headerRight {
	float: right;
	width: 450px;
}

#toprightmenu {
	text-align: right;
	color: #46989e;
	font: 13px "Helvetica";
	margin-top: 17px;
}

/* @group Breadcrumbs */

#breadcrumbs {
	color: silver;
	font: 11px Helvetica;
	padding-top: 10px;
	margin-top: 5px;
	margin-bottom: 16px;
	text-align: left;
}

#breadcrumbs a {
	color: silver;
	text-decoration: none;
	font: 11px Helvetica;
}

#breadcrumbs a:hover {
	color: silver;
	text-decoration: underline;
	font: 11px Helvetica;
}



/* @end */

/* @group Top Mini Navigation */

.topMiniNav {
	padding-right: 15px;
	border-right: 1px solid gray;
	vertical-align: middle;
	padding-left: 15px;
}

.topMiniNav a:hover {
	text-decoration: underline;
	color: #16afe5;
}

.topMiniNav a {
	color: #46989e;
	text-decoration: none;
}

/* @group Customer Service */

.custServNav a:hover {
	color: #16afe5;
	text-decoration: none;
	vertical-align: middle;
	padding-left: 15px;
}

.custServNav a {
	color: #46989e;
	text-decoration: none;
	vertical-align: middle;
	padding-left: 15px;

}



/* @end */



/* @end */

/* @group Search */

#search {
	text-align: center;
	float: left;
	margin-top: 59px;
	margin-right: 7px;
	margin-bottom: 7px;
}
#search img {
	vertical-align: middle;
}

#search form {
	margin-bottom: 13px;
	color: #46989e;
	font: 14px "Helvetica";
}

#search form input {
	vertical-align: middle;
	margin-left: 2px;
}



/* @end */

/* @group Shopping Cart */

#shoppingcart img {
	float: left;
	margin-right: 5px;
}

#shoppingcart {
	text-align: center;
	color: black;
	font: 14px "Helvetica";
	padding-top: 0;
	float: right;
	margin-top: 52px;
	width: 161px;
}

#shoppingcart p {
	color: #46989e;
	font: 12px "Helvetica";
	text-align: left;
	margin-top: 4px;
	padding-left: 50px;
	margin-bottom: 0;
}

#shoppingcart div#smallCart {
	color: black;
	font-size: 12px;
	margin-top: 4px;
	text-align: center;
}

#shoppingcart a {
	color: #46989e;
	text-decoration: none;	
}

#shoppingcart a:hover {
	text-decoration: underline;
}



/* @end */



/* @end */

/* @group Main Content */

/* @group Left Col */

#leftCol {
	border: 1px solid silver;
	width: 230px;
	min-height: 300px;
	float: left;
	text-align: left;
	padding-right: 5px; 
}

#leftColBanner {
	width: 230px;
	min-height: 300px;
	float: left;
	text-align: left;
/*	padding-right: 5px; */
}

#leftColContent h3 a {
	color: #2e8f97;
	font: bold 14px Helvetica;
	text-decoration: none;
	margin-left: 11px;
}

#leftColContent h3 {
	margin-top: 8px;
}

/* IE Ignores this HACK */
#leftColContent[id] ul {
	margin-left: -15px;
}

#leftColContent {
/*	margin-left: 10px; */
}

#leftColContent ul li {
	list-style-type: none;
	margin-bottom: 4px;
	font: 12px/13px Helvetica;
}

#leftColContent ul li:hover{
	list-style-image: url(../images/arrowbullet.jpg);
}



#leftColContent ul a {
	text-decoration: none;
	color: gray;
}

#leftColContent ul a:hover {
	color: #36a6af;
	text-decoration: none;
	list-style-image: url(../images/arrowbullet.jpg);
}

#leftColContent ul li.active a {
	color: #36a6af;
	font-weight: bold;
}

#leftColContent ul li.active {
	list-style-image: url(../images/arrowbullet.jpg); 
}
#leftColContent ul li.active ul li{
	list-style-image: none;
}

#leftColContent ul li.active ul {
	margin-top: 6px;
}

#leftColContent ul li.active ul a{
	text-decoration: none;
	color: gray;
	font-weight: normal;
	font-style: normal;
}

#leftColContent ul li.active ul a:hover{
	color: #36a6af;
	text-decoration: none;
}
#leftColContent ul li.active ul li:hover{
	 list-style-image: url(../images/arrowbullet.jpg); 
}

#leftColContent ul li.active ul.thirdLevelMenu li.active a {
	font-weight: bold;
	color: #36a6af;
}

#leftColContent ul li.active ul.thirdLevelMenu li.active {
 list-style-image: url(../images/arrowbullet.jpg); 
}
/* @end */

/* @group Centre Col */

#centreCol {
	float: right;
	width: 710px;
}

#mainContent {
	text-align: left;
	float: none;
}



/* @end */

#pageHeading {
	color: #2e8f97;
	font: bold 14px Helvetica;
	background-color: silver;
	margin-top: 10px;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 10px;
	margin-bottom: 10px;
}



/* @end */

.clearAll {
	clear: both;
}

/* @group Site Map */

#sitemap h3 {
	color: #64a1a1;
	font-size: 13px;
	text-align: left;
	text-indent: 25px;
	margin-bottom: 1px;
	padding-top: 10px;
	font-weight: bold;
}

.siteMapMenuItem h3 a {
	color: #46989e;
	text-decoration: none;
}

.siteMapMenuItem h3 a:hover {
	text-decoration: underline;
}

.siteMapMenuItem ul a {
	color: black;
	text-decoration: none;
}
.siteMapMenuItem ul a:hover {
	text-decoration: underline;
}

#sitemap {
	background: transparent url(../images/bottombanner.jpg) repeat-x;
	margin-top: 14px;
}

.siteMapMenuItem {
	width: 200px;
	float: left;
	margin-right: auto;
	font-family: "Helvetica", "Helvetica";
}

#sitemap ul {
	color: black;
	font-size: 11px;
	margin-top: 7px;
}

#sitemap li {
	list-style-image: url(../images/Bullet.jpg);
	text-align: left;
}



/* @end */

/* @group Bottom Menu */

#bottomMenu a {
	color: white;
	text-decoration: none;
}
#bottomMenu a:hover {
	text-decoration: underline;
}

#bottomMenu {
	padding-top: 7px;
	color: white;
	padding-right: 14px;
	margin-right: 10px;
	font: 12px "Helvetica";
	text-align: right;
}

/* @group Share Button */

#sharebuttton a img {
	margin-top: 5px;
	margin-right: 70px;
}

#sharebuttton a {
	float: right;
}

#sharebuttton {
	float: right;
	margin-right: -50px;
}



/* @end */

/* @group Signature */

#signature p a {
	color: white;
	text-decoration: none;
}
#signature p a:hover {
	text-decoration: underline;
}

#signature {
	background-color: #64a1a1;
	text-align: left;
	height: 60px;
}

#signature p {
	color: white;
	font: 11px "Helvetica";
	text-align: left;
	float: left;
	padding-top: 30px;
	margin-left: 10px;
}



/* @end */



/* @end */



/* @end */

/* @group ProductGallery */

#productItem {
	width: 167px;
	height: 220px;
	overflow: hidden;
	border: 1px solid silver;
	text-align: center;
	float: left;
	position: relative;
	padding: 3px;
	padding-bottom: 5px;
}

#productItemImage {
	width: 140px;
	height: 140px;
	overflow: hidden;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
}

#blogContent {
	padding-left: 200px;
}

#productItem p {
	text-align: left;
	margin-bottom: 1px;
	color: black;
	font: 12px Helvetica;
	margin-top: 0;

}

#productItem img {
	margin-top: 2px;
}

#productItem p.productName {
	color: gray;
	font: bold 12px Helvetica;
	margin-top: 0;
	padding-top: 8px;
	margin-bottom: 0;
}



#productItem a{
	text-decoration: none;
	font: bold 12px Helvetica;
	color: gray;
}

#moreDetails a {
	color: #3a889f;
}

#moreDetails {
	position: absolute;
	bottom: 10px;
	width: 100%;
}

#productItem a:hover{
	text-decoration: underline;
	color: gray;
}

#productItem form {
	margin-bottom: 0;
	font: 13px Helvetica;
	text-align: left;
	color: black;
	font: 12px Helvetica;
	margin-top: 0;

}


.addButton {
	border-width: 0px; 
	padding: 0px; 
	background-color: #ffffff; 	color: #3a889f;
	margin: 0px 0px 0px 2px;
}

.addButton:hover{ 
	text-decoration: underline; 	cursor: move;
	cursor: pointer; 
}



/* @end */

/* @group Contact Page */

#address p {
	padding-top: 0;
	margin-bottom: 0;
	margin-top: 0;
}



/* @end */

/* @group Staff Page */

#centreCol div.employee img {
	float: left;
	margin-right: 21px;
}

#centreCol div.employee {
	padding-top: 15px;
}



/* @end */

/* @group ProductPage */

#itemImageArea {
	width: 372px;
	float: left;
	border: 1px solid silver;
	text-align: center;
	margin-right: 15px;
	padding-top: 5px;
	padding-bottom: 0;
	overflow: hidden;
}

#itemImageArea div.smallImage img {
	width: 100%;
}

#itemImageArea div.smallImage {
	width: 60px;
	height: 60px;
	overflow: hidden;
	border: 1px solid silver;
	float: left;
}

#itemDetails h3 {
	margin-bottom: 2px;
}

#itemDetails p {
	margin-top: 0;
	margin-bottom: 5px;
	font-size: 12px;
}

span#itemPriceBottom {
	font-weight: bold;
	font-size: 14px;

}

.productAddButton {
	float: right;
	vertical-align: bottom;
}

#itemDetails label {
	font-weight: bold;
}

#itemDetails hr {
	margin-top: 0;
	margin-bottom: 5px;
	border-top-color: silver;
	border-top-width: 1px;
	height: 1px;
}

#itemImageArea img {
	max-width: 98%;
	max-height: 98%;
	padding-bottom: 5px;
}



/* @end */

/* @group KnowledgePage */

#knowledgeItem {
	padding-top: 16px;
	border: 1px solid silver;
	text-align: center;
	height: 150px;
	float: left;
	width: 175px;
}

#knowledgeItem img {
	max-width: 100%;
	max-height: 72%;
}

#knowledgeItem p {
	color: #818285;
	font-size: 14px;
	padding-left: 5px;
	background-color: #e5e8ee;
	padding-top: 5px;
	padding-bottom: 5px;
}

#knowledgeItem a {
text-decoration: none
}

#knowledgeItem a:hover {
text-decoration: underline;
	color: #818285;
}

#buttonBodyText p {
	float: left;
	width: 340px;
	height: 166px;
}

#crystalsButtonBodyText {
background: url(../images/knowledgeCrystalsButton.jpg) no-repeat;
height: 170px;
float: left;
margin-bottom: 18px;
	width: 345px;
	margin-right: 18px;
	margin-top: 18px;
}

#essentialOilsButtonBodyText {
	background: url(../images/knowledgeEssentialOilsButton.jpg) no-repeat;
height: 170px;
float:  left;
margin-bottom: 18px;
	width: 345px;
	margin-top: 18px;
}

#tarotCardsButtonBodyText {
		background: url(../images/knowledgeTarotButton.jpg) no-repeat;
height: 170px;
float:  left;
margin-bottom: 18px;
	width: 345px;
	margin-right: 18px;
}

#fengShuiButtonBodyText {
	background: url(../images/knowledgeFengShuiButton.jpg) no-repeat;
height: 170px;
float:  left;
margin-bottom: 18px;
	width: 345px;
}

#crystalsButtonBodyText p {
	color: black;
	width: 200px;
	margin-top: 59px;
	margin-left: 17px;
	font: 13px/16px "Helvetica";
}

#centreCol a {
	text-decoration: none;
}

#tarotCardsButtonBodyText p {
	color: black;
	width: 200px;
	margin-top: 58px;
	margin-left: 17px;
	font: 13px/16px "Helvetica";
	text-decoration: none;
}

#fengShuiButtonBodyText p {
	color: black;
	width: 200px;
	margin-top: 58px;
	margin-left: 18px;
	font: 13px/16px "Helvetica";
}

#essentialOilsButtonBodyText p {
	color: black;
	width: 200px;
	margin-top: 58px;
	margin-left: 17px;
	font: 13px/16px "Helvetica";
}


/* @end */

/* @group knowledgeProductPage */

#knowledgeItemImageArea {
	height: 355px;
	width: 325px;
	border: 1px solid silver;
	margin-right: 23px;
	float: left;
	text-align: center;
}

div#emailFriend {
	border-top: 1px solid silver;
	float: right;
	width: 358px;
}

#emailFriend p {
	color: black;
	font: 12px "Helvetica";
	margin-bottom: -21px;
}

#knowledgeProductHeading {
	color: #2e8f97;
	font: bold 14px Helvetica;
	padding-top: 7px;
	border-bottom: 1px solid silver;
	float: right;
	width: 358px;
	margin-bottom: 18px;
	padding-bottom: 10px;
}

#productBodyText p {
	color: black;
	font: 12px "Helvetica";
	padding-top: 18px;
	padding-bottom: 113px;
}

#knowledgeItemImageArea img {
	max-height:80%;
	max-width: 100%;
	margin-top: 27px;
}



/* @end */

/* @group homepage */

/* @group homepageButtons */

#signUpinput form input {
	margin-bottom: -9px;
}

div#homeSignUpButton.homepageButton {
	background: url(../images/homeSignUp.jpg) no-repeat;
}

div#homeKnowledgeButton.homepageButton {
	margin-left: 31px;
	margin-right: 31px;
	background: url(../images/homeKnowledge.jpg) no-repeat;
}

div#homeBlogButton.homepageButton {
	background: url(../images/homeBlog.jpg) no-repeat;
}

.homepageButton {
	float: left;
	width: 306px;
	height: 170px;
}

#homeBlogButton a {
	text-decoration: none;
}

#homeBlogButton a:visited {
	color: white;
}

#homeKnowledgeButton a:visited {
	color: white;
}

div#signUpinput {
	float: left;
	padding-left: 13px;
}

#homeBlogButton p {
	font: 13px "Helvetica";
	color: white;
	text-align: left;
	margin-top: 50px;
	padding-left: 19px;
	margin-bottom: 0;
	margin-right: 125px;
}

#homeSignUpButton p {
	font: 13px "Helvetica";
	color: white;
	text-align: left;
	padding-left: 19px;

}

#toptext {
	margin-top: 50px;
}

#homeKnowledgeButton p {
	font: 13px "Helvetica";
	color: white;
	text-align: left;
	margin-top: 50px;
	padding-left: 19px;
	margin-bottom: 0;
	margin-right: 96px;
}

#homeKnowledgeButton a {
	text-decoration: none;
}


/* @end */

/* @group homepageBodyText */

#leftColBodyText {
	text-align: left;
	float: left;
	width: 306px;
	margin-top: 10px;
	padding-left: 18px;
}

#leftColBodyText p {
	color: black;
	font: 14px "Helvetica";
}

#centreColBodyText {
	text-align: left;
	width: 306px;
	float: left;
	margin-top: 16px;
	margin-left: 9px;
	margin-right: -30px;
	padding-left: 52px;
}

#centreColBodyText p {
	color: black;
	font: 14px "Helvetica";
	margin-top: 6px;
	margin-bottom: 0;
}

#rightColBodyText {
	text-align: left;
	margin-top: 24px;
}

#rightColBodyText p {
	color: black;
	font: 14px "Helvetica";
}

#bottomTextHeading {
	text-align: left;
	color: #14417a;
	font: 24px "Helvetica";
	padding-top: 0;
	padding-left: 18px;
}

div#bottomText {
	background-color: #f3eee4;
	margin-top: 16px;	
	height: 238px;
}



/* @end */



/* @end */