@charset "utf-8";
/* CSS Document */

html {
	width: 100%;
}

body {
	width: 100%;
	font-family: 'Open Sans', sans-serif;
	margin: 0px;
}

h1 {
	font-size: 33px;
	color: #526b24;
	letter-spacing: -2px;
	text-align: center;
	font-weight: 700;
	margin: 15px 0px 30px 0px;
}

h1 span {
	color: #87a31a;
}

h2 {
	width: 100%;
	max-width: 353px;
	display: inline-block;
	position: relative;
	font-size: 21px;
	color: #ffffff;
	font-weight: 400;
	background: #87a31a;
	padding: 10px 0px 13px 0px;
	margin: 0px auto;
}

h2 span {
	width: 100%;
	height: 20px;
	bottom: -20px;
	left: 0px;
	position: absolute;
	background: url(images/head-arrow.jpg) top no-repeat;
}

#container {
	width: 100%;
	max-width: 973px;
	min-width: 875px;
	height: 690px;
	margin: 0 auto;
}

#container2 {
	width: 100%;
	max-width: 973px;
	min-width: 875px;
	height: 970px;
	margin: 0 auto;
}

#container3 {
	width: 100%;
	max-width: 973px;
	min-width: 875px;
	margin: 0 auto;
}

#techoptions {
	width: 336px;
	float: left;
	text-align: center;
	margin-left: 3%;
}

#techoptionsform {
	width: 100%;
	float: left;
	margin-top: 40px;
}

#techoptionsform table {
	width: 100%;
}

#techoptionsform table th {
	font-size: 17px;
	color: #526b24;
	font-weight: 400;
	text-align: left;
	padding-bottom: 9px;
}

#techoptionsform table td {
	text-align: right;
	padding-bottom: 9px;
}

#techoptionsform table td select {
	width: 208px;
	height: 29px;
}

#techoptionsform table td .select {
	width: 168px;
	height: 24px;
	position: absolute;
	font-size: 13px;
	color: #484848;
	text-align: left;
	background: url(images/techoptionsselect-bg.png) right no-repeat;
	padding: 4px 27px 0 13px;
	border: 1px solid #d4d4d4;
	border-radius: 10px;
	overflow: hidden;
	-moz-box-shadow: inset 1px 1px 5px #ccc;
	-webkit-box-shadow: inset 1px 1px 5px #ccc;
	box-shadow: inset 1px 1px 5px #ccc;
}

#errorsbox {
	width: 334px;
	float: left;
	text-align: left;
	border: 1px solid #bababa;
	border-radius: 10px;
	margin-top: 30px;
}

#errorsbox #errortitle {
	width: 310px;
	float: left;
	font-size: 11px;
	color: #4c4c4c;
	background: #e9e9e9;
	padding: 1px 12px 2px 12px;
	border-bottom: 1px solid #bababa;
	border-radius: 10px 10px 0px 0px;
}

#errorsbox #errormessage {
	width: 318px;
	float: left;
	background: #f6f6f6;
	/* Safari 4-5, Chrome 1-9 */
	background: -webkit-gradient(linear, 100% 0%, 0% 0%, from(#ffffff), to(#e7e7e7));
	/* Safari 5.1, Chrome 10+ */
	background: -webkit-linear-gradient(top, #ffffff, #e7e7e7);
	/* Firefox 3.6+ */
	background: -moz-linear-gradient(top, #ffffff, #e7e7e7);
	/* IE 10 */
	background: -ms-linear-gradient(top, #ffffff, #e7e7e7);
	/* Opera 11.10+ */
	background: -o-linear-gradient(top, #ffffff, #e7e7e7);
	padding: 4px 8px 7px 8px;
	border-top: 1px solid #e7e7e7;
	border-radius: 0px 0px 10px 10px;
}

#errorsbox #errormessage span {
	width: 260px;
	float: right;
	font-size: 13px;
	color: #ab1414;
	margin-top: 2px;
}

#measurements {
	width: 466px;
	float: right;
	text-align: center;
	margin-right: 3%;
}

#measurementsform {
	width: 466px;
	height: 384px;
	float: left;
	position: relative;
	margin-top: 40px;
}

#measurementsform div {
	position: absolute;
	text-align: center;
	background-position: center;
	background-repeat: no-repeat;
	font-size: 11px;
}

#measurementsform div input {
	width: 66px;
	height: 26px;
	font-family: 'Open Sans', sans-serif;
	font-size: 13px;
	text-align: center;
	border: 1px solid #d0d0d0;
	border-radius: 10px;
	-moz-box-shadow: inset 1px 1px 5px #ccc;
	-webkit-box-shadow: inset 1px 1px 5px #ccc;
	box-shadow: inset 1px 1px 5px #ccc;
}

#measurementsform div input.error {
	border: 1px solid #d00000;
	-moz-box-shadow: inset 1px 1px 5px #F00;
	-webkit-box-shadow: inset 1px 1px 5px #F00;
	box-shadow: inset 1px 1px 5px #F00;
}

#measurementsform #doorimg {
	width: 268px;
	top:46px;
	/*bottom: 0px;*/
	left: 121px;
	z-index: 1;
}

#measurementsform #doorwidth {
	width: 95px;
	height: 28px;
	top: 0px;
	left: 209px;
	background-image: url(images/doorwidth-bg.jpg);
	z-index: 2;
}

#measurementsform #sidepanelleftwidth {
	width: 94px;
	height: 28px;
	top: 0px;
	left: 108px;
	background-image: url(images/sidepanelleftwidth-bg.jpg);
	z-index: 3;
}

#measurementsform #sidepanelrightwidth {
	width: 92px;
	height: 28px;
	top: 0px;
	left: 311px;
	background-image: url(images/sidepanelrightwidth-bg.jpg);
	z-index: 4;
}

#measurementsform #totalheight {
	width: 68px;
	height: 28px;
	top: 47px;
	left: 44px;
	z-index: 5;
	background-image: url(images/totalheight-bg.jpg);
	padding: 158px 0px 150px 0px;
}

#measurementsform #topboxheight {
	width: 68px;
	height: 28px;
	top: 37px;
	right: 0px;
	z-index: 6;
	background-image: url(images/topboxheight-bg.jpg);
	padding: 13px 0px 13px 0px;
}

#measurementsform #flagheightleft {
	width: 68px;
	height: 28px;
	top: 97px;
	left: 0px;
	z-index: 7;
	background-image: url(images/flagheightleft-bg.jpg);
	padding: 38px 0px 40px 0px;
}

#measurementsform #flagheightright {
	width: 68px;
	height: 28px;
	top: 96px;
	right: 0px;
	z-index: 8;
	background-image: url(images/flagheightright-bg.jpg);
	padding: 38px 0px 40px 0px;
}

#formbuttons {
	width: 100%;
	float: left;
	text-align: center;
	margin-top: 53px;
}

#formbuttons input {
	width: 264px;
	height: 43px;
	font-family: 'Open Sans', sans-serif;
	font-size: 19px;
	border-radius: 10px;
	margin: 0px 8px;
	-moz-box-shadow: -1px 3px 5px #ccc;
	-webkit-box-shadow: -1px 3px 5px #ccc;
	box-shadow: -1px 3px 5px #ccc;
	cursor: pointer;
}

#formbuttons .backbtn input {
	color: #646464;
	background: #dddddd;
	/* Safari 4-5, Chrome 1-9 */
	background: -webkit-gradient(linear, 100% 0%, 0% 0%, from(#fefefe), to(#c7c7c7));
	/* Safari 5.1, Chrome 10+ */
	background: -webkit-linear-gradient(top, #fefefe, #c7c7c7);
	/* Firefox 3.6+ */
	background: -moz-linear-gradient(top, #fefefe, #c7c7c7);
	/* IE 10 */
	background: -ms-linear-gradient(top, #fefefe, #c7c7c7);
	/* Opera 11.10+ */
	background: -o-linear-gradient(top, #fefefe, #c7c7c7);
	padding-bottom: 1px;
	border: 1px solid #c7c7c7;
}

#formbuttons .summarybtn input {
	color: #ffffff;
	font-weight: 700;
	background: #849f11;
	/* Safari 4-5, Chrome 1-9 */
	background: -webkit-gradient(linear, 100% 0%, 0% 0%, from(#9ab722), to(#657b09));
	/* Safari 5.1, Chrome 10+ */
	background: -webkit-linear-gradient(top, #9ab722, #657b09);
	/* Firefox 3.6+ */
	background: -moz-linear-gradient(top, #9ab722, #657b09);
	/* IE 10 */
	background: -ms-linear-gradient(top, #9ab722, #657b09);
	/* Opera 11.10+ */
	background: -o-linear-gradient(top, #9ab722, #657b09);
	padding-bottom: 2px;
	border: 1px solid #728719;
}

#deliverydetails {
	width: 398px;
	float: left;
	text-align: center;
	margin-left: 6%;
}

#deliverydetailsform {
	width: 100%;
	float: left;
	color: #526b24;
	text-align: left;
	margin-top: 38px;
}

#deliverydetailsform #customerref {
	width: 347px;
	float: left;
	padding: 14px 31px 8px 18px;
	border: 1px solid #656565;
	margin-bottom: 14px;
}

#deliverydetailsform #customerref div {
	width: 100%;
	float: left;
	font-weight: 600;
}

#deliverydetailsform #customerref div input {
	width: 196px;
	height: 22px;
	float: right;
	font-family: 'Open Sans', sans-serif;
	font-size: 13px;
	padding: 3px 5px 3px 5px;
	border: 1px solid #d4d4d4;
	border-radius: 10px;
	-moz-box-shadow: inset 1px 1px 5px #ccc;
	-webkit-box-shadow: inset 1px 1px 5px #ccc;
	box-shadow: inset 1px 1px 5px #ccc;
}

#deliverydetailsform #customerref div textarea {
	width: 269px;
	height: 39px;
	float: right;
	font-family: 'Open Sans', sans-serif;
	font-size: 13px;
	padding: 3px 5px 3px 5px;
	border: 1px solid #d4d4d4;
	border-radius: 10px;
	-moz-box-shadow: inset 1px 1px 5px #ccc;
	-webkit-box-shadow: inset 1px 1px 5px #ccc;
	box-shadow: inset 1px 1px 5px #ccc;
}

#deliverydetailsform #customerref div {
	margin-bottom: 7px;
}

#deliverydetailsform .deliverybox {
	width: 396px;
	float: left;
	border: 1px solid #656565;
	margin-bottom: 14px;
}

#deliverydetailsform .deliverybox .delivertype {
	width: 364px;
	float: left;
	font-weight: 600;
	padding: 9px 16px 8px 16px;
	border-bottom: 1px solid #656565;
}

#deliverydetailsform .deliverybox .delivertype input {
	margin: 0px;
	vertical-align: middle;
}

#deliverydetailsform .deliverybox .delivertype .radio {
	height: 18px;
	width: 19px;
	display: inline-block;
	background: url(images/deliverytyperadio-bg.jpg) no-repeat;
	clear: left;
	vertical-align: text-top;
	margin-top: 2px;
}

#deliverydetailsform .deliverybox .delivertome {
	width: 378px;
	float: left;
	padding: 10px 0px 10px 18px;
}

#deliverydetailsform .deliverybox .delivertome div {
	width: 50%;
	float: left;
	font-size: 13px;
}

#deliverydetailsform .deliverybox .delivertosite {
	width: 346px;
	float: left;
	padding: 17px 31px 17px 19px;
}

#deliverydetailsform .deliverybox .delivertosite table {
	width: 100%;
}

#deliverydetailsform .deliverybox .delivertosite th {
	font-weight: 400;
	text-align: left;
	padding-bottom: 10px;
}

#deliverydetailsform .deliverybox .delivertosite td {
	text-align: right;
	padding-bottom: 10px;
}

#deliverydetailsform .deliverybox .delivertosite td input {
	width: 196px;
	height: 22px;
	float: right;
	font-family: 'Open Sans', sans-serif;
	font-size: 13px;
	padding: 3px 5px 3px 5px;
	border: 1px solid #d4d4d4;
	border-radius: 10px;
	-moz-box-shadow: inset 1px 1px 5px #ccc;
	-webkit-box-shadow: inset 1px 1px 5px #ccc;
	box-shadow: inset 1px 1px 5px #ccc;
}

#termsbox {
	width: 362px;
	float: left;
	padding: 9px 17px 0px 17px;
	border: 1px solid #656565;
}

#termsbox table {
	width: 100%;
	font-size: 11px;
}

#termsbox table td {
	padding-bottom: 10px;
	vertical-align: top;
}

#termsbox table .td1 {
	width: 34px;
}

#termsbox table .td1 .checkbox {
	width: 19px;
	height: 18px;
	display: inline-block;
	background: url(images/termscheckbox-bg.jpg) no-repeat;
	clear: left;
}

#doorprice {
	width: 351px;
	float: right;
	text-align: center;
	margin-right: 6%;
}

#doorpriceform {
	width: 349px;
	float: left;
	margin-top: 38px;
}

#pricebreakdown {
	width: 349px;
	float: left;
	border-top: 1px solid #656565;
	border-right: 1px solid #656565;
	border-left: 1px solid #656565;
	margin-bottom: 42px;
}

#pricebreakdown .pricebreak {
	width: 299px;
	float: left;
	color: #526b24;
	text-align: left;
	padding: 8px 8px 8px 42px;
	border-bottom: 1px solid #656565;
}

#pricebreakdown .pricebreakl {
	width: 135px;
	float: left;
	font-weight: bold;
}

#pricebreakdown .pricebreakr {
	width: 150px;
	float: left;
}

#pricebreakdown .pricebreakr span {
	font-size: 11px;
}

#doorimg {
	width: 100%;
	/*height: 423px;*/
	float: left;
	margin-bottom: 20px;
}

#doorimg img{
	max-width: 349px;
}

#pricebuttons {
	width: 100%;
	float: left;
}

#pricebuttons .orderbtn {
	width: 100%;
	float: left;
	margin-bottom: 24px;
}

#pricebuttons .orderbtn input {
	width: 263px;
	height: 92px;
	font-size: 27px;
	color: #ffffff;
	font-weight: 600;
	background: #849f11;
	/* Safari 4-5, Chrome 1-9 */
	background: -webkit-gradient(linear, 100% 0%, 0% 0%, from(#9bb722), to(#637909));
	/* Safari 5.1, Chrome 10+ */
	background: -webkit-linear-gradient(top, #9bb722, #637909);
	/* Firefox 3.6+ */
	background: -moz-linear-gradient(top, #9bb722, #637909);
	/* IE 10 */
	background: -ms-linear-gradient(top, #9bb722, #637909);
	/* Opera 11.10+ */
	background: -o-linear-gradient(top, #9bb722, #637909);
	border: 1px solid #85a20c;
	border-radius: 10px;
	-moz-box-shadow: -1px 3px 5px #ccc;
	-webkit-box-shadow: -1px 3px 5px #ccc;
	box-shadow: -1px 3px 5px #ccc;
	cursor: pointer;
}

#pricebuttons .backbtn {
	width: 100%;
	float: left;
}

#pricebuttons .backbtn input {
	width: 263px;
	height: 43px;
	font-size: 23px;
	color: #646464;
	font-weight: 400;
	background: #dbdbdb;
	/* Safari 4-5, Chrome 1-9 */
	background: -webkit-gradient(linear, 100% 0%, 0% 0%, from(#fefefe), to(#c3c3c3));
	/* Safari 5.1, Chrome 10+ */
	background: -webkit-linear-gradient(top, #fefefe, #c3c3c3);
	/* Firefox 3.6+ */
	background: -moz-linear-gradient(top, #fefefe, #c3c3c3);
	/* IE 10 */
	background: -ms-linear-gradient(top, #fefefe, #c3c3c3);
	/* Opera 11.10+ */
	background: -o-linear-gradient(top, #fefefe, #c3c3c3);
	border: 1px solid #c7c7c7;
	border-radius: 10px;
	-moz-box-shadow: -1px 3px 5px #ccc;
	-webkit-box-shadow: -1px 3px 5px #ccc;
	box-shadow: -1px 3px 5px #ccc;
	cursor: pointer;
}

#loginpage {
	width: 832px;
	margin: 0px auto;
}

#loginpage .p1 {
	font-size: 21px;
	color: #7e7e7e;
	text-align: center;
	margin: 0px 0px 30px 0px;
}

#loginform {
	width: 286px;
	height: 215px;
	float: left;
	padding: 30px 55px 0px 47px;
	border: 1px solid #cccccc;
	-moz-box-shadow: 6px 6px 0px 0px #e5e5e5;
	-webkit-box-shadow: 6px 6px 0px 0px #e5e5e5;
	box-shadow: 6px 6px 0px 0px #e5e5e5;
}

#loginform p {
	font-size: 15px;
	color: #526b24;
	font-weight: bold;
	margin: 0px 0px 10px 0px;
}

#loginform .input input {
	width: 264px;
	font-family: 'Open Sans', sans-serif;
	font-size: 17px;
	color: #7e7e7e;
	border: 1px solid #d1d1d1;
	padding: 5px 10px 6px;
	border-radius: 5px;
	margin-top: 3px;
	-moz-box-shadow: inset 1px 1px 3px 1px #ccc;
	-webkit-box-shadow: inset 1px 1px 3px 1px #ccc;
	box-shadow: inset 1px 1px 3px 1px #ccc;
}

#loginform .submit {
	text-align: right;
}

#loginform .submit input {
	width: 115px;
	height: 32px;
	font-family: 'Open Sans', sans-serif;
	font-size: 17px;
	color: #ffffff;
	font-weight: 700;
	background: #85a112;
	/* Safari 4-5, Chrome 1-9 */
	background: -webkit-gradient(linear, 100% 0%, 0% 0%, from(#96b121), to(#697f09));
	/* Safari 5.1, Chrome 10+ */
	background: -webkit-linear-gradient(top, #96b121, #697f09);
	/* Firefox 3.6+ */
	background: -moz-linear-gradient(top, #96b121, #697f09);
	/* IE 10 */
	background: -ms-linear-gradient(top, #96b121, #697f09);
	/* Opera 11.10+ */
	background: -o-linear-gradient(top, #96b121, #697f09);
	padding-bottom: 3px;
	border: 1px solid #95ae2b;
	border-radius: 3px;
	-moz-box-shadow: 1px 1px 3px 1px #ccc;
	-webkit-box-shadow: 1px 1px 3px 1px #ccc;
	box-shadow: 1px 1px 3px 1px #ccc;
}

#registerbtn {
	width: 388px;
	height: 190px;
	float: right;
	text-align: center;
	padding-top: 55px;
	border: 1px solid #cccccc;
	-moz-box-shadow: 6px 6px 0px 0px #e5e5e5;
	-webkit-box-shadow: 6px 6px 0px 0px #e5e5e5;
	box-shadow: 6px 6px 0px 0px #e5e5e5;
}

#registerbtn p {
	color: #7e7e7e;
	font-size: 15px;
	font-weight: 600;
	margin: 0px 0px 15px 0px;
}

#registerbtn .registerhere {
	width: auto;
	height: 59px;
	display: inline-block;
	font-family: 'Open Sans', sans-serif;
	font-size: 23px;
	color: #ffffff;
	font-weight: 700;
	text-decoration: none;
	background: #839f11;
	/* Safari 4-5, Chrome 1-9 */
	background: -webkit-gradient(linear, 100% 0%, 0% 0%, from(#98b321), to(#637909));
	/* Safari 5.1, Chrome 10+ */
	background: -webkit-linear-gradient(top, #98b321, #637909);
	/* Firefox 3.6+ */
	background: -moz-linear-gradient(top, #98b321, #637909);
	/* IE 10 */
	background: -ms-linear-gradient(top, #98b321, #637909);
	/* Opera 11.10+ */
	background: -o-linear-gradient(top, #98b321, #637909);
	padding: 20px 35px 0px;
	border: 1px solid #8ea91e;
	border-radius: 15px;
	-moz-box-shadow: 0px 0px 3px 1px #ccc;
	-webkit-box-shadow: 0px 0px 3px 1px #ccc;
	box-shadow: 0px 0px 3px 1px #ccc;
}

#registerform {
	width: 390px;
	margin: 0 auto;
}

#registerform .p2 {
	width: 100%;
	float: left;
	color: #7e7e7e;
	text-align: center;
	margin: 20px 0px 0px 0px;
}

#registerform .p2 span {
	color: #526b24;
}

.list_thumb{
	width: 76px;
	height: 96px;
	border: 1px solid #cdcdcd;
	background-color: #e5e5e5;
}

.list_thumb img{
	max-width: 76px;
	max-height: 96px;
}

.pull-right{
	float:right;
}
.pull-left{
	float:left;
}

.list_row{
	width:645px;
	height:119px;
	border: 1px solid #cdcdcd;
	margin-top: 17px;
	padding:9px 14px;
	font-weight: 600;
	font-size: 15px;
	margin-left: auto;
	margin-right: auto;
	cursor: pointer;
}

.list_row:hover{
	border: 1px solid #9eba2e;
	background-color: #f2f5e7;
}

.list_row_info{
	margin-left:5px;
	padding-top:12px;
}

.list_row_info p{
	color: #7e7e7e;
}

.list_row_info p span{
	color: #87a31a;
}

.list_row_info.quote_ref{
	width:89px;
}

.list_row_info.customer_name{
	width:181px;
}

.list_row_info.door_style{
	width:120px;
}

.list_row_info.door_colour{
}

li.alert{
	list-style: none;
	padding:15px 40px;
	background-color: #f2f5e7;
	border: 1px solid #9cb829;
	margin-bottom: 10px;
	font-weight: 600;
	border-radius: 15px;
	color: #526b24;
}

ul.alert-list{
	padding:0;
	margin:10px;
}

.centre{
	text-align: center;
}

.hide{
	display: none;
}

th.ui-datepicker-week-end,
td.ui-datepicker-week-end {
    display: none;
}