@charset "utf-8";
/* CSS Document */
body
{
	margin:0px;
	padding:0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;	
	background:#592600;
}
#wrapper
{
	margin:0 auto;
	width:1200px;
	height:auto;
	background:#fff;
	overflow:hidden;
}
#header
{
	float:left;
	width:1200px;
	height:auto;
	background:url(../image/header.png) top right #f1f1f1;
}
.logo
{
	float:left;
	width:500px;
	height:auto;
	margin:20px;
}
.links
{
	float:right;
	width:420px;
	height:auto;
	margin:10px;
}
.links ul { margin:0; padding:0; list-style:none;}
.links ul li { color:#000; text-align:right; margin-top:30px; margin-left:0px; display:inline-block; }
.links ul li a{ color:#000; text-decoration:none;}
.links ul li a:hover{ color:#FF6600;}

.eco-friend{
	max-height: 500px;
    display: inline-block;
    margin: 0 10px;
}

.eco-friend-link{position: relative;top:-150px;}

#menu
{
	float:left;
	width:1200px;
	height:40px;
background: #e7a300; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2U3YTMwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmOGQyMDIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  #e7a300 0%, #f8d202 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e7a300), color-stop(100%,#f8d202)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #e7a300 0%,#f8d202 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #e7a300 0%,#f8d202 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #e7a300 0%,#f8d202 100%); /* IE10+ */
background: linear-gradient(to bottom,  #e7a300 0%,#f8d202 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e7a300', endColorstr='#f8d202',GradientType=0 ); /* IE6-8 */

}
#menu ul
{
	margin:0px; padding:0px;
	list-style:none;
}
@font-face
{
	font-family:AERO;
	src:url(../image/AERO.TTF);	
}
#menu ul li
{
	margin:12px 8px;	
	font-size:14px;
	font-family:AERO;
	text-transform:uppercase;
	color:#000;
	display:inline-block;
	font-weight:normal;
}
#menu ul li:first-child { margin-left:25px;}
#menu ul li a
{
	color:#000;
	text-decoration:none;
}
#menu ul li a:hover
{
	color:#fff;
}
#body_content
{
	float:left;
	width:1200px;
	height:auto;
}
#body_left
{
	float:left;
	width:215px;
	height:auto;
	margin:5px 0 0 5px;
}
#body_right
{
	float:left;
	width:980px;
	height:auto;
	margin:5px 0px;	
}
#banner
{
	float:left;
	width:970px;
	height:auto;
	margin-left:5px;
}
#prod_box
{
	float:left;
	width:210px;
	height:auto;	
	border:1px solid #e0e0e0;
	margin-bottom:10px;
	background: #ffe5d4; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZTVkNCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  #ffe5d4 0%, #ffffff 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffe5d4), color-stop(100%,#ffffff)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #ffe5d4 0%,#ffffff 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #ffe5d4 0%,#ffffff 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #ffe5d4 0%,#ffffff 100%); /* IE10+ */
background: linear-gradient(to bottom,  #ffe5d4 0%,#ffffff 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffe5d4', endColorstr='#ffffff',GradientType=0 ); /* IE6-8 */


}
#prod_header
{
	float:left;
	width:210px;
	height:auto;
	font-family:BEBAS;
	font-weight:normal;	
	background:#5f2600;
}
.pro_h3 { color:#fff; margin:10px; font-weight:normal; font-size:18px;}	
.prod_link {margin:0px; padding:0px; list-style:none;}
.prod_link li {margin:0px 10px; color:#000; font-family:14px; line-height:25px; list-style-image:url(../image/icon_list.png); list-style-position:inside;}
.prod_link li a {color:#000; text-decoration:none;}
.prod_link li a:hover {color:#4dcb01;}
@font-face
{
	font-family:BEBAS;
	src:url(../image/BEBAS.TTF);	
}
.h3_left { font-family:BEBAS; font-size:28px; color:#673d01; margin:10px 10px; font-weight:normal;}
.h3_left1 { font-family:BEBAS; font-size:22px; color:#03672d; margin:10px 10px; font-weight:normal;}
.o3_left { font-family:BEBAS; font-size:28px; color:#673d01; margin:5px 10px; font-weight:normal;}
.cont_inn_lft
{
	float:left;
	width:490px;
	height:auto;
	margin:10px 0px;
}
.abt_inn_lft
{
	float:left;
	width:690px;
	height:auto;
	margin:10px 0px;
}
.abt_inn_rgt
{
	float:left;
	width:290px;
	height:auto;
	margin:10px 0px;
}
.h3_lft { font-family:BEBAS; font-size:22px; color:#000; margin:5px 0px;}
.p_lft { font-size:13px; color:#000; margin:5px 0px; line-height:25px; font-family:OpenSans-Regular;}
@font-face
{
	font-family:OpenSans-Regular; src:url(../image/OpenSans-Regular.ttf)	
}
.ul_list { font-size:13px; color:#000; list-style:none; line-height:25px; font-family:OpenSans-Regular;}
.line
{
	float:left;
	width:960px;
	height:auto;
	margin:0px 10px;
}
.marquee_img { float:left; width:960px; height:auto; margin:0px 0px; }
.img_part { margin:5px 5px 10px 20px; border:1px solid #ccc; box-shadow:1px 1px 1px #000;}
.img_part1 { margin:5px 5px 10px; border:1px solid #ccc; box-shadow:1px 1px 1px #000;}
#footer
{
	float:left;
	width:1200px;
	height:auto;
	background: #e5b130; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2U1YjEzMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmYWMxMzQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  #e5b130 0%, #fac134 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e5b130), color-stop(100%,#fac134)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #e5b130 0%,#fac134 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #e5b130 0%,#fac134 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #e5b130 0%,#fac134 100%); /* IE10+ */
background: linear-gradient(to bottom,  #e5b130 0%,#fac134 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e5b130', endColorstr='#fac134',GradientType=0 ); /* IE6-8 */

}
.col { float:left; width:260px; height:auto; margin:5px 20px; }
.col a { color:#000; text-decoration:none;}
.col a:hover { color:#fff; text-decoration:none;}
.foot_left { font-family:BEBAS; font-size:22px; color:#673d01; margin:10px 0;}
#footer_copy
{
	float:left;
	width:1200px;
	height:40px;
	background:#443001;
}
 /* Elegant Aero */
.elegant-aero {  
    max-width: 400px;
    background: #D2E9FF;
    padding: 20px 20px 20px 20px;
    font: 12px Arial, Helvetica, sans-serif;
    color: #666;
	margin-left:10px;
	border-radius:10px 0 10px 0px;
	-webkit-border-radius:10px 0 10px 0px;
	-moz-border-radius:10px 0 10px 0px;
	-ms-border-radius:10px 0 10px 0px;
	-o-border-radius:10px 0 10px 0px;
	box-shadow:1px 1px 1px #089ed9;
}
/*.elegant-aero h1 {
    font: 24px "Trebuchet MS", Arial, Helvetica, sans-serif;
    padding: 10px 10px 10px 20px;
    display: block;
    background: #C0E1FF;
    border-bottom: 1px solid #B8DDFF;
    margin: -20px -20px 15px;
}
.elegant-aero h1>span {
    display: block;
    font-size: 11px;
}*/

.elegant-aero label>span {
    float: left;
    margin-top: 10px;
    color: #000;
}
.elegant-aero label {
    display: block;
    margin: 0px 0px 5px;
}
.elegant-aero label>span {
    float: left;
    width: 20%;
    text-align: right;
    padding-right: 15px;
    margin-top: 10px;
    font-weight: bold;
}
.elegant-aero input[type="text"], .elegant-aero input[type="contact"], .elegant-aero input[type="email"], .elegant-aero textarea {
    color: #888;
    width: 70%;
    padding: 0px 0px 0px 5px;
    border: 1px solid #C5E2FF;
    background: #FBFBFB;
    outline: 0;
    -webkit-box-shadow:inset 0px 1px 6px #ECF3F5;
    box-shadow: inset 0px 1px 6px #ECF3F5;
    font: 200 12px/25px Arial, Helvetica, sans-serif;
    height: 30px;
    line-height:15px;
    margin: 2px 6px 16px 0px;
}
.elegant-aero textarea{
    height:50px;
    padding: 5px 0px 0px 5px;
    width: 70%;
}
.elegant-aero select {
    background: #fbfbfb url('down-arrow.png') no-repeat right;
    background: #fbfbfb url('down-arrow.png') no-repeat right;
   appearance:none;
    -webkit-appearance:none;
   -moz-appearance: none;
    text-indent: 0.01px;
    text-overflow: '';
    width: 70%;
}
.elegant-aero .button{
    padding: 10px 30px 10px 30px;
    background: #66C1E4;
    border: none;
    color: #FFF;
    box-shadow: 1px 1px 1px #4C6E91;
    -webkit-box-shadow: 1px 1px 1px #4C6E91;
    -moz-box-shadow: 1px 1px 1px #4C6E91;
    text-shadow: 1px 1px 1px #5079A3;
   
}
.elegant-aero .button:hover{
    background: #3EB1DD;
}