@charset "utf-8";
/* CSS Document */

body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	background-color: #E8E8E8;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}
h1,h2{
	font-size: 16px;
	padding: 0;
	margin: 0;
}
h3{
	font-size: 12px;
	padding: 0;
	margin: 0;
}
#container{
	width:1000px;
	margin:0 auto;
}
#header{
	width:1000px;
	height:154px;
	background:url(../image/bg-header.jpg);
}
#header_script{
	width:233px;
	padding: 86px 0 0 150px;
}
#headerbottom{
	width:1000px;
	height:107px;
}
#content_body{
	width:1000px;
	background: url(../image/bg.gif) center top repeat-y;
}
#leftbar{
	width:182px;
	float:left;
}
#content{
	width:636px;
	float:left;
	background:#FFFFFF;
}
#contenttext{
	width:580px;
	margin:0 auto;
}
#contenttitle{
	width:300px;
	float:left;
	text-align:center;
}
#contentsidetitle{
	width:140px;
	float:left;
	text-align:right;
}
#contentsidetitle img{
	padding-top: 30px;
}
#contentbodytext{
	width:580px;
	padding-top:30px;
	text-align:center;
}
#contentbodytextcreation{
	width:580px;
	padding-top:30px;
	text-align:center;
}
#contentbodytext a:link, #contentbodytext a:visited {
	color:#993300; 
	text-decoration: none;
}
#contentbodytext a:hover {
	color:#7C7C7C; 
	text-decoration: none;
}
.comment{
	text-align: left;
}
.comment span{
	font-size: 10px;
	color: #999999;
	font-style:italic;
}
.comment em{
	font-size: 10px;
	color: #993300;
}

#rightbar{
	width:182px;
	float:left;
}
#rightmenu{
	height:230px;
	background:url(../image/right01.jpg) no-repeat right top;
}
#rightmenupad{
	height:54px;
}
.rightmenulist{
	height:29px;
}
#contentbottom{
	width:1000px;
	background: url(../image/bg.gif) center top repeat-y;
}
#contentbottomtext{
	width:636px;
	margin:0 auto;
	text-align:center;
}
#contentbottomtext input{
	background:#ffffcc;
	padding:2px;
	border:1px solid #333333;
}
#contentbottomtext input.button{
	background:#cccccc;
	padding:1px 2px;
	border:1px solid #333333;
}
#footer{
	width:1000px;
	background:url(../image/bg-footer.jpg) no-repeat;
	height:150px;
}
#footertext{
	width:636px;
	margin:0 auto;
	text-align:center;
}
#footertext a:link, #footertext a:visited {
	font-size: 12px; 
	color:#000000; 
	text-decoration: none;
}
#footertext a:hover {
	font-size: 12px; 
	color:#7C7C7C; 
	text-decoration: none;
}
#footertext span{
	font-size: 10px; 
	color:#666666; 
}
#guestbooks{
	border: 3px solid #CCCCCC;
	padding: 8px;
	text-align: left;
}

.guestbookbox1 {
	width: 150px;
	float: left;
	padding: 5px 0;
}
.guestbookbox2 {
	width: 5px;
	float: left;
	padding: 5px 3px;
}
.guestbookbox3 {
	width: 380px;
	float: left;
	padding: 5px 0;
}

.guestbookbox3 input, .guestbookbox3 textarea{
	background:#ffffcc;
	padding:2px;
	border:1px solid #333333;
}
.guestbookbox3 input.button{
	background:#cccccc;
	padding:1px 2px;
	border:1px solid #333333;
}

#errMsg{
	text-align: center;
	padding: 10px;
}

.guestbox1 {
	width: 68px;
	float: left;
	padding-top: 10px;
}
.guestbox2 {
	width: 446px;
	float: left;
	padding-top: 20px;
	color: #663300;
}
.guestbox3 {
	width: 44px;
	float: left;
	text-align: right;
	padding-top: 10px;
}

.category{
	padding: 5px;
	margin: 15px 0;
	text-align: left;
	width:  580px;
	background: #fff;
	border-bottom:#ccc solid 1px;
}

.category_img{
	float: left;
	width: 120px;
	border: 3px solid #c4c4c4;
}
.category_str{
	float: left;
	width: 10px;
	height: 126px;
}
.category_des{
	float: left;
	text-align: left;
	width: 430px;
}

.product{
	padding: 5px;
	margin: 15px 0;
	text-align: left;
	width:  580px;
	border-bottom: #CCCCCC 1px solid;
}

.product_img{
	float: left;
	width: 200px;
}
.product_str{
	float: left;
	width: 10px;
	height: 126px;
}
.product_des{
	float: left;
	text-align: left;
	width: 360px;
}
#catTit{
	text-align: left;
	border-bottom:#ccc solid 1px;
}
.detaillist{
	padding: 5px;
}
.detaillist a{
	font-size:10px;
}
.detaillist2{
	background: #ffffff;
	padding: 5px;
}
.detaillist3{
	padding: 5px;
	/*border: 1px solid #000;*/
}

.cart_q{
	width: 80px;
	float: left;
}
.cart_qa{
	width: 50px;
	float: left;
}
.cart_qb{
	width: 30px;
	float: left;
}
.cart_o{
	float: left;
	width: 20px;
}
.cart_l{
	float: left;
	width: 250px;
}


.clearfloat{
	clear:both;
	margin:0;
	padding:0;
	line-height:0;
	font-size:0;
	
}




.pagination{
padding: 2px;
}

.pagination ul{
margin: 0;
padding: 0;
text-align: right;
font-size: 10px;
color:#312e2f;
}

.pagination li{
list-style-type: none;
display: inline;
padding-bottom: 1px;
}

.pagination a, .pagination a:visited{
padding: 3px 5px;
border: 1px solid #999999;
text-decoration: none; 
background-color: #CCCCCC;
color: #000000;
}

.pagination a:hover, .pagination a:active{
border: 1px solid #999999;
color: #000;
background-color: lightyellow;
padding: 3px 5px;
}

.pagination li.currentpage{
border: 1px solid #999999;
background-color: #ffffff;
color: #000000;
padding: 3px 5px;
}

.pagination li.disablepage{
padding: 3px 5px;
border: 1px solid #999999;
color: #A2978B;
}

.pagination li.prevpage{
font-weight: bold;
}

.pagination li.nextpage{
font-weight: bold;
}

* html .pagination li.currentpage, * html .pagination li.disablepage{ 
margin-right: 3px;
padding-right: 0;
}

.input{
	padding: 3px 2px;
	color: #000000;
	background-color: #FFFFCC;
	border: 1px solid #333333;
}
.button{
	padding: 2px;
	color: #000;
	background-color: #CCCCCC;
	border: 1px solid #333333;
	cursor: pointer;
}

.paginate {
font-family:Arial, Helvetica, sans-serif;
	padding: 3px;
	margin: 3px;
	text-align: right;
}

.paginate a {
	padding:2px 5px 2px 5px;
	margin:2px;
	border:1px solid #999;
	text-decoration:none;
	color: #666;
}
.paginate a:hover, .paginate a:active {
	border: 1px solid #999;
	color: #000;
}
.paginate span.current {
    margin: 2px;
	padding: 2px 5px 2px 5px;
		border: 1px solid #999;
		
		font-weight: bold;
		background-color: #999;
		color: #FFF;
	}
	.paginate span.disabled {
		padding:2px 5px 2px 5px;
		margin:2px;
		border:1px solid #eee;
		color:#DDD;
	}
		
	.paginate ul{
		margin:0;
		padding:0px;
	}
	
	.paginate  li{
		padding:0;
		margin: 0;
		list-style:none;
	}
	.paginate  li a{
		border: none;
	}
	
	
	
	
	
	
div.myPopup_style { z-index: 1; text-align:left;}

div.myPopup_style div.menu_form_header{
  border-bottom: 1px solid black;
  border-bottom: none;
  width: 480px;
  height:      20px;
  line-height: 19px;
  vertical-align: middle;
  background: #eeeeee;
  text-decoration: none;
  font-weight: 900;
  font-size:  13px;
  color:   #000000;
  cursor:  default;
}

div.myPopup_style div.menu_form_body{
  width: auto;
  border: 5px solid  #333333;
  background: #ffffff;
}

div.myPopup_style img.menu_form_exit{
  float:  right;
  margin: 4px 5px 0px 0px;
  cursor: pointer;
}

div.myPopup_style input.field{
  border: 1px solid #808080;
  font-size: 12px;
}

div.myPopup_style input.btn{
  margin-top: 2px;
  border: 1px solid #808080;
  background-color: #DDFFDD;
  font-size: 11px;
}

div.myPopup_style_gal { z-index: 1; text-align:left;}

div.myPopup_style_gal div.menu_form_header{
  border-bottom: 1px solid black;
  border-bottom: none;
  width: 410px;
  height:      20px;
  line-height: 19px;
  vertical-align: middle;
  background: #eeeeee;
  text-decoration: none;
  font-weight: 900;
  font-size:  13px;
  color:   #000000;
  cursor:  default;
}

div.myPopup_style_gal div.menu_form_body{
  width: auto;
  border: 5px solid  #333333;
  background: #ffffff;
}

div.myPopup_style_gal img.menu_form_exit{
  float:  right;
  margin: 4px 5px 0px 0px;
  cursor: pointer;
}

div.myPopup_style_gal input.field{
  border: 1px solid #808080;
  font-size: 12px;
}

div.myPopup_style_gal input.btn{
  margin-top: 2px;
  border: 1px solid #808080;
  background-color: #DDFFDD;
  font-size: 11px;
}


a:link, a:visited {
color : #993300;
text-decoration : none;
}
a:hover {
color : #333333;
text-decoration : none;
}

a img {
border : 0;
}
div.wrap {
width : 400px;
margin : 0 auto;
text-align : left;
}
div#top div#nav {
float : left;
clear : both;
width : 40px;
height : 52px;
margin : 0;
background: url(../image/nav-bg.png) 0 0 no-repeat;
}
div#top div#nav ul {
float : left;
width : 400px;
height : 52px;
list-style-type : none;
}
div#nav ul li {
float : left;
height : 52px;
}
div#nav ul li a {
border : 0;
height : 52px;
display : block;
line-height : 52px;
text-indent : -9999px;
}
div#slideshow {
margin : -1px 0 0 -5px;
}
div#video-slideshow {
height : 400px;
margin : -1px 0 0 0  -5px;
}
div#slideshow div.wrap {
height : 400px;

}
div#slideshow div#slide-holder {
z-index : 40;
width : 400px;
height : 400px;
position : absolute;
}
div#slideshow div#slide-holder div#slide-runner {
	top : 1px;
	left : 2px;
	width : 400px;
	height : 400px;
	overflow : hidden;
	position : absolute;
}
div#slideshow div#slide-holder img {
margin : 0;
display : none;
position : absolute;
}
div#slideshow div#slide-holder div#slide-controls {
left : 0;
bottom : 0;
width : 400px;
height : 46px;
display : none;
position : absolute;
background : url(../image/slide-bg.png) 0 0;
}
div#slideshow div#slide-holder div#slide-controls p.text {
float : left;
color : #fff;
display : inline;
font-size : 10px;
line-height : 16px;
margin : 15px 0 0 20px;
text-transform : uppercase;
}
div#slideshow div#slide-holder div#slide-controls p#slide-nav {
float : right;
height : 24px;
display : inline;
}
div#slideshow div#slide-holder div#slide-controls p#slide-nav a {
float : left;
width : 24px;
height : 24px;
display : inline;
font-size : 11px;
margin : 0 5px 0 0;
line-height : 24px;
font-weight : bold;
text-align : center;
text-decoration : none;
background-position : 0 0;
background-repeat : no-repeat;
}
div#slideshow div#slide-holder div#slide-controls p#slide-nav a.on {
background-position : 0 -24px;
}
div#slideshow div#slide-holder div#slide-controls p#slide-nav a {
background-image : url(../image/silde-nav.png);
}
div#nav ul li a {
background : url(../image/nav.png) no-repeat;
}


#Padbut{
	height: 22px;
}
.input_cart{
	padding: 2px 1px;
	color: #000000;
	background-color: #FFFFCC;
	border: 1px solid #333333;
	font-size: 10px;
}
.button_cart{
	padding: 1px;
	color: #000;
	background-color: #CCCCCC;
	border: 1px solid #333333;
	font-size: 10px;
	cursor: pointer;
}
#back{
	width: 99.99%;
	text-align: right;
}



ul#topnav {
	margin: 0; padding: 0;
	float: left;
	width: 580px;
	list-style: none;
	position: relative;
	font-size: 11px;
	text-align: left;
}
ul#topnav li {
	float: left;
	margin: 0; padding: 0;
	border: 1px solid #999999;
	margin-right: 1px;
}
ul#topnav li a {
	padding:5px 8px;
	display: block;
	color: #000000;
	text-decoration: none;
	background: url(../image/menubg.gif);
}
ul#topnav li:hover { background: #1376c9url(../image/menubg_hover.gif) repeat-x; color:#666666; }
ul#topnav li span {
	float: left;
	padding: 0;
	position: absolute;
	left: 0; 
	top:30px;
	display: none;
	width: 580px;
	color: #000000;
}
ul#topnav li:hover span { display: block; }
ul#topnav li span a { display: inline; background:none; padding: 5px 0;  color:#666666;}
ul#topnav li span a:hover {text-decoration: none; background:none; color:#000000;}