#ckoutBox
{
}
#ckoutBox .ckoutTB
{
	border: #a9a9a9 1px solid;
    width:100%;
}
#ckoutBox .ckoutTB td{padding: 10px;}
#ckoutBox .ckoutTH td
{
	border-bottom: #d3d3d3 1px dotted;
	background-color: #fffafa;
}

#ckoutBox .ckoutIT td
{
	border-bottom: #d3d3d3 1px dotted;
}

#ckoutBox .ckoutFI td
{
	border-bottom: #d3d3d3 1px dotted;
}

#ckoutBox .th1{ width:1%}
#ckoutBox .th1 img{max-width:120px;}
#ckoutBox .th2{ width:40%}
#ckoutBox .th3{ width:10%}
#ckoutBox .th4{ width:10%}
#ckoutBox .th5{ width:10%}
#ckoutBox .th6{ width:15%}
#ckoutBox .th7{ width:10%;text-align:center;}
#ckoutBox .ckoutTH .th1{ text-align:center;}
#ckoutBox .ckoutTH .th2{ text-align:center;}
#ckoutBox .ckoutTH .th3{ text-align:center;}
#ckoutBox .ckoutTH .th4{ text-align:center;}
#ckoutBox .ckoutTH .th5{ text-align:right; padding-right:20px;}
#ckoutBox .ckoutTH .th6{ text-align:right; padding-right:20px;}

#ckoutBox .ckoutIT .th1
{
	text-align: center;
	vertical-align: middle;
}
#ckoutBox .sale .th1
{
	text-align: left;
}
#ckoutBox .ckoutIT .th3{ text-align:center;}
#ckoutBox .ckoutIT .th4{ text-align:center;}
#ckoutBox .ckoutIT .th5{ text-align:right; padding-right:20px;}
#ckoutBox .ckoutIT .th6{ text-align:right; padding-right:20px;}
#ckoutBox .ckoutFI .th6{ text-align:right; padding-right:20px;}

#ckoutBox .sale
{
	background-color: #ffffe0;
} 
#ckoutBox .sale .th6
{
	color: #ff0033;
} 

#ckoutBox .ckoutTB .sbcode
{
	margin-right: 5px;
}
#checkout .subtotalbox
{
	margin-top:10px;
	text-align:right;
    padding-right:20px;
    font-size:14pt;
	background-color: #faf0e6;
	margin-bottom: 20px;
	padding-top:10px;
	padding-bottom:10px;
}
#checkout .subtotalbox .hrr
{
	margin-bottom: 10px;
}
#checkout .sbname{margin-right: 10px;}
#checkout .saletotal
{
	font-size: 10pt;
	color: #ff0000;
	margin-left: 10px;
	vertical-align: super;
}
#checkout .subtotal
{
	min-width: 60px;
	display:inline-block;
}
.gotoshopping
{
	padding:20px;
	text-align:center;
}
.gotoshopping a
{
	font-size: 12pt;
	text-decoration: none;
	padding: 5px 10px;
	cursor: pointer;
	border: #696969 1px solid;
	color: #696969;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 3px;
}
.gotoback
{
	padding:20px;
	text-align:right;
}
.gotoback a
{
	font-size: 12pt;
	text-decoration: none;
	padding: 5px 10px;
	cursor: pointer;
	border: #696969 1px solid;
	color: #696969;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 3px;
}
.cartoutfunbox 
{
	padding:20px;
}

.cartoutfunbox font
{
	font-size: 12pt;
	margin-right:20px;
}
.cartoutfunbox a
{
	font-size: 12pt;
	text-decoration: none;
	padding: 5px 10px;
	cursor: pointer;
	background-color: #ffcc66;
	margin-right: 10px;
	margin-left: 10px;
	margin-bottom: 10px;
	display: inline-block;
	width: 90px;
	text-align: center;
	letter-spacing: 2px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 2px;
	color: #696969;
	border-top: #a9a9a9 1px solid;
	border-right: #a9a9a9 1px solid;
	border-bottom: #a9a9a9 1px solid;
	border-left: #a9a9a9 1px solid;
}
.cartoutfunbox a:hover
{
	text-decoration: underline;
}
.cartoutfunbox .paytitle
{
	float:left;
}
.cartoutfunbox .pickup
{
	float:left;
}
.cartoutfunbox .freightbox
{
	border:darkgray 1px solid;
	padding:10px 10px 10px 10px;
	margin: 20px 0 20px 0;
	float:left;
}
.cartoutfunbox .freightbox div
{
    padding:30px;	
}
.cartoutfunbox .freightbox legend{ font-size:14pt;}
.showdetail
{
   text-align:center;	
}
.showdetail a
{
	text-decoration: none;
}
.nonothing
{
	padding: 40px 40px 40px 50px;
	font-size: 14pt;
	font-weight: bold;
	text-align: center;
}
.nonothing font
{
	font-size: 14pt;
	font-weight: bold;
	background-image: url(image/cartisnull.png);
	background-position: left center;
	background-repeat: no-repeat;
	padding: 40px 40px 40px 50px;
	display: inline-block;
}
.scdebox
{
	font-size:12pt;
}
.scdebox #sdi_yes, .scdebox #sdi_no
{
	padding: 10px;
	border-top: #a9a9a9 2px solid;
	border-right: #a9a9a9 2px solid;
	border-bottom: #a9a9a9 2px solid;
	border-left: #a9a9a9 2px solid;
	cursor:pointer;
	margin-right:10px;
}
.scdebox #sdi_yes:hover, .scdebox #sdi_no:hover , .scdebox .selag
{
	background-color: #ffd700;
}

.scdebox font
{
	font-size: 140%;
	font-weight: bold;
	color: #696969;
	letter-spacing: 2px;
	padding: 5px 10px;
	margin: 0 10px;
	background-color: #f5f5f5;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 2px;
}
.scdebox font a
{
	font-size: 10pt;
	margin-left:10px;
}
.selpayModebox 
{
  display: inline-block;
   padding-top:20px;	
}
.selpayModebox a
{
	padding: 12px;
	border: #a9a9a9 2px solid;
	cursor: pointer;
	font-size: 14pt;
	font-weight: bold;
	color: #696969;
	margin-left: 20px;
	display: inline-block;
	margin-bottom: 10px;
	text-decoration: none;
	width:120px;
	text-align: center;
	letter-spacing: 1px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 2px;
}
.selpayModebox a:hover ,.selpayModebox .mhovr
{
	background-color: #ffd700;
}
#acqDbox
{
	display: inline-block;
	width: 100%;
	margin-top:50px;
}

#terms iframe
{
	width: 100%;
	border-top: #a9a9a9 1px solid;
	border-right: #a9a9a9 1px solid;
	border-bottom: #a9a9a9 1px solid;
	border-left: #a9a9a9 1px solid;
}
#terms label
{
	font-size: 120%;
	color: #ff0033;
}
.pts_2 .exmail
{
	display: none;
	list-style-type: none;
}
ul.step
{
   text-align:center;
   margin:15px 0;
}
ul.step li
{
   display:inline-block;	
   width:10%;
   vertical-align: top;
}
ul.step li.stnbr div
{
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	border: #222222 2px dotted;
	width: 100%;
	padding-top: 30%;
	padding-bottom: 30%;
	font-size: 200%;
}
ul.step li.actived div
{
	color: #fff;
	background-color: #222222;
	border-top-style: solid;
	border-bottom-style: solid;
	border-right-style: solid;
	border-left-style: solid;
}
ul.step li.stnln
{
	vertical-align: top;
}
ul.step li.stnln div
{
	padding-top: 10%;
	padding-bottom: 30%;
	width: 100%;
	padding-top: 40%;
	padding-bottom: 30%;
	text-align: center;
}
ul.step li.stnln hr
{
	width: 60%;
	display: inline-block;
	padding: 0;
	margin: 0;
	border-bottom-style: none;
	border-right-style: none;
	border-left-style: none;
	border-top: #696969 2px solid;
}
@media screen and (max-width: 768px)
{
	#ckoutBox .ckoutTH .th5{ padding-right:3px;}
	#ckoutBox .ckoutTH .th6{ padding-right:3px;}
	#ckoutBox .ckoutIT .th5{ padding-right:3px;}
	#ckoutBox .ckoutIT .th6{ padding-right:3px;}
	#ckoutBox .ckoutFI .th6{ padding-right:3px;}
}