@charset "utf-8";

#form_request_quote {
	position:relative;
	margin:36px auto 60px auto;
	width:600px;
	min-height:400px;
	text-align:left;
}

@media (max-width:360px) {
	#form_request_quote {
		left:0;
		padding:0!important;
		margin:36px auto 60px auto;
		width:350px;
		min-height:550px;
		text-align:center;
	}
}

.labels {
	position:relative;
	font-size:10pt;
	margin-bottom:3px;	
}

.noselect {
	user-select:none;           
	-webkit-user-select:none;   /* Chrome/Safari/Opera */
	-moz-user-select:none;      /* Firefox */
	-ms-user-select:none;       /* IE/Edge */
	-webkit-touch-callout:none; /* iOS Safari */
	cursor:default;
}

input[type='text'], input[type='email'] {
	position:relative;
	width:170px;
	font-size:12pt;
	background:#dddddd;
	border:1px solid #dddddd;
	outline:none;
	padding-left:3px;
	line-height:1;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;
}

input:required {
	box-shadow:none;
}

input:focus {
	background:#333333;
	border:1px solid #333333;
	color:#ffffff;
}

input::-webkit-input-placeholder, input:moz-placeholder, input::-moz-placeholder, input:-ms-input-placeholder {
	font-size:10pt!important;
}

input:focus::-webkit-input-placeholder {
	color:transparent;
}

input:focus:-moz-placeholder { /* FF 4-18 */
	color:transparent;
}

input:focus::-moz-placeholder { /* FF 19+ */
	color:transparent;
}

input:focus:-ms-input-placeholder {  /* IE 10+ */
	color:transparent; 
}

.delivery {
	width:216px;
	margin-right:20px!important;
}

.address_lines {
	width:216px!important;	
	margin-bottom:7px;
}

.del {
	width:300px;
}

.fielditems label {
	position:relative;
	font-size:10pt;
	width:100px;	
}

#postal_code {
	width:80px;
}

.pclabels {
	margin-top:12px;	
}

.is_required {
	background:#ff0000!important;
	color:#ffffff!important;
	border:1px solid #ff0000!important;
}

.one_required {
	background:#f06eaa!important;
	color:#ffffff!important;
	border:1px solid #f06eaa!important;
}

.bad_email {
	background:#003663!important;
	color:#ffffff!important;
	border:1px solid #003663!important;
}

#fieldinfo {
	position:relative;
	font-size:10pt;
	width:300px;
}

@media (max-width:360px) {
	#fieldinfo {
		top:20px!important;
		clear:both;
		text-align:left;
	}
}

#fieldinfo>div {
	position:relative;
	display:none;
	margin:0 0 12px 12px;
	padding-left:24px;
	line-height:1.5;
	background-size:18px 18px!important;
}

#fieldinfo>div:nth-child(1) {
	background:url(../media/img/field_err_allreq.png) no-repeat;
}

#fieldinfo>div:nth-child(2) {
	background:url(../media/img/field_err_onereq.png) no-repeat;
}

#fieldinfo>div:nth-child(3) {
	background:url(../media/img/field_err_email.png) no-repeat;
}

#form_request_quote>#quote_progress {
	position:relative;
	width:600px;
	height:32px;
	background:url(../media/img/form_progress.png) no-repeat;
}

@media (max-width:480px) {
	#form_request_quote>#quote_progress {
		display:none;
	}
	
	#form_request_quote {
		width:460px!important;	
	}
	
	.formbuttonwrappers {
		width:400px!important;	
	}
	
	#quantity_wrapper {
		width:430px;	
	}
	
	#form_comments {
		width:420px;
	}
}

.quote_progress_delivery {
	background-position:0 -32px!important;
}

.quote_progress_order {
	background-position:0 -64px!important;
}

.quote_progress_comments {
	background-position:0 -96px!important;
}

.quote_progress_confirm {
	background-position:0 -128px!important;
}

.formgroups h2 {
	position:relative;
	margin-left:12px;
}

#form_job_categories_wrapper {
	position:relative;
	margin:0 0 12px 0;
	border-bottom:1px solid #777777;
	font-size:12pt;
	overflow:hidden;
}

#form_job_categories_wrapper span {
	position:relative;
	display:inline;
	float:left;
	margin:7px 8px 0 8px;
	padding:2px 4px 2px 4px;
	color:#ffffff;
	background:#777777;
	-webkit-border-top-left-radius:3px;
	-webkit-border-top-right-radius:3px;	
	-moz-border-top-left-radius:3px;
	-moz-border-top-right-radius:3px;	
	border-top-left-radius:3px;
	border-top-right-radius:3px;
	cursor:pointer;
}

@media (max-width:360px) {
	#form_job_categories_wrapper {
		text-align:center!important;
	}
	
	#form_job_categories_wrapper span {
		position:relative;
		clear:both;
		display:block;
		float:none;
		margin:7px auto 0 auto;
		padding:2px 4px 2px 4px;
		color:#ffffff;
		background:#777777;
		-webkit-border-radius:3px;
		-moz-border-radius:3px;
		border-radius:3px;
	}
}

#form_job_categories_wrapper span:hover {
	background:#333333;	
	color:#ffffff;
}

#form_job_categories_wrapper .span_sel {
	background:#ec008c;	
	color:#ffffff;
}

#ajax_products_select {
	position:relative;
	width:100%;
	text-align:center;	
}

#prod_heading {
	position:relative;	
	margin:3px 0 3px 0;
	padding-left:7px;
	color:#ec008c;
	font-size:pt;
}

.product_records {
	position:relative;
	margin:0 0 3px 0;
	padding:3px 0 3px 7px;
	font-size:10pt;
	cursor:pointer;
}

.product_records:hover {
	background:#333333;
	color:#ffffff;	
}

#job_details {
	position:relative;
	display:none;	
}


#job_details h2 {
	color:#ec008c;
}

#quantity_wrapper {
	position:relative;
	padding:16px 0 16px 0;
	background:#eeeeee;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;
	text-align:center;
}

#display_quantity, #formatted_quantity {
	position:relative;
	margin:0 auto 12px auto;
	padding:2px 7px 2px 7px;
	width:150px;
	text-align:right;
	font-size:24pt;
	font-weight:bold;	
}

#display_quantity {
	display:none;	
}

#quantity {
	position:relative;
	width:95%;
	margin:0 auto 0 auto;
}

.ui-slider-handle {
	background:#ec008c!important;
	outline:none!important;
	border:none!important;
	-webkit-box-shadow:0px 0px 12px 0px rgba(0,0,0,0.75);
	-moz-box-shadow:0px 0px 12px 0px rgba(0,0,0,0.75);
	box-shadow:0px 0px 12px 0px rgba(0,0,0,0.75);
}

.ui-slider-horizontal {
	-webkit-box-shadow:inset 0px 0px 12px 1px rgba(0,0,0,0.75);
	-moz-box-shadow:inset 0px 0px 12px 1px rgba(0,0,0,0.75);
	box-shadow:inset 0px 0px 12px 1px rgba(0,0,0,0.75)
}

.quantity_labels {
	margin:7px 0 7px 0;
	width:100%;
	text-align:center;
	font-size:12pt;
}

.quantity_labels a {
	color:#ffffff;
	padding-left:3px;
	padding-right:3px;
	background:#777777;	
	text-decoration:none;
}

.quantity_labels a:hover {
	background:#ec008c;
}

.linkedfields {
	background:url(../media/img/linkedfields_bg.png) no-repeat;	
	background-position:center 16px;
}

#size_wrapper {
	position:relative;
	display:none;
	margin:24px 0 16px 0;
}

#size_wrapper, #paper_wrapper, #colours_wrapper, #magazine_wrapper {
	position:relative;
	display:block;
	clear:both;
	margin-top:24px;
	text-align:left!important;
}

#size, #unit, #paper, #gsm, #ncr_colours, #top_sheet, #middle_sheet, #bottom_sheet {
	position:relative;
	display:inline;
	float:left;
	margin-right:12px;
	font-size:12pt;
	height:24px;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;
	border:none;
	background:#dddddd;
	outline:none;
	line-height:1;
}

#unit {
	margin:0 0 0 7px!important;	
}

#size_other, #paper_other {
	position:relative;
	display:none;
	float:left;
	width:250px;
	font-size:12pt;	
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;
	overflow:hidden;
}

#size_other input, #size_other select, #size_other span {
	position:relative;
	display:inline;
	float:left;
	margin:0;
}

#size_other input, #paper_other {
	width:50px!important;
	height:22px!important;
	overflow:hidden!important;
	padding:0 0 0 3px;
}

#paper_other {
	width:120px!important;
	margin-right:12px;
}

#paper_wrapper {
	position:relative;
}

@media (max-width:360px) {
	#size_other, #paper_other {
		position:relative;
		display:none;
		clear:both!important;
		margin-top:7px;
		width:300px!important;
		font-size:12pt;	
		-webkit-border-radius:3px;
		-moz-border-radius:3px;
		border-radius:3px;
		overflow:hidden;
	}

	#size_wrapper, #paper_wrapper, #colours_wrapper, #magazine_wrapper {
		position:relative;
		display:block;
		clear:both;
		margin-top:24px;
		margin-left:0;
		text-align:left!important;
	}
	
	#size_other input, #size_other select, #size_other span {
		position:relative;
		display:inline;
		float:left;
		margin:0;
	}
	
	#size_other input, #paper_other {
		width:50px!important;
		height:22px!important;
		overflow:hidden!important;
		padding:0 0 0 3px;
	}
	
	#paper_other {
		width:120px!important;
		margin-right:12px;
	}
	
	#paper_wrapper {
		position:relative;
	}
	
	#colours_wrapper {
		position:relative;
		clear:both!important;
		width:350px!important;
	}
}

#colours_wrapper {
	position:relative;
	display:inline;
	float:left;
}

#colours_wrapper .colour_select_wrappers {
	position:relative!important;
	display:inline!important;
	float:left!important;
	width:110px!important;
}

#colours_wrapper .colour_select_wrappers select {
	position:relative;
	background:#dddddd;
	color:#333333;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;
	border:none;
	font-size:12pt;
	outline:none;
	height:24px;
	line-height:1;
}

#magazine_wrapper .magazine_paper_select_wrappers {
	position:relative;
	display:inline;
	float:left;
	width:180px;
}

#magazine_wrapper .magazine_paper_select_wrappers select {
	position:relative;
	margin-right:10px!important;
	background:#dddddd;
	color:#333333;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;
	border:none;
	font-size:12pt;
	outline:none;
	height:24px;
	line-height:1;
}

#magazine_wrapper>.magazine_paper_select_wrappers>select:nth-child(3) {
	margin-right:0!important;	
}

#number_of_pages_wrapper {
	position:relative;
	margin:16px 0 24px 0;	
}

#number_of_pages_wrapper #number_of_pages, #number_of_pages_wrapper span {
	positon:relative;
	display:inline;
	float:left;	
}

#number_of_pages_wrapper #number_of_pages {
	margin-right:12px;
	width:36px;
	text-align:center;
}

#err_number_range {
	position:relative;
	margin:7px 0 0 0;
	color:#ff0000;
	font-size:10pt;	
}

#invalid_range {
	position:relative;
	display:inline;
	float:left;
	margin:42px 0 0 12px;
	color:#ff0000;
	font-size:10pt;	
}

#number_range_wrapper {
	position:relative;
	display:inline;
	float:left;
	margin:24px 0 16px 0!important;	
}

#number_range_wrapper>#range_start, #number_range_wrapper>#range_end {
	position:relative;
	display:inline;
	float:left;
	margin-right:12px!important;
	width:70px!important;
	text-align:right;
}

.copies {
	position:relative;
	display:inline;
	float:left;
	margin:0 16px 0 7px!important;	
	background:#dddddd;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;
	overflow:hidden;
}

.copies label {
	position:relative;
	clear:both!important;
	width:100px;
	height:24px;
	overflow:hidden!important;
	padding:3px;
}

#ncr_configuration_wrapper {
	display:none;
	background:#eeeeee;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;
}
#ncr_configuration_wrapper>.labels:nth-child(1) {
	padding:3px 0 3px 7px!important;
	text-transform:uppercase;	
}

#ncr_configuration_wrapper>.sheet_wrappers {
	position:relative;
	display:inline;
	float:left;
	width:130px;
	background:#ffffff;
	margin:0 12px 16px 7px;
	white-space:nowrap!important;
	-webkit-border-radius:3px 3px 3px 3px!important;
	-moz-border-radius:3px 3px 3px 3px!important;
	border-radius:3px 3px 3px 3px!important;
	overflow:hidden;
}

.pink {
	background:#f06eaa!important;	
}

.blue {
	background:#6dcff6!important;	
}

.yellow {
	background:#fff568!important;	
}

.green {
	background:#7cc576!important;
}

#ncr_configuration_wrapper>.sheet_wrappers .labels {
	color:#111111!important;
	font-size:9pt!important;
	padding:3px 0 3px 7px!important;
}

#ncr_configuration_wrapper>.sheet_wrappers select {
	width:100%!important;	
}

#toview_wrapper {
	position:relative;
	margin-top:3px;
	padding-top:3px;
	border-top:1px dashed #333333;	
}

#toview_wrapper .labels {
	position:relative;
	margin-left:12px;	
}

#toviewblocks_wrapper {
	position:relative;
	width:100%;
	text-align:center;
}

#toview_wrapper>#toviewblocks_wrapper>.toview_blocks {
	position:relative;
	display:inline;
	float:left;
	margin:0 18px 16px 18px;
	width:81px;
	height:90px;
	cursor:pointer;	
}

#toview_wrapper>#toviewblocks_wrapper>.toview_blocks:hover {
	-webkit-box-shadow: 0px 0px 14px 0px rgba(0,0,0,0.65);
	-moz-box-shadow: 0px 0px 14px 0px rgba(0,0,0,0.65);
	box-shadow: 0px 0px 14px 0px rgba(0,0,0,0.65);
}

#toview_wrapper>#toviewblocks_wrapper>.toview_blocks_sel {
	width:79px;
	height:88px;
	background-position:-1px -1px;
	border:1px solid #00aeef;
	border-bottom:20px solid #00aeef;
	-webkit-box-shadow: 0px 0px 14px 0px rgba(0,0,0,0.65);
	-moz-box-shadow: 0px 0px 14px 0px rgba(0,0,0,0.65);
	box-shadow: 0px 0px 14px 0px rgba(0,0,0,0.65);
}

#toview_wrapper>#toviewblocks_wrapper>.toview_blocks:nth-child(1) {
	background:url(../media/img/toview/1.gif) no-repeat;	
}

#toview_wrapper>#toviewblocks_wrapper>.toview_blocks:nth-child(2) {
	background:url(../media/img/toview/2.gif) no-repeat;	
}

#toview_wrapper>#toviewblocks_wrapper>.toview_blocks:nth-child(3) {
	background:url(../media/img/toview/4.gif) no-repeat;	
}

#toview_wrapper>#toviewblocks_wrapper>.toview_blocks:nth-child(4) {
	background:url(../media/img/toview/6.gif) no-repeat;	
}

#toview_wrapper>#toviewblocks_wrapper>.toview_blocks:nth-child(5) {
	background:url(../media/img/toview/8.gif) no-repeat;	
}

#toview_wrapper>#toviewblocks_wrapper>.toview_blocks>div {
	position:absolute;
	width:100%;
	text-align:center;
	color:#ffffff;
	font-size:10pt;
	bottom:-16px;	
}

#number_of_ncrbooks {
	position:relative;
	clear:both;
	margin:0 0 16px 0;
	width:100%;
	text-align:left;
	font-size:12pt;	
}

#number_of_ncrbooks>span:nth-child(2) {
	position:relative;
	margin-left:12px;
	font-size:14pt;
	font-weight:bold;
	color:#ec008c;	
}

#form_request_quote #quote_comments {
	position:relative;
	width:100%;
	border:none;
	background:#dddddd;
	resize:none;
	outline:none;	
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;
}

#quote_comments_length {
	position:relative;
	width:100%;
	text-align:right;
}

.formbuttonwrappers {
	position:relative;
	margin:16px 0 24px 0;
	width:100%;	
	text-align:right;
}

.formbuttonwrappers_inner {
	position:absolute;
	right:0;
	width:200px;
}

.submitlinks_relative, .submitlinks_contact {
	position:relative;
	background: #3498db;
	background-image: -webkit-linear-gradient(top, #3498db, #2980b9);
	background-image: -moz-linear-gradient(top, #3498db, #2980b9);
	background-image: -ms-linear-gradient(top, #3498db, #2980b9);
	background-image: -o-linear-gradient(top, #3498db, #2980b9);
	background-image: linear-gradient(to bottom, #3498db, #2980b9);
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;
	font-family:Arial;
	color:#ffffff;
	font-size:12px;
	padding:5px 10px 5px 10px;
	text-decoration:none;	
	cursor:pointer!important;
}

.submitlinks_relative:hover, .submitlinks_contact:hover {
	background:#3cb0fd;
	background-image:-webkit-linear-gradient(top, #3cb0fd, #3498db);
	background-image:-moz-linear-gradient(top, #3cb0fd, #3498db);
	background-image:-ms-linear-gradient(top, #3cb0fd, #3498db);
	background-image:-o-linear-gradient(top, #3cb0fd, #3498db);
	background-image:linear-gradient(to bottom, #3cb0fd, #3498db);
}

.submitlinks {
	position:absolute;
	padding:2px 5px 2px 5px;
	background:#dddddd;
	font-style:italic;
	cursor:pointer!important;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;
}

#form_delivery_details, #form_job_details, #form_comments, #form_confirm {
	display:none;	
}

.fielditems {
	position:relative;
	display:inline;
	float:left;
	margin:0 12px 16px 12px;
}

/*
#form_confirm {
	position:absolute;
	top:-100px;
	left:-650px;	
}
*/
.field_wrappers {
	margin-bottom:7px;	
}

.job_specifics {
	display:none;	
}

#form_confirm>div {
	font-size:10pt;	
}

#form_confirm .fieldlabels {
	color:#00aeef;	
}

#conf_personal_details_wrapper {
	position:relative;
	display:inline;
	float:left;
	width:300px;
}

#conf_delivery_details_wrapper {
	position:relative;
	display:inline;
	float:left;
	width:300px;
}

.field_columns {
	position:relative;
	display:inline;
	float:left;
	margin-right:16px;
	font-size:9pt;
	width:189px;
}

#conf_personal_details_wrapper .field_columns:nth-child(3) {
	margin-right:0!important;	
}

#conf_personal_details_wrapper .field_columns .field_wrappers {
	margin-bottom:12px;
}

.field_columns .field_wrappers .fieldlabels {
	position:relative;
	text-transform:capitalize;
}

.field_columns .field_wrappers .fielddata {
	position:relative;
	text-transform:uppercase;	
}

#conf_email {
	position:relative;
	text-transform:lowercase;	
}

.fieldcolumns_delivery {
	position:relative;
	display:inline;
	float:left;
	margin-right:16px;	
}

#conf_general_info {
	position:relative;	
	margin:16px 16px 16px 0;
}

#conf_general_info .field_wrappers {
	position:relative;
	display:inline;
	float:left;
	margin-right:16px;
}

#singlesheet_conf_colours .fielddata {
	psotion:relative;
	display:inline;
	float:left;
	margin-right:12px;	
}

#singlesheetjobs .field_wrappers {
	position:relative;
	display:inline;
	float:left;
	margin-right:16px;	
}

#conf_magcover, #conf_maginner {
	position:relative;
	display:inline;
	float:left;
	width:150px;	
}

#ncr_conf_size, #ncr_conf_range {
	position:relative;
	display:inline;
	float:left;
	width:250px;	
}

#ncr_conf_range_start, #ncr_conf_range_end {
	position:relative;	
	display:inline;
	float:left;
	width:120px;
}

#sheet_conf {
	position:relative;
	text-transform:uppercase;	
}

#ncr_conf_topsheet, #ncr_conf_middlesheet, #ncr_conf_bottomsheet {
	position:relative;
	display:inline;
	float:left;
	width:120px;
}

#conf_sheet_wrapper, #conf_toview {
	position:relative;
	display:inline;
	float:left;
}