﻿/**************************************************************/
/*** Body ***/
/**************************************************************/
body{
	margin:0px;
	padding:0px;
	color:#666;
	font:normal 13px Tahoma, Geneva, sans-serif;
	background-image:url(../images/bg_raw.gif);
	/*background-image:url(../images/020.jpg);
	background-attachment:fixed;*/
	}
hr {
	border:none;
	border-top:1px dotted #dadada;
	height:1px;
	display:block;
	margin:5px 0px 0px 0;
	padding:0;
	}
a {
	text-decoration:none;
	border:none;
	color:#666;
	}
#wrap {
	margin:5px auto 5px auto;
	width:1000px;
	background-color:#FFF;
	box-shadow: 0 0 5px #333; 
	-moz-box-shadow: 0 0 5px #333; 
	-webkit-box-shadow: 0 0 5px #666666;
}
/**************************************************************/
/*** Header ***/
/**************************************************************/
#wrap-header {
	}
#logo{
	float:left;
	margin:10px 0px 10px 10px;
	width:100px;
	}
#logo img{
	width:100px;
	}
#website{
	float:left;
	margin:20px 10px 0px 0px;
	width:750px;
	padding:10px;
	}
#web-name{
	font:normal 32px Tahoma, Geneva, sans-serif;
	text-shadow: 0px 1px 0px #F0F0F0;
	}
/**************************************************************/
/*** Menu ***/
/**************************************************************/
#container {
width:980px;
margin:0px auto 10px auto;
-webkit-box-shadow: 0px 2px 2px 0px #e6e5e5;
-moz-box-shadow: 0px 2px 2px 0px #e6e5e5;
box-shadow: 0px 2px 2px 0px #e6e5e5; 
behavior: url(../PIE.htc);
}
#navMain{
list-style:none;
font-family:tahoma;
font-size:12px;
border-top:1px #e8e7e7 solid;
border-left:1px #e8e7e7 solid;
border-right:1px #e8e7e7 solid;
float:left;
width:980px;
margin:0;
padding:0;
/*background:url(../images/navBG.png) repeat-x #f2f1f1;*/
background:-webkit-gradient(linear,left top,left bottom,from(#00CC00),to(#009900));
background:-moz-linear-gradient(top,#00CC00, #009900);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#00CC00',endColorstr='#009900');

/*-webkit-box-shadow: inset 1px 1px 1px 1px #fafafa;
-moz-box-shadow: inset 1px 1px 1px 1px #fafafa;
box-shadow: inset 1px 1px 1px 1px #fafafa;*/
behavior: url(../PIE.htc);
}
#navMain > li{
float:left;
position:relative;
border-right:1px solid #0C0;
}
#navMain > li > a{
color:#fff;
float:left;
display:block;
text-decoration:none;
text-align:center;
padding:5px 14px;
margin:0;
/*text-shadow: 0px 1px 0px #fff;*/
font-size:13px;
border-right:1px solid #090;
}
#navMain .currentPage a{
background:-webkit-gradient(linear,left top,left bottom,from(#009900),to(#006600));
background:-moz-linear-gradient(top,#009900, #006600);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#009900',endColorstr='#006600');
}
#navMain ul {
display:none;
position:absolute;
list-style:none;
left:0;
padding:0;
margin:0;
border-left:1px solid #e8e7e7;
border-right:1px solid #e8e7e7;
background:#f7f6f6;
border-top:1px solid #e8e7e7;
z-index:100;
}
#navMain ul li a{
color:#666;
text-decoration:none;
display:block;
padding:10px 7px;
border-bottom:1px solid #e8e7e7;
text-shadow: 0px 1px 0px #fff;
}
#navMain li:hover ul {
display:block;
top:42px;
left:-1px;
min-width:200px;
overflow:hidden;
}
.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
/**************************************************************/
/*** Side-Left ***/
/**************************************************************/
#side-left {
	width: 200px;
	padding:0px 10px 0px 10px;
	vertical-align:top;
	background-position:top;
	background-repeat:repeat-x;
}
#side-left h1 {
	font:normal 24px Tahoma, Geneva, sans-serif;
}
#left-menu {
	width: 200px;
	}
#left-menu ul {
	list-style: none;
	margin: 0;
	padding: 0;
	}
#left-menu li#menu-main a {
  	height: 32px;
  	voice-family: "\"}\""; 
  	voice-family: inherit;
  	height: 24px;
	text-decoration: none;
	/*font:bold 13px Tahoma, Geneva, sans-serif;*/
	color: #666;
	}
#left-menu li#menu-main a {
	display: block;
	background: url(../images/menu-bg.png);
	padding: 8px 0 0 10px;
	}
	
#left-menu li#menu-main a:hover {
	color: #fff;
	background: url(../images/menu-hover-bg.png);
	padding: 8px 0 0 10px;
	}
#left-menu ul li#menu-main:first-child a {
	border-radius:7px 7px 0 0;
	-moz-border-radius:7px 7px 0 0;
	-webkit-border-radius:7px 7px 0 0;
	background: url(../images/bg-top.jpg);
	padding: 8px 0 0 10px;
	color:#CCC;
	cursor:default;
	font:bold 16px Tahoma, Geneva, sans-serif;
	}
#left-menu ul li#menu-main:last-child a {
	border-radius:0 0 7px 7px;
	-moz-border-radius:0 0 7px 7px;
	-webkit-border-radius:0 0 7px 7px;
	}
#left-menu ul li#menu-main:hover ul {
	display:block;
	}
#left-menu ul li#menu-main {
	position:relative;
	}
#left-menu ul ul {
	position:absolute;
	left:200px;
	top:0;
	display:none;
	z-index: 99;
	}
#left-menu ul ul li#sub-menu {
	width:240px;
	margin-left:1px;
	border-top:0;
	}
#left-menu ul ul li#sub-menu a {
	color:#666;
	font-size:13px;
	text-transform:none;
	}
/*#left-menu ul ul li:first-child a {
	border-radius:7px 7px 0 0;
	-moz-border-radius:7px 7px 0 0;
	-webkit-border-radius:7px 7px 0 0;
	padding: 8px 0 0 10px;
	}
#left-menu ul ul li:last-child a {
	border-radius:0 0 7px 7px;
	-moz-border-radius:0 0 7px 7px;
	-webkit-border-radius:0 0 7px 7px;
	padding: 8px 0 0 10px;
	}*/
#left-menu ul ul li#sub-menu a:hover {
	color: #fff;
	}
/**************************************************************/
/*** Content ***/
/**************************************************************/
#content{
	vertical-align:top;
	width:759px;
	padding:0px 10px 0px 10px;
	border-left:dotted 1px #CCCCCC;
	}
/**************************************************************/
/*** Footer ***/
/**************************************************************/
#footer {
	margin-top:10px;
	width: 1000px;
	height:100px;
	color: #333;
	border-top:solid 1px #D4D4D4;
	background-image:url(../images/foot_bg.png);
	text-shadow: 0px 1px 0px #F0F0F0;
	}
#footer a {
	color: #333;
	text-decoration:none;
	}
#footer a:hover {
	color: #F90;
	}
#footer-logo {
	float:left;
	width:100px;
	}
#address {
	float:left;
	width:550px;
	padding:10px 0 0px 0;
	font-size:17px;
	}
#hotline {
	float:left;
	margin-top:30px;
	width:335px;
	}
/**************************************************************/
/*** Form ***/
/**************************************************************/
input[type='text'], input[type='password'] {
	font:normal 12px Tahoma;
	padding:4px;
	outline:0px;
	border:solid 1px #dfdfdf;
	box-shadow:0 0 3px rgba(235,235,235,0.9)inset;
	-moz-box-shadow:0 0 3px rgba(235,235,235,0.9)inset;
	-webkit-box-shadow:0 0 3px rgba(235,235,235,0.9)inset;
	}
input[type='text']:focus, input[type="password"]:focus {
	border:solid 1px #ccc;
	box-shadow:0 0 3px rgba(235,235,235,0.9);
	-moz-box-shadow:0 0 3px rgba(235,235,235,0.9);
	-webkit-box-shadow:0 0 3px rgba(235,235,235,0.9);
	}
textarea {
	font:normal 12px Tahoma;
	padding:4px;
	outline:0px;
	border:solid 1px #dfdfdf;
	box-shadow:0 0 3px rgba(235,235,235,0.9)inset;
	-moz-box-shadow:0 0 3px rgba(235,235,235,0.9)inset;
	-webkit-box-shadow:0 0 3px rgba(235,235,235,0.9)inset;
	}
textarea:focus {
	border:solid 1px #ccc;
	box-shadow:0 0 3px rgba(235,235,235,0.9);
	-moz-box-shadow:0 0 3px rgba(235,235,235,0.9);
	-webkit-box-shadow:0 0 3px rgba(235,235,235,0.9);
	}
select {
	font:normal 12px Tahoma;
	padding:4px;
	outline:0px;
	border:solid 1px #dfdfdf;
	box-shadow:0 0 3px rgba(235,235,235,0.9)inset;
	-moz-box-shadow:0 0 3px rgba(235,235,235,0.9)inset;
	-webkit-box-shadow:0 0 3px rgba(235,235,235,0.9)inset;
	}
select:focus {
	border:solid 1px #ccc;
	box-shadow:0 0 3px rgba(235,235,235,0.9);
	-moz-box-shadow:0 0 3px rgba(235,235,235,0.9);
	-webkit-box-shadow:0 0 3px rgba(235,235,235,0.9);
	}
input[type='submit'], input[type='button'], input[type='reset'] {
	padding:4px;
	text-decoration:none;
	color:#333;
	font:normal 12px Tahoma;
	border:solid 1px #dfdfdf;
	background:-webkit-gradient(linear,left top,left bottom,from(#f9f9f9),to(#ececec));
	background:-moz-linear-gradient(top,#f9f9f9, #ececec);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9f9f9',endColorstr='#ececec');
	}
input[type='submit']:hover, input[type='button']:hover, input[type='reset']:hover {
	border:solid 1px #ccc;
	cursor:pointer;
	text-decoration:none;
	color:#333;
	}
input[type='submit']:active, input[type='button']:active, input[type='reset']:active {
	border:solid 1px #ccc;
	cursor:pointer;
	background:-webkit-gradient(linear,left top,left bottom,from(#ececec),to(#f9f9f9));
	color:#333;
	background:-moz-linear-gradient(top,#ececec, #f9f9f9);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ececec',endColorstr='#f9f9f9');
	}
/**************************************************************/
/*** State ***/
/**************************************************************/
table#state{
	width:200px;
	}
table#state td{
	padding:4px 10px 4px 10px;
	font:normal 13px Tahoma;
	/*color:#666;*/
	vertical-align:middle;
	}
/**************************************************************/
/*** Facebook Fan ***/
/**************************************************************/
.fb-like-box {
	background-color:#FFF;
	margin-top:10px;
	box-shadow: 0 0 3px #ccc; 
	-moz-box-shadow: 0 0 3px #ccc; 
	-webkit-box-shadow: 0 0 3px #ccc;
	}
#map {
	margin-top:10px;
	width:759px;
	height:500px;
}
#pre-product {
	width:180px;
	border-radius:7px;
	-moz-border-radius:7px;
	-webkit-border-radius:7px;
	border:solid 1px #ccc;
	margin-bottom:10px;
	margin-right:10px;
	float:left;
}
#pre-product td#title {
	color:#FFF;
	font:normal 13px Tahoma, Geneva, sans-serif;
	border-radius:7px 7px 0px 0px;
	-moz-border-radius:7px 7px 0px 0px;
	-webkit-border-radius:7px 7px 0px 0px;
	background:-webkit-gradient(linear,left top,left bottom,from(#00CC00),to(#009900));
	background:-moz-linear-gradient(top,#00CC00, #009900);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#00CC00',endColorstr='#009900');
}
/******************************* Page *******************************/
div.num {
	width:80px;
	text-align:left;
	float:left;
	}
div.page {
	width:100%;
	text-align:center;
	}
a.page {
	font:normal 11px Tahoma;
	color:#333;
	text-decoration:none;
	padding:1px 2px 1px 2px;
	}
a.page:hover, page {
	font:normal 11px Tahoma;
	padding:1px 2px 1px 2px;
	color:#fdfdfd;
	background:#333;
	text-shadow:none;
	-webkit-border-radius:2px;
	-moz-border-radius:2px;
	border-radius:2px;
	background:-webkit-gradient(linear,left top,left bottom,from(#666),to(#333));
	background:-moz-linear-gradient(top,#666, #333);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#666',endColorstr='#333');
	}