/*****************************
******************************
*********PURE BEGINNINGS STYLESHEET****
******************************
*************************** */

@charset "utf-8";



/*GENERAL*/


	html, body {
		height:100%;
		}


body{

	background:url(../images/bg.jpg) no-repeat left top;
	background-color:#333;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#FFFFFF;
	
/*	margin:0;
	padding:0;*/
	overflow:hidden;
}


.frame{
	display:block;
	position:relative;
    text-align: left;
	width:789px;
	height:544px;
	background:url(../images/frame.png) no-repeat left center;
	*background:url(../images/frame.png) no-repeat left center;
	_background:url(../images/frame.gif) no-repeat left center;
}

.link_fuel a{
	display:block;
	position:absolute;
	bottom:20px;
	right:25px;
	width:40px;
	height:75px;
	/*background-color:#00CCFF;*/
}



.columns {
	float: left;
}

.row {
	margin: 0;
	padding: 0 0 3px 0;
	clear: both !important;
}

.clear {
	clear: both;
}

h6{
	font-weight:bold;
	font-size:11px;
	margin-bottom:0px;
}

h3{
	font-size:11px;
}

h3, a{
	cursor:pointer;
}

.demo-show {
  width: 280px;
  height:920px;
  margin: 1em .5em;
  color:#53684A;
}
.demo-show h3 {
  margin: 0;
  padding: .25em;
  color:#53684A;
}
.demo-show div {
  padding: .5em .25em;
}

.mcontentwrapper{
	outline:none;
}


/*HEADER*/

.logo{
	background:url(../images/logo.png) no-repeat left top;
	width:54px;
	height:54px;
	margin:34px 0px 0px 34px;
}

.logo_text{
	background:url(../images/logo_text.png) no-repeat left top;
	width:256px;
	height:54px;
	margin:34px 0px 0px 10px;
}

.music{
	float:right;
	
	width:74px;
	height:13px;
	margin:34px 180px 0px 0px;
	*margin:34px 180px 0px 0px;
	_margin:34px 90px 0px 0px;
	
}


/*MENU*/

.menu{
	z-index:999;
	display:block;
	float:left;
	height:30px;
	margin:66px 0 0 70px;
	*margin:110px 0px 0px 70px;
	_margin:110px 0px 0px 20px;
	position:relative;
	width:565px;
}

ul{
	margin:0;
	padding:0;
}

#menu li, #menu a {

}

#menu li {
	float:left;
	list-style:none;
	display:inline;	
}

#bottom_menu li, #bottom_menu a {
	height:30px;
}

#bottom_menu li {
	float:left;
	list-style:none;
	display:inline;	
}


li a{
	list-style:none;
	font-size:11px;
	font-weight:bold;
	text-decoration:none;
	margin-right:13px;
}
li a.menunormal.first{
	width:35px;
}
li a.menunormal.second{
	width:52px;
}
li a.menunormal.third{
	width:50px;
}
li a.menunormal.forth{
	width:67px;
}
li a.menunormal.fifth{
	width:67px;
}
li a.menunormal.sixth{
	width:86px;
}
li a.menunormal.last{
	width:41px;
}



/*li a:link {color: #b24c05}      unvisited link */
/*li a:visited {color: #b24c05}   visited link */
/*li a:focus {color: #979694}    link that has focus*/
/*li a:hover {color: #979694}    mouse over link */
/*li a:active {color: #979694}    selected link */

.menunormal {
	color:#b24c05;
}

.menunormal:hover {
	color:#979694;
}

.menucurrent {
	color:#666;
}

/*.foot_menu a:link {color: #B24C05}      unvisited link */
/*.foot_menu a:visited {color: #b24c05}   visited link */
/*.foot_menu a:focus {color: #979694}    link that has focus*/
/*.foot_menu a:hover {color: #979694}    mouse over link */
/*.foot_menu a:active {color: #979694}    selected link */





/*CONTENT*/

.content
{
	display:block;
	float:left;
	position:relative;
	width:650px;
	height:336px;
	margin:0px 0px 0px 47px;
	*margin:0px 0px 0px 47px;
	_margin:0px 0px 0px 20px;
}

.home_content{
	width:650px;
	height:336px;
	/*background:url(../images/home_content.png) no-repeat top center;*/
	margin:0px auto 0px auto;
	text-align:center;
}

.home_link{
  color: #ffffff;
  border: 0px none;
}

.eco{
	width:533px;
	height:336px;
	margin:0px auto 0px 58px;
}

.prod{
	width:533px;
	height:336px;
	margin:0px auto 0px 58px;
}


.store{

	margin:0px auto 0px 58px;
}


.organic{
	width:533px;
	height:336px;
	margin:0px auto 0px 58px;
}

#ing_info{
  height: 130px;
  padding: 2px 5px 5px 5px;
  overflow-y: auto;
}

#ing_info h2{
  margin-bottom: 0px;
  margin-top: 0px;
}

.ing{
	display:block;
	position:relative;
	float:left;
	width:533px;
	height:335px;
	background:url(../images/bg_ing.gif) repeat top left;
	margin:0px auto 0px 58px;
	*margin:0px auto 0px 58px;
	_margin:0px auto 0px 30px;
}

.ing_bg_text{
	display:block;
	position:relative;
	margin:30px auto 0px auto;
	width:324px;
	height:139px;
	background:url(../images/ingredients_fieldset_bg.gif) no-repeat center center;
}

.ing_form{
	position:absolute;
	bottom:0px;
	*bottom:15px;
	_bottom:-17px;

	left:30px;
	width:250px;
	height:80px;
	font-size:11px;
	color:#4d544e;
	font-weight:bold;
	
}



.ing_bg_search_result{
	display:block;
	position:relative;
	margin:10px auto 0px auto;
	width:297px;
	height:142px;
	background:url(../images/bg_ingredients_search.png) no-repeat center center;
}

.search_text{
	display:block;
	float:left;
	position:relative;
	width:135px;
	height:120px;
	margin:5px;
}

.search_tn{
	display:block;
	float:left;
	position:relative;
	width:128px;
	height:85px;
	margin:5px;
}

select{
	/*background:url(../images/select_bg1.png) no-repeat top left;*/
	padding:3px;
	/*border:none;*/
	height:25px;
	font-size:11px;
	background-color:#fff;
	margin-left:-2px;
}

input  {
	color:#666666;


}


.contact{
	width:560px;
	height:186px;
	margin:58px auto 0px 58px;
}



/*.home_text_baby{
	display:block;
	float:right;
	width:114px;
	height:114px;
	margin: 85px 0px 0px 0px;
	font-size:9px;
	color:#fff;
}

.home_text_grane{
	display:block;
	float:right;
	width:114px;
	height:114px;
	margin: 0px 0px 0px 0px;
	font-size:9px;
	color:#fff;
}

.home_text_brush{
	display:block;
	float:right;
	width:114px;
	height:114px;
	margin: 0px 0px 0px 0px;
	font-size:9px;
	color:#fff;
}

.home_text_kitchen{
	display:block;
	float:right;
	width:114px;
	height:114px;
	margin: 0px 0px 0px 0px;
	font-size:9px;
	color:#fff;
}*/



/************
*************
**Cut images*/


/*home page*/

div.Table_01 {
	position:absolute;
	left:0px;
	top:0px;
	width:650px;
	height:300px;
}

div.home-01 {
	position:absolute;
	left:0px;
	top:10px;
	width:379px;
	height:102px;
	z-index:5;
}

div.home-02 {
	position:absolute;
	left:379px;
	top:0px;
	width:120px;
	height:48px;
}

div.home-03 {
	position:absolute;
	left:499px;
	top:0px;
	width:29px;
	height:300px;
}

div.home-04 {
	position:absolute;
	left:528px;
	top:0px;
	width:122px;
	height:48px;
}

div.home-05 {
	position:absolute;
	left:379px;
	top:46px;
	width:120px;
}

div.home-06 {
	position:absolute;
	left:528px;
	top:46px;
	width:120px;
	height:68px;
}

div.home-07 {
	position:absolute;
	left:0px;
	top:112px;
	width:296px;
	height:198px;
}

div.home-08 {
	position:absolute;
	left:296px;
	top:102px;
	width:83px;
	height:198px;
}

div.home-09 {
	position:absolute;
	left:379px;
	top:106px;
	width:120px;
	height:65px;
	background:url(../images/home_09.png) no-repeat top left;
	background-color:#c3d3df;

}


div.home-10 {
	position:absolute;
	left:528px;
	top:106px;
	width:121px;
	height:65px;
	background:url(../images/home_10.png) no-repeat top left;
	background-color:#cfd5aa;
}

div.home-11 {
	position:absolute;
	left:379px;
	top:171px;
	width:120px;
	height:6px;
}

div.home-12 {
	position:absolute;
	left:528px;
	top:171px;
	width:122px;
	height:5px;
}

div.home-13 {
	position:absolute;
	left:528px;
	top:190px;
	width:120px;
}

div.home-14 {
	position:absolute;
	left:379px;
	top:190px;
	width:120px;
}

div.home-15 {
	position:absolute;
	left:379px;
	top:244px;
	width:120px;
	height:66px;
	background:url(../images/home_15.png) no-repeat top left;
	background-color:#8e8281;
	border:none;
}


.pad_text{	
	text-align:left;
	font-size:9px;
	margin-left:4px;
	margin-right:4px;
	margin-top:3px;
	color:#666
}

.pad_text_3{	
	text-align:left;
	font-size:9px;
	margin-left:4px;
	margin-right:4px;
	margin-top:3px;
	color:#ffffff;
}

.pad_text_home{	
	text-align:left;
	font-size:9px;
	margin-left:4px;
	margin-right:4px;
	margin-top:3px;
	color:#fff
}

.pad_text_faq, .pad_text_agent{	
	text-align:left;
	margin-left:4px;
	margin-right:4px;
	margin-top:3px;
	margin-bottom:15px;
	color:#666;	
}


.pad_text_2{	
	text-align:left;
	font-size:9px;
	margin-left:4px;
	margin-right:4px;
	margin-top:70px;
}

/*end home*/


/************
*************
**Cut images*/


/*eco page*/

div.Table_eco {
	position:absolute;
	left:58px;
	top:0px;
	width:533px;
	height:336px;
}

div.eco-01 {
	position:absolute;
	left:0px;
	top:0px;
	width:312px;
	height:336px;
	background:url(../images/eco_09.png) no-repeat top left;
	overflow-y:auto;
}

.eco_text{
	margin:15px;
	font-size:11px;
	color:#5A5A5A;
}

div.eco-02 {
	position:absolute;
	left:312px;
	top:0px;
	width:221px;
	height:336px;
}

div.eco-03 {
	position:absolute;
	left:0px;
	top:231px;
	width:108px;
	height:105px;
	background:#d9d9d8;
}

div.eco-04 {
	position:absolute;
	left:108px;
	top:231px;
	width:78px;
	height:69px;
}

div.eco-05 {
	position:absolute;
	left:186px;
	top:231px;
	width:126px;
	height:105px;
}

div.eco-06 {
	position:absolute;
	left:108px;
	top:300px;
	width:78px;
	height:36px;
	background-color:#d9d9d8;
}


/*end eco*/


/************
*************
**Cut images*/

/*products*/

.product_head {
	display: block;
	position: relative;
	width:100%;
	height:15px;
	margin:-16px 0 0 118px;
	*margin:-16px 0 0 118px;
	_margin:-16px 0 0 118px;
}

div.Table_products {
	position:absolute;
	left:58px;
	top:0px;
	width:533px;
	height:336px;
}

div.products-a-01 {
	position:absolute;
	left:2px;
	top:0px;
	width:102px;
	height:69px;
}

div.products-a-02 {
	position:absolute;
	left:104px;
	top:0px;
	width:119px;
	height:69px;
}

div.products-a-03 {
	position:absolute;
	left:221px;
	top:0px;
	width:312px;
	height:336px;
	background:url(../images/products_a_03.png) no-repeat top left;
}

div.products-a-04 {
	position:absolute;
	left:0px;
	top:69px;
	width:221px;
	height:267px;
	background-color:#d3d7b7;
	color:#333;
	overflow-y:none;
	margin-bottom:5px;
}

.prod_text_pad{
	margin:5px;
}


div.products-a-05 {
	position:absolute;
	left:0px;
	top:145px;
	width:104px;
	height:68px;
}

div.products-a-06 {
	position:absolute;
	left:104px;
	top:145px;
	width:117px;
	height:68px;
}

div.products-a-07 {
	position:absolute;
	left:0px;
	top:69px;
	width:221px;
	height:267px;
	background-color:#d3d7b7;
	color:#333;
	overflow-y:none;
	margin-bottom:5px;
	overflow-y:auto;
	
}

.prod_link, a{
	text-decoration:none;
	color:#979694;
	font-size:11px;
}


div.Table_prod_buy_but {
	position:absolute;
	right:5px;
	bottom:-160px;
	width:47px;
	height:23px;
}

div.Table_prod_buy_but2 {
	position:absolute;
	right:5px;
	bottom:5px;
	width:47px;
	height:13px;
}

div.prod-by-buttons-01 {
	position:absolute;
	left:0px;
	top:0px;
	width:13px;
	height:13px;
}

div.prod-by-buttons-02 {
	position:absolute;
	left:13px;
	top:0px;
	width:18px;
	height:13px;
}

div.prod-by-buttons-03 {
	position:absolute;
	left:31px;
	top:0px;
	width:16px;
	height:13px;
}




div.Table_prod_cliek {
    background: #ffffff url(../images/personalcareprodbg.png) top left no-repeat;
	position:relative;
	display:block;
	float:left;
	width:312px;
	height:336px;
}

div.prod-click-threw-01 {
	position:absolute;
	left:0px;
	top:0px;
	width:95px;
	height:23px;
}

div.prod-click-threw-02 {
	position:absolute;
	left:95px;
	top:0px;
	width:162px;
	height:23px;
	background-color:#fff;
}

div.prod-click-threw-03 {
	position:absolute;
	left:257px;
	top:0px;
	width:55px;
	height:23px;
}

div.prod-click-threw-04 {
	position:absolute;
	left:0px;
	top:23px;
	width:257px;
	height:123px;
}

div.prod-click-threw-05 {
	position:absolute;
	left:257px;
	top:23px;
	width:55px;
	height:70px;
	background-color:#fff;
}

div.prod-click-threw-06 {
	position:absolute;
	left:257px;
	top:93px;
	width:55px;
	height:53px;
}

div.prod-click-threw-07 {
	position:absolute;
	left:0px;
	top:146px;
	width:9px;
	height:190px;
}

div.prod-click-threw-08 {
	position:absolute;
	left:9px;
	top:146px;
	width:292px;
	height:174px;
	background:url(../images/prod_click_threw_08.gif) no-repeat top left;
}

div.prod-click-threw-09 {
	position:absolute;
	left:301px;
	top:146px;
	width:11px;
	height:174px;
}

div.prod-click-threw-10 {
	position:absolute;
	left:9px;
	top:320px;
	width:303px;
	height:16px;
}

.prod_click_text{
	display:block;
	width:282px;
	height:165px;
	margin:5px;
	overflow-y:auto;
}

/*end products a*/


/************
*************
**Cut images*/

/*contact*/

div.Table_contact {
	position:absolute;
	left:58px;
	top:58px;
	width:560px;
	height:186px;
}

div.contact-01 {
	position:absolute;
	left:0px;
	top:0px;
	width:364px;
	height:186px;

}

div.contact-02 {
	position:absolute;
	left:364px;
	top:0px;
	width:196px;
	height:186px;
	*height:186px;
	_height:186px;
	background-color:#384651;
}

.contact_text{
	display:block;
	float:left;
	margin-left:15px;
	margin-top:60px;
	width:181px;
	height:125px;
	*height:125px;
	_height:125px;
}

.contact_text a{
	color:#FFFFFF;
	text-decoration:none;
}

/*end contact*/

/************
*************
**Cut images*/

/*organic*/
div.Table_organic {
	position:absolute;
	left:58px;
	top:0px;
	width:533px;
	height:335px;
}

div.organic-01 {
	position:absolute;
	left:0px;
	top:0px;
	width:312px;
	height:335px;
	background:url(../images/organic_01.png) no-repeat top left;
}

div.organic_content {
	position:absolute;
	left:0px;
	top:0px;
	width:312px;
	height:335px;

}

div.organic_maincontent {
	position:relative;
	display:block;
	float:left;
	width:312px;
	height:335px;
	overflow-y:scroll;

}

div.organic-02 {
	position:absolute;
	left:312px;
	top:0px;
	width:221px;
	height:335px;
}



/*end organic*/



/************
*************
**Cut images*/

/*store*/

div.Table_store {
	position:absolute;
	left:58px;
	top:0px;
	width:533px;
	height:335px;
}

div.store-01 {
	background:#95A287 none repeat scroll 0 0;
	height:335px;
	left:0;
	position:absolute;
	top:0;
	width:356px;
	z-index:99;
	/*
	background:url(../images/online_store_01.png) no-repeat top left;
	*/
}

div.store_content {
	position:absolute;
	left:10px;
	top:0px;
	width:302px;
	height:335px;

}

div.store_maincontent {
	position:relative;
	display:block;
	float:left;
	width:360px;
	height:335px;
	overflow-y:scroll;

}

div.store-02 {
	position:absolute;
	left:312px;
	top:0px;
	width:221px;
	height:335px;
}

.store_spacer{
	display:block;
	height:1px;
	position:relative;
}
#order_tbl td.store_border{
	border-bottom:1px solid #c4c4c4;
}

.retail_link a:link, a:active{
	color:#fff;
}

.retail_stores{
	display:block;
	width:650px;
	height:300px;
	color:#333333;
	overflow-y:auto;
	overflow-x:hidden;
	
}

#preamble{
	position:relative;
	display:block;
	z-index:999;
}

div.faq{
	display:block;
	position:relative;
	float:left;
	width:533px;
	height:335px;
	margin:0px auto 0px 58px;
	*margin:0px auto 0px 58px;
	_margin:0px auto 0px 30px;
	overflow-y:scroll;
	font-size:11px;
	text-align:justify;
}

.errormsg {
	display: none;
	color: red;
}		



/*end store*/


/*FOOTER*/

.footer{
	position:absolute;
	left:225px;
	top:345px;
	width:300px;
	height:30px;	
}

/*Confirmation*/
.confirm{
	font-size:12px;
}


/* New product pages */
.product_list {
  background: #ffffff;
  color: #3e3123;
  overflow-y: scroll;
  height: 320px;
}

.shaving{
	background:url(../images/Shave_Creme_With_cooling_effect.jpg) no-repeat #fff 0 40px;
}
.body_wash{
	background:url(../images/body_wl.jpg) no-repeat #fff 0 40px;
}
.hair{
	background:url(../images/shampoo_condition.jpg) no-repeat #fff 0 40px;
}
.toothpaste{
	background:url(../images/toothpaste.jpg) no-repeat #fff 0 40px;
}
.deodorant{
	background:url(../images/roll_on.jpg) no-repeat #fff 0 40px;
}
.forest{
	background:url(../images/forest.jpg) no-repeat #fff 0 40px;
}
.fragrance_free{
	background:url(../images/fragrance_free.jpg) no-repeat #fff 0 40px;
}
.sahara{
	background:url(../images/sahara.jpg) no-repeat #fff 0 40px;
}
.monsoon{
	background:url(../images/monsoon.jpg) no-repeat #fff 0 40px;
}

.baby_shampoo_body_wash{
	background:url(../images/Baby_Shampoo_Body_Wash.jpg) no-repeat #fff 0 40px;
}
.baby_body_lotion{
	background:url(../images/Baby_Body_Lotion.jpg) no-repeat #fff 0 40px;
}
.baby_bum_cream{
	background:url(../images/Baby_Bum_Cream.jpg) no-repeat #fff 0 40px;
}
.baby_wet_wipes{
    background:url(../images/Baby_Wet_Wipes.jpg) no-repeat #fff 0 40px;
}
.berry_toothpaste{
    background:url(../images/berry_toothpaste.jpg) no-repeat #fff 0 40px;
}
.toddlers_bubble_bath{
    background:url(../images/toddlers_bubble_bath.jpg) no-repeat #fff 0 40px;
}

.prod_title {
	font-size:22px;
	padding: 10px 0 4px 10px;
	margin:0 0 6px;
}
.prod_title_indented {
	
}

.prod_text {
  	padding: 0 0 0px 10px;
}
.prod_text_indented {
	margin:0 10px 0 295px;
}

.prod_sub_title {
	font-weight:bold;
	font-size: 11px;
	padding: 6px 0 2px 10px;
}
.prod_sub_title_indented {
	margin:0 0 0 295px;
}

.prod_img {
	padding: 40px 0 0px 0px;
	width:457px;
	height:183px;
}

.order_total{
	margin-right: 4px;
}