body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { 
	margin:0;
	padding:0;
}
html,body {
	margin:0;
	padding:0;
}
table {
	border-collapse:collapse;
	border-spacing:0;
}
fieldset,img { 
	border:0;
}
input{
	border:1px solid #b0b0b0;
	padding:3px 5px 4px;
	color:#979797;
	width:auto;
}
address,caption,cite,code,dfn,th,var {
	font-style:normal;
	font-weight:normal;
}
ol,ul {
	list-style:none;
}
caption,th {
	text-align:left;
}
h1,h2,h3,h4,h5,h6 {
	font-size:100%;
	font-weight:normal;
}
q:before,q:after {
	content:'';
}
abbr,acronym { border:0;
}
a:hover{color:#cf9d5b;}
a:visited {
	color:#ff4545;
}

body  {
	behavior:	url("/css/csshover.htc");
	background-repeat: repeat-x;
	background-position: center top;
	margin: 0px;
	padding: 0px;
	background-color: #FFF;
	background-image: url(../images/bg4.jpg);
	font-family:"Lucida Grande","bitstream vera sans","trebuchet ms",sans-serif,verdana;
}
 ul, li {
    list-style-type:none;
    padding:0;
    margin:0;
 }

body {
	font-family: "Trebuchet MS",Verdana,Arial,sans-serif;
	font-size: 14px;
	line-height: 1.6;
	margin: 0px;
	padding: 0px;
	background-color: #FFF;
	background-image: url(../images/bg2.jpg);
	background-repeat: repeat-x;
	background-position: center top;
}
h1 {
	margin: 0;
}

hr {
	border: none;
	height: 1px; line-height: 1px;
	background: #CCC;	
	margin-bottom: 20px;
	padding: 0;
}

p {
	margin: 0;	
	padding: 7px 0;
}

#wrapper{
	width:1002px;
	margin:auto;
	height: auto;
}

#header{ width:1002px; height:auto;}
.nav{
	width:1002px;
	float:left;
	height: 30px;
	padding: 5px 0px 0px 0px;
}
.welcome-msg{
	width:300px;
	float:left;
	font-size: 12px;
}

/**style used for both examples **/
.menu {
	height: 80px;
	display: block;
	float: left;
	width: 1002px;
	background-color: #000;
}
.menu ul {
	list-style: none;
	padding: 20px 0px 0px 0px;
	margin: 0;
}
.menu ul li {
/* width and height of the menu items */
	float: left;
	overflow: hidden;
	position: relative;
	text-align: center;
	line-height: 45px;
}
.menu ul li a {
/* must be postioned relative  */
	position: relative;
	display: block;
	width: 100px;
	height: 45px;
	font-family: Arial;
	font-size: 11px;
	font-weight: bold;
	letter-spacing: 1px;
	text-transform: uppercase;
	text-decoration: none;
	cursor: pointer;
}
.menu ul li a span {
/* all layers will be absolute positioned */
	position: absolute;
	left: 0;
	width: 100px;
}
.menu ul li a span.out {
	top: 0px;
}

.menu ul li a span.over, .menu ul li a span.bg {
/* hide */
	top: -45px;
}
/** 2nd example **/
#menu2 {
	background-color: #000;
}
#menu2 ul li a {
	color: #FFF;
}
#menu2 ul li a span.over {
	background: #FFF;
	color: #cf9d5b;
}
#menu2 ul li  a:visited {
	color: #FFF;
}
.link{
	width:auto;
	float:right;
	margin: 0px;
	padding: 0px;
}
.link li {
	font-size: 11px;
	float: left;
	padding: 4px 10px 0px 22px;
	list-style-type: none;
}
.link  a {
	color: #000;
	text-decoration: none;
}

.login{
	float:left;	background: url(../images/icon-01.png) no-repeat left top;
}
.join{float:left;	background:  url(../images/icon-02.png) no-repeat left top;}
.accont{float:left;	background:  url(../images/icon-03.png) no-repeat left top;}
.cart{float:left;	background:  url(../images/icon-04.png) no-repeat -2px top;}
.guild{float:left;	background:  url(../images/icon-05.png) no-repeat left top;}
.home{float:left;	background:  url(../images/icon-06.png) no-repeat left top;}

.slideshow {
	float: left;
	clear: both;
	margin-top: 5px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 5px;
}
#container{
	width:1000px;
	clear: both;
	float: left;
	height: auto;
	padding-top: 20px;
	padding-right: 0px;
	padding-bottom: 20px;
	padding-left: 0px;
	background-color: #FFF;
	background-image: url(../images/main-bg.jpg);
	background-repeat: repeat-x;
	background-position: left top;
}
#breadcrumb{
	width:960px;
	float:left;
	font-size: 11px;
	text-decoration: none;
	color: #000;
	padding: 0px 0px 0px 40px;
}
#breadcrumb a {
	text-decoration: none;
	color: #999;
}
#breadcrumb a.current{
	color: #000;
	text-decoration: none;
}
/*left*/
#sidebar{
	float: left;
	width: 220px;
	padding: 10px 0px 0px 10px;
}
.submenu-tittle{
	width: 210px;
	height: 50px;
	padding: 85px 0px 0px 10px;
	background-image: url(../images/left-top.png);
	background-repeat: no-repeat;
	background-position: -10px top;
	font-size: 13px;
	color: #FFF;
	font-weight: bold;
}
.menu_list {
	width: 200px;
}
.menu_head {
	cursor: pointer;
	position: relative;
	height: 19px;
	width: 190px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #000;
	padding: 6px  0px  6px 10px;
	text-align: left;
	background-image: url(../images/dot.gif);
	background-repeat: no-repeat;
	background-position: left 15px;
}
.menu_head a {
	text-decoration: none;
	color: #000;
	background-image: url(../images/dot.gif);
	background-repeat: no-repeat;
	background-position: left 15px;
}
.menu_head a.current{
	color: #000;
	text-decoration:none;
	font-weight: bold;
  }
.menu_body {
	display:none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
}
.menu_color{
	color: #FFF;
}
.menu_body a{
	display:block;
	color:#333;
	font-weight:bold;
	text-decoration:none;
	background-repeat: no-repeat;
	background-position: 5px 12px;
	text-align: left;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #999;
	padding: 6px 0px 6px 15px;
}
.menu_body a:hover,a.current{
	color: #F36;
	text-decoration:none;
  }
.menu_bottom{
	float: left;
	width: 181px;
	padding: 12px 0px 0px 0px;
} 
/*mian*/
#main{
	float: left;
	width: 760px;
	padding: 0px 0px 0px 5px;
}
.main_banner{
	float: left;
	width: 750px;
	background-color: #FFF;
	height: 180px;
	padding: 5px;
	margin: 0px 0px 10px 0px;
}
.main_content{
	float: left;
	width: 760px;
}
.main_content h1 {
	font-size: 20px;
	color: #000;
	width: auto;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCC;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 10px;
	font-weight: bold;
}
.main_content h2 {
	font-size: 11px;
	color: #999;
	line-height: 22px;
	width: auto;
	padding: 10px 40px 0px 30px;
}
.main_content h3 {
	font-family: Arial;
	border: 5px solid #F3F3F3;
	-moz-border-radius: 15px;
	-moz-border-radius-topright: 15px;
	-moz-border-radius-bottomright: 15px;
	-moz-border-radius-bottomleft: 0px;
	-webkit-border-top-left-radius: 15px;
	-webkit-border-top-right-radius: 0px;
	-webkit-border-bottom-left-radius: 0px;
	-webkit-border-bottom-right-radius: 15px;
	padding:15x 25px 15px 35px;
	height: inherit;
	width: auto;
	background-color: #F3F3F3;
}

/*product*/
.product-col {
	padding-bottom: 0px;
	width: 200px !important;
	float: left;
	margin-top: 18px;
	margin-right: 10px;
	margin-bottom: 18px;
	margin-left: 15px;
}
.product-col {
}
.product-col .img {
    margin-bottom: 4px;
    text-align: center;
}
.price {
	color: #F00;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 17px;
	font-weight: normal;
	line-height: 23px;
}
.price strong {
    font-weight: normal;
}
.product-col .prod-info {
	width: 200px;
	text-align: center;
}
.product-col .name {
	color: #333;
	display: inline-block;
	font-family: "Times New Roman", Times, serif;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	line-height: 18px;
	padding: 5px 0px 5px 0px;
	text-decoration: none;
	text-transform: uppercase;
}
.product-col .name:hover {
    color: #878787;
}

/*product-detail*/
#products-show{
	width:750px;
	float:left;
	padding: 10px 0px 0px 0px;
}
.products-right-column{
	width:380px;
	height:400px;
	float:left;
	padding: 50px 0px 0px 20px;
}
.products-right-column h1 {
	background-image: none;
	color: #000;
	font-size: 15px;
	font-weight: bold;
	width: 360px;
	padding: 10px 0px 10px 0px;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #999;
	background-color: transparent;
	margin-bottom: 10px;
}
.price_block{
	width:360px;
	float:left;
	padding: 20px 0px 10px 0px;
	
	}
.price_display{
	float: left;
	width: 130px;
	padding: 5px 0px 0px 0px;
	font-size: 13px;
	font-weight: bold;
}
.price{
	color: #F00;
	font-weight: bold;
	font-size: 18px;
}

.add_to_cart{
	float: right;
	width: 220px;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 13px;
}
.short_description_number ,.short_description_brand,.short_description_spec,.short_description_unit{
	float: left;
	width: 360px;
	font-size: 12px;
	line-height: 22px;
	padding: 0px 0px 5px 0px;
	color: #999;
}
.short_description_block{
	float: left;
	width: 360px;
	font-size: 12px;
	line-height: 22px;
	padding: 10px 0px 10px 0px;
	color: #999;
}
.products-left-column{
	height: 460px;
	width: 340px;
	float: left;
}

/**index**/
#content{
	background: url(../images/index-bg.jpg) no-repeat left top;
	width:1000px;
	height: 700px;
	position: absolute;
	visibility: visible;
	clear: both;
	float: left;
	padding: 20px 0px 0px 0px;
	top: 650px;
}
.brand{
	background:url(../images/tittle.png) no-repeat 20px top;
	height:100px;
	float:left;
	width:800px;
	padding: 20px 50px 0px 150px;
	font-size: 12px;
	line-height: 18px;
	font-family: Verdana, Geneva, sans-serif;
}


.kind{
	background:url(../images/bottom-bg.png) no-repeat 24px bottom;
	width:952px;
	height:136px;
	float:left;
	padding: 0px 0px 0px 24px;
}

.type{
	width:280px;
	height:auto;
	float:left;
	padding: 0px 0px 0px 30px;
}

.type a:hover{color: #cf9d5b;}
.type a:visited{color: #666;}
.type h2 {
	color: #000;
	font-size: 17px;
	font-weight: bold;
	margin: 0px;
	padding: 36px 0px 0px 0px;
}
.type p {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 15px;
	line-height: 24px;
	margin: 0px;
	padding: 0px;
}

.type p a {
	color: #666;
	font-size: 12px;
}

.right{ float:right;}
.left{
	float:left;
}
.box_wrappe{
	width:970px;
	float:left;
	padding: 30px 0px 0px 30px;
}
.box1{
	width:205px;
	float:left;
	padding: 0px 30px 0px 0px;
}
.box1 h3 ,.box1 h3 a{
	font-size: 12px;
	color: #000;
	text-decoration: none;
	padding: 10px 0px;
}
.box1 h3 a:hover{
	color: #cf9d5b;
}
.box1 h3 a:visited{
	color: #ff4545;
}
.box1 p {
	font-size: 12px;
	color: #666;
	line-height: 20px;
}
/**index end**/
#footer {
	width: 100%;
	float: left;
	clear: both;
	background-color: #333;
	margin: 0px;
	font-size: 11px;
	color: #CCC;
	text-align: center;
}
#footer{
	width:1002px;
	float:left;
	clear:both;
	background-color: #333;
	margin: 0px;
	font-size: 13px;
	color: #CCC;
	text-align: center;
  padding: 10px 0px;
}
#footer a{color: #FFF;}
.footer_boxwrapper{
	width:920px;
	float:left;
	clear:both;
	background-color: #333333;
	padding: 20px 0px 0px 80px;
}
.footer_box{
	width:180px;
	float:left;
	font-size: 15px;
	color: #FFF;
	padding: 0px 20px 20px 30px;
	font-weight: bold;
	text-align: left;
}

.footer_box li {
	font-size: 13px;
	line-height: 24px;
	display: block;
	width: 160px;
	font-weight: normal;
	text-align: left;
}
.footer_box li a {
	color: #FFF;
	text-decoration: none;
}
.footer_box li a:hover{
	color: #F36;
}
.copyright{
	background:#000;
	width:1000px;
	float:left;
	font-size: 13px;
	color: #FFF;
	text-align: left;
	height: auto;
	padding: 10px 0px;
	margin: 0px;
}
.fb a img {
	padding: 0px 5px;
}

.fb{
	width:auto;
	float:left;
	padding-left:100px;
	padding-right: 50px;
}
.clearfloat { /* 這個類別可放置在 <br /> 或空白的 Div 上，當做接在 #container 內最後一個浮動 Div 後方的最後一個元素 (如果從 #container 移除或取出 #footer) */
	clear:both;
	height:0;
	font-size: 1px;
	line-height: 0px;
}
/**/
input.button_mini, input.button_small, input.button, input.button_large, input.button_mini_disabled, input.button_small_disabled, input.button_disabled, input.button_large_disabled, input.exclusive_mini, input.exclusive_small, input.exclusive, input.exclusive_large, input.exclusive_mini_disabled, input.exclusive_small_disabled, input.exclusive_disabled, input.exclusive_large_disabled, a.button_mini, a.button_small, a.button, a.button_large, a.exclusive_mini, a.exclusive_small, a.exclusive, a.exclusive_large, span.button_mini, span.button_small, span.button, span.button_large, span.exclusive_mini, span.exclusive_small, span.exclusive, span.exclusive_large {
	-moz-transition: background 0.5s ease 0s;
	border: medium none;
	border-radius: 5px 5px 5px 5px;
	color: #FFFFFF !important;
	cursor: pointer;
	display: inline-block;
	height: 30px !important;
	padding: 0px 8px;
	position: relative;
	text-decoration: none !important;
	text-transform: none;
	font-family: Verdana, Geneva, sans-serif, "新細明體-ExtB";
	font-size: 11px;
	margin: 0px 2px;
	background-attachment: scroll;
	background-color: #000;
	background-image: none;
	background-repeat: repeat;
	background-position: 0 0;
}
a.button_mini, a.button_small, a.button, a.button_large, a.exclusive_mini, a.exclusive_small, a.exclusive, a.exclusive_large, span.button_mini, span.button_small, span.button, span.button_large, span.exclusive_mini, span.exclusive_small, span.exclusive, span.exclusive_large {
    line-height: 30px !important;
	color:#FFF;
}
input.button_mini_disabled, input.button_small_disabled, input.button_disabled, input.button_large_disabled, input.exclusive_mini_disabled, input.exclusive_small_disabled, input.exclusive_disabled, input.exclusive_large_disabled, span.button_mini, span.button_small, span.button, span.button_large, span.exclusive_mini, span.exclusive_small, span.exclusive, span.exclusive_large {
    color: #555555 !important;
    cursor: default;
}
input.button_mini:hover, a.button_mini:hover, input.button_small:hover, a.button_small:hover, input.button:hover, a.button:hover, input.button_large:hover, a.button_large:hover, input.exclusive_mini:hover, a.exclusive_mini:hover, input.exclusive_small:hover, a.exclusive_small:hover, input.exclusive:hover, a.exclusive:hover, input.exclusive_large:hover, a.exclusive_large:hover {
    -moz-transition: background 0.2s ease 0s;
    background: none repeat scroll 0 0 #73BC4B;
    text-decoration: none !important;
}
input.button_mini, input.button_mini_disabled, a.button_mini, span.button_mini, input.exclusive_mini, input.exclusive_mini_disabled, a.exclusive_mini, span.exclusive_mini { color:#FFF;
}
input.button_mini:hover, a.button_mini:hover, input.exclusive_mini:hover, a.exclusive_mini:hover { color:#FC0;
}
input.button_small, input.button_small_disabled, a.button_small, span.button_small, input.exclusive_small, input.exclusive_small_disabled, a.exclusive_small, span.exclusive_small {color:#FFF;
}
.button_large a {
	color: #FFF;
	text-decoration: none;
}

input.button_small:hover, a.button_small:hover, input.exclusive_small:hover, a.exclusive_small:hover {
}
input.button, input.button_disabled, a.button, span.button, input.exclusive, input.exclusive_disabled, a.exclusive, span.exclusive {color:#FFF;
}
input.button:hover, a.button:hover, input.exclusive:hover, a.exclusive:hover {color:#FFF;
}
input.button_large, input.button_large_disabled, a.button_large, span.button_large, input.exclusive_large, input.exclusive_large_disabled, a.exclusive_large, span.exclusive_large {color:#FFF;
}
input.button_large:hover, a.button_large:hover, input.exclusive_large:hover, a.exclusive_large:hover {color:#FFF;
}
#quantity_wanted_p{ float:right;}
.about{
	padding:10px 30px;
	line-height: 20px;
	font-weight: normal;
	color: #999;
	font-size: 12px;
}
.about p a {
	text-decoration: underline;
	color: #F99;
}

.about strong {
	color: #C9C;
	font-weight: normal;
	font-size: 12px;
}

.about p{
	color: #999;
}
/* faq */
.faq_show {
	height: auto;
	margin: 10px;
	padding: 10px;
	width: 95%;
}
.faq_show td.title {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCC;
	background-image: url(../images/dot.gif);
	background-repeat: no-repeat;
	background-position: 10px 18px;
	padding-bottom: 10px;
	font-family: "Arial", "Helvetica", "sans-serif";
	font-size: 15px;
	font-weight: normal;
	color: #000;
	text-align: left;
	padding-left: 30px;
	height: auto;
	padding-top: 6px;
	width: 100%;
	background-color: #F6F6F6;
}
.faq_show td.main {
	height: auto;
	width: 95%;
	color: #666666;
	text-align: left;
	font-weight: normal;
	font-family: "Arial", "Helvetica", "sans-serif";
	font-size: 12px;
	line-height: 18px;
	padding: 10px 10px 10px 30px;
}
/* contact us */
.contact_table {
	font-size: 12px;
	line-height: 1.2;
	height: 24px;
	top: 5px;
	font-weight: normal;
	padding-top: 4px;
	text-align: left;
	padding-right: 8px;
	padding-left: 8px;
	border-top-color: #D6C9A0;
	border-left-color: #D6C9A0;
	border-top-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-left-style: solid;
	background-color: #FFF5E8;
}
.contact_table th {
	color: #000000;
	background-color: #F4DA9D;
	font-size: 12px;
	line-height: 1.2;
	height: 24px;
	top: 5px;
	font-weight: normal;
	padding-top: 4px;
	text-align: left;
	padding-right: 8px;
	padding-left: 8px;
	border-right-color: #D6C9A0;
	border-bottom-color: #D6C9A0;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
}
.contact_table td {
	font-family: "Arial", "Helvetica", "sans-serif";
	height: 24px;
	color: #333333;
	font-size: 12px;
	text-align: left;
	padding-left: 8px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #CCCCCC;
	padding-top: 2px;
	padding-right: 8px;
	padding-bottom: 2px;
}
.contact_table  tr.altrow {
	background-color: #FFFFFF;
}
.news_list{
	width: 90%;
	line-height: 22px;
	font-size: 12px;
	color: #666;
	height: auto;
	margin: 10px;
	padding: 5px 5px 5px 15px;
	text-decoration: none;
	font-weight: normal;
	background-image: url(../images/circle.jpg);
	background-repeat: no-repeat;
	background-position: left 10px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #F0F0F0;
}
.news_list a {
	text-decoration: none;
}
.news_list a:hover{
	color: #F30;
}
.news_list_pic{
	height: 70px;
	width: 200px;
	float: left;
	background-repeat: no-repeat;
	background-position: left top;
	margin-top: 0px;
	margin-right: 15px;
	margin-bottom: 10px;
	margin-left: 0px;
	padding: 10px;

}
.color-2 {
	color: #999;
	font-style: italic;
	font-size: 11px;
}
.font-18 {
	font-size: 13px;
	color: #333;
	text-decoration: none;
	font-weight: normal;
}


.news_show {

}
.news_show td {
	font-family: "Arial", "Helvetica", "sans-serif";
}
.news_show td.title {
	font-family: "Arial", "Helvetica", "sans-serif";
	height: 20px;
	color: #996600;
	font-size: 20px;
	text-align: left;
	padding-left: 18px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCCCCC;
	padding-top: 4px;
	padding-right: 8px;
}
.news_show td.main {
	font-family: "Arial", "Helvetica", "sans-serif";
	color: #333333;
	font-size: 12px;
	text-align: left;
	padding-left: 18px;
	padding-top: 4px;
	padding-right: 8px;
}



/*news end*/
/*CSS quotes style pagination*/

.quotes {
	PADDING-RIGHT: 3px; PADDING-LEFT: 3px; PADDING-BOTTOM: 3px; MARGIN: 3px; PADDING-TOP: 3px; TEXT-ALIGN: center
}
.quotes a {
	BORDER-RIGHT: #ddd 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #ddd 1px solid; PADDING-LEFT: 5px; PADDING-BOTTOM: 2px; BORDER-LEFT: #ddd 1px solid; COLOR: #aaa; MARGIN-RIGHT: 2px; PADDING-TOP: 2px; BORDER-BOTTOM: #ddd 1px solid; TEXT-DECORATION: none
}
.quotes a:hover {
	BORDER-RIGHT: #a0a0a0 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #a0a0a0 1px solid; PADDING-LEFT: 5px; PADDING-BOTTOM: 2px; BORDER-LEFT: #a0a0a0 1px solid; MARGIN-RIGHT: 2px; PADDING-TOP: 2px; BORDER-BOTTOM: #a0a0a0 1px solid
}
.quotes a:active {
	BORDER-RIGHT: #a0a0a0 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #a0a0a0 1px solid; PADDING-LEFT: 5px; PADDING-BOTTOM: 2px; BORDER-LEFT: #a0a0a0 1px solid; MARGIN-RIGHT: 2px; PADDING-TOP: 2px; BORDER-BOTTOM: #a0a0a0 1px solid
}
.quotes span.current {
	BORDER-RIGHT: #e0e0e0 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #e0e0e0 1px solid; PADDING-LEFT: 5px; FONT-WEIGHT: bold; PADDING-BOTTOM: 2px; BORDER-LEFT: #e0e0e0 1px solid; COLOR: #aaa; MARGIN-RIGHT: 2px; PADDING-TOP: 2px; BORDER-BOTTOM: #e0e0e0 1px solid; BACKGROUND-COLOR: #f0f0f0
}
.quotes span.disabled {
	BORDER-RIGHT: #f3f3f3 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #f3f3f3 1px solid; PADDING-LEFT: 5px; PADDING-BOTTOM: 2px; BORDER-LEFT: #f3f3f3 1px solid; COLOR: #ccc; MARGIN-RIGHT: 2px; PADDING-TOP: 2px; BORDER-BOTTOM: #f3f3f3 1px solid
}
/* —————————————————————————————— order pages —————————————————————————————— */
/* ————— order-steps.tpl ————— */
ul#order_step {width:435px;height:27px;margin:20px auto 15px auto;padding:0 0 0 40px;background:url(../images/step_start.png) 0 bottom no-repeat;}
#order_step .step_done a {
	color: #AAABAC;
	text-decoration: none;
}

ul#order_step li {
	width:90px;
	height:27px;
	float:left;
	background:url(../images/step_standard.png) 50% bottom no-repeat;
	text-align:center;
	color: #A6A7A7;
	text-decoration: none;
}
ul#order_step li.step_current {background:url(../images/step_current.png) 50% bottom no-repeat;font-weight:bold;color:#f15a5a;}
ul#order_step li.step_todo {color:#777;}
ul#order_step li#step_end {width:70px;}
ul#order_step li#step_end {background:url(../images/step_end.png) left bottom no-repeat;}
ul#order_step li#step_end.step_current {background:transparent url(../images/step_end_current.png) left bottom no-repeat;}


/* voucher form */
form#voucher fieldset {border:2px solid #eee;padding:10px;}
form#voucher fieldset h2 {float:left;padding:4px 20px 0 0;}
form#voucher fieldset p {float:left;padding:3px 20px 0 0;}
form#voucher fieldset p.submit {padding:0;}
form#voucher fieldset p.text label {float:left;text-align:right;padding:2px 7px 0 0;}
form#voucher fieldset p.text input {width:166px;}

form#voucher fieldset div#display_cart_vouchers h4 {margin:10px 0 0 0;padding:10px 0 0 0;border-top:1px solid #eee;}
form#voucher fieldset div#display_cart_vouchers div {padding:4px 0 0 0;}
form#voucher fieldset div#display_cart_vouchers span.voucher_name {font-weight:bold;text-decoration:underline;cursor:pointer;}
form#voucher fieldset div#display_cart_vouchers span.voucher_name:hover {text-decoration:none;}

#columns {
	float:left;
	font-family: Arial;
	border: 5px solid #F3F3F3;
	-moz-border-radius-topleft: 15px;
	-moz-border-radius-topright: 15px;
	-moz-border-radius-bottomright: 15px;
	-moz-border-radius-bottomleft: 15px;
	-webkit-border-top-left-radius: 15px;
	-webkit-border-top-right-radius: 0px;
	-webkit-border-bottom-left-radius: 0px;
	-webkit-border-bottom-right-radius: 15px;
	padding:15x 0px 0px 0px;
	height: inherit;
	width: auto;
	margin: 20px 20px 0px 20px;
}
#columns h4 {
	font-size: 12px;
	padding: 10px 0px;
}


#center_column {
	width:90%;
	float:left;
	background-color: #FDFDFD;
	background-repeat: repeat-x;
	padding: 5px 10px;
	margin: 10px;
}
#center_column a{
	color: #333;
	text-decoration: none;
}
#center_column a:hover{
	color: #C00;
	text-decoration: none;
}
#columns-title{
	font-family: Arial;
	border: 5px solid #F3F3F3;
	-moz-border-radius-topleft: 15px;
	-moz-border-radius-topright: 15px;
	-moz-border-radius-bottomright: 15px;
	-moz-border-radius-bottomleft: 15px;
	-webkit-border-top-left-radius: 15px;
	-webkit-border-top-right-radius: 0px;
	-webkit-border-bottom-left-radius: 0px;
	-webkit-border-bottom-right-radius: 15px;
	padding:15x 25px 15px 35px;
	height: inherit;
	width: auto;
	background-color: #333;
}
#page-wrap {
	padding: 40px;
}
/* inquiry */
.inquiry_table {
	font-size: 12px;
	line-height: 1.2;
	font-weight: normal;
	text-align: left;
	padding: 4px;
	margin: 15px;
	width: 95%;
}
.inquiry_table th {
	color: #666666;
	font-size: 12px;
	line-height: 1.2;
	height: auto;
	top: 5px;
	font-weight: bold;
	text-align: center;
	padding: 8px;
	background-image: url(../images/th-bg.gif);
	background-repeat: repeat-x;
	background-position: left top;
}
.inquiry_table td {
	font-family: "Arial", "Helvetica", "sans-serif";
	height: auto;
	color: #666666;
	font-size: 12px;
	text-align: left;
	padding: 8px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #F6F6F6;
}
.inquiry_table td a{
	text-decoration: underline;
	color: #F60;
}
.inquiry_table td.pic a img{ width:70px; height:70px;}
.inquiry_table td.no {
	color: #222222;
}
.inquiry_table td.title a:link {
	color: #222222;
	text-decoration: none;
	padding: 0px;
}
.inquiry_table tbody tr .no a {
	text-decoration: none;
	color: #C00;
}
.inquiry_table tbody  td em {
	font-size: 12px;
	font-style: italic;
	color: #000;
}
.inquiry_table td.title a:visited {
	color: #222222;
	text-decoration: none;
}
.inquiry_table td.title a:hover {
	color: #FF0000;
	text-decoration: none;
}
.inquiry_table td.title a:active {
	color: #222222;
}
.inquiry_table td.date {
	color: #333333;
	font-style: italic;
}
.inquiry_table  tr.altrow {
	background-color: #999999;
}
.inquiry_table td.specialprice{
	font-style: italic;
	font-weight: bold;
	color: #C30;
}
.inquiry_table tfoot {
	border-bottom-width: 2px;
	border-bottom-style: dotted;
	border-bottom-color: #FFF8F8;
	background-color: #FFF8F8;
	text-align: right;
}
.inquiry_table tfoot  td {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	font-size: 12px;
	color: #C60;
	text-align: right;
}
.inquiry_table td.cance a{
	color: #55ADB6;
	text-decoration: underline;
}
.cart_h1{
	font-size: 18px;
	font-weight: bold;
	padding: 5px;
	color: #FEA139;
}
.cart_table{
	width: 90%;
	margin: auto;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #FCC;
	background-image: url(../images/th-bg.gif);
	background-repeat: repeat-x;
}
.cart_table td{
	padding: 2px 6px;
	font-size: 12px;
	font-weight: normal;
	color: #000;
	text-align: center;
}
.cart_table th{
	font-size: 13px;
	font-weight: bold;
	text-align: center;
}
.main_content h3 a {
	text-decoration: none;
	color: #F30;
}
.shopping-process{
	width:95%;
	padding:10px;
	float: left;
	background-color: #FFF3EF;
	margin: 10px;
}
.shopping-process ol{ width:700px; float:left;}
.shopping-process ol li{
	display:block;
	float:left;
	width: 650px;
	padding-top: 5px;
	padding-right: 20px;
	padding-bottom: 5px;
	padding-left: 10px;
	margin: 0px 0px 0px 20px;
	background-image: url(../images/dot2.gif);
	background-repeat: no-repeat;
	background-position: left 15px;
	font-size: 12px;
}
.shopping-process ol li a {
	color: #C60;
	text-decoration: none;
}
#main2{
	float: left;
	width: 740px;
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 20px;
	padding-left: 10px;

}


#main2 ul{
	margin: 10px 0px 10px 0px;
	padding: 0px;
	list-style-type: none;


}
#main2 ul li{
	color: #000000;
	padding-top: 10px;
	padding-right: 5px;
	padding-bottom: 10px;
	padding-left: 5px;
	margin: 0px;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #999999;
	font-size: 12px;

}




#main2 ul li h3{
	color: #000000;
	font-size: 20px;
	background-color: #FFF;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	font-weight: bold;
	padding: 10px 0px;

}

#main2 ul li ul{
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 20px;

}

#main2 ul li li{
	color: #000000;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	border-top-style: none;
	padding: 2px 0px;
	list-style-type: disc;
	border-bottom-style: none;
	font-size: 12px;
	line-height: 22px;


}
.table{
	width: 100%;
	margin-bottom: 10px;
	border-top-width: 2px;
	border-right-width: 0px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: none;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #CCCCCC;
	border-bottom-color: #CCCCCC;
	border-left-color: #CCCCCC;
	font-size: 12px;
}
.table th{
	background-color: #EEE;
	border-top-width: 1px;
	border-right-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-top-color: #CCCCCC;
	border-right-color: #CCCCCC;
	color: #333333;
	padding:0px 0px 0px 10px;
}
.table td{
	border-top-width: 1px;
	border-right-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-top-color: #CCCCCC;
	border-right-color: #CCCCCC;
	color: #8E8E8E;
	padding: 3px 0px 0px 15px;
}

.table td a{
	font-weight: normal;

}
.table ol{
	margin: 2px 0px 0px 10px;
}
.table ol li {
	list-style-type: square;
	padding: 2px;

}
.table strong{
	color: #000;
	font-weight: normal;
}
/* page */


.page {
	TEXT-ALIGN: center;
	width: 700px;
	font-size: 13px;
	color: #666666;
	float: left;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 20px;
	font-weight: bold;
	margin-top: 10px;
}

.page a {
-webkit-border-radius:50px;
-moz-border-radius:50px;
	border-radius:50px;
	background-color: #CCCCCC;
	color: #000000;
	letter-spacing: 1px;
	font-size: 12px;
	behavior: url(css/PIE.htc);
	text-decoration: none;
	height: 18px;
	width: 18px;
	float: left;
	padding: 2px;
	margin-right: 5px;
	font-weight: normal;
}
.page a:hover {
	font-weight: bold;
	color: #000000;
	float: left;
	background-color: #999999;
}
.page a.current{
-webkit-border-radius:50px;
-moz-border-radius:50px;
	border-radius:50px;
	background-color: #16C1F3;
	color: #FFFFFF;
	letter-spacing: 1px;
	font-size: 12px;
	behavior: url(css/PIE.htc);
	text-decoration: none;
	float: left;
	font-weight: bold;
}