@charset "utf-8";
/* CSS Document */

#to-top {
  display: none;
  position: fixed;
  bottom: 20px;
  right: 30px;
  z-index: 99;
  cursor: pointer;
  padding: 15px;
  border-radius: 10px;
  background-color:#00CCCC;
}

#cart-page {
	margin:0; 
	padding:0; 
	width:100%;
	box-sizing: border-box;
}

#cart-cont {
	width:55%; 
	clear:both; 
	float:left; 		
	margin-left:32px; 
	padding:16px; 
	border:1px solid #F0F0F0;
	box-sizing: border-box;
}

#do-cart-cont {
	width:100%; 
	clear:both; 
	float:left; 		
	padding:16px; 
	margin-top:16px;
	border:1px solid #F0F0F0;
	box-sizing: border-box;
}

#first-cart-col {
	clear:both; 
	float:left; 
	margin:16px 8px;
}

#first-cart-co img {
	border:1px solid #00CC33;
}

#mid-cart-col {
	float:left; 
	margin:16px 8px; 
	font-size:14px;
}

#mid-cart-col #cart-price {
	font-weight:bold; 
	font-size:16px; 
	margin:16px 0;
}

#mid-cart-col #cart-qty {
	float:left; 
	padding-top:6px; 
	margin-right:12px;
}

#mid-cart-col input#qty {
	width:30px; 
	padding:6px; 
	text-align:center; 
	float:left;
}

#last-cart-col {
	float:right;
}

#do-last-cart-col {
	float:right;
	font-weight:bold;
	color:#00CC33;
	
}

#empty-cart {
	color:#FF0000; 
	font-weight:bold; 
	text-align:center;
}

#empty-btn-cont {
	text-align:center; 
	margin-bottom:24px;
}

#empty-btn-cont button#shop {
	background:#009933; 
	color:#fff; 
	font-size:16px; 
	font-weight:bold; 
	padding:12px 48px; 
	margin:72px 0 16px 0; 
	margin-right:0; 
	border:none;
}

#sum-cont {
	float:right; 
	margin-right:32px; 
	border:1px solid #CC3300; 
	width:33%; 
	padding:16px;
}

#sum-cont #left-tot {
	float:left; 
	font-size:14px;
}

#sum-cont #right-tot {
	float:right; 
	font-weight:bold;
}

#sum-btn-cont {
	float:left; 
	width:100%;
}

#sum-btn-cont button#left-btn {
	background:#CC3300; 
	color:#fff; 
	font-weight:bold; 
	padding:12px; 
	border:none;
}

#sum-btn-cont button#right-btn {
	float:right; 
	background:#009933; 
	color:#fff; 
	font-weight:bold; 
	padding:12px; 
	margin:32px 0 0 6px; 
	margin-right:0; 
	border:none;
}

@media (max-width:1250px) and (min-width:1025px) {
	#sum-btn-cont button#right-btn {
		clear:both;
		float:none;
		margin:16px 0 0 0; 
		width:100%;
	}
} 

@media screen and (max-width:1024px) {
	#cart-page {
		padding:0 32px;
	}
	
	#cart-cont {
		width:100%; 
		margin:0; 		
	}
	
	#sum-cont {
		clear:both;
		float:right; 
		margin:0;
		margin-top:16px;
		box-sizing: border-box;
		width:100%; 
		padding:16px;
	}
	
	#empty-cart {

	}
} 

@media screen and (max-width:540px)  {
	#sum-btn-cont button#right-btn {
		clear:both;
		float:none;
		margin:16px 0 0 0; 
		width:100%;
	}
}	

#trans-page {
	margin:0; 
	padding:0 32px; 
	width:100%;
	box-sizing: border-box;
}

#trans-cont {
	width:45%; 
	clear:both; 
	float:left; 
	padding:16px; 
	border:1px solid #F0F0F0;
	box-sizing: border-box;
}

#trans-cont #left-side,#msg {
	clear:both; 
	float:left; 
	font-size:14px; 
	margin:12px;
}

#trans-cont #msg {
	color:#009933;
	font-weight:bold;
}

#trans-cont #right-side,#totals,#vamount {
	float:right; 
	font-weight:bold; 
	margin:12px;
}

#trans-cont #cust-left-side {
	clear:both; 
	float:left; 
	font-size:14px; 
	margin:12px; 
	width:50%;
}

#trans-cont input#vnumber {
	padding:4px; 
	border:1px solid #009933;
}

#trans-cont a#chk {
	margin-left:4px; 
	padding:5px 6px; 
	border:none; 
	background-color:#009933; 
	color:#fff;
	font-size:13px;
	text-decoration:none;
}

#trans-cont #txt {
	clear:both; 
	float:left; 
	font-weight:bold; 
	margin:12px; 
	margin-top:0;
	width:100%;
}

#trans-cont #txt input {
	padding:4px; 
	border:1px solid #009933; 
	width:96%;
	box-sizing: border-box;
}

#cust-cont {
	float:right; 
	border:1px solid #F0F0F0; 
	width:50%; 
	padding:16px;
	box-sizing: border-box;
}

#cust-cont #left-side {
	clear:both; 
	float:left; 
	font-size:14px; 
	margin:12px;
}

#cust-cont #right-side {
	float:right; 
	font-weight:bold; 
	margin:12px;
}

#btn-co-cont {
	float:left; 
	margin:16px 0; 
	margin-bottom:0; 
	border:1px solid #CC3300; 
	width:100%; 
	padding:16px; 
	font-size:16px;
	box-sizing: border-box;
}

#btn-co-cont #left-btn {
	background:#CC3300; 
	color:#fff; 
	font-weight:bold; 
	padding:12px; 
	margin:6px 0; 
	border:none;
}

#btn-co-cont #right-btn {
	float:right; 
	background:#009933; 
	color:#fff; 
	font-weight:bold; 
	padding:12px; 
	margin:6px; 
	margin-right:0; 
	border:none;
}

#rules-cont {
	clear:both; 
	float:left; 
	width:100%; 
	margin:16px 0; 
	border:1px solid #F0F0F0;
	text-align:justify;
	box-sizing: border-box;
}

@media screen and (max-width:1024px) {
	#trans-cont {
		width:100%; 
		margin-left:0; 
		margin-bottom:16px;
	}
	
	#cust-cont {
		float:left; 
		margin-right:0; 
		width:100%; 
		padding:16px;
	}
	
	#btn-co-cont {
		float:left; 
		margin:16px 0; 
		margin-bottom:0; 
		border:1px solid #CC3300; 
		width:100%; 
		padding:16px; 
		font-size:16px;
		box-sizing: border-box;
	}
	
	#rules-cont {
		width:100%; 
		margin:16px 0; 
		padding-right:12px;
		font-size:15px;
	}
}

@media screen and (max-width:540px) {
	#btn-co-cont #right-btn {
		celar:both;
		float:none; 
		margin:6px 0; 
		width:100%;
	}
}

#hist-cont {
	float:right; 
	border:1px solid #F0F0F0; 
	width:48%; 
	padding:16px;
	box-sizing: border-box;
}

#hist-cont #hist-left-side {
	clear:both; 
	float:left; 
	font-size:14px; 
	margin:4px 12px;
}

#hist-cont #hist-right-side {
	float:right; 
	font-weight:bold; 
	margin:4px 12px;
}

#hist-cont a {
	color:#00CC33;
	text-decoration:none;
}

#hist-cont a:hover {
	color:#CC3300;
	text-decoration:underline;
}

@media screen and (max-width:1024px) {
	#hist-cont {
		float:left; 
		margin-right:0; 
		margin-top:16px;
		width:100%; 
		padding:16px;
	}
}

#user-menu {
	float:left;
	padding:0 32px; 
	width:100%;
	box-sizing: border-box;
	margin:16px 0; 
}

#user-menu a {
	padding:8px 0;
	display:block;
	background-color:#66FFCC;
	color:#CC3300;
	text-decoration:none;
}

#user-menu a:hover {
	background-color:#CC3300;
	color:#99FFFF;
}

#user-menu #column {
	float:left;
	width:25%;
	text-align:center;
	border:1px solid #CC3300;
	border-right:none;
	box-sizing: border-box;
}

#user-menu #last-column {
	float:left;
	width:25%;
	text-align:center;
	border:1px solid #CC3300;
	box-sizing: border-box;
}

@media screen and (max-width:700px) {
	#user-menu {
		font-size:14px; 
	}
}

@media screen and (max-width:600px) {
	#user-menu #column {
		border:none;
		width:50%;
	}
	
	#user-menu #last-column {
		border:none;
		width:50%;
	}
	
	.col_11 {
		border:1px solid #CC3300;
	}
	
	.col_12 {
		border:1px solid #CC3300;
		border-left:none;
	}
	
	.col_21 {
		border:1px solid #CC3300;
		border-top:none;
	}
	
	.col_22 {
		border:1px solid #CC3300;
		border-top:none;
		border-left:none;
	}
}