body
{
	font-family: Arial, Helvetica, sans-serif;
	width: 1012px; 
	top: 0px;
	right: 0px;
	bottom: 0px;
	left: 0px;
	text-decoration: none;
	height: 100%;
	margin: auto;
	color: #663300;
	background-image: url('images/gui/circle1.jpg');
}
.outer
{
	background-image: url('images/interface/border-bg.jpg');
	background-repeat: repeat-y;
	width: 1012px;
}

img
{
	 border-style: none;
	border-width: 0;

}
.searchbox
{
	background-position: 0%;
	float: right;
	width: 260px;
	height: 25px;
	background-image: url('images/gui/search-box.jpg');
	background-repeat: no-repeat;
	margin-right: 10px;
}
.searchbox div
{	position: relative;
	top: 2px;
	left: 9px;
}
.searchbox div .searchtextbox
{
	background-color: #b9cdcb;
	border-width: 0px;
	border-style: none;
	width: 170px;
	float: right;
	height: 15px;
}
/*.search
{

	position: relative;
	top: -1px;
	left: -8px;

	margin-right: 5px;
	margin-top: 2px;
	height: 20px;
}
.search .textbox
{
	border-style: none;
	width: 170px;
	margin-right: 10px;
	margin-left: 10px;
	height: 15px;
	margin-top: 2px;
}*/
.breadcrumb
{
    background-position: 0% 50%;
    width: 380px;/*450px*/
    float: left;
    position: relative;
    text-align: left;
    padding-top: 2px;
    height: 23px;
    margin-left: 15px;
    font-family: Georgia;
    font-size: 17px; /*font-weight: bold;*/
    color: #347566;
    padding-bottom: 5px;
	top: 0px;
	left: 0px;
}
.breadcrumb a
{
	color: #347566;
	text-decoration: none;
}
.join-us
{
	margin: 1px 0px 0px 0px;
	padding: 0px;
	background-position: 50% 0px;
	float: left;
	background-image: url('images/gui/joinus1.png');
	background-repeat: no-repeat;
	height: 30px;
	width: 193px;
}
.join-us-right
{
	margin: 1px 20px 0px 0px;
	padding: 0px;
	background-position: 50% 0px;
	float: right;
	background-image: url('images/gui/join-us.jpg');
	background-repeat: no-repeat;
	height: 29px;
	width: 100px;
}
.join-us .fbook
{
	float: left;
	width: 25px;
	height: 25px;
	margin-left: 40px;
	cursor: pointer;
	cursor: hand;
}/*
.join-us .fbook a
{
	width: 100%;
	height: 100%;
}*/
.join-us .twtr
{
	width: 25px;
	height: 25px;
	cursor: pointer;
	cursor: hand;
	top: 0px;
	left: 1px;
	float: left;
	margin-left:3px;
}
.join-us .ff
{
	width: 25px;
	height: 25px;
	cursor: pointer;
	cursor: hand;
	top: 0px;
	left: 1px;
	float: left;
	margin-left:2px;
}.join-us .utube
{
	width: 70px;
	height: 25px;
	cursor: pointer;
	cursor: hand;
	top: 0px;
	left: 1px;
	float: left;
	margin-left:2px;
}
/*
.join-us .twtr a
{
	width: 100%;
	height: 100%;
}*/
.join-us-right .fbook
{
	float: left;
	width: 25px;
	height: 25px;
	margin-left: 40px;
	cursor: pointer;
	cursor: hand;
}/*
.join-us .fbook a
{
	width: 100%;
	height: 100%;
}*/
.join-us-right .twtr
{
	width: 25px;
	height: 25px;
	cursor: pointer;
	cursor: hand;
	top: 0px;
	left: 1px;
	float: right;
}
/*
.join-us .twtr a
{
	width: 100%;
	height: 100%;
}*/
.header
{
	background-image: url('images/interface/header.jpg');
	background-repeat: no-repeat;
	height: 171px;
	padding-top: 4px;
	padding-bottom: 4px;
	width: 1028px;
	float: left;
}
.header .a
{
	
}
.header .a div
{
	position: relative;
	float: left;
	top: 19px;
	left: 16px;
	width: 633px;
	height: 105px;
	cursor: pointer;
	cursor: hand;
}
.header .naturaworld-a
{
	
}
.header .naturaworld-a div

{
	position: relative;
	float: left;
	top: 32px;
	left: 150px;
	width: 213px;
	height: 80px;
	cursor: pointer;
	cursor: hand;
}
/*.checkout
{
    text-align: right;
    padding-right: 30px;
}*/
.checkout
{
	width: 350px;
	float: right;
	top: -6px;
	/*left: -6px;	padding-right: 10px;*/
	height: 28px;
	text-align: right;
	position: relative;
	float: right;

	padding-top: 4px;
}
.checkout .checkout-div
{
	padding: 0px;
	margin: 0px;
	width: 110px;
	float: right;
}
.checkout .btn
{
	background-position: 50% 0px;
	background-image: url(  'images/buttons/checkout-small.gif' );
	border-style: none;
	border-width: 0px;
	background-repeat: no-repeat;
	color: #663300;
	width: 56px;
	height: 28px;
	text-align: center;
	vertical-align: middle; /* font-size: 17px;
    font-family: Georgia; */
}
.checkout .btn:hover
{
	background-position: center center;
	background-image: url( 'images/buttons/checkout-small.gif' );
	border-style: none;
	border-width: 0px;
	background-repeat: no-repeat;
	background-position: 50% -27px; /* color: #FFFFFF;*/
}

.sizing-chart
{
    background-color: #FFFFFF;

margin-top:15px;
    width: 420px;
}
.sizing-chart .btn
{
    background-position: 0px -38px;
    background-image: url(        'images/buttons/sizingchart1.gif' );
    border-style: none;
    border-width: 0px;
    background-repeat: no-repeat; /* background-position: 100% 0px;
    	color: #663300;*/
    width: 150px;
    text-align: center;
    vertical-align: middle;
    font-size: 18px;
    font-family: Georgia;
    height: 38px;
    float: left;
}
.sizing-chart .btn:hover
{
    background-image: url(    'images/buttons/sizingchart1.gif' );
    border-style: none;
    border-width: 0px;
    background-repeat: no-repeat;
    background-position: 0% 0px; /* color: #FFFFFF;*/
}
.sizing-chart .btn1
{    background-position: 0px -1px;
    background-image: url(      'images/buttons/addtocart.gif' );
    border-style: none;
    border-width: 0px;
    background-repeat: no-repeat; /* background-position: 100% 0px;
    	color: #663300;*/
    width: 140px;
    text-align: center;
    vertical-align: middle;
    font-size: 18px;
    font-family: Georgia;
    height: 38px;
    float: left;
}
.sizing-chart .btn1:hover
{
    background-image: url(   'images/buttons/addtocart.gif' );
    border-style: none;
    border-width: 0px;
    background-repeat: no-repeat;
    	    background-position: 0% -39px;
   /* color: #FFFFFF;*/


}
.sizing-chart .btn2
{
    background-image: url(        'images/buttons/checkout1.gif' );
    border-style: none;
    border-width: 0px;
    background-repeat: no-repeat; /* background-position: 100% 0px;
    	color: #663300;*/
    width: 134px; /*140px*/
    text-align: center;
    vertical-align: middle;
    font-size: 18px;
    font-family: Georgia;
    height: 38px;
    float: left;
    left: -50px;
    margin-top: 10px;
}
.sizing-chart .btn2:hover
{
    background-image: url(   'images/buttons/checkout1.gif' );
    border-style: none;
    border-width: 0px;
    background-repeat: no-repeat;
        	    background-position: 0% -39px;

    	   /* background-position: 0% -37px;
    color: #FFFFFF;*/


}
.contents
{
	vertical-align: top;
	text-align: left;
	padding-left: 20px;
	padding-right: 20px;
	width: 967px;
}

.border-bg
{
	background-image: url('images/interface/border-bg.jpg');
	background-repeat: repeat-y;
	padding-right: 5px;
	padding-left: 5px;
	width: 1026px;
}
.content-bg
{
    background-image: url( 'images/interface/home-bg.gif' );
    background-repeat: no-repeat;
    float: left;
    width: 1005px;
    margin-left: 7px;
}
.contents a
{
	text-decoration:none;
	 color:#185848

}
.contents a:hover
{
	
}
.home-leftPadding
{
    padding-left: 20px;
}
.menu
{
    font-size: 16px;
    height: 26px;
    text-align: center;
    width: 950px;
    font-family: Georgia;
    font-weight: bold;
    padding-left: 6px;
}
.menu a
{
	text-decoration: none;
	color: #347566;
}
.menu a:hover
{
	color: #ACB35E;
}
.h1
{
	font-family: Georgia;
	color: #663300;
	font-size: 34px;
	padding-top: 10px;
	padding-bottom: 5px;
}
.h2
{	font-family: Georgia;
	color: #663300;
	font-size: 28px;
	padding-top: 2px;
	padding-bottom: 2px;
}
.h3
{
    font-family: Georgia;
    color: #663300;
    font-size:20px;/*23px**/
    padding-top: 5px;
    padding-bottom: 5px;
}
.div-ul
{}
.div-ul ul
{
	padding-left: 17px;
	list-style-type: disc;
	list-style-position: outside;
}
.div-ul ul li
{
}

.button
{
	background-image: url( 'images/interface/btn.jpg' );
	border-style: none;
	border-width: 0px;
	background-repeat: no-repeat;
	background-position: center center;
	color: #FFFFFF;
	width: 108px;
	height: 26px;
	text-align: center;
	vertical-align: middle;
	background-color: #FFFFFF;
	font-weight: bold;
	font-family: arial, Helvetica, sans-serif;
	font-size: small;
}

.featured
{
	background-image: url('images/interface/Featured.jpg');
	background-position: 50%;
	height: 60px;
	background-repeat: no-repeat;
	text-align: center;
	float: left;
	width: 983px;
	position: relative;
	top: 26px;
	left: 17px;
	padding-top: 4px;
	padding-bottom: 4px;
}
.featured div
{
	width: 83px;
	height: 63px;
	float: left;
	margin-left: 15px;
	cursor: pointer;
	cursor: hand;
}
.featured-border
{
	background-image: url('images/interface/f-border.jpg');
	background-repeat: no-repeat;
	width: 1026px;
	height: 119px;
	float: left;

}
.contents-detail
{
	padding-right: 20px;
	padding-left: 20px;
	vertical-align: top;
	text-align: left;
	padding-bottom: 10px;
}
.banner
{
	padding-bottom: 20px;
	padding-left: 11px;
	vertical-align: top;
	text-align: left;
}
.banner-home
{
	padding-bottom: 20px;
	padding-left: 0px;/*11*/
	vertical-align: top;
	text-align: left;
}

.banner-main
{
	width: 934px; /**/
	background-image: url('images/interface/right-bottom-corner.gif');
	background-repeat: no-repeat;
	background-position: 100% 100%;
	float: left;
}
.banner-home-main
{
	width: 920px; /**/
	background-image: url('images/interface/right-bottom-corner.gif');
	background-repeat: no-repeat;
	background-position: 100% 100%;
	float: left;
}
.tl
{
	background-image: url('images/interface/corner-transparent.gif');
	background-repeat: no-repeat;
	background-position: 0% 0%;
	width: 10px;
	height: 10px;
	float:left;
}
.tr
{
	background-image: url('images/interface/corner-transparent.gif');
	background-repeat: no-repeat;
	background-position: 100% 0%;
	width: 10px;
	height: 10px;
	float: right;
}
.bl
{
	background-image: url('images/interface/corner-transparent.gif');
	background-repeat: no-repeat;
	background-position: 0% 100%;
	width: 10px;
	height: 10px;
		float:left;
}
.br
{
	background-image: url('images/interface/corner-transparent.gif');
	background-repeat: no-repeat;
	background-position: 100% 100%;
	width: 10px;
	height: 10px;
		float:right;
}
.detail-box-slateGray
{
	background-color: #B4B6C1;
	width: 920px;
	height: 122px;
	
		background-image: url('images/interface/right-bottom-corner.gif');
	background-repeat: no-repeat;
	background-position: 100% 100%;

}
.detail-box1
{
	padding-right: 20px;
	padding-bottom: 20px;
	padding-left: 15px;
	vertical-align: top;
	text-align: left;
	float: left;
	width: 931px;
}

.detail-box-olive
{
	background-color: #D3D6A9;
	width: 920px;
	height: 78px;
		background-image: url('images/interface/right-bottom-corner-small.gif');
	background-repeat: no-repeat;
	background-position: 100% 100%;

}

.detail-box-olive .tl
{
	background-image: url('images/interface/corner-transparent-small.gif');
	background-repeat: no-repeat;
	background-position: 0% 0%;
	width: 10px;
	height: 10px;
	float:left;
}
.detail-box-olive .tr
{
	background-image: url('images/interface/corner-transparent-small.gif');
	background-repeat: no-repeat;
	background-position: 100% 0%;
	width: 10px;
	height: 10px;
		float:right;
}
.detail-box-olive .bl
{
	background-image: url('images/interface/corner-transparent-small.gif');
	background-repeat: no-repeat;
	background-position: 0% 100%;
	width: 10px;
	height: 10px;
		float:left;
}
.detail-box-olive .br
{
	background-image: url('images/interface/corner-transparent-small.gif');
	background-repeat: no-repeat;
	background-position: 100% 100%;
	width: 10px;
	height: 10px;
		float:right;
}
.detail-box-lightPink
{
	background-color: #EACDCB;
	width: 920px;
	height: 122px;
	
		background-image: url('images/interface/right-bottom-corner.gif');
	background-repeat: no-repeat;
	background-position: 100% 100%;

}
.detail-box-cu
{
	padding-bottom: 20px;
	padding-left: 15px;
	vertical-align: top;
	text-align: left;
	height: 122px;
}
.detail-box-DarkCyan-cu
{
	background-color: #BBCFCA;
	width: 920px; /**/
	background-image: url('images/interface/DarkCyan-corner-br.jpg');
	background-repeat: no-repeat;
	background-position: 100% 100%;
	float: left;
}
.detail-box-DarkCyan-cu .tl
{
	background-image: url('images/interface/DarkCyan-corner.jpg');
	background-repeat: no-repeat;
	background-position: 0% 0%;
	width: 10px;
	height: 10px;
	float:left;
}
.detail-box-DarkCyan-cu .tr
{
	background-image: url('images/interface/DarkCyan-corner.jpg');
	background-repeat: no-repeat;
	background-position: 100% 0%;
	width: 10px;
	height: 10px;
	float: right;
}
.detail-box-DarkCyan-cu .bl
{
	background-image: url('images/interface/DarkCyan-corner.jpg');
	background-repeat: no-repeat;
	background-position: 0% 100%;
	width: 10px;
	height: 10px;
		float:left;
}
.detail-box-DarkCyan-cu .br
{
	background-image: url('images/interface/DarkCyan-corner.jpg');
	background-repeat: no-repeat;
	background-position: 100% 100%;
	width: 10px;
	height: 10px;
		float:right;
}
.v-border
{
	background-image: url('images/interface/border.jpg');
	background-repeat: repeat-x;
}
.footer
{
    padding: 10px 0px 10px 20px;
    color: #663300;
    vertical-align: top;
    text-align: left;
    font-size: 11px;
    font-family: Georgia;
}
.footer a
{
	color: #663300;
	text-decoration: none;
}
.footer .seperator
{
	background-image: url('images/interface/footer-sep.jpg');
	height: 230px;
	background-repeat: repeat-y;
	width: 2px;
	margin-right: 10px;
	vertical-align: top;
}
.footer ul
{
    padding: 3px 0px 0px 14px;
    margin: 0px 0px 0px 00px;
    font-size: 11px;
    font-family: Arial;
}
.footer li
{
    list-style-type: disc;
    padding-top: 2px;
    padding-bottom: 2px;
}
.footer-bottom-border
{
	background-image: url('images/interface/bottom-border.jpg');
	background-repeat: no-repeat;
	width: 1026px;
	height: 24px;
	float: left;
	margin-bottom: 10px;
}
.banner-details
{
	padding-left: 10px;

}

.banner-details a
{
	color: #663300;
	text-decoration:none;
}

.banner-details .text
{
	padding-left: 60px;
}
.catalog
{
    padding-left: 5px;
    text-align: left;
}
.catalog .catalog-details
{
	width: 304.5px;
	padding-top: 10px;
	padding-right: 14.5px;
	padding-left: 5px;
}
.catalog .catalog-details a
{
	color: #663300;
	text-decoration: none;
}
.catalog .catalog-details .text
{
    width: 260px;
    height: auto;
    padding-left: 0px;
    padding-right: 10px;
    text-align:left;
}
.story-heading
{
	padding: 4px;
	background-color: #CCCCCC;
	color: #333333;
	font-weight: bold;
}
.story-box
{
	margin: 1px;
	padding: 3px;
	border: 1px solid #CCCCCC;
}
.strong
{
	font-weight: bold;
}
.pricing
{
	vertical-align:middle;
	text-align:center ;	
	font-family:Georgia;
}