@font-face
{
	font-family: QuickSand; 
	src: url( 'https://courierqueen.bucklehosting.com/files/Quicksand_Light.otf' ) ;
}

@font-face
{
	font-family: QuickSandBold ;
	src: url( 'https://courierqueen.bucklehosting.com/files/Quicksand_Bold.otf' ) ;
}

#quoteContainer
{
	background-image: url( '/images/quoteBackground.png' ) ;
	background-size: 100% 100% ; 
}

#bottom input 
{
	width: 40px;
	height: 30px;
	padding: 0;
	float: none;
	display: inline-block;
	border: 0; 
	text-align: center;
	margin: 0 4px;
	font-size: 14px;
}

#bottom #left
{
	font-family: QuickSand ;
	font-size: 16px ; 
	margin-left: 80px ; 
}

#bottom ul 
{
	list-style: none;
}

#left .clear_button 
{
	padding-right: 10px;
	cursor: pointer;
	text-decoration: underline;
}


#quoteContainer.stage1 
{
	width: 900px ;
	height: 530px ;  
}

#bottomDiv.stage1
{
	display: table; 
	width: 900px ;
	padding-left: 20px ;  
}

#buttons.stage1
{
	float: right ;
	padding-right: 70px ;  
}

#parcels
{
	float: left ;  
	top: 530px ; 
	font-family: QuickSand ; 
	font-size: 17px ;
	padding-left: 70px ; 
}

#quoteFormContainer
{
	padding-top: 10px ; 
}

#collectionDetails
{
	float: left ; 
	padding-left: 100px ; 
	padding-top: 80px ;
}

#deliveryDetails
{
	float: right ; 
	margin-left: 15px ; 
	top: 260px ;
	left: 590px ;
	padding-right: 70px ; 
	padding-top: 80px ; 
}

#collectionDetails input, #deliveryDetails input
{
	border: 0 ; 	
	font-size: 15px ;
	height: 36px ;
	width: 300px ;
	padding-left: 5px ; 
	padding-right: 5px ;   
}

#collectionDetails label, #deliveryDetails label
{
	font-family: QuickSand ; 
	font-size: 30px ;
	padding-bottom: 10px ;  
}

#collectionDetails select, #deliveryDetails select
{
    background: url( '/images/downArrow.png' ) no-repeat right #ffffff ;
    border-radius: 10px ;
    border: none ; 
    
}

.countryList select 
{
	height: 36px ; 
  	background: transparent;
  	width: 305px;
  	font-size: 15px;
  	border: 0;
  	-webkit-appearance: none;
  	color: #000;
}

.countryList 
{
	vertical-align: middle ; 
  	width: 300px;
  	height: 36px;
  	overflow: hidden;
  	background: url("/images/downArrow.png") no-repeat right #fff;
  	border: 0 ;
  	padding-left: 5px ; 
  	padding-right: 5px ;
}

#parcels input
{
	width: 30px ; 
	height: 30px ; 
	margin-left: 10px ; 
	margin-right: 10px ; 
	text-align: center ;
	border: 0 ;  
}

#parcels ul
{
	list-style-type: none ;
}

#parcels li 
{
	vertical-align: center ; 
	padding-top: 10px ; 
}

.parcelValues
{ 
	float: left ; 
	height: 40px ; 
	vertical-align: middle ; 
}

.parcelLabels
{
	float: left ; 
	height: 30px ; 
	vertical-align: middle ;  
}

.add
{
	width: 40px;
	height: 23px;
	float: none;
	background-color: #FFFFFF ; 
	display: inline-block;
	border: 2px solid #333; 
	text-align: center;
	font-size: 15px;
	padding-top:7px ;
	cursor: pointer ;
}

.remove
{
	width: 40px;
	height: 23px;
	float: none;
	background-color: #FFFFFF ; 
	display: inline-block;
	border: 2px solid #333; 
	text-align: center;
	font-size: 15px;
	padding-top:7px ;
	cursor: pointer ;
}

.postcode_errors
{
	width: 300px ; 
	color: red ; 
}

#quoteContainer.stage2
{
	width: 1100px ;
	height: 1250px ;  
}

.title
{
	padding-left: 100px ; 
	padding-top: 140px ; 
	font-family: QuickSand ; 
	font-size: 30px ; 
}

.subtitle
{
	padding-left: 100px ; 
	padding-top: 15px ; 
	font-family: QuickSandBold ; 
	font-size: 20px ; 
}

.noService
{
	padding-left: 130px ;
	padding-right: 50px ;  
	font-family: QuicksandBold ; 
	font-size: 15px ; 
}

.quoteSummary
{
	font-family: QuickSand ;
	font-size: 20px ; 
	padding-left: 130px ; 
	padding-top: 10px ; 
}

.deliveryType
{
	padding-left: 120px ;
	font-family: QuickSand ; 
	font-size: 25px ; 
}

#quoteContainer.stage2 table.formatted
{
	margin-left: 170px ; 
}

#quoteContainer.stage2 table.formatted tr td.bookNow 
{
	background: #333;
	text-align: center;
	color: white !important;
	text-decoration: none !important;
	font-size: bold;
	cursor: pointer;
}

#quoteContainer.stage2 table.formatted tr td.bookNow:hover 
{
	background: #444;
	text-decoration: none !important;
}

#buttonsStage2
{
	position: absolute ;
	bottom: 210px ;  
}

.popup.description 
{
	height: auto;
	width: 400px;
	text-align: center;
	border: none;
}

#quoteContainer.stage3
{
	width: 900px ; 
	height: 800px ; 
	padding-top: 100px ; 
	padding-left: 100px ; 
	padding-right: 70px ; 
}

.tooltip
{
	margin: 8px ; 
	padding: 8px ; 
	border: 1px solid black ; 
	background-color: #ff9f00 ; 
	position: absolute ; 
	z-index: 2 ; 
	font-family: QuickSandBold ; 
	font-size: 12px ;
}

#hint
{
	cursor: pointer ;
}

#quoteCollectionInfo
{
	border-radius: 10px ; 
	
	background: #ffea05; /* Old browsers */
	background: -moz-linear-gradient(top, #ffea05 0%, #ff9f00 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffea05), color-stop(100%,#ff9f00)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #ffea05 0%,#ff9f00 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #ffea05 0%,#ff9f00 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #ffea05 0%,#ff9f00 100%); /* IE10+ */
	background: linear-gradient(to bottom, #ffea05 0%,#ff9f00 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffea05', endColorstr='#ff9f00',GradientType=0 ); /* IE6-9 */
	
	padding-left: 20px ;
	padding-right: 20px ; 	
	padding-top: 20px ; 
	padding-bottom: 10px ; 
	box-shadow: 5px 5px 7px #999999;
	float: left ;  
	width: 45% ; 
	height: 620px;
	margin-right: 10px ;  
}

#quoteDeliveryInfo
{
	width: 45% ;
	float: right;
	border-radius: 10px ; 
	
	background: #ffea05; /* Old browsers */
	background: -moz-linear-gradient(top, #ffea05 0%, #ff9f00 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffea05), color-stop(100%,#ff9f00)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #ffea05 0%,#ff9f00 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #ffea05 0%,#ff9f00 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #ffea05 0%,#ff9f00 100%); /* IE10+ */
	background: linear-gradient(to bottom, #ffea05 0%,#ff9f00 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffea05', endColorstr='#ff9f00',GradientType=0 ); /* IE6-9 */
	
	padding-left: 20px ;
	padding-right: 20px ; 	
	padding-top: 20px ; 
	padding-bottom: 10px ; 
	box-shadow: 5px 5px 7px #999999;
	height: 620px ; 
}

.infoTitle
{
	font-family: QuickSandBold ; 
	font-size: 19px ; 
}

#quoteCollectionInfo input, #quoteCollectionInfo label, #quoteDeliveryInfo input, #quoteDeliveryInfo label 
{
	width: 170px;
 	font-size: 12px;
 	font-weight: normal;
 	display: inline-block;
 	float: none;
}

#quoteDeliveryInfo label, #quoteCollectionInfo label
{
	font-family: QuickSandBold ; 
	font-size: 12px ; 
}

#quoteDeliveryInfo input, #quoteCollectionInfo input
{
	border: 0; 
}

#quoteDeliveryInfo .errors, #quoteCollectionInfo .errors
{
	float: none ;
	margin-left: 10px ; 
}

#quoteContainer.stage4
{
	width: 950px ; 
	height: 850px ; 
	padding-left: 120px ;
	padding-top: 130px ;   
	margin-bottom: 30px ; 
}

#quoteContainer.stage4 .title
{
	padding: 0px ; 
}

#collectionStage4 label, #collectionStage4 input
{
	width: 270px;
 	font-size: 12px;
 	font-weight: normal;
 	display: inline-block;
 	float: none;
	padding-top: 7px ; 
}

#collectionStage4 input
{
	width: 200px ; 
	padding-top: 0px ; 
}

#disclaimer
{
	font-size: 15px ; 
	width: 870px ;
	margin-bottom: 30px ;    
}

#collectionStage4 label, #topRight label
{
	font-family: QuickSand ; 
	font-size: 20px ; 	
	padding-left: 10px ; 
}

#topRight label, #topRight input, #bottomRight label
{
	display: inline-block;
}

.formelements
{
	font-family: QuickSandBold ;
	font-size: 20px ;  
	padding-left: 10px ; 
}

#bottomRight
{
	padding-right: 220px ; 
	float: right ;  
}

#bottomRight label
{
	padding-left: 20px ;
	font-family: QuickSand ; 
	font-size: 20px ;  
}

#bottomRight textarea
{
	float: none ; 
	width: 300px ; 
	height: 150px ; 
	margin-left: 20px ;
	border: 0 ; 
}

#bottomLeft label
{
	font-family: QuickSand ; 
	font-size: 20px ;
	padding-left: 20px ;  
}

#bottomLeft input
{
	border: 0 ; 
	display: inline-block ; 
	margin-left: 20px ; 
	height: 30px ;
}

#bottomLeft select
{
	display: inline ;
	margin-left: 20px ;  
}


#reference label, #reference input
{
 	font-size: 12px;
 	font-weight: normal;
 	display: inline-block;
 	float: none;
 	border: 0 ; 
 	height: 30px ;
}

#reference label
{
	font-family: QuickSand ;
	font-size: 20px ;   
}

.validationerrors
{
	color: red ; 
	font-size: 12px ;
	font-family: QuickSandBold ;  
	padding-top: 10px ; 
}

#topRight select 
{
	height: 36px ; 
  	background: transparent;
  	width: 230px ; 
  	font-size: 15px;
  	border: 0;
  	-webkit-appearance: none;
  	color: #000;
}

#topRight label
{
	font-family: QuickSand ; 
	font-size: 20px ; 
	vertical-align: middle ; 
}


.insuranceSelect 
{
	width: 230px;
  	height: 36px;
  	overflow: hidden;
  	background: url("/images/downArrow.png") no-repeat right #fff;
  	border: 0 ;
  	padding-left: 5px ; 
  	padding-right: 5px ;
  	float: right ; 
}

#bottomLeft select
{
	height: 36px ; 
  	background: transparent;
  	width: 80px ; 
  	font-size: 15px;
  	border: 0;
  	-webkit-appearance: none;
  	color: #000; 
}

.currencySelect 
{
	width: 80px;
  	height: 36px;
  	overflow: hidden;
  	background: url("/images/downArrow.png") no-repeat right #fff;
  	border: 0 ;
  	margin-left: 10px ; 
  	float: right ; 
  	
}

.errors
{
	font-size: 12px ; 
	color: red ;  
	display: inline-block ; 
}

.collectionDateSelect
{
	float: left ; 
	width: 200px;
  	height: 36px;
  	overflow: hidden;
  	background: url("/images/downArrow.png") no-repeat right #fff;
  	border: 0 ;
  	margin-left: 10px ; 
}

.collectionDateSelect select
{
	height: 36px ; 
  	background: transparent;
  	width: 200px ; 
  	font-size: 15px;
  	border: 0;
  	-webkit-appearance: none;
  	color: #000; 	
}

#buttonsStage4
{
	position: absolute ; 
	bottom: 250px; 	
}

#nextButtonStage4
{
	padding-left: 620px ;
	float: right ;   
}

#backButtonStage4
{
	float: left ; 
}

.goodsValueStage4 input
{
	width: 200px ;  
	
}

#quoteContainer.stage5
{
	width: 1000px ; 
	height: 1100px ; 
}

h3
{
	font-family: QuickSandBold ; 
	font-size: 15px ; 
	padding-left: 120px ; 
	height: 40px ; 
}

.addressDetails
{
	background-color: white ; 
	margin-left: 10px ;
	width: 300px ;
	margin-left: 120px ;   
}

#buttonsStage5
{
	position: absolute ; 
	bottom: 220px ; 
	padding-left: 100px ;  
}

#confirmButtonStage5
{
	padding-left: 400px ;
	float: right ;
	margin-top: 8px ;  
}

#backButtonStage5
{
	float: left ; 
	width: 200px; 
}

p.startOver
{
	font-family: QuickSand ; 
	font-size: 15px ; 
	text-align: center ; 
	margin-top: 20px ;
}

.printButton {
	margin-left: auto;
	margin-right: auto;
	background-image: url('/images/needs_printer.png');
	width: 25px;
	height: 24px;
}

#collectionTimes
{
	font-family: QuickSand;
	font-size: 20px;
	height: 30px; 
	padding-left: 10px; 
	margin-top: 20px; 
	margin-bottom: 20px;
}