/* CSS Document */

/* General */
#PaymentPanel .contentPadding.noPadding {
	padding-top: 0;	
}
.typography h2.paymentHeading {
	margin-bottom: 30px;	
	text-align: center;
}

/* Pricing */
/* Price wrapper has been moved to main shop.css so can be used elsewhere too */

/* Form */
.attributeForm .text label,
.attributeForm .dropdown label {
	font-family: "Roboto Condensed", Roboto, Arial, Helvetica, sans-serif;
	font-weight: normal;
}
.attributeForm .text label:after,
.attributeForm .dropdown label:after {
	content: ":";
}

.attributeForm.hiddenQuantity #VariationForm_Form_Quantity_Holder,
.attributeForm.hiddenQuantity #AddProductForm_Form_Quantity_Holder {
	display: none;	
}
#VariationForm_Form_Quantity_Holder input,
#AddProductForm_Form_Quantity_Holder input {
	width: 60px;	
}
.field.uploadDetails {
	border-top: 2px solid #b5b7b9;
	margin-top: 27px;	
	padding-top: 28px;
}
.attributeForm .Actions button {
	margin: 0;	
}

.attributeForm.hasUpload .Actions:last-child {
	display: none;
}

/* upload field styling */
.hide {
	display: none;	
}
.ss-uploadfield {
	margin-bottom: 1em !important;	
}
.ss-uploadfield .middleColumn {
	font-family: "Roboto Condensed", Roboto, Arial, Helvetica, sans-serif;
	font-weight: normal;
	border: 0 !important;
	background: #fff !important;
	min-width: 0 !important;	
	max-width: none !important;
}
.ss-uploadfield-item {
	border: 0 !important;
	background: #fff !important;
	padding-left: 0 !important;
	padding-right: 0 !important;
	padding-bottom: 0 !important;	
}
.ss-uploadfield ul {
	list-style: none !important;	
}
.ss-uploadfield .ss-uploadfield-item .ss-uploadfield-item-preview {
	line-height: normal !important;
	width: 152px !important;
	height: 116px !important;
	line-height: 116px !important;
	margin-right: 15px;
}
.ss-uploadfield .ss-uploadfield-item .ss-uploadfield-item-preview img {
	vertical-align: middle !important;	
}
.ss-uploadfield .ss-uploadfield-item .ss-uploadfield-item-preview img[width] {
	width: 100% !important;	
	height: auto !important;	
}
.ss-uploadfield .ss-uploadfield-item .ss-uploadfield-dropzone.ss-uploadfield-item-preview {
	width: 152px !important;
	height: 116px !important;
	line-height: 116px !important;
	font-weight: normal !important;
	color: #fff !important;
	text-transform: uppercase;
	font-size: 18px !important;
	border-radius: 0 !important;
	border: 2px dashed #3c3c3c !important;
	box-sizing: border-box !important;
	
	-webkit-box-shadow: none !important;
	-moz-box-shadow: none !important;
	box-shadow: none !important;
}
.ui-state-error .ss-uploadfield-dropzone,
.ui-state-error .ss-uploadfield-item-preview {
	display: none !important;	
}

.ss-uploadfield-item-name {
	margin-top: 30px !important;	
}
.ui-state-error .ss-uploadfield-item-name {
	margin-top: 0 !important;	
}

.ss-uploadfield .ss-uploadfield-files,
.ss-uploadfield .ss-uploadfield-item {
	overflow: visible !important;
}
.ss-uploadfield .ss-uploadfield-item.ui-state-error .ss-uploadfield-item-info .ss-uploadfield-item-actions {
	width: 30% !important;	
}
.ss-uploadfield-item-actions .ss-uploadfield-item-cancel button {
	width: 27px !important;
	height: 27px !important;
	border-radius: 50% !important;
	background: transparent !important;
}
.ss-uploadfield .ss-uploadfield-item .ss-uploadfield-item-info .ss-uploadfield-item-name {
	line-height: 1.3em !important;	
}
.ss-uploadfield-item-edit,
.ss-uploadfield-item-delete {
	display: none !important;	
}
.ss-uploadfield .ss-uploadfield-files .ss-uploadfield-item-actions {
	height: 50px !important;	
}
.ss-uploadfield-item-progress {
	padding-top: 6px !important;
}


/* Screen size specific stuff */

/* DESKTOP */
/* Desktop */
@media all and (min-width: 1184px) {
	
}

/* Desktop and tablet */
@media all and (min-width: 800px) {
/* This code builds a label on the side form */
	.attributeForm .dropdown .middleColumn,
	.attributeForm .text .middleColumn {
		display: block;
		
		padding: 0;
		width: 73%;
		float: right;
	}
	.attributeForm .dropdown.field,
	.attributeForm .text.field {
		clear: both;	
	}
	.attributeForm .dropdown label.left,
	.attributeForm .text label.left {
		width: 27%;
		float:left; 
		margin: 6px 0 6px 0;
		color: inherit;
	}
	.attributeForm .field:after {
		content: "";
		display: block;
		clear: both;	
	}
	/* End label on the side form */
}

/* DEVICES */
/* ALL mobile and tablet devices */
@media all and (max-width: 1183px) {
	
}

/* TABLET */
/* Tablet */
@media all and (min-width: 800px) and (max-width: 1183px) {
	.attributeForm .dropdown .middleColumn,
	.attributeForm .text .middleColumn {
		width: 80%;
	}
	.attributeForm .dropdown label.left,
	.attributeForm .text label.left {
		width: 20%;
	}
}

/* PHONE */
/* ALL phone sizes */
@media all and (max-width: 799px) {
	.attributeForm,
	.attributeForm label.left,
	.middleColumn,
	input.text,
	.dropdown select {
		text-align: center;	
	}
	.attributeForm .Actions {
		text-align: center;	
	}
	
}
/* Phone horizontal */
@media all and (min-width: 480px) and (max-width: 799px) {
	
}
/* Phone vertical */
@media all and (max-width: 479px) {
	/* Upload Field */
	.ss-uploadfield .ss-uploadfield-item .ss-uploadfield-item-preview {
		width: 80px !important;
		height: 60px !important;
		line-height: 60px !important;
		margin-right: 5px;	
	}
	.ss-uploadfield .ss-uploadfield-item .ss-uploadfield-dropzone.ss-uploadfield-item-preview {
		display: none !important;
	}
	.ss-uploadfield-item-info {
		margin-left: 0 !important;	
	}
	.ss-uploadfield-item-name {
		margin-top: 0 !important;
	}
}