/* CSS Document */

/*Main Generic Styles*/

body {margin:0; padding:0; background:#FFFFFF; height:100%; font-family: Arial, Helvetica, sans-serif;}
h1, h2, h3, h4, p, a {padding:0; margin:0; text-align:left;}
p {font-size:70%;}
sup {font-size:70%;}
img {border:none;}
a { font-weight:bold; color:#4F0003; text-decoration:none;text-decoration:underline}
a:hover {text-decoration:none}
td{
	font-size: 11px;
}

.redText {color:#CC0000;}
.bold { font-weight:bold;}
.clearer {clear:both; font-size:1px; line-height:1px; height:1px; }

#wrapper {width:794px; margin:0 auto; text-align:center; margin-top:10px; } 

/*Header*/
#header {height:76px;}
#headerNews {width:109px; float:left; text-align:center;}
#headerNews img {padding-left:5px;}
#headerAffiliate{width:117px; float:left;}
#headerNewsletter{width:134px; float:left;}
#headerLogo {width:96px; float:left;}
#headerDelivery{width:117px; float:left;}
#headerEnquiries{width:134px; float:left;}
#headerCurrency{width:85px; float:left;}
.items{ height:15px; padding-left:2px; }
#divitemviewer{
	font-size:90%; font-weight:bold; 
}
#headerCurrency img {border:none; padding-left:1px;}
#headerCurrency .hidden {font-size:0; line-height:normal; color:#FFF;}
#headerCurrency .items{ height:15px; font-size:90%; font-weight:bold; padding-left:2px; }
#header h4 {font-size: 70%; color: #FD0000;}
#header p {font-size: 60%; color: #4F0003; text-align:center;}
#header a { font-weight:bold; font-size: 70%; color:#4F0003; text-decoration:none;}
#header a:hover {text-decoration:underline}


/*Grey Line*/
#greyLine {background:#ccc7bc; height:7px; font-size:0; line-height:normal;}

/*Navigation Menu*/
/*
#nav {height:24px; text-align:center; margin:0 auto; width:794px; text-decoration:none; position:relative;}
#nav ul {list-style:none; margin:0 auto; padding:0; text-align:center; width:730px;}
#nav li{ float:left; position:relative; margin:0 auto; text-align:center; font-weight:normal; padding-right:5px;}
#nav a {color:#726662; font-size:70%; margin-left:1px; padding-left:15px; text-decoration:none; font-weight:normal; display:block; margin-top:5px; }
#nav a:hover {color:#BE2525; background:url(../images/menu-hover-bg.gif) no-repeat; display:block;}
#nav ul ul {position:absolute; top:17px; left:0; display:none; text-align:left; padding-top:5px;}
#nav ul.level1 li.submenu:hover ul.level2 {display:block; text-align:left; width:170px; background:#FFF; border-bottom:#CDA686 solid 1px;}
#nav ul.level1 li.submenu:hover ul.level2 a { display:block; margin-left:1px; padding: 1px 0 3px 15px; margin-top:0; text-align:left; width:150px;}
#nav ul.level1 li.submenu:hover ul.level2 a:hover { background:#FFCC99; display:block; background:url(../images/menu-hover-bg.gif) no-repeat top left;}
.submenuText {color:#BE2525; font-size:70%; padding-left:15px; padding-top:5px; padding-bottom:5px; padding-right:15px;}
*/
/*Edited CSS line*/#nav {height:24px; text-align:center; margin:0 auto; width:794px; text-decoration:none; z-index:50; position:relative;}/*added position relative*/
#nav ul {list-style:none; margin:0 auto; padding:0; text-align:center; width:730px;}
#nav li{ float:left; position:relative; margin:0 auto; text-align:center; font-weight:normal; padding-right:5px;}
#nav a {color:#726662; font-size:70%; margin-left:1px; padding-left:10px; text-decoration:none; font-weight:normal; display:block; margin-top:5px; }
#nav a:hover {color:#BE2525; background:url(../images/menu-hover-bg.gif) no-repeat; display:block;  z-index:5;}
#nav ul ul {position:absolute; top:17px; left:0; display:none; text-align:left; padding-top:5px;  z-index:5;}
#nav ul.level1 li.submenu:hover ul.level2 {display:block; text-align:left; width:170px; background:#FFF; border-bottom:#CDA686 solid 1px;  z-index:5;}
#nav ul.level1 li.submenu:hover ul.level2 a { display:block; margin-left:1px; padding: 1px 0 3px 15px; margin-top:0; text-align:left; width:150px;  z-index:5;}
#nav ul.level1 li.submenu:hover ul.level2 a:hover { background:#FFCC99; display:block; background:url(../images/menu-hover-bg.gif) no-repeat top left;  z-index:5;}
.submenuText {color:#BE2525; font-size:70%; padding-left:15px; padding-top:5px; padding-bottom:5px; padding-right:15px;}

/*Subnaigation Menus*/
#submenu {float:left; width:189px; background:#FFEDD4;}
#submenu ul {list-style:none; margin:0; padding:0; width:189px;}
#submenu li {
	display: block;
	text-align: left;
	background: #FFF9EF url(../images/sub-01.jpg) no-repeat;
	margin-bottom: 2px;
}
#submenu li.submenuText {background:url(../images/sub-01-plain.jpg) #FFF9EF;}
* html #submenu a { height:17px;}
#submenu a {color:#726662; font-size:70%; display:block; min-height:17px; font-weight:normal; padding-top:3px; margin-left:1px; padding-left:15px; text-decoration:none; }
#submenu li:hover {background:url(../images/sub-02.jpg) #DECEB8;}
#submenu li.submenuText:hover { background:url(../images/sub-01-plain.jpg)}

/*CookieTrail*/
#cookieTrail {background:#ffd6b6; height:23px;}
#cookieTrail p {font-size: 60%; color: #CC3708; text-align:left; padding-left:10px; padding-top:5px; float:left;}
#cookieTrail { float:left; text-align:right; padding-top:3px; width: 100%;}

/*Main Content*/
#mainBg { background:url(../images/subnav-page-bg.jpg); }
#main{}

/*Main Content Image*/
#homeImage {width:262px; float:left;}

/*Main Content Text*/
#homeContent {	margin-left: 266px;	padding: 10px 0 0 10px;	margin-bottom: 1px;	background: #FFF;}
#homeContent h1 { font-size:180%; /*color:#FF0000;*/ color:#B7170A; font-weight:normal; font-family:Arial, Helvetica, sans-serif;}
#homeContent h1 .darkRed { color:#B7170A; font-weight:bold; font-family:Lucida Sans, Arial, Helvetica, sans-serif; font-stretch:extra-condensed;}
#homeContent h2 { font-size:100%; color:#FD6262; font-weight:bold; padding-bottom:15px; padding-top:6px; }
#homeContent p {font-size: 70%; padding-bottom:10px;  color: #3A0E00;}

#SpecialsContent h2 { font-size:15px; color:#FD6262; font-weight:bold; padding-bottom:15px; padding-top:6px; }
#SpecialsContent p {font-size: 100%; padding-bottom:10px;  color: #3A0E00;}

/*Product Content Text*/
#productContent {padding:20px; width:400px; float:left; background:#FFF;}
#productContent h1 { font-size:150%; color:#B7170A; font-weight:normal; font-family:Verdana, Arial, Helvetica, sans-serif;}
#productContent h1 .darkRed { color:#B7170A; font-weight:bold;}
#productContent h2 { font-size:100%; color:#FD6262; padding-bottom:15px; font-weight:bold; padding-top:6px;}
#productContent p {font-size: 70%; padding-bottom:1px; color: #3A0E00;}
#productContent ul { font-size: 11px; padding-bottom:1px; margin:10px 10px 10px 35px; text-align:left; color: #3A0E00;}
#productContent li {text-align:left; padding:0; margin:0; font-size:11px;}

#offersSidebar { float:right; width:155px; border-left:solid 4px #B7170A;}
#offersSidebar div {border:solid 2px #FFEDD4; border-top: none;}
#offersSidebar h3, #offersSidebar p, #offersSidebar h5, #offersSidebar h4, #offersSidebar h6{padding:5px 0 0 6px;}
#offersSidebar h3{ color:#B7170A; font-size:90%; padding-top:20px;}
#offersSidebar h4{ color:#99ADC5; font-size:100%; padding-top:30px; font-weight:bold; font-style:italic;}
#offersSidebar h5{ color:#FF0000; font-size:75%; text-align:left; margin:0; padding-bottom:1px;}
#offersSidebar h6{ color:#4F0003; font-size:90%; text-align:left; margin:0; padding-top:6px;}
#offersSidebar p {padding-top:1px; padding-bottom:10px;}
#offersSidebar img {width:145px; height:142px;}

/*Product Sub Sections*/
#productSections { width:794px; margin-top:0px; text-align:left; clear:both; }
#productSections div { width:262px; cursor:pointer;}
#productSections .topBanner {width:262px; background:#FFF9EF; height:54px; border-top:solid 1px #E0E1E3; overflow: hidden;}
#productSections .bottomBanner {width:262px; background:#FFEDD4; height:67px; border-bottom:solid 1px #E8D1AB; margin-bottom:1px;}
/*
#productSections h3, #productSections p { width:180px; text-align:left;}
#productSections h3 {font-size: 90%; margin: 0;	padding: 7px 0 7px 7px;	font-weight: bold; width: 160px;	font-family: Lucida Sans, Arial, Helvetica, sans-serif;}
#productSections p {font-size:70%; width:160px; margin:0; padding:7px; color:#7C7C7B;}
*/
#productSections h3, #productSections p { width:165px; text-align:left; margin:0; padding:7px; float: left;}
#productSections h3 {width:160px; font-size:90%; font-weight:bold; font-family:Lucida Sans, Arial, Helvetica, sans-serif;}
#productSections p {font-size:70%; color:#7C7C7B; }
#productSections img{position:absolute; top:0; right:0; }

#prodMassageOils {position:relative; margin-right:2px; float:left;}
#prodMassageOils h3 { color:#424E0C;}
/*#prodMassageOils img { position:absolute; top:0; right:0; }*/

#prodBodyTypes { position:relative; margin-right:2px; float:left; }
/*#prodBodyTypes h3 { color:#8D5676;}*/
#prodBodyTypes h3 { color:#D90508;}
/*#prodBodyTypes img { position:absolute; top:0; right:0; }*/

#prodSpecials { position:relative; margin-right:2px; float:left;}
#prodSpecials h3 { color:#BA100F;}
/*#prodSpecials img { position:absolute; top:0; right:0; }*/

#prodTeas {position:relative; margin-right:2px; float:left;}
#prodTeas h3 { color:#A1340E;}
/*#prodTeas img { position:absolute; top:0; right:0; }*/

#prodSoaps { position:relative; margin-right:2px; float:left;}
#prodSoaps h3 { color:#F24F1B;}
/*#prodSoaps img { position:absolute; top:0; right:0; }*/

#prodSuppliments {position:relative; margin-right:2px; float:left;}
#prodSuppliments h3 { color:#C58701;}
/*#prodSuppliments img { position:absolute; top:0; right:0; }*/

#prodEquipment {position:relative; margin-right:2px; float:left;}
#prodEquipment h3 { color:#77888A;}
/*#prodEquipment img { position:absolute; top:0; right:0; }*/

#prodShampoo {position:relative; margin-right:2px; float:left;}
#prodShampoo h3 { color:#9F879E; font-size: 80%;}
/*#prodShampoo img { position:absolute; top:0; right:0; }*/

#prodGifts {position:relative; margin-right:2px; float:left;}
/*#prodGifts h3 { color:#D90508;}*/
#prodGifts h3 { color:#8D5676;}
/*#prodGifts img { position:absolute; top:0; right:0; }*/


/*Products Page - combination types and suitable products section*/
#combinations {width:42%; float:left;}
#suitableProducts {width:56%; float:left; margin-bottom:25px;}
#combinations p, #suitableProducts p {margin-bottom:3px;}

/*Product Page - Product Panels*/
#productTypes { width:400px; text-align:left; clear:both; margin-top:15px;}
#productTypes div {cursor:pointer;}

/*Vata*/
.prodTypeVata { width: 187px; height:120px; border-left:solid 10px #A4B5CB; border-right:solid 1px #A4B5CB; border-top:solid 1px #E0E1E3; border-bottom:solid 1px #E0E1E3; background:#E6E9EC; position:relative; margin-bottom:2px; margin-right: 2px; float:left;}
.prodTypeVata p, .prodTypeVata h3 { width:105px; color:#506579; padding:5px; padding-left:10px;}
.prodTypeVata h3 {font-size:70%;}
.prodTypeVata p {font-size:70%;}
.prodTypeVata img { position:absolute; right:0; width:70px;/*width:80px;*/ /*border-left:solid 1px #A4B5CB;*/}
.vataTopColour {background:#F6F7F8; padding:0; height:40px; }
.vataBottomColour {background:#E6E9EC; padding:0;}

/*Pitta*/
.prodTypePitta {  width: 187px; height:120px; border-left:solid 10px #F7BE65; border-right:solid 1px #F7BE65; border-top:solid 1px #E8CA96; border-bottom:solid 1px #E8CA96; background:#FFE5BC; position:relative; margin-bottom:2px; margin-right: 2px; float:left;}
.prodTypePitta p, .prodTypePitta h3 { width:105px; color:#AB8774; padding:5px; padding-left:10px;}
.prodTypePitta h3 {font-size:70%;}
.prodTypePitta p {font-size:70%;}
.prodTypePitta img { position:absolute; right:0; width:70px;/*width:80px;*/ /*border-left:solid 1px #F7BE65;*/}
.pittaTopColour {background:#FFF5E4; padding:0; height:40px; }
.pittaBottomColour {background:#FFE5BC; padding:0;}

/*Kapha*/
.prodTypeKapha {width: 187px; height:120px; border-left:solid 10px #AEDD85; border-right:solid 1px #AEDD85; border-top:solid 1px #E0E1E3; border-bottom:solid 1px #E0E1E3; background:#E3F5BD; position:relative; margin-bottom:2px; margin-right: 2px; float:left;}
.prodTypeKapha p, .prodTypeKapha h3 { width:105px; color:#407B5C; padding:5px; padding-left:10px;}
.prodTypeKapha h3 {font-size:70%;}
.prodTypeKapha p {font-size:70%;}
.prodTypeKapha img { position:absolute; right:0; width:70px;/*width:80px;*/ /*border-left:solid 1px #AEDD85;*/}
.kaphaTopColour {background:#F3FAE6; padding:0; height:40px; }
.kaphaBottomColour {background:#E3F5BD; padding:0;}

/*Ayurveda*/
.prodTypeAyurveda {width: 187px; height:120px; border-left:solid 10px #ffd6b6; border-right:solid 1px #DECEB8; border-top:solid 1px #D7C4A4; border-bottom:solid 1px #D7C4A4; background:#FFEDD4; position:relative; margin-bottom:2px; margin-right: 2px; float:left;}
.prodTypeAyurveda p, .prodTypeAyurveda h3 { width:105px; color:#56483C; padding:5px; padding-left:10px;}
.prodTypeAyurveda h3 {font-size:70%;}
.prodTypeAyurveda p {font-size:70%;}
.prodTypeAyurveda img { position:absolute; right:0; width:70px; /*border-left:solid 1px #DECEB8;*/}
.ayurvedaTopColour {background:#FFF9EF; padding:0; height:40px; }
.ayurvedaBottomColour {background:#FFEDD4; padding:0;}


/*product details*/

#productContent h5 {color:#774333; font-size:90%; text-align:left; margin:10px 0 10px 0;}
#productContent p { margin-bottom:15px;}

#ProductDetails { width:405px; border-bottom:solid 1px #D7CFBC; padding-bottom:1px; margin-bottom:10px;}
#ProductDetails img {width:210px; float:left;}
#ProductDetails p{text-align:right;}

/*
#prodDetailsBox {float:right; width:151px; border:solid 2px #FFEDD4; background:#FFF9EF; margin-bottom:10px;}
#prodDetailsBox p{ text-align:left; margin:0;}
*/
#prodDetailsBox, #languageSection {float:right; width:151px; border:solid 2px #FFEDD4; background:#FFF9EF; margin-bottom:10px;}/*added the language section div*/
#languageSection {width:114px; margin-bottom:0; padding:3px; margin-left:5px;}/*new line*/
#languageSectionProdPage { padding:3px;}/*new line*/
#prodDetailsBox p{ text-align:left; margin:0;}

.relatedInfo, .specialOffers{ background:#FFF; padding:7px; margin:3px;}
#prodDetailsBox h4 {color:#B7170A; font-size:70%; margin-bottom:6px;}

#ProductDetails a{text-align:right; color:#3A0E00; padding-left:10px;}

#pricing, #currency, #addToBasket {	background: #FFF9EF;	padding: 4px 7px 0 0;	margin: 3px;	border: solid 1px #FFEDD4;}

#currency {height:46px; background:#fff;}
#currency a {width:30px; height:36px; float:left;}
/*#currency img {border:none; padding-left:1px; width:25px; height:27px; w/idth:23px;}*/
#currency img {border:none; padding-left:5px; padding-top: 5px; width:26px; height:15px;}
#currency .hidden {font-size:0; line-height:normal; color:#FFF;}


/*#addToBasket{background:url(../images/btn-bg.jpg); cursor:pointer; width:129px; height: 23px;}*/
#addToBasket{background:url(../images/btn-bg-new.jpg); cursor:pointer; width:136px; height: 23px;}
#addToBasket p {text-align:center; font-variant:small-caps; color:#774333; /*font-size:75%;*/ font-weight:bold; padding-top: 3px;}

/*Edited CSS line*/#languageSection P{background:url(../images/btn-bg.jpg) no-repeat; cursor:pointer; width:113px; height:23px; border:solid 1px #FFEDD4;}/*new line*/
/*Edited CSS line*/#addToBasket p, #languageSection P { margin:0; padding:0; text-align: center; font-variant: small-caps; color: #774333; font-size: 75%; font-weight: normal; padding-top: 5px;}/*added language div and changed font weight*/
/*Edited CSS line*/#addToBasket p {font-weight:bold;}/*new line*/
/*Edited CSS line*/#languageSection h4{ text-align:center; color: #B6160A; width:113px; font-size: 75%; font-weight: bold; padding-top:4px; padding-bottom:5px; border:solid 1px #FFEDD4; width:113px; background-color:#FFF;}/*new line*/

/*Edited CSS line*/#languageSectionProdPage h4{ text-align:center; color: #B6160A; width:136px; font-style:normal; font-size: 75%; font-weight: bold; padding-top:4px; padding-bottom:5px; border:solid 1px #FFEDD4; background-color:#FFF;}/*new line*/
/*Edited CSS line*/#languageSectionProdPage P{background:url(../images/btn-bg.jpg) no-repeat; cursor:pointer; height:23px; border:solid 1px #FFEDD4;}/*new line*/
/*Edited CSS line*/#languageSectionProdPage p { margin:0; padding:0; text-align: center; color: #774333; font-size: 75%; font-weight: normal; padding-top: 5px;}/*new line*/
/*Edited CSS line*/#languageSectionProdPage a {text-decoration:none}/*new line*/
/*Edited CSS line*/#languageSection a {text-decoration:none}/*new line*/


/*end of product details*/

.row_title {
	height:15px;
	font-weight:bold;
	color: #CC3708;
	vertical-align:middle;
	background-color : #FFD6B6;
}
.row_underline {
	height:1;
	background-color : #CE966A;
}

/*.newbuttons{background:url(../images/btn-bg-new.jpg); cursor:pointer; width:141px; height: 23px;}*/
.newbuttons{background:url(../images/btn-bg-new.jpg); cursor:pointer; width:170px; height: 23px;}
.newbuttons p{text-align:center; font-variant:small-caps; color:#774333; font-weight:bold; padding-top: 3px;}

.requiredtext{
	color: red;
}

/*footer*/
#footer {color: #7C7C7B; text-align:left;}
#footer p {width:600px; float:left; margin-top:5px; margin-bottom:20px;}
#footer .creativejar { width:190px; text-align:right;}
a.footerlinks:link, a.footerlinks:visited, a.footerlinks:active { color: #7C7C7B; text-align:left; text-decoration:none; font-weight:normal; font-size:11px;}
a.footerJar:link, a.footerJar:visited, a.footerJar:active { color: #7C7C7B; text-align:right; text-decoration:none; font-weight:normal;  font-size:11px;}
#copyright p {text-align:center; color: #7C7C7B; clear:both; margin-bottom:60px; font-size:11px;}

 #popupDiv, #MB-popupDiv
    {
    width:300px;
    height:200px;
    border:1px solid #000;
    padding:10px 12px 0 12px; 
    background-image:url(/media/images/popup-bg.gif)
    }