@charset "UTF-8";



body {
	font: 100% Georgia, "Times New Roman", Times, serif;
	background: #666666;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #000000;
	width:1024px;
	
	background-image: url(../images/BG3.jpg);
	background-position: 50% 0%;
	background-repeat: repeat-x;
 -webkit-background-size: 1796px 1800px;
	

	background-color: #FFEFE1;
	overflow-x:hidden;
}




#container a {border:0px;}

#container {
width:980px;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	border: 0px solid #000000;
	text-align: left; /* this overrides the text-align: center on the body element. */
}

#navigation{
	position:relative;
	background-position: center top;
	background-repeat: repeat-x;
	background-image: url(../images/body/Nav_Bar_bg4.png);
	top:0px;
	border:none;
	height:115px;
	width:100%;	
	margin-bottom:-41px;
	z-index:900px;	
	float:left;

	}
#navigation ul{margin: 0px auto;  width:950px;}
#navigation li{display:block; float:left; height:inherit; width:auto; margin:5px 0px 0px 0px;  border:none;  z-index:5000;  }
#navigation li a{border:none;}
#navigation li a:visited {border:none; color:#630}
#navigation a img{ border:none;}
#navigation .home{position:relative;
z-index:800px;
	display:block;
	float:left;
	height:40px;
	width:250px;
	margin:-3px 80px 5px -40px;
	border:none;}


.subnav
{
	display: block;
	background-color: none;
	height: 20px;
	position: relative;
	top: -30px;
	margin-bottom: -30px;
	border: none;
	width: 100%;
	z-index: 900px;
	float: left;
	margin-top:-2px;
}

.subnav ul
{
	width: 600px;
	display: block;
	margin: 0px auto;
	padding-left: 290px;
	margin-top: 2px;
}

.subnav li
{
	display: block;
	float: left;
	margin-right: 20px;
	font-size: 0.7em;
	color: #FFF;
}

.subnav a
{
	color: #FFF;
	text-decoration: none;
	filter: alpha(opacity=80);
	-moz-opacity: 0.8;
	-khtml-opacity: 0.8;
	opacity: 0.8;
}

.subnav a:hover
{
	color: #fff;
	text-decoration: none;
	filter: alpha(opacity=10);
	-moz-opacity: 1;
	-khtml-opacity: 1;
	opacity: 1;
}



#header {

	height:inherit;
	width:980px;
	display:block;

	margin-top:-0px;
	margin-left:-0px;	
	padding: 0px 0px 0 0px;  /* this padding matches the left alignment of the elements in the divs that appear beneath it. If an image is used in the #header instead of text, you may want to remove the padding. */
}
#header img.imgBG{top:-6px; z-index:-5000; left:25px; position:relative;}


.bottom_home{ padding:0px;margin:430px 0 0 0px; position:relative; left:-110px; display:block; text-align:left;}

.homeTxt{ width:340px;
margin:0px 10px 0px 0px;
padding:10px 20px 0px 25px;
background-image:url(../images/body/main_par_bg2-iphone.png);
background-repeat:no-repeat;
height:inherit;
display:block;
top:-60px;
left:-0px;
float:left;
position:relative;

}


.homeTxt h1{ font-size:1.8em;
font-weight:lighter;
color:#630;
margin-bottom:0px;
padding-bottom:10px;
padding-left:10px;
position:relative;
left:-10px;
background-image:url(../images/body/Head_div.png);
background-position:bottom left;
background-repeat:repeat-x;

}

.homeTxt h2{ font-size:1.2em;
font-weight:lighter;
line-height:2.3em;
color:#630;
margin:0px 0 0px -10px;
padding:0 0 5px 15px;
position:relative;
left:-10px;
text-align:left;
background-image:url(../images/body/Head_div.png);
background-position:bottom left;
background-repeat:repeat-x;

}

.homeTxt h3{ font-size:1.0em;
font-weight:lighter;
line-height:2.0em;
color:#666;
text-align:left;
margin:0px 0 10px -0px;
padding:0px;
}

.homeTxt li{
margin: 0px 0 20px 0;
display:block;
float:left;


}

.homeTxt li img{width: 90px; margin-right: 10px; float:left; text-align:left; height: 90px;}


.homeTxt p{ font-size:.8em;
font-weight:lighter;
line-height:1.6em;
color:#333;
float:left;
text-align:left;
margin:0px 0 10px 0 ;
width:335px;


}

.homeTxt a{
margin: 0px;
color:#963;
font-size:.7em;
float:left;
text-decoration:none;
font-weight:bold;

}

.homeTxt strong{ font-size:1.2em;
font-weight:bold;
line-height:1.4em;
color:#666;
font-style:italic;
float:left;
text-align:left;
margin:0px 0 10px 0;

}
.homeTxt img{
 -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -khtml-border-radius: 10px;
    border-radius: 10px;}
	
	ul.homeCenter{ 

float:left;
height:inherit;
margin:0px 10px 0px 0px;
	padding:0;
	color:#333;
	font-size:.8em;


	}
ul.homeCenter h1{
	color:#666;
	font-weight:lighter;
	font-size:1.7em;
	margin-bottom:0px;
	margin:30px 0 0 0;
			
		
		}
		
	ul.homeCenter li{width:310px; height:inherit; margin:0; float:left;
	padding:0;
}

.homeCenter a{
color:#963;
text-decoration:none;
font-weight:normal;

}


	ul.homeRight{
	display:block;
	float: left;
	height:inherit;
	margin:0px;

	padding:0px 0 0 15px;
	
		
		}
	
	.homeRight h3{
	width:180px;
	height:25px;
	padding:8px 10px 12px 10px;
	border:0px #969 solid;
	font-size:.8em;
	float:left ;
	text-align:center;
	color:#630;
	font-weight:normal;
	display:block;
	left:-3px;
	position:relative;
	margin:0px 0px 0px 0px;
	background-image: url(../images/body/home_news_head.png);
	/*background-image: url(../images/body/prodhead_bg.png);*/
	background-repeat: no-repeat;
	background-position: center top;
	
	}

	
		li.news{
		width:90px; height:580px; margin:0px;
		padding:0px;
		position:relative;
		top:-13px;
			
	}
	.news ul{ padding:0px;
		margin:0px;
		display:block;}
	
	.news li{
		padding:0px 0 20px 10px;
		margin:0px 0 10px 0;
		width:180px;
		display:block;
		font-size:.8em;
		color:#666;
		background-image:url(../images/body/Head_div.png);
background-position:bottom left;
background-repeat: no-repeat;
	}
li.news a {
	text-decoration: none;
	color:#666;
}

li.news a:hover {
	color:#000;
}

.mainTxt{ width:545px;
margin:0px 0 -320px 15px;
padding:5px 35px 0px 30px;
background-image:url(../images/body/main_txt_bg.png);
background-repeat:no-repeat;
height:inherit;
top:-320px;
float:left;
position:relative;
}

.mainTxt h1{ font-size:1.8em;
font-weight:lighter;
color:#630;
margin-bottom:0px;
padding-bottom:10px;
padding-left:10px;
position:relative;
left:-10px;
background-image:url(../images/body/Head_div.png);
background-position:bottom left;
background-repeat:repeat-x;

}

.mainTxt h2{ font-size:1.2em;
font-weight:lighter;
line-height:2.3em;
color:#630;
margin:0px 0 0px 0;

}

.mainTxt h3{ font-size:1.0em;
font-weight:lighter;
line-height:2.0em;
color:#666;
margin:0px 0 0px 0;
}

.mainTxt li{
margin: 0px 0 20px 0;
display:block;
float:left;


}
.subList {margin: 10px 0 0 0px;
padding:10px 0 0 0px;}
.subList li{
	
	font-size:.8em;
	
	display:list-item;
	height:10px;
	width:100%;
	margin:2px 0 10px 0px;
	padding-left:10px;
}

.subList li strong{
	display:block;
	width:30px;
	padding-right:10px;
	margin:-5px 10px 0 0;
	font-weight:bold;
	}
	
	.subList2 {margin: 10px 0 0 0px;
padding:10px 0 0 0px;}
.subList2 li{
	font-size:1.2em;
	display:list-item;
	height:30px;
	width:100%;
	margin:10px 0 10px 0px;
	padding-left:10px;
}

.subList2 li strong{
	display:block;
	width:100%;
	padding-right:10px;
	margin:0px 10px 0 0;
	font-weight:bold;
	}


.mainTxt p{ font-size:.8em;
font-weight:lighter;
line-height:1.6em;
color:#333;
float:left;
text-align:left;
margin:0px 0 10px 0 ;

}

.mainTxt strong{ font-size:1.2em;
font-weight:bold;
line-height:1.4em;
color:#666;
font-style:italic;
float:left;
text-align:left;
margin:0px 0 10px 0;

}
.mainTxt img{ float:left;
margin: 5px 10px 10px 0px;
display:block;
text-align:left;
 -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -khtml-border-radius: 10px;
    border-radius: 10px;


}

.mainTxt a{
margin: 0px;
color:#963;
font-size:.9em;
text-decoration:none;
font-weight:bold;

}
.table{}

.table strong{ font-size:1.2em;
font-weight:lighter;
line-height:1.2em;
display:block;
margin-bottom:10px;}

.table ul{ float:left;
display:block;
width:220px;
height:inherit;
margin:15px 0 0 0;
padding:0px;}

.table li{ float:left;
display:block;
padding:0px;
margin:0px 0 5px 0;
width:275px;
font-size:.8em;
height:15px;}


.rightCol{width:300px;
height:800px;

float:right;
position:relative;
top:-50px;
padding:0px 25px 0 0;
margin-right:15px;}

.rightCol h3{width:290px;
height:35px;
background-image: url(../images/body/col_head_bar2.png);
	background-repeat: repeat-x;
	background-position: left top;
	float:left;
	font-size:1.0em;
	padding:5px 0 5px 10px;
	font-weight:lighter;
	margin:0px;
	margin-top:5px;

color:#630;}

.rightCol p{
	display:block;
	width:280px;
	padding:0 0px 0 10px;
	color:#333;
	font-size:.8em;
	line-height:1.4em;}
	
	.rightCol a{
margin: 0px;
color:#963;
font-size:.7em;
padding:0 0px 0 10px;
text-decoration:none;
font-weight:bold;

}
.rightCol img{
 -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius:5px;
    border-radius: 5px;
	}

	.rightCol li ul li{
margin: 0px;
color:#630;
font-size:.7em;
padding:0 0px 0 10px;
text-decoration:none;
font-weight:lighter;

}
.rightCol strong{font-weight:bold;}

	
	.rightCol .list {margin:0px 0 25px 0;
		padding:0px;
		display:block;
		
	}
	
	.rightCol .list li{
		margin:0px 0 5px 0 ;
		padding:0px 0 0 15px;
		font-weight:bold;
		
		}
		
			.rightCol .list a{
		margin:0px;
		padding:0px;
		font-size:1.0em;
		
		}

.map{width:545px;
height:285px;
display:block;
padding:0px;
margin:0px;
margin-bottom:35px;
}

.map img{width:545px;}


.form{
	float:right;
	width:300px;
	text-align:center;
	padding:5px 0 5 5px;
	font-size:18px;
	margin:0px;
	color: #583E22;
	
}

.form ul{margin-top:25px;}

.form li{
	background-repeat: no-repeat;
	background-position: left top;
	background-color:none;
	margin-bottom:30px;
	margin-left:-25px;
	

	background-image: url(../images/body/search_bg.png);
height:40px;
	float:left;
	width:355px;
}

.form .input2 input{width:125px; margin-top:-25px;font-size:16px;  margin-right:15px; background:none; cursor:pointer; display:inline-block;}


.form span{
	margin-top:-25px; font-size:14px;  float:left; padding-bottom:11px; padding-left:10px}
.form input{
	background:none;
	
height:30px;
	float:right;
	width:325px;
	font-size:16px;
	margin-right:0px;
	margin-bottom:10px;
	padding-left:15px;
	padding-right:10px;
	border:0px;
	/*border-bottom-style: dashed;
	border-bottom-width: 2px;
	border-top: 0px;
	border-right: 0px;
	border-left: 0px;
	border-bottom-color: #999;*/
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #59402B;
}


.memForm{
	float:left;
	width:300px;
	text-align:left;
	font-size:12px;
	margin:0px;	
	display:block;
	color: #583E22;
	margin-top:15px;
	padding:0px 0 0 0px;
	background-color:none;
}
.memForm ul{
	padding:0px;
	margin:0px;
}

.memForm li{
	background-color:none;
	margin-bottom:35px;
	margin-left:0px;
	display:block;	
	padding:0px;
height:25px;
	float:left;
	width:300px;
}

.memForm .input2 input{width:0px; margin:0px 30px 0 10px;font-size:12px; background:none; cursor:pointer; float:right; display:inline-block;}


.memForm span{
	margin-top:0px; font-size:14px;  float:left; margin: 0 10px 0 0px; display:block; width:55px;}
.memForm input{
	
	background-image: url(../images/body/mem_form_bar.png);
	background-repeat: no-repeat;
	background-position: left top;
	background-color:none;
	height:auto;
	display:block;
	float:left;
	width:190px;
	font-size:14px;
	margin-right:0px;
	margin-left:0px;
	margin-bottom:40px;
	padding-left:5px;
	padding-right:5px;
	border:0px;
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #59402B;
}


.login{


	float:left;
	width:400px;
	text-align:left;
	padding:5px 0 5px 25px;
	font-size:18px;
	display:block;
	
	margin:0px 100px 0 0;

	
	color: #583E22;
	
}
.login ul{margin-top:25px;}

.login p{font-size:14px;
padding-bottom:25px;
width:355px;}

.login h3{ font-size:25px;
font-weight:normal;
margin: 50px 0 -0px -10px;
padding-bottom:15px;
padding-left:10px;
width:inherit;
	background-image:url(../images/body/Head_div.png);

	background-repeat: no-repeat;
	background-position: left bottom;}

.login li{
	background-repeat: no-repeat;
	background-position: left top;
	background-color:none;
	margin-bottom:30px;
	margin-left:-45px;
	

	background-image: url(../images/body/search_bg.png);
height:40px;
	float:left;
	width:355px;
}

.login .input2 input{width:125px; margin-top:-25px;font-size:16px;  margin-right:15px; background:none; cursor:pointer; display:inline-block;}


.login span{
	margin-top:-25px; font-size:14px;  float:left; padding-bottom:11px; padding-left:10px}
.login input{
	background:none;
	
height:30px;
	float:right;
	width:325px;
	font-size:16px;
	margin-right:0px;
	margin-bottom:10px;
	padding-left:15px;
	padding-right:10px;
	border:0px;

	font-family: Georgia, "Times New Roman", Times, serif;
	color: #59402B;
}


.search{

	height:25px;
	float:right;
	top:6px;
	left:5px;
	position:relative;
	width:200px;
	text-align:left;
	padding:0px 0 3px 5px;
	font-size:14px;
	margin:10px 0px 0px 0px;
	display:block;

	background-repeat: no-repeat;
	background-position: left top;
	color: #583E22;
	
}

.search:hover{}

.search span{
	margin-bottom:0px; padding-bottom:5px;}
.search .nav_search{
	background: none;
	text-align:right;
	width:150px;
	height:20px;
	font-size:13px;
	margin-right:25px;
	padding-right:5px;
	padding-left:10px;
	padding-bottom:3px;
	border:0px;
	/*border-bottom-style: dashed;
	border-bottom-width: 2px;
	border-top: 0px;
	border-right: 0px;
	border-left: 0px;
	border-bottom-color: #999;*/
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #59402B;
	background-image: url(../images/body/search_bg2.png);
}

.search .go{width:25px;
height:25px;
padding-right:0px;
padding-bottom:5px;
padding-left:0px;
margin-right:0px;
background:none;
border:none;
display:inline-block;
position:relative;
top:-2px;
font-size:.8em;
left:-20px;
text-align:center;
z-index:600;
font-color:#C63;
font-family: Georgia, "Times New Roman", Times, serif;
background-image: url(../images/body/search_bg_go.png);}

.search .go:hover{cursor:pointer;}


.focus{position:relative;
	
}

.orders{}
.orders ul{ float:left;}
.orders li{ 
height:150px;
width:500px;
margin-bottom:25px;}
.orders img{height:150px; width:125px; margin-right:25px;  display:block; float:left;}


#footer {height:130px;
	width:100%;
	/*margin-top:75px;*/
	padding-left:70px;
	display:block;
	margin-bottom:75px;
	background-image: url(../images/foot_bar3.png);
	background-position: center top;
	background-repeat:no-repeat;
	/*background-color: #FFEFE1;*/
	overflow-x:hidden;	
	float:left;
	border:0px solid #09C;

	padding: 0 0px; 

	padding-bottom:0px;
	font-size: 12px;
	text-align:left;
	color: #fff;
}
#footer ul{width:900px; 
display:block;

padding:68px 15px 25px 50px;

	margin:0px auto;}
	
	#footer li{display:block;
	width:auto;
	margin-right:10px;
	float:left;
	font-size:.9em;}
	
	
#footer p {
	margin: 0;
	padding: 0px 0; 
}

#footer a{
	color:#999;
	border:0px;
	text-decoration:none;
	outline: 0px;
}
#footer a:hover{
	color:#fff;
	border:0px;
	text-decoration:none;
	outline: 0px;
}

/*#footer {height:100px;
	width:100%;
	margin-top:25px;
	padding-left:25px;
	display:block;
	margin-bottom:100px;


	
	float:left;
	border:0px solid #09C;

	padding: 0 0px; 
	margin-bottom:200px;
	padding-bottom:0px;
	font-size: 12px;
	text-align:left;
	color: #666;
}
#footer ul{width:900px; 
background-image: url(../images/body/Head_div.png);
	background-position: top center;
padding-top:35px;

	background-repeat: repeat-x ;
	margin:0px auto;}
	
	#footer li{display:block;
	width:300px;}
	
	
#footer p {
	margin: 0;
	padding: 0px 0; 
}

#footer a{
	color:#000;
	border:0px;
	text-decoration:none;
	outline: 0px;
}*/



/*slider*/

#slider {
    width: 980px; /* important to be same as image width */
    height: 386px; /* important to be same as image height */
    position: relative; /* important */
	overflow: hidden; /* important */
	z-index:-1000;
	top:-6px;
	
}

#sliderContent {
    width: 980px; /* important to be same as image width or wider */
    position: absolute;
	top: -0px;
	padding-top:-0px;
	margin-top: -0px;

}
.sliderImage {
    float: left;
	padding-top:-0px;
	margin-top:-0px;
	margin-left:-60px;
    position: relative;
	display: none;

}
.sliderImage img{ margin-top:-0px; border:0px;}

/*[if IE]/ 

/* Landscape */
@media screen and (min-width: 321px)
{
	.sliderImage img{ width: 980px;}
}

    
}/*[endif]*/


.sliderImage span {
    position: absolute;
/*	visibility:hidden;*/
float:right;
left:325px;
display:block;
	bottom:0px;

	height:inherit;
	font: 10px/15px Arial, Helvetica, sans-serif;
    padding: 12px 15px 25px 13px;

    width: 300px;
	margin-left:100px;
/*	background-image:url(../images/body/main_par_bg.png);*/

/*	background-image:url(../images/body/head_desc2.png);*/
	background-repeat:no-repeat;
	background-position:center;
/*	filter: alpha(opacity=70);
    -moz-opacity: 0.7;
	-khtml-opacity: 0.7;
    opacity: 0.7;*/
    color: #583E22;
    /*display: none;*/

}
.clear {
	clear: both;
}
.sliderImage span strong {
    font-size: 16px;
	font-family:Georgia, "Times New Roman", Times, serif;
	margin-bottom:-10px;
	display:block;
	font-weight:lighter;
	}

.top {
	top: 0;
	left: 0;
}
.bottom {
	bottom: 0;
    left: 0;
}
ul { list-style-type: none;}


/*slider end*/