/*-------------------------------------------------------------------
樣式表用途：網站通用基本樣式表
作者：Chudapi 
信箱：chudapi@gmail.com
-------------------------------------------------------------------*/

#content {
		overflow: hidden;
}
#menu li span {
		display: block;
		overflow: hidden; /*force hasLayout in IE7 */
		height: 0!important;
		padding-top: 17px;	
		background-image: url(../images/menu-paystep.png);		
}
#paystep1 span {
		width: 76px;
		background-position: 0 0;
}
#paystep1 span.stay {
		background-position: -175px 0;
}
#paystep2 span {
		width: 103px;
		background-position: 0 -16px;
}
#paystep2 span.stay {
		background-position: -175px -16px;
}
#paystep3 span {
		width: 76px;
		background-position: 0 -32px;
}
#paystep3 span.stay {
		background-position: -175px -32px;
}
#paystep4 span {
		width: 45px;
		background-position: 0 -48px;
}
#paystep4 span.stay {
		background-position: -175px -48px;
}
.payorderlist-wrapper {
		position: absolute;
		top: 45px;
		z-index: 999;
}
.payorderlist-btn {
		display: block;
		overflow: hidden;
		height: 0!important;
		width: 629px;	
		padding-top: 19px;
}
.tipbtn	{
		position: absolute;
		top: 0;

		cursor: pointer;
		z-index: 999;
		padding: 1px 2px;
		font-size: 90%;
		color: #fff;
		background: #ff5C33;
}
.item1 {
		left: 6px;
}
.item2 {
		left: 607px;
}
a.openlist {
		background-image: url(../images/checkout-openlist.jpg);		
}
a.hiddenlist {
		background-image: url(../images/checkout-hiddenlist.jpg);		
}
#cart {
		display: none;
		top: 320px;
}

.payorderlist {
		width: 597px;
		padding: 15px;
		border: 1px solid #666;
		background: #fff;
}

.payorderinfo {
		overflow: auto;
		height: 200px;	
}
.payorderinfo table {		
		text-align: left;
}
.payorderinfo th {
		border-bottom: 1px solid #000;
}
.payorderinfo td {
		padding: 6px 0;
		border-bottom: 1px dotted #999;
}
.payorderinfo th.ordernum {
		width: 36px;
}
.payorderinfo th.productname {
		width: 276px;
}
.payorderinfo th.quantity {
		width: 60px;
}
.payorderinfo th.unit {
		width: 50px;
}
.payorderinfo th.price {
		width: 60px;
}
.payorderinfo th.subtotal {
		width: 70px;
}
.payorderinfo th.delete {
		width: 40px;
}
.payorderinfo td.productname,
.payorderinfo td.ordernum,
.payorderinfo td.price, 
.payorderinfo td.subtotal {
		letter-spacing: 0;
}
.payorderinfo .ordernum,
.payorderinfo .quantity,
.payorderinfo .unit,
.payorderinfo .price,
.payorderinfo .subtotal,
.payorderinfo .delete {
		text-align: center;
}
.productimg {
		width: 40px;
		height: 40px;
		background: #fff;
		vertical-align: middle;
}
.countTotal {
		margin-top: 20px;
		padding: 5px 20px;
		text-align: right;
		background: #f2f2f2;
		color: #333;
}
/*
#countTotal span {
		
}
*/
.countTotal {
		
}
.countsaletax {
		float: left;
}
.countsale, .counttax {
		display: inline;
}
.counttax {
		margin-left: 15px;
}
.counttotal, .counttotal span {
		color: #ff0000;
}
.counttotal {
		float: right;
}
.clear {
		clear: both;
}
.receiving-info {
		padding-top: 5px;
}
.receiving-info td {
		padding: 2px 0;
}
.txt1, .txt2, .txt3 {
		height: 12px;
		padding: 6px;
		border: 0;
		color: #999;
}
.txt1 {
		margin-right: 2px;
		width: 170px;
		background: url(../images/txt.png) no-repeat;
}
.txt2 {
		width: 63px;
		background: url(../images/txt2.png) no-repeat;
}
.txt3 {
		width: 279px;
		background: url(../images/txt3.png) no-repeat;
}
.txt4 {
		height: 14px;
		padding: 7px;
		border: 0;
		color: #999;
		width: 594px;
		background: url(../images/txt4.png) no-repeat;

}
.txt-wrapper {
		position: relative;
		display: inline-block;
		*display: inline;
		*zoom: 1;
}
.tip {
		position: absolute;
		width: 230px;
		z-index: 200;	
}
.error, .ok, .rule {
		padding: 2px 5px;
		color: #ccc;	
}
.error {
		background-color: #ff3300;
}
.receiveday {
		position: absolute;
		left: 0;
		top: 30px;
}
.receiving-info, .paytype {
		margin-top: 25px;
}
.receiving-info h4, .paytype h4 {
		margin-bottom: 6px;
}
.receiving-info a {
		color: #333;
}
#btnnext0, #btnstep2, #btnstep3, #btnstep4 {
		margin-top: 10px;
		display: inline-block;
		*display: inline;
		*zoom : 1;
		border: 0;
		overflow: hidden;
		height: 0!important;
		width: 51px;	
		padding-top: 25px;
		vertical-align: bottom;
		background: url(../images/btnnext.png);		
}
.btnprev {
		 margin-left: 26px;
}
.disabledtype {
		color: #666;
}

#payform2 table {}
#payform2 td {
		padding: 2px 5px;
}
#payform2 td.tdtitle {
		width: 90px;
		color: #fff;
		background: #333;
}
#payform2 td.tdcontent {}

#addressbook {
		position: absolute;
		top: 76px;
		left: 90px;
		z-index: 9999;
		width: 440px;
		height: 207px;
		background: url(../images/addressbook-bg.png) 0 0 no-repeat;
		display: none;
}
#addressbook div.info {
		position: absolute;
		top: 50px;
		left: 30px;
}
#addressbook div.content {
		width: 380px;
		height: 110px;
		overflow: hidden;
}
#addressbook  table {
		width: 100%;
}
#addressbook td {
		padding: 2px;
}
#addressbook td.inputradio {
		width: 5%;
}
#addressbook td.cname {
		width: 15%;
}
#addressbook td.phone {
		width: 25%;
}
#addressbook td.company {
		width: 50%;
}
#addressbook td.delete {
		width: 5%;
}
#addressbook a.close {
		position: absolute;
		top: 20px;
		right: 30px;
		display: block;
		overflow: hidden;
		width: 11px;	
		height: 0!important;
		padding-top: 13px;
		background: url(../images/btnclose.png) 0 0 no-repeat;
}

#addressbook a.submit {
		position: absolute;
		top: 162px;
		left: 194px;
		display: block;
		overflow: hidden;
		width: 46px;
		height: 0!important;		
		padding-top: 22px;
		background: url(../images/btnenter.png) 0 0 no-repeat;
}
#container 
{
	height: 70%;
}
#register {
		position: absolute;
		left: 320px;
		top: 40px;
		padding: 5px 0 0 40px;
		width: 164px;
		height: 300px;
		border-left: 1px solid #fff;
}
#register th {
		text-align: left;
		font-size: 120%;
		padding-bottom: 15px;
}
#register table ul {
		margin-top: 5px;
		list-style-type: decimal;
}
#register table ul li {
		margin: 1px 0 0 17px;
}
#register td.tdbtn {
		padding-top: 30px;
}
#btnregister {
		margin-top: 10px;	
		display: block;
		overflow: hidden;
		width: 51px;
		height: 0!important;
		padding-top: 25px;
		background: url(../images/btnregister1.png) 0 0 no-repeat;
}
#form {
		padding: 5px 0 0 40px;
}

#form th, #form td {
		padding-bottom: 15px;
}
#form td.tdbtn {
		padding-top: 30px;
}
#form input[type=checkbox] {
		vertical-align: middle;
		margin-right: 5px;
}
#verifyfield {
		display: none;
		margin-top: 10px;
		font-weight: bold;
}
#btnlogin {
		cursor: pointer;
		margin-left: 158px;
		width: 53px;
		height: 29px;
		border: 0;
		background: url(../images/btnlogin1.png) 0 0 no-repeat;
}
#orderlist {
		filter: alpha(opacity=0);
		opacity: 0;
}
.zoompic {
		position:absolute; 
		top: -50px; 
		left: -176px; 
		border: 2px solid #333; 
		background: #fff; 
		display: none;
		z-index: 200;
}
#menu-wrapper {
		z-index: 1;
}
#content {
	width: 97%;
}
#checkoutok {
		position: absolute;
}
#payform3 {
		position: absolute;
		left: 160px;
}
#payform3 h4 {font-size: 125%;}
.accountinfo 
{
		float: left;
		width: 200px;
		border: 1px dotted #666;
		padding: 5px;
}
.accountinfo dl {width: 100%;}
.accountinfo dt {float: left; width: 34%;}
.accountinfo dd {float: left; width: 66%;}