/*reset*/
* {margin:0; padding:0; border:0; outline:0; font-size:100%; font:inherit; vertical-align:baseline;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block;}
body {line-height:1;}
ol, ul {list-style:none;}
table {border-collapse:collapse; border-spacing:0;}

/*text setting*/
body {color:#333; font:13px/1.5 Arial, sans-serif;}
@font-face {
    font-family:'HalvettCondensedRegular';
    src: url('font/halvettcondensed-webfont.eot');
    src: url('font/halvettcondensed-webfontd41d.eot?#iefix') format('embedded-opentype'),
         url('font/halvettcondensed-webfont.woff') format('woff'),
         url('font/halvettcondensed-webfont.ttf') format('truetype'),
         url('font/halvettcondensed-webfont.svg#HalvettCondensedRegular') format('svg');
    font-weight:normal;
    font-style:normal;
}

h1,h2,h3,h4,h5,h6 {font-family:"HalvettCondensedRegular"; padding:.5em 0;}
h1 {font-size:36px; padding:0;} 
h2 {font-size:30px;}
h3 {font-size:1.5em;}
h4 {font-size:1.33em;}
a {text-decoration:none; color:#390; cursor:pointer;}
a:hover {color:#F60; text-decoration:underline;}
strong {font-weight:700;}
.ellip {width:200px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.tac {text-align:center;}
.tal {text-align:left;}
.tar {text-align:right;}
.fl {float:left; display:inline;}
.fr {float:right; display:inline;}
.clear {clear:both;}
article li {list-style:disc; margin:0 0 5px 20px;}
article ol li {list-style:decimal;}
article ul, article ol, p {margin-bottom:1.154em;}
article small {font-size:.9em; font-family:Arial;}
th, td {padding:5px; vertical-align:top; text-align:left;}

/*icons*/
i {display:inline-block; width:16px; height:16px; background:url(../images/sprite.png) no-repeat; vertical-align:middle; position:relative;}

/*input*/
input::-moz-focus-inner /*Remove button padding in FF*/
{ 
    border:0;
    padding:0;
}
input[type="text"], input[type="email"], input[type="password"], textarea{
	background:#fcfcfc;color:#666; padding:5px; 
	border:1px solid #ccc;
}
input[type="text"]:focus, input[type="email"]:focus, input[type="password"]:focus, textarea:focus{color:#444;background:#fff;outline:0}
select {background:#fff; border:1px solid #ddd; padding:5px; font:13px Arial;}
input.error, textarea.error {border:1px dotted #f00;}
label.error {display:block; color:#f00; font:100 11px Tahoma; margin:5px 0 0}
.recaptcha_input_area {position:relative; overflow:inherit;}
.recaptcha_input_area label.error {position:absolute; bottom:-25px; left:-10px; width:200px;}
.asterisk {color:#d00; font:700 14px Arial; margin:0 3px 0 0;}
.btn {
	display:inline-block; padding:0 1em; height:2.5em; border:0; overflow:visible;
	color:#fff; font:100 1.1em Arial; text-shadow:1px 1px 0 rgba(0,0,0,.1); white-space:nowrap; vertical-align:middle; cursor:pointer;
	background:#491;
}
.btn:hover {
	background:#7a0;
	-webkit-box-shadow:	2px 2px 3px rgba(0,0,0,.2);
	box-shadow:			2px 2px 3px rgba(0,0,0,.2);
}
.btn:active {background:#580; -webkit-box-shadow:none; box-shadow:none;}

/*layout*/
.wrap, .main {width:990px; margin:0 auto; position:relative;}
header, footer {min-width:990px;}

/*header*/
header {position:relative; z-index:9999; -webkit-box-shadow:0 2px 4px 0px rgba(0,0,0,.2); box-shadow:0 2px 4px 0px rgba(0,0,0,.2); background:#491;}
header h1 {line-height:120px; float:left;}
header h1 a {color:#dfa;}
header h1 a:hover {text-decoration:none; color:#fff;}
header .logo {width:45px; vertical-align:middle; margin-right:10px; opacity:0.7; filter:alpha(opacity=70);}
a:hover .logo {opacity:1; filter:alpha(opacity=100);}
.topR, .search {float:right;}
.topR {margin:10px 0 20px; white-space:nowrap; color:#9c2;}
.topR li {display:inline; margin:0 0 0 8px;}
.topR a {color:#cf6;} .topR a:hover {color:#fff;}
.topR i {top:-2px; margin-right:3px;}
.iUser {background-position:-16px 0;}
.iCart {background-position:-32px 0;}
.search {clear:right; width:215px; margin:0 ; position:relative;}
.search input[type="text"] {margin:0; padding:0 5px; height:25px; line-height:25px; width:205px; border:0; }
.btnSearch, .btnSearch:hover {
	display:block; width:30px; height:25px; padding:0; margin:0;
	position:absolute; top:0; right:-2px; cursor:pointer; 
	-webkit-border-top-left-radius:0; border-top-left-radius:0;
	-webkit-border-bottom-left-radius:0; border-bottom-left-radius:0;
	background:none;  -webkit-box-shadow:none; box-shadow:none;
}

.btnSearch i {background-position:0 0; opacity:0.6; filter:alpha(opacity=60);}
.btnSearch:hover i { opacity:1; filter:alpha(opacity=100);}
.btnSearch:active {background:#eee; filter:none; -webkit-box-shadow:none; box-shadow:none;}

nav {width:100%; clear:both; background:#370;}
.toggleMenu { display:none; width:20%; background:url("../images/sprite.png") 40% -47px no-repeat #370 ; padding:10px 15px 10px 25%; color:#fff; border-right:1px solid #690; font-size:14px;}
.toggleMenu:hover {text-decoration:none; background-color:#240; color:#fff;}
.toggleMenu.active {background-color:#240;}
.nav { list-style:none; *zoom:1; background:#370; text-align:center;}
.nav:before, .nav:after { content:" "; display:table; }
.nav:after { clear:both;}
.nav ul { list-style:none; float:left; left:50%; position:relative;}
.nav a { padding:10px 15px; color:#cf8; font-size:14px;}
.nav a:hover {background:#8b0; text-decoration:none;}
.nav li { position:relative;}
.nav > li {display:inline-block; *float:left;}
.nav > li > a {padding:10px 35px; *float:left;}
.nav > li > .parent { background-image:url("../images/downArrow.png"); background-repeat:no-repeat; background-position:right;}
.nav > li > a { display:block;}
.nav li  ul { position:absolute; left:-9999px; text-align:left;}
.nav li.hover a, .nav li.sel > a {background-color:#240;}
.nav li.hover li a:hover {background:#491; color:#fff;}
.nav > li.hover > ul { left:0;}
.nav li li.hover ul { left:100%; top:0;}
.nav li li{ padding:0;}
.nav li li a { display:block; background:#580; position:relative; z-index:100; border-top:1px solid #491; white-space:nowrap;}

.lang {clear:right; float:right; margin:15px 0 5px; font-family:Arial;}
.lang a {margin:0 5px; color:#cf8;} .lang a:hover {color:#fff;}
.lang a.selected {color:#ad6; cursor:default; text-decoration:none; background:#370; padding:3px 5px;}
/*banner*/
.banner {background:#eee; position:relative; z-index:1; -webkit-box-shadow:inset 0 0 5px 0px #ccc; box-shadow:inset 0 0 5px 0px #ccc;}
.banner div.wrap {background:url(../images/banner.png) top right no-repeat; height:120px; position:relative;}
.banner h2 {color:#460; text-shadow:2px 2px 0 #fff; position:absolute; top:50%; left:0; margin-top:-30px;padding:0 15px;}
.slider {width:990px; margin:0 auto; padding:20px 10px 10px;}
/*main*/
.main {padding:20px 0 30px; overflow:hidden;}
article h2 {border-bottom:3px solid #390; line-height:1; padding:0 0 5px; margin:0.5em 0;}
article.fullwidth {min-height:400px; padding:20px 50px;}
article.fullwidth h2 {margin-top:0;}
/*product list*/
aside {float:left; width:210px; font-family:Arial;}
article.fr {width:750px;}
article.fr h2 {border-bottom:3px solid #7a0; padding-bottom:0; margin-bottom:10px;}
.cat {background:#efc; padding:0 0 10px; margin:0 0 10px;}
.cat h2 {font-size:24px; padding:10px 15px;}
.cat li a {display:block; padding:5px 10px; border-bottom:1px solid #d6eea3;}
.cat li:first-child a {border-top:1px solid #d6eea3;}
.cat li a:hover {background:#9c1; color:#fff; text-decoration:none;}
.cat li.selected a {background:#7a0; color:#fff; text-decoration:none; cursor:default;}
.filter {background:#eee; padding:10px; text-align:right;}
.products {width:100% !important; border-bottom:0 !important; background:#fff;}
.products th, .products td {vertical-align:middle; padding:10px 5px;}
.products span {font-size:1.1em;}
.products tbody th, .products tbody td {border-top:1px solid #ddd;}
.products tbody tr:first-child th, .products tbody tr:first-child td {border-top:0;}
.products td:first-child {width:120px;}
.products img {width:120px; height:90px; border:1px solid #ddd; display:block;}
.products .tar label {margin-right:20px;}
input.qty {width:50px; padding:0 5px; margin:0 0 5px;}
.products .name {font-weight:700;}
.products thead {display:none;}
.btnDel {padding:5px 10px; background:#eFd; border:1px solid #be8; color:#390;}
.btnDel span {margin-left:3px;}
.btnDel:hover {background:#580; color:#fff; text-decoration:none; border-color:#360;}
aside .cat select, aside .cat .select2-container {display:none;}

/*home*/
.homeL {width:60%; float:left; text-align:justify;}
.homeR {width:35%; float:right;}
.homeR .cnt {padding:0 20px 20px;}
a.btnSend { display:block; font-family:"HalvettCondensedRegular"; font-size:22px; color:#7a0; border:1px solid #ccc; padding:5px 0; background:#fafafa;}
a.btnSend:hover {color:#f60; text-decoration:none;}
a.btnSend i {width:45px; height:30px; background-position:0 -16px;}

/*faq*/
dl {margin-left:15px;}
dt {font-weight:700; color:#491; margin:0 0 5px; padding:5px;
	background: #eee;
	background: -webkit-gradient(linear, left top, left bottom, from(#eee), to(#fff)); /* Safari 4+, Chrome */
	background: -webkit-linear-gradient(top, #eee, #fff); /* Chrome 10+, Safari 5.1+, iOS 5+ */
	background:    -moz-linear-gradient(top, #eee, #fff); /* Firefox 3.6-15 */
	background:      -o-linear-gradient(top, #eee, #fff); /* Opera 11.10-12.00 */
	background:         linear-gradient(to bottom, #eee, #fff); /* Firefox 16+, IE10, Opera 12.50+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#ffffff',GradientType=0 );
}
dd {margin:0 0 20px;}

/*contact*/
.contactL {float:left;}
.box {border:1px solid #ddd; padding:15px; background:#f9f9f9;}
.box.enquiry {float:right; width:420px;}
.box input[type="text"], input[type="email"],.box input[type="password"], .box textarea {width:250px;}
textarea {height:150px;}
.box h2 {border-bottom:1px solid #ddd; padding:.5em 0 5px; margin-top:-10px; margin-bottom:15px; -webkit-box-shadow:0 1px 0 0 #fff; box-shadow:0 1px 0 0 #fff;}

/*footer*/
footer {font-size:.87em; color:#ccc; background:#555; padding:15px 0;}
footer .wrap {overflow:hidden;}
footer .fr a, footer .fr {color:#999; font:11px Arial;}
footer .fr a:hover {color:#ddd;}

/*login*/
.box {width:500px; margin:0 auto;}
.register {width:500px; margin:0 auto;}
.box .btn {margin:0 3px;}
.enquiryform input[type="text"],.enquiryform input[type="email"],.enquiryform input[type="password"], .enquiryform textarea {width:350px;}

/*search results*/
.resultNum {background:#eee; padding:5px;}
.searchList li {list-style:none; margin-left:0; display:block; padding:10px; border-bottom:1px dotted #aaa; line-height:1.2; color:#333;}
.searchList h3 {font:700 15px Arial; padding-bottom:5px; padding-top:0;}
.searchList .searchlink {color:#aaa; padding-top:10px; display:block;}
.searchList li a:hover {text-decoration:none;}
.searchList li a:hover h3 {text-decoration:underline; color:#004A90;}
.paging{ text-align:center; padding:5px 0; margin:50px 0 20px; color:#555; background:#eee;}
.paging a{padding:3px 5px; font:12px Tahoma; color:#555; margin:0 2px;}
.paging a:hover, .paging a.active_page{ background:#777; color:#fff; text-decoration:none;}
.paging a.active_page{cursor:default;}

/*cart*/
.listT {width:100%;}
.listT th, .listT td {text-align:center; border-bottom:1px solid #ccc; vertical-align:middle;}
.listT thead td, .listT thead th {background:#370; color:#fff; font-weight:100; border-bottom:0;}
.listT td:first-child {width:85px;}
.listT img {width:80px; height:60px;}
.listT th {text-align:left;}

.cn {font-family:'Helvetica Neue', Helvetica, Arial, "Microsoft YaHei", "微软雅黑",sans-serif;}
@media screen and (max-width:989px) {
	header, footer, .slider {min-width:0; width:auto;}
	footer, header div.wrap {padding-left:15px; padding-right:15px;}
	.wrap, .main {width:auto;}
	.homeL {padding-left:15px;}
	.homeR .cnt {padding-left:15px; padding-right:15px;}
	a.btnSend {font-size:20px;}
	article.fr {width:auto; float:none; display:block; padding-left:230px; padding-right:15px;}
	aside {float:none; position:absolute;}
	.contactL {margin-left:-35px; width:50%;}
	.contactL iframe {width:300px !important;}
	.box.enquiry {margin-right:-25px;}
	.products .btn {padding:0 .8em; font-size:1em;}
	input.qty {width:40px;}
	.banner h2 {}
}
@media screen and (max-width:870px) {
	.contactL {width:40%;}
	.box.enquiry {width:400px; margin-right:-35px;}
}
@media screen and (max-width:768px) {
    .nav > li > a {padding:10px 20px;}
	.dataTables_info {border-bottom:1px solid #ccc; padding-bottom:5px;}
	header h1 {font-size:30px;}
	header .logo {width:40px; margin-right:8px;}
}
@media screen and (max-width:760px) {
	.slider {padding:0;}
	.slider .flexslider {border:0;}
	.banner div.wrap {background:none; height:auto; -webkit-box-shadow:inset 0 0 4px 2px #ddd; box-shadow:inset 0 0 4px 2px #ddd;}
	.banner h2 {text-align:center; background:none; -webkit-box-shadow:none; box-shadow:none; color:#460; position:relative; top:auto; left:auto; margin:0; padding:25px 10px; text-shadow:1px 1px 0 #fff;}
    .contactL {float:none; width:auto; margin-left:0;}
	.box.enquiry {float:none; width:auto; margin:20px -15px; padding:10px;}
	.box {width:auto;}
	.box table {margin:0 auto;}
	.homeL, .homeR  {float:none; display:block; width:auto; margin:0 15px 15px; padding:0;}
}
@media screen and (max-width:650px) {
	aside {float:none; width:auto; position:relative; margin-top:-19px; background:#EFC; overflow:hidden; padding:10px 15px;}
	aside .cat {float:left; margin:0; width:48%;} aside .filter {float:right;}
	aside .cat select, aside .cat .select2-container {display:block; margin-top:5px; width:100%;}
	aside .cat ul {display:none;}
	aside .cat h2 {font:13px Arial; padding:0;}
	article.fr {float:none; width:auto; padding-left:15px;}
	aside .filter {background:none; padding:0; text-align:left; width:48%; margin-top:-3px;}
	aside .filter select, aside .filter .select2-container {display:block; float:right; margin-top:5px; width:100%;}
	.dataTables_length {float:left !important;}
	.dataTables_filter {float:right !important; margin:0 !important;}
}
@media screen and (max-width:600px) {
    .active {display:block;}
	.nav {position:absolute; width:100%; margin:0 -15px; padding:0 15px; -webkit-border-radius:0; border-radius:0; background:#240;}
    .nav > li {display:block; margin:0 -15px; border-top:1px solid #370;}
	.nav a:hover {background-color:#491;}
    .nav > li > .parent {background-position:95% 50%;}
    .nav li li .parent {
        background-image:url("../images/downArrow.png");
        background-repeat:no-repeat;
        background-position:95% 50%;
    }
    .nav ul {display:block; width:100%; }
   .nav > li.hover > ul , .nav li li.hover ul {
        position:static; margin-bottom:10px; border-bottom:1px solid #240;
    }
	.nav li.hover a, .nav li.sel > a  {background-color:#333;}
	.nav li.hover a.parent {background-image:url("../images/upArrow.png") !important;}
	.nav li.sel > a {background-color:#000; color:#fa0; font-weight:700;}
	.nav li.hover li a:hover {background-color:#491;}
	.nav li li a {border-top:1px solid #666;}
	header .wrap {margin:0;}
	.topR {float:none; display:block; border-bottom:1px solid #7A0; position:absolute; top:0; width:95%; text-align:right; padding:0;}
	.topR ul {margin:0 10px 5px 0;}
	header h1 {display:block; float:none; text-align:center; line-height:1.2; padding:60px 0 10px; font-size:30px;}
	header {padding-bottom:0;}
	.ie7_body header {margin:0 0 !important;}
	nav {float:none; width:100%;}
	.search {float:none; position:absolute; bottom:-42px; right:20px; margin:0; width:45%;}
	.search input[type="text"] {background:none; width:95%; border-bottom:2px solid #7a0;}
	.btnSearch, .btnSearch:hover {background:none; border:0; -webkit-box-shadow:none; box-shadow:none; right:3px; top:-2px;}
	.btnSearch i {background-position:-48px 0;}
	.lang {margin:10px; text-align:center; float:none;}
	.lang a {margin:0 5px;}
	footer .fl, footer .fr {float:none; display:block; margin:0 0 10px; text-align:center;}
	.products .tar label  {margin-right:0;}
	.products .tar .btn {margin-top:5px;}
}
@media screen and (max-width:480px) {
	header .logo {width:50px; margin:0 auto; display:block;}
	article.fullwidth {padding:15px;}
	.box th, .box td {display:block;}
	.box #recaptcha_table th, .box #recaptcha_table td {display:table-cell;}
	h2 {font-size:26px;}
	.btnDel span {display:none;}
	.btnDel {padding:3px 8px; font-size:1.1em;}
}
@media screen and (max-width:400px) {
	article.fr {padding:0 10px;}
	.products img {width:80px; height:60px;}
	.products td:first-child {width:80px !important;}
	.dataTables_wrapper .dataTables_filter input {width:100px !important;}
	.listT img {width:60px; height:45px;}
	.listT td:first-child {width:60px !important;}
	.listT th {font-weight:100; font-family:Arial;}
}