/*---------- Main Layout Boxes and their Content ----------*/
.body_bg {
	border-style: none;
	margin: 0px;
	padding:0px;
	background: #ffffff;
}
/*---------- Center Content Wrapper ----------*/
#center_box {
	position:relative;
	min-width:300px;
	width:780px;
	margin-left:auto;
	margin-right:auto;
	z-index:1;
	padding:0px;
}
/*---------- Header Wrapper ----------*/
#header_box {
	position:relative;
	height:140px;
	background: #ffffff url(naturallybeautiful/header_box.jpg) no-repeat;
	z-index:2;
	margin: 0px 25px 0px 25px;
}
/*
#header_box_txt_left {
	position:relative;
	float:left;
	font: bold 14px Arial, Helvetica, sans-serif;
	color:#fff;
	white-space: nowrap;
	z-index:3;
	padding: 21px 0px 0px 15px;
}
#header_box_txt_right {
	position:relative;
	float:right;
	font: bold 14px Arial, Helvetica, sans-serif;
	color:#fff;
	white-space: nowrap;
	z-index:3;
	padding: 21px 20px 0px 5px;
}
*/
#header_border_left{
	position:relative;
	background:  url(naturallybeautiful/header_border_left.jpg) no-repeat left;
	z-index:3;
}
#header_border_right{
	position:relative;
	background:  url(naturallybeautiful/header_border_right.jpg) no-repeat right;
	z-index:3;
}
/*---------- Menu Wrapper ----------*/
#menu_box {
	position:relative;
	height:35px;
	background: #ffffff url(naturallybeautiful/menu_box.jpg) repeat-x;
	white-space: nowrap;
	z-index:2;
	margin: 0px 25px 0px 25px;
	padding:0px;
}
#menu_border_left {
	position:relative;
	background: url(naturallybeautiful/menu_border_left.jpg) no-repeat left;
	z-index:3;
}
#menu_border_right {
	position:relative;
	background: url(naturallybeautiful/menu_border_right.jpg) no-repeat right;
	z-index:3;
}

/*---------- Menu Links ----------*/
#menu_box ul {
	list-style-type:none;
	padding:3px 0px 0px 4px;
	margin:0px;
}

#menu_box li{
	display:inline;
	margin: 0px;
}

#menu_box a {
	text-decoration: none;
	font: bold 14px/22px Arial, Helvetica, sans-serif;
	color: #623932;
	padding:3px 8px 2px 8px;
	margin: 1px;
}

#menu_box a:hover {
	text-decoration: none;
	color: #000000;
	background: url(naturallybeautiful/menu_hover.jpg) repeat-x;
	border: 1px solid #623932;
	margin: 0px;
}

#menu_box a:active {
	text-decoration: none;
	color: #333333;
}

/*---------- Body Wrapper ----------*/
#content_box {
	position:relative;
	font: 12px/17px Arial, Helvetica, sans-serif;
	color:#623932;
	background: #d6ccbe;
	vertical-align: top;
	z-index:2;
	margin: 0px 10px 0px 10px;
	padding:0px 40px 15px 50px;
}
#content_border_left {
	position:relative;
	background: url(naturallybeautiful/content_border_left.jpg) repeat-y top left;
	z-index:3;
}
#content_border_right {
	position:relative;
	background: url(naturallybeautiful/content_border_right.jpg) repeat-y top right;
	z-index:3;
}

/*---------- Body Contents ----------*/
body {
	border-style: none;
	background: #ffffff;
 	margin: 0px; padding:0px;
}

h1 {
	font: bold 18px Verdana, Arial, Helvetica, sans-serif;
	color:#3399ff;
	/*background:url(brokortrust/h1_bullet.jpg) no-repeat;*/
	white-space: nowrap;
	padding:0px 0px 5px 0px;
	margin:0px 0px 0px 0px;
}
h2 {
	font: bold 16px Arial, Helvetica, sans-serif;
	color: #ffffff;
	white-space: nowrap;
	padding:10px 5px 0px 5px;
	margin:0px;
}
h3 {
	font: bold 14px Arial, Helvetica, sans-serif;
	color:#000;
	padding:10px 0px 10px 0px;
	margin:0px 0px 0px 0px;
}
a {
	color:#623932;
	z-index:5;
}
a:hover {
	color:#000000;
}
a:active {
	color: #cccccc;
}
p{
	position:relative;
	font: 12px/16px Arial, Helvetica, sans-serif;
	color:#444444;
	margin: 0px;
	padding:0px 0px 0px 0px;
}
ul, li {
	font: 12px/18px Arial, Helvetica, sans-serif;
	color: #444444;
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 15px;
}
br	{
	padding:0px;
	margin:-8px 0px 0px 0px;
}
/*
p:first-letter {
	font: bold 14px/16px Arial, Helvetica, sans-serif;
	color:#F03;
	margin: 0px;
	padding:0px;
}*/

/*---------- Product Display Classes ----------*/

.product_title {
	position:relative;
	font: bold 14px Arial, Helvetica, sans-serif;
	color: #623932;
}
.product_size {
	position:relative;
	font:  14px Arial, Helvetica, sans-serif;
	color: #623932;
}
.product_price {
	position:relative;
	font: bold 14px Arial, Helvetica, sans-serif;
	color: #623932;
}
#product_description {
	position:relative;
	font: 12px/16px Arial, Helvetica, sans-serif;
	color: #623932;
	margin-left:10px;
	margin-top:5px;
}

#product_ingredients {
	position:relative;
	font: italic 12px/16px Arial, Helvetica, sans-serif;
	color: #623932;
	margin-left:10px;
	margin-top:5px;
}

#product_note {
	position:relative;
	font: 12px Arial, Helvetica, sans-serif;
	background:url(naturallybeautiful/bullet.jpg) 15px no-repeat;
	color: #623932;
	text-indent:32px;
	margin-top:5px;
}

/*---------------- Form Input Elements -----------------*/

form
{
	font: 12px Arial, Helvetica, Sans-Serif;
	color:#623932;
	margin:0px;
	padding:10px 0px 10px 10px;
	margin:0px 10px 0px 0px;
	border:1px solid #B8A891;
}
input	{
	font: 12px Arial, Helvetica, Sans-Serif;
	padding:1px 3px 1px 3px;
	margin:0px;
}
textarea	{
	font: 12px Arial, Helvetica, Sans-Serif;
	padding:1px 3px 1px 3px;
}

.submit	{
	font: bold 12px Verdana, Arial, Helvetica, Sans-Serif;
	color:#623932;
	text-decoration: none;
	padding: 2px;
	border : 1px solid #623932;
	background: #d6ccbe url(naturallybeautiful/menu_hover.jpg) repeat-x;
}
.submit:hover	{
	color:#000000;
	text-decoration: none;
	border : 1px solid #000000;;
	background: #d6ccbe url(naturallybeautiful/menu_hover.jpg) repeat-x;
}

.input	{
	border : 1px solid #623932;
	background-color: #d6ccbe;
	scrollbar-face-color:#cccccc;
	scrollbar-highlight-color:#cccccc;
	scrollbar-3dlight-color:#f0f0f0;
	scrollbar-shadow-color:#f0f0f0;
	scrollbar-darkshadow-color:#cccccc;
	scrollbar-arrow-color:#009999;
	scrollbar-track-color:#f0f0f0;
	color:#000000;
}

.required {
	font: bold 12px "Courier New", Courier, mono;
	color:#ff0000;
}

/*--------------- Error Message Elements -----------------*/

.db_error {
	font: 12px "Courier New", Courier, mono;
	color: #FF0000;
	white-space: nowrap;
	padding: 1px 5px 2px 10px;
	text-align: center;
}
.form_error {
	font: 12px "Courier New", Courier, mono;
	color: #FF0000;
	background: #d6ccbe;
	border: 0px;
}
/*---------- Image Positioning and Drop Shadow Classes ----------*/
.left{
	position:relative;
	display:block;
	float: left;
}
.right{
	position:relative;
	display:block;
	float: right;
	margin:0px 0px 10px 20px;
}
.wrap1, .wrap2, .wrap3 {
	position:relative;
  	display:inline-table;
  /* \*/display:block;/**/
}
.wrap1 {
	background:   url(naturallybeautiful/shadow.gif) right bottom no-repeat;
}
.wrap2 {
	background:   url(naturallybeautiful/corner_bl.gif) -12px 100% no-repeat;
}
.wrap3 {
	background:   url(naturallybeautiful/corner_tr.gif) 100% -12px no-repeat;
}
.wrap3 img {
	margin:0px 8px 8px 0px;
	border:1px solid #000000;
}

/*---------- Footer Wrapper ----------*/
#footer_box {
	position:relative;
	height: 50px;
	background: #fff  url(naturallybeautiful/footer_box.jpg) repeat-x;
	margin: 0px 25px 0px 25px;
	z-index:3;
}
#footer_box_txt_left{
	position:relative;
	float:left;
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	color:#623932;
	white-space: nowrap;
	z-index:4;
	padding: 20px 0px 0px 10px;
}
#footer_box_txt_right{
	position:relative;
	float:right;
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	white-space: nowrap;
	z-index:4;
	padding:20px 10px 0px 0px;
}
#footer_border_left{
	position:relative;
	background:  url(naturallybeautiful/footer_border_left.jpg) no-repeat left;
	z-index:3;	
}
#footer_border_right{
	position:relative;
	background:  url(naturallybeautiful/footer_border_right.jpg) no-repeat right;
	z-index:3;
}

/*---------- Imaginet Link ----------*/
.ilink {
	color: #333333;
	z-index:5;
	text-decoration:none;
}
.ilink:hover {
	color: #000000;
	text-decoration:underline;
}
.ilink:active {
	color: #666666;
}