/* -------------------------------------------------------------------------------------------------------------- */
/* css for checkout left ---------------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------------------------------------- */

#checkout-left {
	margin: 0 0 0 31px;
	width: 412px;
	float: left;
	}
	.checkout-content {	
		padding: 10px 40px 10px 30px;
		width: 342px;
		background: url(../images/style/checkout/bg-checkout-left.png);
		color: #1d4f41;			
		}
		.checkout-content p {
			padding: 0 0 4px 0;
			}
		.checkout-content h2 {
			margin: 0 0 10px 0;
			}			
		.checkout-content a {
			color: #1d4f41;	
			text-decoration: none;		
			}
		.checkout-item {
			}
		.chechout-item-hr {
			height:20px;
			background: url(../images/style/checkout/div-checkout-left.png) no-repeat bottom;
			clear:both;
		}
			.checkout-content .last {
				background: none;
				}
			.checkout-item .pic {
				margin: 0 0 12px -2px;
				float: left;
				width: 140px;
				height: 108px;
				}
				.checkout-item .pic img {
					padding: 15px 15px 15px 16px;
					background: url(../images/style/checkout/bg-checkout-pics.png);
					display:block;
					width:105px;
					height:78px;
					}
			.checkout-item .details {
				position: relative;
				padding: 8px 0 0 0;
				width: 320px;
				float: left;
				color: #515151;
				font-size:12px;
				}
				.checkout-item .serving {
					float: left;
					width: 175px;
					}
				.checkout-item .quantity {
					float: right;
					width: 50px;
					}									
				.checkout-item .subtotal {
					width: 320px;
					text-align: right;
					margin-top:4px;
					border-top: 2px dotted #b0aca7;
					}
			.checkout-item .gc-details {
				position: relative;
				padding: 8px 0 0 0;
				width: 320px;
				float: left;
				color: #515151;
				}
				.checkout-item .gc-subtotal {
					width: 320px;
					text-align: right;
					margin-top:4px;
					border-top: 1px solid #b0aca7;
					}

			.checkout-item .details .bundle-subitems {
				font-size:9px;
				}
				.checkout-item .details .bundle-subitems .title {
					padding-left:8px;
					}				
													
		.total-line {
			margin: 0 10px 15px 0;
			border-bottom: 2px solid #93aea4;
			border-top: none;
			}					
		.back-to-menu {
			padding: 0 0 20px 0;
			float: left;
			}					
		.total {
			padding: 0 10px 20px 0;
			float: right;
			color: #515151;
			font-weight: 700;
			}					
	.checkout-top {	
		width: 412px;
		height: 14px;
		background: url(../images/style/checkout/bg-checkout-left-top.png);
		}
	.checkout-bottom {	
		width: 412px;
		height: 14px;
		background: url(../images/style/checkout/bg-checkout-left-bottom.png);
		}
	
	
	
/* -------------------------------------------------------------------------------------------------------------- */
/* css for checkout right --------------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------------------------------------- */

#checkout-right {
	margin: 14px 42px 0 26px;
	width: 489px;
	float: left;
	}
	#checkout-right .col1 {
		width: 470px;
		float: left;
		}
	#checkout-right .col2 {
		margin-top:20px;
		width: 470px;
		float: left;
		}

	#checkout-right h2 {
		padding: 0 0 8px 0;
		font-size: 15px;
		line-height: 19px;
		}
	
	#checkout-right .div {
		margin: 0 0 10px 0;
		padding: 10px 0 10px 0;
		clear: both;
		height: 10px;
		background: url(../images/style/checkout/div-checkout-right.png) no-repeat bottom;
		}

/* -------------------------------------------------------------------------------------------------------------- */
/* css for checkout total block --------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------------------------------------- */	

#total {
	padding:0 10px 0 0;
	font-size:16px;
	line-height:150%;
	}
	
	#total .value {
		float:right;
		}
	#total .subtotal {
		border-top: 2px dotted #b0aca7;
		}
		
#payment {
	padding:0 10px 0 0;
	font-size:16px;
	line-height:150%;
	}
	
	#payment .value {
		float:right;
		}
	#payment .subtotal {
		border-top: 2px dotted #b0aca7;
		}		

/* -------------------------------------------------------------------------------------------------------------- */
/* css for checkout cart scroller ------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------------------------------------- */	
		
#mcs_container {
	position: relative;
	width: 360px;
	height: 475px;
	margin-top:10px;
	}
#mcs_container .customScrollBox {
	position: relative; 
	height: 100%; 
	overflow: hidden;
	}
#mcs_container .customScrollBox .container {
	position: relative; 
	width: 340px; 
	top: 0; 
	float: left;
	}
#mcs_container .customScrollBox .content {
	clear: both;
	background-color: #E5E5E0;
	padding: 0 6px;	
	}
#mcs_container .dragger_container {
	position: relative; 
	width: 2px; 
	height: 385px; 
	float: left; 
	margin: 50px 0 0 10px; 
	background: #b4b6b7; 
	cursor: pointer;
	-moz-border-radius: 2px; 
	-khtml-border-radius: 2px; 
	-webkit-border-radius: 2px; 
	border-radius: 2px; 
	cursor: s-resize;
	}
#mcs_container .dragger {
	position: absolute; 
	width: 18px; 
	height: 18px !important; 
	margin-left: -8px; 
	background: url(../images/style/checkout/mcs_scroller.png) center center no-repeat; 
	overflow: hidden; 
	cursor: pointer; 
	}
#mcs_container .dragger_pressed {
	position: absolute; 
	width: 18px; 
	height: 18px !important; 
	margin-left: -8px; 
	background: url(../images/style/checkout/mcs_scroller.png) center center no-repeat; 
	overflow: hidden; 
	cursor: pointer; 
	}
#mcs_container .scrollUpBtn,#mcs_container .scrollDownBtn {
	position: absolute; 
	display: inline-block; 
	width: 18px; 
	height: 16px; 
	text-decoration: none; 
	right: 0; 
	}
#mcs_container .scrollUpBtn {
	top: 10px; 
	background: url(../images/style/checkout/mcs_btnUp.png) center center no-repeat;
	}
#mcs_container .scrollDownBtn {
	top: 25px; 
	background: url(../images/style/checkout/mcs_btnDown.png) center center no-repeat;
	}
#mcs_container .scrollUpBtn: hover,#mcs_container .scrollDownBtn: hover {
	filter: alpha(opacity=60); 
	-moz-opacity: 0.60; 
	-khtml-opacity: 0.60; 
	opacity: 0.60;
	}
		
		
.scroll-container_hs_top {
	-webkit-mask-box-image: -webkit-linear-gradient(left,transparent 0%,rgba(0,0,0,.8) 50%,transparent 100%);
	background-color: transparent;
	background-image: -webkit-linear-gradient(top,rgba(0, 0, 0, .2),transparent);
	background-image: -moz-linear-gradient(top,rgba(0, 0, 0, .2),transparent);
	background-image: -ms-linear-gradient(top,rgba(0, 0, 0, .2),transparent);
	background-image: -o-linear-gradient(top,rgba(0, 0, 0, .2),transparent);
	background-image: linear-gradient(top,rgba(0, 0, 0, .2),transparent);
	border-top: 1px solid rgba(0, 0, 0, 0.4);
	height: 8px;
	margin: -1px 0 -8px;
	opacity: 1;
	position: relative;
	z-index: 985;
	top: 0px;
	pointer-events:none;
	width:340px;
	}
.scroll-container_hs_bot {
	-webkit-mask-box-image: -webkit-linear-gradient(left,transparent 0%,rgba(0,0,0,.8) 50%,transparent 100%);
	background-color: transparent;
	background-image: -webkit-linear-gradient(bottom,rgba(0, 0, 0, .2),transparent);
	background-image: -moz-linear-gradient(bottom,rgba(0, 0, 0, .2),transparent);
	background-image: -ms-linear-gradient(bottom,rgba(0, 0, 0, .2),transparent);
	background-image: -o-linear-gradient(bottom,rgba(0, 0, 0, .2),transparent);
	background-image: linear-gradient(bottom,rgba(0, 0, 0, .2),transparent);
	border-bottom: 1px solid rgba(0, 0, 0, 0.4);
	height: 8px;
	margin: -8px 0 -1px;
	opacity: 1;
	position: relative;
	z-index: 985;
	top: 0px;
	pointer-events:none;
	width:340px;
	}