@charset "utf-8";
/* CSS Document */
.contentbox {border: 1px solid #CCCCCC;float: left;width:960px;background-color: #fbfbfb; margin: 8px 0px 0px 13px;display:inline; 
}
.contentbox h2 {font-family: "Times New Roman", Times, serif; font-size: 21px; font-weight: bold;}

#cart-top-box {height: 86px;background-image: url(/style/style_blue/images/bg-top.jpg);background-repeat: no-repeat;}
#cart-top-box #logo {margin-top: 15px;height: 68px;width: 270px;float: left;margin-left: 10px;}
#day30 {float:right; text-align:right; padding-right: 25px; margin-bottom: -20px; margin-top: -65px;}

.cart_table {
	margin: 0px 15px 0px 15px;
	padding: 0px;
	width: 930px;
	border: 1px solid #CCC;
	font-family:"Courier New", Courier, monospace;
}
.cart_table .head {height: 27px;} 
.cart_table .head .col-1 { width:422px; 	height:inherit;
background-image:url(images/bg-ordertd-02.gif); float:left;  }
.cart_table .head .col-2 { width:186px; 	height:inherit;
background-image:url(images/bg-ordertd-02.gif); float:left; }
.cart_table .head .col-3 { width:243px; 	height:inherit;
background-image:url(images/bg-ordertd-02.gif); float:left;}
.cart_table .head .col-4 { width:58px; 	height:inherit;
background-image:url(images/bg-ordertd-02.gif); float:left;}

.cart_table .row {height: 40px; padding: 5px 5px 5px 5px; } 
.cart_table .row .col-1 
	{ 
		width:440px; 	
		height:inherit;
		float:left;
		font-size: 12px;
		color: #024770;
		margin: 0px 20px;
	}
.cart_table .row .col-2 
	{ 
		width:170px; 	
		height:inherit;
		float:left; 
		font-size: 12px;
	}
.cart_table .row .col-3 { width:200px; 	height:inherit; font-size: 12px; 
 float:left;}
.cart_table .row .col-4 { width:50px; 	height:inherit; font-size: 12px;
 float:left;}
 
.sep {
  border: 0;
  color: #ccc;
  background-color: #ccc;
  height: 1px;
  margin: 0 20px;
  zoom: 0;
}

.cart_table .bottom {
	height: 50px; 
	background-color: #eee;
	} 

.cart_table .bottom  .continue
{
	margin: 11px 20px;
	width: 250px;
	float: left;
	font-size: 14px;
	text-align: left;
}

.cart_table .bottom  .total
{
	margin: 11px 20px;
	width: 215px;
	font-size: 14px;
	float: right;
	text-align: left;
}

#checkout {
	margin: 0px 15px 0px 15px;
	width: 910px;
	height: 135px;
}

#checkout  #method{
	padding: 0px;
	height: 75px;
	padding-left: 15px;
}

#checkout  #method .h2{
	height: 21px;
	font-size:21px;
	line-height:21px;
	color:#339900;
	font-weight:normal;
	padding:0px;
	margin:0px;
	font-family: Georgia, "Times New Roman", Times, serif;
}

#checkout  #button{
	padding-right: 10px;
	height: 50px;
	text-align: right;
}

.note {
	width: 270px;
	margin: 5px 5px 5px 20px;
	padding: 10px;
	float: left;
}

.note .title
{
	font-weight: bold;
	height: 32px;
}
.note .title .title-logo
{
	width: 32px;
	height: 32px;
	float: left;
}
.note .title .title-text
{
	height: 12px;
	float: left;
	padding: 10px 5px;
}

.note .content
{
}

.black_overlay{ 
	display: none; 
	position: absolute; 
	top: 0%; 
	left: 0%; 
	width: 100%; 
	height: 100%; 
	background-color: black; 
	z-index:1001; 
	-moz-opacity: 0.8; 
	opacity:.80; 
	filter: alpha(opacity=80); 
} 

.white_content { 
	display: none; 
	position: absolute; 
	top: 25%; 
	left: 25%; 
	width: 50%; 
	height: 50%; 
	padding: 16px; 
	border: 16px solid orange; 
	background-color: white; 
	z-index:1002; 
	overflow: auto; 
} 
#show-process { width:750px; margin:auto; height:300px; padding-top:180px;}
#img-process { width:150px; float:left; text-align:right;}
#text-process{width:485px; float:left; padding-left:20px;}