#login-message{
	/*
	float:left;
	font-weight:bold;
	background-color:#ffffff;
	color:#666666;
	border-top:1px dashed #cccccc;
	border-bottom:1px dashed #cccccc;
	padding-left:8px;
	padding-right:8px;
	padding-top:4px;
	padding-bottom:4px;
	margin-top:12px;
	*/
	display:none;
}		
#remind-message{
			/*
			float:left;
			font-weight:bold;
			background-color:#ffffff;
			color:#666666;
			border-top:1px dashed #cccccc;
			border-bottom:1px dashed #cccccc;
			padding:4px;
			margin-top:12px;
			*/
			display:none;
}	

#btn-klarna{
			float:left;
			margin-top:22px;
}

#divAgree{
  float:left;
 	border:0px solid #cccccc;
}

.divError{
	float:left;
	width:400px;
	color:#ffffff;
	background-color:#cc0000;
	font-weight:bold;
	padding:4px;
	padding-left:6px;
	margin-top:22px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	text-align:center;
}

.button-single{
	float:left;
	display:table;
	cursor:pointer;
	position: relative;
	background-color:#f9f9f9;
	margin-left:2px;
	margin-top:0px;
	margin-bottom:16px;
	padding-right:8px;
	padding-left:8px;
	padding-top:6px;
	padding-bottom:6px;
	-webkit-border-radius: 2px; 
	-moz-border-radius: 2px;
	border-radius: 2px;
	font-weight:bold;
	color:#808080;
	border:1px solid #c2c2c2; 
}

.button-single:hover {
	background-color:#f3f3f3;
}

.RemoveCode{
	float:right;
	cursor:pointer;
}

.btnDelivery{
	cursor:pointer;
	margin-right:0px
}

div.fedexContainer{
	float:left;
	padding:8px;
	width: 100%;
    margin-left: 0px;
    margin-top: 8px;
	border:1px solid #cccccc;
	background-color:#f5f5f5;
	border-radius:2px;
	color:#bbbbbb;
	cursor:pointer;
	-webkit-box-sizing: border-box; 
	-moz-box-sizing: border-box; 
	box-sizing: border-box;
}

div.fedexContainerChecked{
	float:left;
	padding:8px;
	width: 100%;
    margin-left: 0px;
    margin-top: 8px;
	border:1px solid #999999;
	background-color:#ffffff;
	border-radius:2px;
	color:#333333;
	cursor:pointer;
	-webkit-box-sizing: border-box; 
	-moz-box-sizing: border-box; 
	box-sizing: border-box;
}

div.deliveryContainer{
	float:left;
	padding:8px;
	padding-top:14px;
	width: 100%;
    margin-top: 8px;
	border-radius:2px;
	cursor:pointer;
	-webkit-box-sizing: border-box; 
	-moz-box-sizing: border-box; 
	box-sizing: border-box;
	/*
	border:1px solid #cccccc;
	background-color:#f5f5f5;
	color:#bbbbbb;
	*/
	border:1px solid #c5c5c5;
	background-color:#f9f9f9;
	color:#666666;
}

div.deliveryContainerChecked{
	float:left;
	padding:8px;
	padding-top:14px;
	width: 100%;
    margin-top: 8px;
	border:1px solid #999999;
	background-color:#ffffff;
	border-radius:2px;
	color:#333333;
	cursor:default;
	-webkit-box-sizing: border-box; 
	-moz-box-sizing: border-box; 
	box-sizing: border-box;
}


div.paymentContainer{
	float:left;
	padding:8px;
	padding-top:14px;
	width: 100%;
    margin-top: 8px;
	border-radius:2px;
	cursor:pointer;
	-webkit-box-sizing: border-box; 
	-moz-box-sizing: border-box; 
	box-sizing: border-box;
	/*
	border:1px solid #cccccc;
	background-color:#f5f5f5;
	color:#bbbbbb;
	*/
	border:1px solid #c5c5c5;
	background-color:#f9f9f9;
	color:#666666;
}

div.paymentContainerChecked{
	float:left;
	padding:8px;
	padding-top:14px;
	width: 100%;
    margin-top: 8px;
	border:1px solid #999999;
	background-color:#ffffff;
	border-radius:2px;
	color:#333333;
	cursor:default;
	-webkit-box-sizing: border-box; 
	-moz-box-sizing: border-box; 
	box-sizing: border-box;
}
.cart-ssn{
	float:left;
	text-align:center;
	padding-top:8px;
	padding-bottom:8px;
	padding-left:10px; 
	padding-right:10px;
	/*
	display: inner-block;
	*/
	width:100%;
    max-width:296px;
    margin-bottom: 0px;
	border:0px solid #dddddd;
	background-color:#dddddd;
	color:#333333;
	cursor:default;
	border-radius:8px;
	background-image: -ms-linear-gradient(top, #0088cf 100%, #006aa1 100%);
	background-image: -moz-linear-gradient(top, #0088cf 100%, #006aa1 100%);
	background-image: -o-linear-gradient(top, #0088cf 100%, #006aa1 100%);
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #0088cf), color-stop(1.0, #006aa1));
	background-image: -webkit-linear-gradient(top, #0088cf 100%, #006aa1 100%);
	background-image: linear-gradient(to bottom, #0088cf 0%, #006aa1 100%);
}

div.checkout-price{
	font-size:20px;
	font-weight:normal;
	text-align:right;
}

.flagSE{
	background-color:#ffffff;
	background-repeat:no-repeat;
	background-image:url('https://www.maptunparts.eu/img/bg_formSE.png');
	background-position:right top; 
}
.flagDK{
	background-color:#ffffff;
	background-repeat:no-repeat;
	background-image:url('https://www.maptunparts.eu/img/bg_formDK.png');
	background-position:right top; 
}
.flagFI{
	background-color:#ffffff;
	background-repeat:no-repeat;
	background-image:url('https://www.maptunparts.eu/img/bg_formFI.png');
	background-position:right top; 
}
.flagNO{
	background-color:#ffffff;
	background-repeat:no-repeat;
	background-image:url('https://www.maptunparts.eu/img/bg_formNO.png');
	background-position:right top; 
}
.flagDE{
	background-color:#ffffff;
	background-repeat:no-repeat;
	background-image:url('https://www.maptunparts.eu/img/bg_formDE.png');
	background-position:right top; 
}
.flagAT{
	background-color:#ffffff;
	background-repeat:no-repeat;
	background-image:url('https://www.maptunparts.eu/img/bg_formAT.png');
	background-position:right top; 
}

.tab-active{
	float:left;
	text-align:center;
	width:20%;
	height:32px;
	background-color:#f6f6f6;
	background-image:url('https://www.maptunparts.eu/img/bg-tab-active.png');
	border-top:1px solid #cccccc;
	border-left:1px solid #cccccc;
	border-right:1px solid #cccccc;
	border-bottom:1px solid #cccccc;
	padding-top:8px;
	border-top-left-radius:6px;
	border-top-right-radius:6px;
	color:#666666;
	font-weight:bold;
	font-family:Arial;
	font-size:16px;
	text-shadow:0px 1px 0px #ffffff;
	cursor:default;
	-webkit-box-sizing: border-box; 
	-moz-box-sizing: border-box; 
	box-sizing: border-box;
}
.tab{
	float:left;
	text-align:center;
	width:20%;
	height:32px;
	background-color:#f3f3f3;
	background-image:url('https://www.maptunparts.eu/img/bg-tab-passive.png');
	border-top:1px solid #cccccc;
	border-left:1px solid #cccccc;
	border-bottom:1px solid #cccccc;
	border-right:1px solid #cccccc;
	padding-top:8px;
	border-top-left-radius:6px;
	border-top-right-radius:6px;
	color:#999999;
	font-weight:bold;
	font-family:Arial;
	font-size:16px;
	text-shadow:0px 1px 0px #ffffff;
	cursor:pointer;
	opacity:0.7;
	-webkit-box-sizing: border-box; 
	-moz-box-sizing: border-box; 
	box-sizing: border-box;
}
/*
.tab-space{
	float:left;
	width:2%;
	height:23px;
	text-align:center;
	padding-top:8px;
	font-weight:bold;
	font-size:12px;
	border-bottom:1px solid #cccccc;
}
*/
.tab-space{
	float:left;
	text-align:center;
	width:60%;
	height:32px;
	border-bottom:1px solid #cccccc;
	padding-top:8px;
	color:#999999;
	font-weight:bold;
	font-family:Arial;
	font-size:16px;
	text-shadow:0px 1px 0px #ffffff;
	cursor:pointer;
	opacity:0.7;
	-webkit-box-sizing: border-box; 
	-moz-box-sizing: border-box; 
	box-sizing: border-box;
}
.tab-border{
	float:left;
	width:120px;
	height:12px;
	text-align:center;
	padding-top:8px;
	border-top:1px solid #cccccc;
	background-color:#f6f6f6;
	/*
	background-image:url('https://www.maptunparts.eu/img/bg-tab-bottom.png');
	*/
}
.tab-content{
	float:left;
	text-align:left;
	width:100%;
	background-color:#f6f6f6;
	border-left:1px solid #cccccc;
	border-right:1px solid #cccccc;
	border-bottom:1px solid #cccccc;
	border-bottom-left-radius:2px;
	border-bottom-right-radius:2px;
	padding-left:6px;
	padding-right:6px;
	padding-bottom:16px;
	color:#666666;
	margin-top:-1px;
	-webkit-box-sizing: border-box; 
	-moz-box-sizing: border-box; 
	box-sizing: border-box;
}

.tab-content-right{
	float:left;
	text-align:left;
	width:176px;
	height:292px;
	margin-top:-1px;
	background-color:#f6f6f6;
	border-right:1px solid #cccccc;
	border-top:1px solid #cccccc;
	border-bottom:1px solid #cccccc;
	border-top-right-radius:2px;
	border-bottom-right-radius:2px;
	padding:12px;
	padding-right:16px;
	color:#666666;
	font-size:12px;
}

#td-checkout-customer{
	width:60%;
}

#divLogout{
	float:right;
	margin-top:8px;
	margin-bottom:4px;
	margin-right:20px;
	width:30%;
}
.DeliveryCheck{
	float:left;
	width:22px;
}
.DeliveryIcon{
	float:left;
}
.DeliveryInfo{
	float:left;
	width:80%;
	margin-top:2px;
}
.DeliverySelected{
	float:left;
	width:32px;
	margin-top:0px;
}

.PaymentCheck{
	float:left;
	width:22px;
}
.PaymentIcon{
	float:left;
	width:110px;
}
.PaymentInfo{
/*
echo("<div style=\"float:left; width:100%; max-width:700px\">");
*/
	float:left;
	width:60%;
	margin-top:2px;
	padding-left:6px;
}
.PaymentInfo span{
	font-family:Arial, Verdana;
	font-size:16px;
	font-weight:bold;
}
.PaymentSelected{
	float:left;
	width:32px;
	margin-top:0px;
}

#DeliveryPickupInfoAddress{
	float:left;
	width:260px;
	border-top:1px solid #cccccc;
	border-bottom:1px solid #cccccc;
	border-right:1px solid #cccccc;
	background-color:#f5f5f5;
	padding:2px;
	padding-left:8px;
	border-top-right-radius:8px;
	border-bottom-right-radius:8px;
	margin-top:12px;
	padding-top:10px;
	padding-bottom:10px;
	-webkit-box-sizing: border-box; 
	-moz-box-sizing: border-box; 
	box-sizing: border-box;
}

.CheckoutInfoContainer{
	float:left;
	width:100%;
	background-color:#f5f5f5;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	border:1px solid #cccccc;
	background-color:#f5f5f5;
	border-radius:2px;
	padding:8px;
}
.AltKlarna2{
	display:none;
}

#CustomerAddress{
	float:left;
	width:45%;
}
#CustomerContact{
	float:left;
	width:45%;
	margin-left:40px;
}
#CustomerAltAddress{
	float:left;
	width:45%;
}
#CustomerAltMessage{
	float:left;
	width:45%;
	margin-left:40px;
	margin-top:22px;
}


#notification{
	float:left;
	width:100%;
	max-width:400px;
	padding:8px;
	margin-top:12px;
	background-color:#fafafa;
	border:1px solid #dddddd;
	-webkit-box-sizing : border-box;
    -moz-box-sizing : border-box;
    box-sizing : border-box;
	border-radius:4px;
}

@media screen and (max-width: 1050px)
{
	#CustomerAddress{
		width:100%;
	}
	#CustomerContact{
		width:100%;
		margin-left:0px;
		margin-top:20px;
	}
	#CustomerAltAddress{
		width:100%;
	}
	#CustomerAltMessage{
		width:100%;
	}
}


@media screen and (max-width: 850px)
{
	.img-checkout{
		display:none;
	}
	
	#td-checkout-customer{
		width:100%;
	}
	#centercenterwrap-menu{
		width:90%;
	}
	.PaymentInfo{
		width:80%;
	}
	.tab{
		width:50%;
	}
	.tab-active{
		width:50%;
	}
	.tab-space{
		display:none;
	}
}

@media screen and (max-width: 430px)
{
	#PointMapIframe{
		display:none;
	}
	#DeliveryPickupInfoAddress{
		width:100%;
		border:1px solid #cccccc;
		border-radius:8px;
	}
	.DeliveryIcon{
		display:none;
	}
	.PaymentIcon{
		display:none;
	}
	.PaymentInfo{
		width:90%;
	}
	.AltKlarna1{
		display:none;
	}
	.AltKlarna2{
		display:block;
	}
	.customer-field-holder{
		float:left;
		width:100%;
		max-width:400px;
		margin-top:0px;
	}	
}
