.CheckOut {font-size:12px;}
.check-m {float:left;}
.check-s {float:right;}
.CheckOut h1,.Refer h1 {font-family:Georgia;font-size:30px;font-weight:400;margin-bottom:15px;clear:both;}
.CheckOut .cs {margin-bottom:15px;color:#474747;font-size:12px;}

.co-m-group .hd,.order-sunmary .hd,.ud-cart-hd {background:#393766;height:26px;line-height:26px;color:#fff;padding:0 0 0 10px;font-size:14px;text-transform:uppercase;}
.co-m-group .bd {padding:15px;border:1px solid #b1b0d7;border-top:0;}
.order-sunmary .bd {border:1px solid #b1b0d7;border-top:0;}

.co-m-group .b {border-bottom:1px solid #ccc;padding-bottom:35px;}
.co-m-group .b .h {font-size:20px;color:#333;font-weight:normal;}

.order-table  th {text-align:left;color:#7d0101;font-size:20px;padding:0 0 5px 0;font-weight:400;}
.si_table td ,.shipping-table td,.order-table td{line-height:18px;font-size:13px;text-align: left;vertical-align: top;}
.si_table td label {display:block;padding-top:15px;height:18px;}
.si_table td label span {color:#aaa;}
.si_table td input{padding:4px;border:1px solid #b1b0d7;}

.si_table .csl {width:95%;height:25px;}

.saddress .h label{color:#aaa;font-weight:400;font-size:12px;margin-left:8px;}

.multi-address{padding: 10px 0;line-height:18px;}

.method-grid {float:left;width:18%;margin-right:2%;border:1px solid #b1b0d7;position:relative;}

.method-grid .inn {padding:10px 7px 0;height:90px;overflow:hidden;cursor:pointer;}
.pmethod .method-grid  .inn{height:70px;padding:0;}
.pmethod .method-grid {width:20%;margin-right:5%;}
.method-grid:hover,.method-grid-cur {background:#e5e6ec;}
.U-M {position:absolute;left:40%;display:none;}
.method-grid-cur .U-M  {display:block;}
.U-L,.U-N {border-left: 12px dashed transparent;border-right: 12px dashed transparent;display: block;height: 0;position: absolute;width: 0;}
.U-L {border-top: 12px solid #B1B0D7;top: 1px;}
.U-N {border-top: 12px solid #E4E4E4;top: -1px;}

.method-grid .method-cost {margin:3px 0 4px;color:#4A7801;font-weight:bold;font-size:14px;}
.method-grid .method-type {font-size:13px;}
.method-grid .method-img {text-align:center;}

.method-type-title  {float:left;width:18%;margin-right:2%;margin-bottom:3px;text-align:center;font-weight:700;}
.pmethod .method-type-title {width:20%;margin-right:5%;} 

.smethod .h span{color:#aaa;font-size:12px;}

.checkoutbtn{height: 23px;line-height: 23px;width: 170px;text-align: center;font-size: 16px;}
.order-items {border-bottom:1px solid #b1b0d7}
.oitem {padding:10px;}
.oitem .img {float:left;width:52px;margin-right:10px;}
.oitem .info {overflow:hidden;zoom:1;}
.oitem .info .item-title{width:160px;}
.ud-cart-wrap .oitem  .info .item-title{width:230px;}
.oitem .info .item-cost{float:right;margin:0 10px 0;}

.oitem .info-meta dt {float:left;width:50px;color:#aaa;}
.oitem .info-meta dd {overflow:hidden;}
.oitem .info-meta-edit {color:#aaa;text-decoration:underline;float:right;margin-right:10px;}
.oitem .action {float:right;}
.oitem .action  a{margin-right:10px;text-decoration:underline;}


.total-cost {padding:15px 10px;border-bottom:1px solid #b1b0d7}
.total-cost-list{padding:15px;background:#e5e6ec;border-bottom:1px solid #b1b0d7}
.promo-code  {padding:15px;background:#e5e6ec;}
.cost-table td {padding:3px 4px;}
.cost-table td.r {text-align:right;}

.co-as-block {border-bottom: 1px solid #E1E1E1;padding: 0 0 22px 0px;margin-bottom: 22px;}
.co-as-block p{line-height:18px;}
.co-as-block p a{text-decoration:underline;}
.co-as-block .hd {font-size:20px;color:#7d0101;margin-bottom:15px;}

.payicon img{margin-right:5px;}

.helpbtns {text-align:center;}
.helpbtns a{display: inline-block;
font-size: 16px;
background: #2b2a45;
width: 180px;
height: 33px;
line-height: 33px;
color: #fff;
font-weight: bold;
text-align: center;
margin: 0 10px 10px 0;}
.helpbtns a:hover{text-decoration:none;}

.si_comment textarea {padding:7px 25px 7px 7px;width:95%;height:56px;border:1px solid #b1b0d7;}

.co-btns .btns{float:right;margin-right:0;font-size:14px;}
.check-m .input-small {width:95%;}
.check-m .input-mini {width:45%;}
.input-small {width:270px;}
.input-mini {width:130px;padding:2px 4px;border;1px solid #b1b0d7;}
.input-tiny {width:50px;}

.btn-tiny {background:#393766;display:inline-block;color:#fff;font-size:12px;padding:2px 6px 3px;font-weight:bold;margin:0 5px;}
.btn-tiny:hover{text-decoration:none;}
.cohr {margin:10px 0 5px 10px;}

#seccode {text-decoration:underline;}
.sec_code_images {background:#fff;padding:5px;-moz-box-shadow: 0 0 10px #ccc;-webkit-box-shadow: 0 0 10px #ccc;box-shadow: 0 0 10px #ccc;position:absolute;border:1px solid #b1b0d7;z-index:20;}
.hide {display:none;}

.order-info ul {padding-bottom:20px;border-bottom:1px solid #ccc;}
.order-info li{float:left;width:50%;overflow:hidden;}
.order-info  li b{color:#393766;font-size:14px;}
.order-box .h {color:#7d0101;font-size:20px;font-weight:400;margin-bottom:10px;}

.btn-oedit {font-size:12px;display:inline-block;background:#393766;padding:2px 4px;color:#fff;font-weight:bold;margin:0 3px;border:0;}
.btn-ocancel {margin:0 4px;}
	
.ud-consult,.callyouConfirm {position:absolute;top:190px;left:50%;margin-left:-50%;width:100%;font-size:13px;z-index:99;}
.chat-table td {padding:15px 4px 0;}
.chat-table td.r {width:75px;}
.chat-table td input{padding:2px 4px;width:98%}

.ud-chat {width:100%;margin-left:-50%;}
.ud-chat td {vertical-align:top;}
.ud-chat td input{width:92%}
.ud-chat td label {display:block;}

.Refer {font-size:13px;margin:10px;}
.Refer .h,.Refer h3{font-size:20px;margin:10px 0 20px;font-weight:normal;}
.Refer h4 {font-weight:normal;font-size:20px;font-family:Georgia;}
.Refer ol {list-style-type:circle;margin-left:30px;}
.Refer li {line-height:18px;margin-bottom:10px;}
.Refer label {display:block;}
.Refer td {padding:0 4px 10px;}
.Refer td input {padding:2px 4px;width:96%}
.Refer textarea,.ud-chat textarea  {width:97%;height:100px;padding:6px;border:1px solid #B1B0D7;}


.creditcard {display:none;}

.checkoutcrumbs {
	text-align: center;
}

.checkoutcrumbs { 
			list-style: none; 
			overflow: hidden; 
			font-size: 14px;
			margin:15px 0;
		}
		.checkoutcrumbs li { 
			float: left;
			width:24%;
			 
		}
		.checkoutcrumbs li a {
			color: white;
			text-decoration: none; 
			padding: 10px 0 10px 10%;
			background: #325003;                   /* fallback color */
			width:90%;
			position: relative; 
			display: block;
			float: left;
			white-space:nowrap;
		}
		.checkoutcrumbs li a:after { 
			content: " "; 
			display: block; 
			width: 0; 
			height: 0;
			border-top: 50px solid transparent;           /* Go big on the size, and let overflow hide */
			border-bottom: 50px solid transparent;
			border-left: 30px solid #325003;
			position: absolute;
			top: 50%;
			margin-top: -50px; 
			left: 100%;
			z-index: 2; 
		}	
		.checkoutcrumbs li a:before { 
			content: " "; 
			display: block; 
			width: 0; 
			height: 0;
			border-top: 50px solid transparent;           /* Go big on the size, and let overflow hide */
			border-bottom: 50px solid transparent;
			border-left: 30px solid white;
			position: absolute;
			top: 50%;
			margin-top: -50px; 
			margin-left: 1px;
			left: 100%;
			z-index: 1; 
		}	
		.checkoutcrumbs li:first-child a {
			padding-left: 10px;
		}
		
		
		.checkoutcrumbs li a:hover, .checkoutcrumbs li.on a { background: #1F3101; }
		.checkoutcrumbs li a:hover:after, .checkoutcrumbs li.on a:after { border-left-color: #1F3101 !important; }

.spMethodMobile {display:none}
@media only screen and (min-width: 950px) {
	.check-m {width:610px;}
	.check-s {width:310px;}
	.si_table .half {width:50%;}
}
@media only screen and (min-width: 1340px) {
	.check-m {width:730px;}
	.check-s {width:440px;}

}

@media only screen and  (min-width: 768px) and (max-width: 949px) {
	
	.check-m {float:none;width:100%;}
	.check-s {float:none;width:100%;margin-top:10px;}
	.si_table .half {width:50%;}
}

@media only screen and (max-width: 767px) {
	.CheckOut {margin:10px;}
	.check-m {float:none;width:100%;}
	.check-s {float:none;width:100%;margin-top:10px;}
	
	.method-grid {margin-bottom:20px;}
	
	.spMethodMobile {display:block;}
	.spMethod {display:none;}
	.spMethodMobile select{height:22px;width:98%;}
	.helpbtns a {width:100%;}
	.si_table td, .shipping-table td, .order-table td {display:block;}
	
	.checkout3 td {display:table-cell;}
	.order-table th {font-size:18px;}
	.checkout31 span.bro {display:block;}
	
	.co-btns .btns {font-size:16px;width:100%;}
	
	.checkoutcrumbs {display:none;}
}
@media only screen and (max-width: 400px) {
	#cbaButton1 {float:none;text-align:center;}
	.checkoutbtn {width:100%;padding:5px 0;margin-top:10px;}
	
	.ud-chat {width:90%;margin-left:-45%;}
	.ud-chat td {display:block;width:100%;}
	.ud-chat td input {width:97%;padding:4px 6px;}
}