@charset "utf-8";



/* CSS Document */



*, body{margin:0;padding:0;}



@font-face {



    font-family: 'American Typewriter';



    src: url('fonts/eot/AmericanTypewriter.eot');



    src: local('American Typewriter'), 



         local('AmericanTypewriter'), 



         url('fonts/ttf/AmericanTypewriter.ttf') format('truetype'),



         url('fonts/svg/AmericanTypewriter.svg#font') format('svg'); 



}



@font-face {



    font-family: 'American Typewriter Bold';



    src: url('fonts/eot/AmericanTypewriter-Bold.eot');



    src: local('American Typewriter Bold'), 



         local('AmericanTypewriter Bold'), 



         url('fonts/ttf/AmericanTypewriter-Bold.ttf') format('truetype'),



         url('fonts/svg/AmericanTypewriter-Bold.svg#font') format('svg'); 



}



.formbg {



	background-image: url(images/calc_bg_2.png);



	background-repeat: no-repeat;



	height:964px;



	width:820px;



	}



	



.wrapper {



	float:none;



	padding-top:142px;



	padding-left:143px;



	padding-right:171px;



	padding-bottom:127px;



}







.wrapper select {



   -webkit-appearance: button;



   -webkit-border-radius: 2px;



   -webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1);



   -webkit-padding-end: 20px;



   -webkit-padding-start: 2px;



   -webkit-user-select: none;



   background-image: url(images/dropdown.png), -webkit-linear-gradient(#FAFAFA, #F4F4F4 40%, #E5E5E5);



   background-position: 94.5% center;



   background-repeat: no-repeat;



   border: 1px solid #AAA;



   color: #555;



   font-family: "American Typewriter";



   font-size: inherit;



   margin: 0px 0px 20px 0px;



   overflow: hidden;



   padding: 5px 10px;



   text-overflow: ellipsis;



   white-space: nowrap;



   width: 234px;



   height:46px;



}







body h1 {



	font-family: "American Typewriter";



	font-size: 24px;



	font-style: normal;



	color:#FFFFFF;



	padding: 0px 0px 10px 0px;



	margin:0px;



}



body p {



	font-family: "American Typewriter";



	font-size: 14px;



	font-style: normal;



	color:#FFFFFF;



	text-align: left;



}



body b {



	font: bold 14px "American Typewriter Bold";



	padding:5px 0;



	color:#888;



	line-height:1.8em;



	text-align: left;



}







.form_left {



	width:234px;



	float:left;	







}







.form_right {



	width:234px;



	float:right;



	



}







.form_under {



	margin-top:20px;



	float:left;



	width:508px;



}



.field1 {



	padding-bottom:30px;

}



.field4 {



	padding-bottom:20px;	



}



.field4 input[type=checkbox]:checked {
    background: url(http://ramyasspace.files.wordpress.com/2011/06/tick.jpg);
    background-size: 100%;
}










.field3{



	/*stuff*/	



}



.required {



	font-family: "American Typewriter";



	font-style: normal;



	color:#FF0004;



	float:left;



	font-size:24px;



	padding-left:2px;



}



.required2 {



	float:right;	







	font-size:10px;



	padding-top:2px;



	padding-right:4px;



}



.required2 h3 {



	font-family: "American Typewriter";



	font-style: normal;



	color:#FFFFFF;	



}







.required2 h4 {



	font-family: "American Typewriter";



	font-size: 14px;



	font-style: normal;



	color:#FF0004;



}







.submit {



	float:right;



	text-align:right;



	width:250px;



}







#submitcalc {



	background-image:url(images/submitcalc.png);



	width: 134px;



	height:46px;



	border-style: none;



	background-color: transparent;



	text-indent: 480px;



}

#submitcalc:hover {



	background-image: url(images/submitcalc_roll.png);



	cursor:pointer;



}



#submitnext {
	background-image:url(images/submitnext.png);

	width: 134px;

	height:46px;

	border-style: none;

	background-color: transparent;

	text-indent: 480px;	
	cursor:pointer;
}

#submitnext:hover {
	background-image: url(images/submitnext_roll.png);
	cursor:pointer;

}

/*submit prod button*/



#submitprod {



	background-image:url(images/submitprod.png);



	width: 118px;



	height:40px;



	border-style: none;



	background-color: transparent;



	text-indent: 480px;



}







#submitprod[disabled], #submitprod[disabled]:hover, #submitprod[disabled]:focus, #submitprod[disabled]:active {



	background-image:url(images/submitprod_disable.png);



	cursor:not-allowed;



}







#submitprod:hover {



	background-image: url(images/submitprod_roll.png);



	cursor:pointer;



}







.i {



	width:20px;



	float:left;



	padding-top:5px;



	padding-left:5px;



	padding-bottom:10px;



	cursor:pointer;



}



#i2 {



	width:20px;



	cursor:pointer;



}











.hdr {



	margin-top:65px;



	margin-left:80px;



	width:665px;



	overflow:hidden;



}



.form_get {



	margin-top:20px;



	margin-left:80px;



	width:650px;



	



}



.hdr h1 {



	font-family: "American Typewriter Bold";



	font-size: 32px;



	font-style: normal;



	color:#21a19e;



	padding: 0px 0px 10px 0px;



	margin:0px;



}



.hdr h2 {



	font-family: "American Typewriter Bold";



	font-size: 18px;



	font-style: normal;



	color:#888;



	padding: 0px 0px 10px 0px;



	margin:0px;



}



.results {



	margin-top:25px ;



	margin-left:80px;



	overflow:hidden;



}



.results_1 {



	width:200px;



	float:left;



}



.results_1 h1 {



	font-family: "American Typewriter";



	font-size: 20px;



	font-style: normal;



	color:#21a19e;



	text-align: left;



}



.results_1 h2 {



	font-family: "American Typewriter";



	font-size: 20px;



	font-style: normal;



	color:#21a19e;



	text-align: left;



}



.results_2 {



	float:left;



}



.results_2 h1 {



	font-family: "American Typewriter";



	font-size: 20px;



	font-style: normal;



	color:#888;



	text-align: left;



}



.results_2 h2 {



	font-family: "American Typewriter";



	font-size: 20px;



	font-style: normal;



	color:#888;



	text-align: left;



}



.results_d {



	margin-top:10px ;



	margin-left:80px;



	overflow:hidden;



}



.results_d1 {



	float:left;



	width:200px;



}



.results_d1 h1 {



	font-family: "American Typewriter";



	font-size: 20px;



	font-style: normal;



	color:#21a19e;



	text-align: left;



}



.results_d1 h2 {



	font-family: "American Typewriter";



	font-size: 20px;



	font-style: normal;



	color:#21a19e;



	text-align: left;



}



.results_d2 {



	float:left;







}



.results_d2 h1 {



	font-family: "American Typewriter";



	font-size: 20px;



	font-style: normal;



	color:#888;



	text-align: left;



}



.results_d2 h2 {



	font-family: "American Typewriter";



	font-size: 20px;



	font-style: normal;



	color:#888;



	text-align: left;



}







.cpb {



	margin-left:80px;



	width:660px;



}



.cpb_1 {



	float:left;



	width:360px;



}



.cpb_1 h1 {



	font-family: "American Typewriter";



	font-size: 20px;



	font-style: normal;



	color:#21a19e;



	text-align: left;



}



.cpb_2 {



	float:right;



}



.cpb_2 h1 {



	font-family: "American Typewriter";



	font-size: 20px;



	font-style: normal;



	color:#21a19e;



	text-align: right;



}



.tc {



	padding-top:50px;



	margin-left:80px;



	width:660px;



}



.tc_1 {



	float:left;



	width:300px;



}



.tc_1 h1 {



	font-family: "American Typewriter";



	font-size: 20px;



	font-style: normal;



	color:#21a19e;



	text-align: left;



}



.tc_2 {



	float:right;







}



.tc_2 h1 {



	font-family: "American Typewriter";



	font-size: 20px;



	font-style: normal;



	color:#21a19e;



	text-align:right;



}







.results_3 {



	float:left;



	margin-top:40px;



	margin-left:80px;



	width: 665px;



}



.results_3 h1 {



	font-family: "American Typewriter Bold";



	font-size: 32px;



	font-style: normal;



	color:#21a19e;



	padding: 0px 0px 10px 0px;



	margin:0px;



}



.results_3 h2 {



	font-family: "American Typewriter";



	font-size: 20px;



	font-style: normal;



	color:#888;



	text-align: left;



}



.stage_drop select {



   -webkit-appearance: button;



   -webkit-border-radius: 2px;



   -webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1);



   -webkit-padding-end: 20px;



   -webkit-padding-start: 2px;



   -webkit-user-select: none;



   background-image: url(images/dropdown.png), -webkit-linear-gradient(#FAFAFA, #F4F4F4 40%, #E5E5E5);



   background-position: 94.5% center;



   background-repeat: no-repeat;



   border: 1px solid #AAA;



   color: #555;



   font-family: "American Typewriter";



   font-size: inherit;



   margin: 0px 0px 10px 0px;



   overflow: hidden;



   padding: 5px 10px;



   text-overflow: ellipsis;



   white-space: nowrap;



   width: 234px;



   height:36px;



}







.postcode input[type="text"] {



  padding: 10px;



  border: solid 1px gainsboro;



  -webkit-transition: box-shadow 0.3s, border 0.3s;



  -moz-transition: box-shadow 0.3s, border 0.3s;



  -o-transition: box-shadow 0.3s, border 0.3s;



  transition: box-shadow 0.3s, border 0.3s;



  display: block;



  margin: 0;



  width: 100%;



  font-family: "Open Sans", sans-serif;



  font-size: 18px;



  -webkit-appearance: none;



  -moz-appearance: none;



  appearance: none;



  -webkit-box-shadow: none;



  -moz-box-shadow: none;



  box-shadow: none;



  -webkit-border-radius: none;



  -moz-border-radius: none;



  -ms-border-radius: none;



  -o-border-radius: none;



  border-radius: none;



}



.postcode input[type="text"]:focus, .postcode input[type="text"].focus {



  border: solid 1px #707070;



  -webkit-box-shadow: 0 0 5px 1px #969696;



  -moz-box-shadow: 0 0 5px 1px #969696;



  box-shadow: 0 0 5px 1px #969696;



}



/* calcprod css */



.calc_left {



	width:400px;



	float:left;



	padding: 10px 30px 0px 3px;







}







.calc_left p {



	text-align:left;



	font-family: "American Typewriter";



	font-size: 18px;



	font-style: normal;



	color:#21a19e;



	line-height:35px;



}







.calc_middle {



	float:right;



	text-align:left;



	padding-top:10px;



}



.calc_middle p {



	text-align:left;



	font-family: "American Typewriter";



	font-size: 18px;



	font-style: normal;



	color:#888;



	line-height:35px;







}



.calc_top {



	width:670px;	



	float:left;



	text-align:left;



	height:120px;



}



.calc_top h1 {



	font-family: "American Typewriter";



	font-size: 26px;



	font-style: normal;



	color:#21a19e;



	line-height:35px;



}



.calc_top p {



	font-family: "American Typewriter";



	font-size: 18px;



	font-style: normal;	



	color:#888;



	line-height:35px;



}







.time_out {



	opacity:40%;



}



.wrapper2  { display: table; }



.div1  { display: table-footer-group; }



.div2 { display: table-header-group; }











.date_d {



    background:url(images/input_field.png) no-repeat;



	width:130px;



    height:44px;



	cursor:pointer;}



	



.date_d input{



    height:44px;



    line-height:35px;/*results in nice text vertical alignment*/



    border:none;



    background:transparent;



	font-family: "American Typewriter";



	font-size: 20px;



	font-style: normal;	



	text-align:center;



	color:#ffffff;



    padding:0 0px;/*don't start input text directly from the edge*/



    width:130px;/*full width - grey on the side - 2*10px padding*/



	cursor:pointer;



}







div#back_prod {



	position:absolute;



	top:883px;



	left: 55px;



}