/* CSS - Additional */
/* Alteya Organics */
/* June 2008 */


/* Index */

#index-flash {
	margin: 3px 0;	
}

#cont-lower {
	position: relative;
	height: 187px;
	width: 760px;
}

#imageMenu {
	position: absolute;
	width: 570px;
	height: 187px;
	overflow: hidden;
}

#imageMenu ul {
	list-style: none;
	margin: 0px;
	display: block;
	height: 187px;
	width: 1000px;
}

#imageMenu ul li {
	float: left;
}

#imageMenu ul li a {
	text-indent: -1000px;
	background:#FFFFFF none repeat scroll 0%;
	border-right: 0px solid #fff;
	cursor:pointer;
	display:block;
	overflow:hidden;
	width:190px;
	height: 187px;
}

#imageMenu ul li.m1 a {
	background: url(../img/pix/index/i-lower-1.gif) repeat scroll 0%;
}

#imageMenu ul li.m2 a {
	background: url(../img/pix/index/i-lower-2.gif) repeat scroll 0%;
}

#imageMenu ul li.m3 a {
	background: url(../img/pix/index/i-lower-3.gif) repeat scroll 0%;
	width: 380px;
}

#organic {
	position: absolute;
	top: 0;
	left: 570px;
	width: 190px;
	height: 187px;
	background: url(../img/pix/index/i-lower-4.gif) repeat scroll 0%;
}

#cont-lower h2#p4 {
	position: absolute;
	top: 0;
	margin: 0;
	left: 570px;
	background: #CCD8E0 url(../img/pix/index/i-lower-4.gif) 0 0 no-repeat;
}

#cont-lower h2 a {
   display: block;
   height: 187px;
   width: 190px;           
   text-indent: -999em;  
   text-decoration:none;
}


/* PRODUCTS */
/* Headings */

#heading {
	position: relative;
	height: 174px;
}

#heading #heading1 {
	position: absolute;
	left: 0px;
	top: 0px;
}

#heading h1 {
	padding: 25px 0 0px 25px;
	color: #fff; #eef1f3; #9AB1C1;
	font: 190% "Lucida Sans Regular", "Lucida Grande",  Tahoma, sans-serif;
}

#heading h2  {
	padding: 0px 0 0px 25px;
	color: #fff; #eef1f3; #9AB1C1;
	font: 150% "Lucida Sans Regular", "Lucida Grande",  Tahoma, sans-serif;
}

#heading #heading2 {
	position: absolute;
	right: 0px;
	top: 0px;
}

#heading #logos {
	position: absolute;
	right: 0px;
	bottom: 0px;
	height: 85px;
	padding-right: 10px;
}

#logos img {
	margin-right:12px;
}
		

#heading h3 {
	padding: 34px 15px 0px 0px;
	color: #fff; #eef1f3; #9AB1C1;
	font: 135% "Lucida Sans Regular", "Lucida Grande",  Tahoma, sans-serif;
	text-transform: uppercase;
}

#face #heading h1,
#face #heading h2,
#face #heading h3 {
	color: #455E6D;
}

#body #heading {
	background: transparent url(../img/bg/product-heading9.gif) 0 0 no-repeat;
}

#body.hands #heading {
	background: transparent url(../img/bg/product-heading3.gif) 0 0 no-repeat;
}

#face #heading {
	background: transparent url(../img/bg/product-heading1.gif) 0 0 no-repeat;
}

#face.lips #heading {
	background: transparent url(../img/bg/product-heading1.gif) 0 0 no-repeat;
}

#hair #heading {
	background: transparent url(../img/bg/product-heading4.gif) 0 0 no-repeat;
}

#mom-and-baby #heading {
	background: transparent url(../img/bg/product-heading22.gif) 0 0 no-repeat;
}

#flower.rose #heading,
#roseoil #heading {
	background: transparent url(../img/bg/product-heading5.gif) 0 0 no-repeat;
}

#flower.lavender #heading,
#lavenderoil #heading {
	background: transparent url(../img/bg/product-heading8.gif) 0 0 no-repeat;
}

#go-organic #heading {
	background: transparent url(../img/bg/product-heading5.gif) 0 0 no-repeat;
}

#general #heading {
	background: transparent url(../img/bg/product-heading6.gif) 0 0 no-repeat;
}


/* Products */

#main-up {
	padding: 0px 25px;
}

#main-up div.left {
	float:left;
	width: 350px;
	margin:0;
}

#main-up div.left img {
	margin: 10px 0 0px;
}

#main-up div.right {
	float: right;
	width: 350px;
	margin-top: 0px;
}

div.center {
	text-align: center;
}

.product input, 
.category input {
	font-size: 0.9em;
	font-weight: bold;
	background-color: #E5EAED; #CFDAE0; #e38e51; #c93d37;
	border: 1px solid #CFDAE0; #C4CBB9;
	padding: 3px 0;
	margin: 10px 0;
	text-align: center;
	cursor: pointer; /* hand-shaped cursor */
	cursor: hand; /* for IE 5.x */
}

#flower input {
	padding: 1px 0;
	margin: 2px 5px;
}

#flower table {
	margin-left: 40px;
}

.product input:hover, 
.product input.hilite, 
.category input:hover,
.category input.hilite {
	background-color: #EEF2F5;
}

#main-mid {
	clear: both;
	height: 36px;
}

#main-mid h3 {
	clear: both;
	color: #FFF; #eef1f3; #444; #EFF0F4;
	font: 150% "Lucida Sans Regular", "Times New Roman", Times, Georgia, serif;
	padding:8px 0 0px 25px;
	margin:0;
}

#main-down {
	padding: 10px 25px;
}

#main-down .left {
	float:left;
	width: 380px;
}

#main-down .right {
	float:right;
	width: 310px;
	margin:0;
}

.ing-pic {
	float: left;
	width: 120px;
	margin: 10px 5px 0;
	padding: 10px;
	padding-bottom: 5px;
 	border:1px solid #C4CBB9;
 	background-color: #E8EADD; #E5EAED;
	text-align: right;
	font-size: 1.0em;
}

#flower .ing-pic {
	padding-bottom: 10px;
}

#flower #main-down ul {
	list-style-type: disc;
	margin: 0 16px;
}


/* Color styles */

#body #cat-special,
#body.category #footer {
	background: #F19EDA;
}

#body #main-mid,
#body.product #footer {
	background: #a96a27;
	color: #FFF;
}

#body.hands #main-mid,
#body.hands #footer {
	background: #CEB98C;
	color: #FFF;
}


#face #cat-special,
#face.category #footer {
	background: #E1E89B;
}

#face #main-mid,
#face.product #footer {
	background: #E1E89C;
}

#face #main-mid h3 {
	color: #455E6D;
}

/*
#face.lips #main-mid,
#face.lips #footer {
	background: #CFDA65;
}
*/


#hair #cat-special,
#hair.category #footer {
	background: #8881B4;
	color: #FFF;
}

#hair #main-mid,
#hair.product #footer {
	background: #9AA4AA;
	color: #FFF;
}

#mom-and-baby #cat-special,
#mom-and-baby.category #footer,
#mom-and-baby #main-mid,
#mom-and-baby.product #footer {
	background: #f8d148;
	color: #fff;
}

#flower #cat-special,
#flower.category #footer {
	background: #7B954B;
	color: #FFF;
}

#flower.rose #main-mid,
#flower.rose #footer {
	background: #77992E; #FEBED6; #F19EDA;
	color: #FFF;
}

#flower.lavender #main-mid,
#flower.lavender #footer {
	background: #9766B3;
	color: #FFFFFF;
}

#rose #cat-special,
#rose.category #footer {
	background: #D7E831; #F19EDA;
}

#lavender #cat-special,
#lavender.category #footer {
	background: #9766B3;
	color: #FFFFFF;
}

#roseoil #footer {
	background: #77992E; #FEBED6;
	color: #FFF;
}

#lavenderoil #footer {
	background: #9766B3;
	color: #FFFFFF;
}

#go-organic #footer {
	background: #77992E;
	color: #FFFFFF;
}

#general #footer {
	background: #455E6D;
	color: #FFFFFF;
}


/* CATEGORY */

#cat-left {
	position: absolute;
	top: 0;
	left: 0;
	width: 210px;
	margin:0;
	background: #d1dadf;
}

#cat-special {
	width: 180px;
	height: 110px;
	padding: 20px 10px 0 20px;
	font: 165%/120% "Lucida Sans Regular", "Lucida Grande",  Tahoma, sans-serif;
}

#cat-menu {
	padding: 10px 15px 0;
	background: #FFF;
}

#cat-left ul li {
	font-variant: small-caps;
	border-bottom: 1px dotted #5E685F;
	padding: 7px 5px 7px 20px;
	background: transparent url(../img/nav/bullet.gif) 0 10px no-repeat;
	list-style-type: none;
}

#cat-left li.first {
	border-top: 1px dotted #5E685F;
	margin-top:15px;
}


#cat-right {
	padding-left: 210px;
	width: 550px;
}

#cat-right h1 {
	font: 155% "Lucida Sans Regular", "Lucida Grande",  Tahoma, sans-serif;
	border-top: 1px dotted #CFDAE0;
	border-bottom: 1px dotted #CFDAE0;
	padding: 15px 0;
	margin: 10px 10px;
}

#cat-right div.cat-item {
	position: relative;
	float: left;
	width: 170px;
	padding: 15px 0;
	padding-left: 12px;
}

#cat-right div.USDA-black {
	position: absolute;
	bottom: 25px;
	right: 15px;
}

.cat-item h2 {
	margin-bottom: 10px;
	margin-top: 5px;
}

.cat-item h2 a {
	font: 80% Tahoma, sans-serif;
	font-weight: bold;
}

.cat-item h2 a:hover {
	text-decoration: none;
}

.cat-item h3 {
	font: 80% Tahoma, sans-serif;
	font-weight: bold;
}

.mid {
	border-left: 1px dotted #CFDAE0;
	border-right: 1px dotted #CFDAE0;
}


#perfume div.cat-heading{
	height: 694px;
	background: #EFF0F4 url(../img/pix/categories/5perfume.jpg) 0 0 no-repeat;
}



/* Contact us */

.field { 
	padding: 1px;
	margin: 2px 4px;
}

.but input { 
/*
	width: 160px;
	font-size: 1em;
	font-weight: bold;
	background-color: #E5EAED; #CFDAE0; #e38e51; #c93d37;
	border: 1px solid #CFDAE0; #C4CBB9;
*/	margin: 2px 0px 2px 4px;
	padding: 0px 2px;
	text-align: center;
	cursor: pointer; /* hand-shaped cursor */
	cursor: hand; /* for IE 5.x */
}

/*.but input:hover,
.but input.hilite {
	background-color: #EEF2F5;
}*/




/* Rose Oil, Lavender Oil, General */

#main-general {
	padding: 5px 25px;
}

#main-general h1 {
	padding: 10px 0;
	font: 190% "Lucida Sans Regular", "Lucida Grande",  Tahoma, sans-serif;
}

#main-general h2 {
	padding: 15px 0 0;
	margin: 0;
	font: 160% "Lucida Sans Regular", "Lucida Grande",  Tahoma, sans-serif;
}

#main-general h3 {
	padding: 5px 0 0;
	margin: 0;
	font-size: 115%;
}


#roseoil table.prices {
	background: #EEF2F5; #FFE8E4;
	font-size: 12px;
}

#lavenderoil table.prices {
	background: #EEF2F5;
	font-size: 12px;
}

table.prices td {
	border-bottom: 1px solid #fff;
	border-right: 1px solid #fff;
	padding: 4px 30px;
}

.oil input {
	color: #fff;
	font-size: 12px;
	font-weight: bold;
	background-color: transparent;
	border: none;
	padding: 1px 0;
	margin: 0;
	text-align: center;
	cursor: pointer; /* hand-shaped cursor */
	cursor: hand; /* for IE 5.x */
}

.oil input:hover, 
.oil input.hilite {
	color: #FFE8E4;
}

#lavenderoil #main-general ul {
	margin-left: 20px;
}

#lavenderoil #main-general ul li {
	padding: 7px 5px 7px 15px;
	background: transparent url(../img/nav/bullet.gif) 0 10px no-repeat;
	list-style-type: none;
}


.oil p.customer {
	font-variant: small-caps;
	border-top: 1px dotted #5E685F;
	color: #5E685F;
	margin: 5px 0;
	font-size: 100%;
}

/*
ul.b1 li {
	padding: 7px 5px 3px 15px;
	margin-left: 10px;
	background: transparent url(../img/nav/bullet.gif) 0 10px no-repeat;
	list-style-type: none;
}
*/

ul.b1 li,
ul.b2 li,
ul.b3 li {
	padding: 12px 5px 12px 48px;
	margin-left: 2px;
	margin-bottom: 5px;
	background: transparent url(../img/nav/b1.gif) 0 0px no-repeat;
	list-style-type: none;
}

ul.b2 li {
	background: transparent url(../img/nav/b2.gif) 0 0px no-repeat;
}

ul.b3 li {
	padding: 4px 5px 4px 48px;
}

/* FAQ */

.faq #main-up ul {
	list-style-type: none;
}

.faq #main-up ul ul {
	margin-left: 15px;
}

.faq #main-up ul li a {
	font-weight: normal;
}

.faq #main-up ul li a.bold {
	font-weight: bold;
}

.faq #main-up h2 {
	font-size: 120%;
	border-top: 1px dotted #5E685F;
	padding: 15px 0 0;
}

.faq #main-up h3 {
	padding-top: 10px;
}

ul.normal li {
	list-style-type: disc;
	margin: 4px 0;
	margin-left: 20px;
}

a.backtotop {
	display: block;
	margin: 5px 0;
	font-weight: bold;
	font-size: 90%;
}