body, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, footer, input, button, textarea, p, blockquote, th, tr, td, table {
	margin: 0;
	padding: 0;
	border:0px;
}

body {
	font-family:Verdana, Arial, Helvetica, sans-serif; 
	font-size:13px;
	color:#535353;
}


/*-------global--------*/

h1, h2, h3, h4, h5, form, ul, li { margin:0; padding:0; font-weight:normal;}
h1 { font-size:22px; color:#7f5e27; font-family:ubuntu, "trebuchet MS"; line-height:22px;}
h2 { font-size:17px; color:#7f5e27; line-height:27px;}
h3 { font-size:14px; font-family:ubuntu, "trebuchet MS"; line-height:27px;}

a img, img { border:0; outline:none;}
a { color: #fff; text-decoration: none; outline:none;}
a:hover { color: #0066ff;}
a:active { color: #0066ff; position: relative; top: 1px; }
.red { color:#FF0000; }
.bt:active { position: relative; top:1px;}
.button {background-color:#00a8ff; width:84px; font-size:12px; height:24px; line-height:20px; color:#fff; text-align:center; padding-top:4px;}
.sep {border-top:#ccc dotted 1px; margin-top:15px; margin-bottom:20px; }

p { margin-bottom: 1.143em; line-height:20px; color:#535353; text-align:justify; }

/* HTML5 tags */
header, section, footer,
aside, nav, article, figure {
	display: block;
}

.clear { clear:both;}
.floatleft { float:left;}
.floatright { float:right;}

/*---------header----------*/
#header { width:100%; margin:0 auto; background-color:#000000;}
.header {width:990px; height:98px; margin:0 auto; clear:both;}

.logo { margin:0px 0 0px 0; width:285px; padding-top:10px; height:75px; float:left;}

.top-rt { width:484px; margin-top:35px; margin-left:220px; height:58px; float:right;}
/*---------Top Menu----------*/
/*.menu-top { font-family:Arial, Helvetica, sans-serif; width:484px; font-size:14px;  color:#bababa; float:right;}
.menu-top ul { list-style:none; padding-left:30px; float:right;}
.menu-top ul li { display:inline; padding-left:0px; position:relative;}
.menu-top ul li a { padding-right:25px; padding-left:0px; color:#bababa;}
.menu-top ul li a:hover {color:#d7c386;}
.menu-top ul li a.active {color:#d7c386;}
*/

.header > div.top-rt > nav { width: 500px; float:left;}
.header > div.top-rt > nav > ul { text-align: center; position: relative; display: block; font-size: 0; margin-left: -10px;}
.header > div.top-rt > nav > ul > li { list-style: none; float:left;}
.header > div.top-rt > nav > ul > li > a { 
	text-decoration:none; font-size:12px; 
	color:#fff;
	display: block;
    text-decoration: none;
	text-transform:uppercase;
	padding:10px 14px; display:block;
	font-family:Arial;
}
.header > div.top-rt > nav > ul > li > a:hover { background:#2e2e2e !important; color:#d7c386 !important; }
.header > div.top-rt > nav > ul > li > a.active {color:#d7c386; }

.header > div.top-rt > nav > ul > li:hover a {  background:#000; padding:10px 14px; color:#fff;}
.header > div.top-rt > nav > ul > li > ul { list-style:none; width:180px; display: none; z-index:1000; border:solid 1px #2e2e2e; border-bottom:none;}
.header > div.top-rt > nav > ul > li > ul > li > a {
    display: block; font-family:Arial;
    text-decoration: none;
    border-bottom: 1px solid #323232; color:#000;
    white-space: nowrap; text-align:left; text-transform:uppercase;
}
.header > div.top-rt > nav > ul > li:hover ul { display: block; position: absolute;}
.header > div.top-rt > nav > ul > li:hover li { float: none; font-size: 12px;}
.header > div.top-rt > nav > ul > li:hover li a { padding:10px 14px; display:block;}
.header > div.top-rt > nav > ul > li:hover li a:hover { background: #2e2e2e; color:#fff;}



#bannerwrap { width:100%; margin:0 auto;}
.banner { height:392px; width:100%; float:left;}

#products-logo {width:990px; margin:0 auto;}
.products-logo {background-color:#f9f9f9; height:85px; padding-top:20px; padding-left:10px; border-radius:5px; margin-top:25px; border:#eeeded solid 1px;}

#products {width:990px; margin:0 auto; margin-top:25px;}
.products { width:990px; height:200px; clear:both; margin-top:25px;}


.pdcontainer {float:left; width:970px; overflow:hidden; height:219px; }
.pdcontainer ul {list-style:none; width:1100px; }
.pdcontainer ul li {list-style:none; float:left; width:340px;}
.imagebox{ width:288px; text-align:center;}
.prevlink {float:left; padding:0px 10px 0px 0px ; width:30px; height:100px; text-align:center; padding-top:50px;}
.nxtlink  {float:right; padding:0px; width:30px; height:100px; text-align:center; padding-top:50px;}
.more {width:288px; padding-top:10px;}

#content {width:990px; margin:0 auto;}
.details {margin-top:25px;line-height:20px;}
.content-bg {background-color:#f9f9f9; border:#eeeded solid 1px; border-radius:5px; padding:15px; float:left;}
.content-bg a {color:#0066ff;}

#clients {width:990px; margin:0 auto;}
.clients {background-color:#f9f9f9; width:980px; height:85px; padding-top:20px; padding-left:10px; border-radius:5px; margin-top:25px; border:#eeeded solid 1px;}

#footer {width:100%; margin:0 auto; background-color:#e8e8e8;}
.footer {width:990px; height:58px; margin:0 auto; margin-top:25px; padding-top:30px; clear:both; font-size:11px; color:#4e4e4e;}
.footer ul {list-style:none;}
.footer ul li { display:inline; padding-left:0px; position:relative;}
.footer ul li a { padding-right:10px; padding-left:0px; color:#4e4e4e;}
.poweredby {color:#4e4e4e; float:right; }
.poweredby a {color:#00a8ff; font-weight:bold;}

/* form */
.form {font-size:13px; font-family:Arial, Helvetica, sans-serif;}

input,
textarea {
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -webkit-transition: border linear 0.2s, box-shadow linear 0.2s;
  -moz-transition: border linear 0.2s, box-shadow linear 0.2s;
  -ms-transition: border linear 0.2s, box-shadow linear 0.2s;
  -o-transition: border linear 0.2s, box-shadow linear 0.2s;
  transition: border linear 0.2s, box-shadow linear 0.2s;
  font-size: 12px;
width: 188px;
  padding: 4px;
  line-height: 18px;
  color: #555555;
  border: 1px solid #cccccc;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  margin-bottom:1px;
}


input:focus,
textarea:focus {
  border-color: rgba(82, 168, 236, 0.8);
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
  -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
  outline: 0;
  outline: thin dotted \9;
  /* IE6-9 */

}
	


textarea { 
	width: 188px;
	max-width: 188px;
	height: 60px;
	line-height: 100%; color:#000;
	}

input:hover, textarea:hover,
input:focus, textarea:focus { 
	-moz-box-shadow:0 0 4px lightblue;
	-webkit-box-shadow:0 0 4px lightblue;
	box-shadow:0 0 4px lightblue;
}

.form label { 
	margin-left: 2px; 
	color: #FF0000; 
	}

.submit input {
	width: auto;
	padding: 4px 10px;
	background: rgb(251,251,251); /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZiZmJmYiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmMmYyZjIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  rgba(251,251,251,1) 0%, rgba(242,242,242,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(251,251,251,1)), color-stop(100%,rgba(242,242,242,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(251,251,251,1) 0%,rgba(242,242,242,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(251,251,251,1) 0%,rgba(242,242,242,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(251,251,251,1) 0%,rgba(242,242,242,1) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(251,251,251,1) 0%,rgba(242,242,242,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fbfbfb', endColorstr='#f2f2f2',GradientType=0 ); /* IE6-8 */

	font-size: 14px; font-family:Arial;
	color: #686767;
	cursor:pointer;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	margin-top:5px;
	font-weight:bold; font-size:12px;

	}

#form-div {
-moz-border-radius:12px 12px 12px 12px;
-webkit-border-radius: 12px 12px 12px 12px;
background-color:#F5F5F5;
padding:15px;
}



.leftproduct-cate { width:200px; margin-top:15px; border:solid 1px #d6d6d6; float:left; }
.leftproduct-cate ul { width:190px; padding:0 5px; float:left; }
.leftproduct-cate ul li { width:160px; padding:3px 15px 3px 15px; border-bottom:dotted 1px #c4c8ca; list-style-type:none;}
.leftproduct-cate ul li a { font-family:arial; font-size:12px; text-shadow:0 1px 0 #fff; color:#3a3a3a; text-decoration:none; display:block; background:url(../images/arrow.png) left center no-repeat; padding:5px 5px 5px 20px}
.leftproduct-cate ul li a:hover {  text-decoration:none; color:#7f5e27; text-shadow:none;}

#product-category { width:990px;  float:right; }
#product-category ul { width:990px; float:left; }
#product-category ul li { width:170px; height:120px; margin:0 28px 40px 0px; text-align:center; display:block; float:left;
}
#product-category ul li a {
 width:170px;
display:block;
text-decoration:none;
color:#000;
	}
#product-category ul li a:hover {

display:block;
text-decoration:none;
color:#7f5e27;
	}
	
#clients-category { width:990px;  float:right; }
#clients-category ul { width:990px; float:left; }
#clients-category ul li { height:100px; margin:0 32px 40px 0px; text-align:center; display:block; float:left;
}
#clients-category ul li a {
display:block;
text-decoration:none;
color:#000;
	}
#clients-category ul li a img {  border:solid 1px #eeeeee; padding:5px; } 
#clients-category ul li a:hover {

display:block;
text-decoration:none;
color:#7f5e27;
	}

.products-detail { width:760px; float:right; }
.backbg1 { background: -moz-linear-gradient(top,  rgba(227,233,237,0.7) 0%, rgba(227,233,237,0.7) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(227,233,237,0.7)), color-stop(100%,rgba(227,233,237,0.7))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(227,233,237,0.7) 0%,rgba(227,233,237,0.7) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(227,233,237,0.7) 0%,rgba(227,233,237,0.7) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(227,233,237,0.7) 0%,rgba(227,233,237,0.7) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(227,233,237,0.7) 0%,rgba(227,233,237,0.7) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b3e3e9ed', endColorstr='#b3e3e9ed',GradientType=0 ); /* IE6-9 */ }

.products-detail .bdr img{ border:solid 1px #e0e0e0; padding:5px; }

.gallery { margin:0px; padding:0px;}
.gallery li { float:left; padding-right:28px; height:150px; display:inline; }
.gallery img { border:none; }