@charset "UTF-8";
/* CSS Document */

body
{
	margin:0;
	padding:0;
	font-family: Arial, Helvetica, sans-serif;
	color: #a4a294;
	size: 12px;
	line-height:110%;
	background: #33465a url(images/dspattern.jpg);
}

a
{
	color: #a4a294;
	size: 12px;
	text-decoration:none;	
}
a:hover
{
	color: #33465a;
	size: 12px;	
	text-decoration:none;
}

#wrapper
{
	position: relative;
	background: url(images/top-shadow.png) repeat-x 0 0;
	width: 996px;
	min-height: 600px;
	margin: 0 auto;
	margin-top: 25px;
	margin-bottom: 20px;
	padding-top: 8px;
}
.wrapper-shadow
{
	position:absolute;
	/*background: url(images/top-shadow.png) repeat-x 0 0;*/
	width: 996px;
	min-height: 500px;
	margin: 0 auto;
	
}
#container
{
	position: relative;
	background: #ffffff;
	width: 980px;
	margin: 0 auto;
	border: 1px solid #868371;
	text-align: left;
	-webkit-box-shadow: 0px 2px 5px #5a584b;
	-moz-box-shadow: 0px 2px 5px #5a584b;
	-o-box-shadow: 0px 2px 5px #5a584b;
	box-shadow: 0px 2px 5px #5a584b;

}
#container-inner
{
	position: relative;
	background: #ffffff;
	width: 970px;
	height:inherit;
	margin: 0px auto;	
	margin: 4px;
	
	border: 1px solid #868371;
	clear:both;
}
#logo
{
	background:#ffffff url(images/logo.jpg) no-repeat 0 0;
	width: 212px;
	height: 55px;
	margin: 0 auto;
	margin-top: 20px;
	cursor: pointer;
}
#top-menu
{ 
	width: 830px;
	height: 30px;
	border-bottom: 1px solid #dadad4;
	margin: 0 auto;
	margin-top: 30px;
	text-align:center;
}
#nav
{
	margin: 0 auto;
	width: 660px;
	height: 20px;
	overflow: hidden;
}
#nav ul
{
	margin: 0 auto;
	padding: 0;
	list-style: none;
	text-align: center;
	float: left; 
}
#nav ul li
{
	float: left; 
	display: inline;  
	width: 82px;
	height: 14px;
	margin: 5px 25px 0px 25px;
}
#menu-about-us
{
	background: #ffffff url(images/menu-about-us.jpg) no-repeat 0 0;
	width: 71px;
	height: 14px;
	margin: 0 auto;
	cursor: pointer;
}
#menu-brochure
{
	background: #ffffff url(images/menu-brochure.jpg) no-repeat 0 0;
	width: 79px;
	height: 14px;
	margin: 0 auto;
	cursor: pointer;
}
#menu-inquiries
{
	background: #ffffff url(images/inquiries.jpg) no-repeat 0 0;
	width: 79px;
	height: 14px;
	margin: 0 auto;
	cursor: pointer;
}
#menu-history
{
	background: #ffffff url(images/menu-history.jpg) no-repeat 0 0;
	width: 63px;
	height: 14px;
	margin: 0 auto;
	cursor: pointer;
}
#menu-products
{
	background: #ffffff url(images/menu-products.jpg) no-repeat 0 0;
	width: 75px;
	height: 14px;
	margin: 0 auto;
	cursor: pointer;
}
#menu-packaging
{
	background: #ffffff url(images/menu-packaging.jpg) no-repeat 0 0;
	width: 82px; 
	height: 14px;
	margin: 0 auto;
	cursor: pointer;
}
.tooltip {
	display:none;
	background:transparent url(images/black_arrow_bottom.png);
	font-size:12px;
	height:70px;
	width:160px;
	padding:25px; 
	color:#fff;
	z-index: 1000;
}
#content
{
	width: 830px;
	margin: 0px auto;
	min-height: 550px;
	z-index: 50;
	margin-top: 10px;
}
#gallery
{
	position:relative;
	overflow:hidden;
	margin: 0;
	padding: 0;
	width:830px;
	height:320px;
}
#gallery .dnone
{ 
	display:none; 
}

#gallery ul#slideshow img 
{ 
	border:0; 
}
#gallery ul#slideshow
{
	margin: 0 auto;
	padding: 0;
	width:740px;
	height:320px;
	/*
	-webkit-box-shadow: #000 0px 0px 10px;
	-moz-box-shadow: #000 0px 0px 10px;
	-o-box-shadow: #000 0px 0px 10px;
	box-shadow: #000 0px 0px 10px;
	*/
}
#gallery ul#slideshow li {
	width:740px;
	height:320px;
	display:block;
	position:relative;
}
#gallery .backbtn {
	position:absolute;
	background-image:url(images/previous.jpg);
	width: 20px;
	height: 20px;
	left:0px;
	top: 160px;
	float: left;
}
#gallery .nextbtn {
	position:absolute;
	background:url(images/next.jpg) no-repeat center center;
	height:20px;
	width:20px;
	top:160px;
	right:0px;
	float: right;
}
#bottom-menu
{
	width: 830px;
	height: 190px;
	margin: 20px auto;
	text-align:center;
	border-top: 1px solid #dadad4;	
	position: relative;
}
#bottom-menu-block
{
	width: 700px;
	height: 150px;
	margin: 0 auto;
	padding: 0;	
	position: relative;
}
.thumTitlebHolder
{
	width: 700px;
	height: 11px;
	position: relative;
	left:0;
	margin-bottom: 25px;
}

#bottom-menu ul.thumb-title 
{
	list-style: none;
	margin: 0 auto; 
	padding: 0;
	float: left;
	left:0;
	position: relative;
	width: 700px;
	height: 11px;
	margin-top: 20px;
	margin-bottom: 5px;

}
#bottom-menu ul.thumb-title li 
{
	margin: 0 auto; 
	padding: 0;
	float: left;
	left:0;
	position: relative;
	width: 193px;
	height: 11px;
}
#bottom-menu ul.thumb-title li .title
{
	width: 193px; 
	height: 11px;
	margin: 0 auto;
	position: relative; 
}
.thumbHolder
{
	height: 105px;
	position: relative;
	width: 700px;
	left:0;
}
#bottom-menu ul.thumb 
{
	list-style: none;
	margin: 0;
	left: 0;
	padding: 0;
	text-align:center;
	position: absolute;
	height: 105px;
	width: 700px;
}
#bottom-menu ul.thumb li 
{
	margin: 0 auto; 
	padding: 0;
	float: left;
	left:0;
	position: relative;
	width: 193px;
	height: 105px;
}
#bottom-menu ul.thumb li .image
{
	position: relative;
	overflow: hidden;
	width: 193px; 
	height: 217px;
	top: -105px;
	border-bottom: 1px solid #868370;
	
}
#bottom-menu ul.thumb li .image-Inquiries
{
	position: relative;
	overflow: hidden;
	width: 193px; 
	height: 113px;
	top: 0px;
	border: 1px solid #868370;
	
}
#bottom-menu ul.thumb li .image-Inquiries img 
{
	width: 193px; 
	/*border: 1px solid #868370;
	border-bottom: 0px solid #868370;*/
	/*background: #f0f0f0;*/
	position: absolute;
	left: 0; 
	top: 6px;
	z-index: 999999;
	-ms-interpolation-mode: bicubic; 
}
#bottom-menu ul.thumb li .image img 
{
	width: 185px; 
	border: 1px solid #868370;
	border-bottom: 0px solid #868370;
	padding: 3px;
	/*background: #f0f0f0;*/
	position: absolute;
	left: 0; 
	top: 105px;
	z-index: 999999;
	-ms-interpolation-mode: bicubic; 
}
#bottom-menu ul.thumb li .image img.hover 
{
	margin-top:15px;
	border: none;
}

#bottom-menu ul.thumb li .image-Inquiries img.hover 
{
	margin-top:15px;
	border: none;
}

#bottom-menu ul.contact-us 
{
	list-style: none;
	margin: 25px auto;
	padding:0;
	width: 434px;
	height: 36px;
	text-align:center;
}
#bottom-menu ul.contact-us li 
{
	margin: 0 auto; 
	padding: 0px;
	position: relative;
	width: 434px;
	height: 36px;
}
#bottom-menu ul.contact-us li .con img 
{
	width: 434px; 
	height: 36px;
	padding: 0px;
	/*background: #f0f0f0;*/
	position: absolute;
	left: 0; 
	top: 0;
	-ms-interpolation-mode: bicubic; 
}
#footer
{
	position:relative;
	width: 830px;
	height: 30px;
	margin: 0 auto;
	text-align:center;
	vertical-align:bottom;
	padding:0px;
}
#footer-logo
{
	background: url(images/footer-logo.png) no-repeat 0 0;
	width: 88px;
	height: 30px;
	margin: 0px auto;
	cursor: pointer;
}
#footer-copyright
{
	position:absolute;
	margin-bottom: 0px;
	padding:0px;
	bottom: 0px;
	left:0px;
	float: left;
	color: #a4a294;
	font-size: 9px;
	text-align:left;
}
#footer-zero3
{
	position:absolute;
	margin-bottom: 0px;
	padding:0px;
	bottom: 0px;
	right:0px;
	float: right;
	color: #a4a294;
	font-size: 9px;
	text-align:right;
}
#footer-zero3 a
{
	color: #a4a294;
	size: 12px;
	text-decoration:none;	
}
#footer-zero3 a:hover
{
	color: #a4a294;
	size: 12px;	
	text-decoration:none;
}

#login-username
{
	clear:both;
}
#login-username label
{
	float: left;
	width: 100px;
	text-align: left;
}
#login-username input
{
	float: left;
	background-color: #a4a294;
	border: 0;
	width: 100px;
}
#login-password
{
	clear:both;
}
#login-password label
{
	float: left;
	width: 100px;
	text-align: left;
}
#login-password input
{
	float: left;
	background-color: #a4a294;
	border: 0;
	width: 100px;
}
#login-submit
{
	float: right;

}
.form
{
	/*background:#59574a;	*/
	padding:0px 20px; 
	/*color:#000000;*/
	margin:25px auto;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;	
	position: relative;
	overflow: hidden;
}
/* nested fieldset */
.form fieldset 
{
	border:0;
	margin:0;
	padding:0;
	/*background:#59574a;	*/
}

/* typography */
h3 	{ /*color:#9f8643;*/ margin-top:0px;font-family:Times, serif; }
.form p 	{ font-size:11px; }


/* input field */
.form input {
	border:1px solid #444;
	background-color:#ddd;
	padding:5px;
	color:#666;
	font-size:12px; 
	
	/* CSS3 spicing */
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	/*text-shadow:1px 1px 1px #000;*/
}
/* textarea field */
.form textarea {
	border:1px solid #444;
	background-color:#ddd;
	padding:5px;
	color:#666;
	font-size:12px; 
	
	/* CSS3 spicing */
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	/*text-shadow:1px 1px 1px #000;*/
}
.form button
{
	border:1px solid #444;
	background-color:#ddd;
	padding:5px;
	color:#9f8643;
	font-size:12px; 
	/* CSS3 spicing */
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	/*text-shadow:1px 1px 1px #000;*/
	cursor:pointer;
}
.form .button-link
{
	border:1px solid #444;
	background-color:#ddd;
	padding:5px;
	color:#9f8643;
	font-size:12px; 
	
	/* CSS3 spicing */
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	/*text-shadow:1px 1px 1px #000;*/
	cursor:pointer;
}
.form input:focus 		{ color:#fff; background-color:#777; }
.form input:active 	{ background-color:#888; }

.form button:hover 		{ color:#fff; background-color:#777; }
.form button:active 	{ background-color:#888; }
.form .button-link:hover 		{ color:#fff; background-color:#777; }
.form .button-link:active 	{ background-color:#888; }


/* button */
/*.form button {
	outline:0;
	border:1px solid #ffffff;
	background-color: #51423f;
	color: #ffffff;
}
*/
/* error message */
.error {
	height:15px;
	background-color:#FFFE36;
	font-size:11px;
	border:1px solid #E1E16D;
	padding:4px 10px;
	color:#000;
	margin-left:-2px;
	
	-moz-border-radius:4px;
	-webkit-border-radius:4px; 
	/*-moz-border-radius-bottomleft:0;
	-moz-border-radius-topleft:0;	
	-webkit-border-bottom-left-radius:0; 
	-webkit-border-top-left-radius:0;*/
	
	-moz-box-shadow:0 0 6px #ddd;
	-webkit-box-shadow:0 0 6px #ddd;	
	z-index: 99999;
}
.error em {
	display:block;
	width:0;
	height:0;
	border:10px solid;
	border-color:#FFFE36 transparent transparent;

	/* positioning */
	position:absolute;
	bottom:-17px;
	left:60px;
}
/* field label */
label {
	display:block;
	font-size:14px;
	/*color:#9f8643;*/
	
}

#terms label {
	float:left;
}

#terms input {
	margin:0 5px;
}

.form .message .success
{
margin: 0 auto;
text-align:center;
color: green;
}
.form .message .faild
{
margin: 0 auto;
text-align:center;
color: red;
}
 
.index-div
{
	position:relative;
	background:#59574a;
	margin: 20px;
	width: 160px;
	height: 160px;
	color:#eeeeee;
	text-align:center;
	vertical-align:middle;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;	
}
.index-div:hover
{
	position:relative;
	background:#86847a;
	margin: 20px;
	width: 160px;
	height: 160px;
	color:#59574a;
	text-align:center;
	vertical-align:middle;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;	
}
.index-div div
{
	margin: 0 auto;
	margin-top: 80px;
}
.under-construction
{
	font-size: 18px;
	color:#59574a;
	text-align: center;
	margin: 0 auto;
}
.header-body
{
	width: 830px;
	height: 320px;
	margin-bottom: 10px;
	margin-top: 30px;
	text-align: center;
	margin: 0 auto;
}
.content-body
{
	margin-top: 30px;
	margin-bottom: 30px;
	width: 830px;
	position:relative;
	size: 14px;
	line-height:140%;
	font-family:Times, serif;
}
.locations
{
	width: 510px;
	margin: 5px auto;
	overflow:hidden;
	margin-bottom: 5px;
	padding: 5px;
	border-bottom: 1px solid #dadad4;
}
.locations-image
{
	float:left;
	width: 250px;
	margin: 0 auto;
	text-align: center;
}
.location-description
{
	float:left;
	width: 250px;
}
.locations-address
{
}
.product-name-box
{
	width: 150px;
	text-align: center;
	margin: 0 auto;
}
.inquiriesImg
{
	float: right;
	width: 400px;
	height: 430px;
	margin-top: 5px;
	
}
.packaging-image-box
{
	margin-bottom: 20px;
}