html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	background-repeat: no-repeat;
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background: white;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}html, body {
	margin: 0;
	padding: 0;
	min-height: 100%;
}

* html {
	height: 100%;
}

body {
	font-family: Arial, Calibri, DroidSansRegular, Trebuchet, Helvetica, sans-serif;
}

input,
textarea {
	border: 1px solid #dddddd;
	font-size: 1.0em;
	padding: 2px;

}
input.radio {
	border: 0px;
	margin-left: 0px;
	background: none;
}
address {
	white-space: pre;
	margin: 0 1em 1em 1em;
}

img {
	border: 0;
}

h1, h2, h3, h4, h5, h6 {
	margin-top: 10px;
	margin-bottom: 10px;
}

p {
	margin-top: 0;
	margin-bottom: 1em;
}

em {
	font-style: italic
}

a {
	outline-width: 0;
	text-decoration: none;
}

form { 
	margin: 0; 
}

.eq_h_col {
	padding-bottom: 32767px;
	margin-bottom: -32767px;
}

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
/* End hide from IE-mac */

.calendar_button BUTTON {
	background: none;
	border: none;
}
.calendar_button BUTTON SPAN {
	display: none;
}

.calendar_button img {
	padding-left: 5px;
	vertical-align: bottom;
}


.hide {
	display: none;
}

.clear, .wc_clear {
	clear: both;
}

.hover {
	cursor: pointer;
}

@media screen {
/*.imagereplace {
	margin: 0;
	border: 0;
	font-size: 8px;
	text-indent: -5000px;
	display: block;
	text-decoration: none;
	text-align: left;
}*/}


/* -------------- Font Size ---------------- */

body {
	font-size: 76%;
}

h1 {
	font-size: 1.27em;}

h2 {
	font-size: 1.27em;}

h3 {
	font-size: 1.09em;}

h4 {
	font-size: 1.09em;}

p, li, th, td, caption, div {
	font-size: 1.0em;
}

/*---------------------------------------------*/

a {
	color: #81B269;

}

a:visited {
	color: #81B269;
}

p, #bodyHolder li, #bodyHolder td {
	font-size: 14px;
	line-height: 16px;
	color: #6e7172; /* fix dynamic colour */
}

strong {
	font-weight: bold;
}

table td p {
	margin-bottom: 0;
}

table th p {
	margin-bottom: 0;
}

.highlight p {
	color: #828787;
	font-size: 15pt;
	margin: 15px 0;
}
 
.imagereplace {
	border:0 none;
	display:block;
	font-size:8px;
	margin:0;
	text-align:left;
	text-decoration:none;
	text-indent:-5000px;
}

.backgroundReplace {
	border:0 none;
	display:block;
	font-size:8px;
	margin:0;
	text-align:left;
	text-decoration:none;
	text-indent:-5000px;
}

/* ------------------ Headings ----------------------- */

	.pagetitle {
		font-size: 28px;
		font-weight: bold;
		color: #69a14d;
		
	}

	.webcode_heading {
		color: #4f9f5d; /* fix dynamic colour */
		font-size: 20px;
		font-weight: bold;
		letter-spacing: -1px;
	}

	.webcode_subheading {
		color: #3C4042;
		font-size: 15px;
		font-weight: bold;
	}

	.wf-loading {
<!--     	opacity:0; -->
	}

	.wf-active {
		opacity:1;
		-moz-transition:0.2s opacity ease-in;
		-webkit-transition:0.2s opacity ease-in;
		transition:0.2s opacity ease-in;
	}



body {
	background-color: #E8E2C9;
}

#container {
	height: 100%;
	width: 100%;
	margin: 0 auto;
}

		#container #header {
			height: 155px;
			width: 100%;
			background-image: url('/_css/template?t=homepage&image=ec90eb8444ab976a79c42b4fe0ddd814');
			background-repeat: repeat-x;
			background-position: 0 0;
		}
				#container #header .headerTop {
					height: 90px;
					width: 900px;
					margin: 0 auto;
					position: relative;
				}

				#container #header .headerTop .cartHolder {
					position: fixed;
					top:  0;
					background-image: url('/_css/template?t=homepage&image=e6550b04f29bb65d121906cbef41e729');
					background-repeat: repeat;
					float: right;
					width: 441px;
					margin: 0 0 0 459px;
				}

				#container #header .headerTop .cartHolder .cartIcon {
					background-image: url('/_css/template?t=homepage&image=8c130b89ba489d8457b6cc3195ffa9ad');
					background-repeat: no-repeat;
					height: 22px;
					width: 127px;
					margin: 14px 7px 15px 7px;
				}

				#container #header .headerTop .cartHolder.view .cartIcon {
					margin: 14px 7px 15px;
				}

				#container #header .topToolbarHolder {
					background-color: #4F9F5D;
					height: 42px;
					width: 100%;
				}

					#container #header .topToolbarHolder .topToolbar {
						width: 950px;
						margin: 0 auto;
					}

			#container #backgroundLayer {
				left: 0;
				min-height: 100%;
				min-width: 100%;
				position: fixed;
				top: 0;
				z-index: -1;
			}

			#container #bodyHolder {
				width: 900px;
				margin: 0 auto;
			}

			#container #bodyHolder #bodyHolderInner {
				background-color: #ffffff;
				height: 100%;
				width: 860px;
				float: left;
				padding: 0 20px;
				position: relative;
			}

			#container #bodyHolder #bodyHolderInner #body {
				float: left;
				width: 630px;
			}

			#container #bodyHolder #bodyHolderInner .pagetitle {
				font-size: 35px;
				font-weight: 700;
				letter-spacing: -3px;
				line-height: 49px;
				margin: 31px 0 10px 0;
			}

			#container #bodyHolder #bodyHolderInner .introText {
				color: #6E7172;
				font-size: 20px;
				float: left;
				letter-spacing: -1px;
				width: 537px;
				margin-bottom: 20px;
				margin-top: 10px;
			}
			
			.column .introText, .standard .introText, .standardWide .introText {
				width: 100% !important;
				margin-top: 5px !important;
			}

			#container #bodyHolder #bodyHolderInner #rightMenuHolder {
				float: right;
				height: 500px;
				width: 226px;
			}
			
			  #container #bodyHolder #bodyHolderInner #rightMenuHolder .startOrderLink {
				background-image: url('/_css/template?t=homepage&image=ff1924230db8b1b7ee3117212c3ee1b0');
				display: block;
				float: right;
				height: 51px;
				margin: 20px 0 0 0;
				width: 212px;
			  }

			  #container #bodyHolder #bodyHolderInner #rightMenuHolder .startOrderLink:hover {
				background-position: 0 -51px;
			  }

			#container #bodyHolder #bodyHolderInner a.startLink {
				background-image: url('/_css/template?t=homepage&image=8eb0ad1d33692d613d7910bb33487f2d');
				display: block;
				float: right;
				height: 84px;
				width: 350px;
				margin: 20px -70px 0 0;
			}
			
			#container #bodyHolder #bodyHolderInner a.startLink:hover {
				background-position: 0 -84px;
			}

			#container #bodyHolder #bodyHolderInner .columnLeft {
				float: left;
				width: 420px;
			}

			#container #bodyHolder #bodyHolderInner .columnRight {
				float: left;
				width: 420px;
				margin: 0 0 0 20px;
			}

	#container #footer {
		clear: both;
		height: 49px;
		width: 900px;
		margin: 0 auto;
	}

	#container #footerInner {
		background-color: #3c4042;
		height: 49px;
		width: 900px;
	}
	
	#bodyHolderInner ul, #bodyHolderInner ol {
		list-style: disc outside none !important;
		margin: 0 0 0 20px;
	}
	


/* ------------------ Custom Tags ---------------- */



#container #bodyHolder #bodyHolderInner .pagetitle {
	font-size: 55px;
	margin-bottom: 5px;
}


table.wc_table {
	border: 1px solid #B2B5B5;
	border-width: 0px !important;
	vertical-align: bottom;
	margin: 10px 0 10px 0;
	width: 99%;
}

table td,
table th {
	font-family: myriad-pro,sans-serif;
	text-align: left;
	vertical-align: bottom;
	padding: 7px;
	font-size: 14px;
	border: 0px solid #B2B5B5;
	border-width: 0;
}

table caption {
	color:  #ffffff; 
	vertical-align: bottom;
	font-size: 14px;
	font-weight: bold;
	padding: 7px;	
	padding: 8px 7px 8px 7px;
	background-color: #4F9F5D;
}

table th {
	color:  #3C4042; 
	vertical-align: bottom;
	font-size: 13px !important;
	font-weight: bold;
	padding: 7px;	
	padding: 8px 7px 8px 7px;
	background-color: #d8e1e4;
}

table tr:hover  td, table tr.wc_table_row_1:hover  td, table tr.wc_table_row_1:hover  th {
	background-color: #f1fdac ;
	color: #3C4042 !important;
}


table tr:nth-child(2n) {
	background-color: #E7E7E7;
}

tr.wc_table_row_1 td, tr.wc_table_row_1 th {
	background-color: #eaedef !important;
}


.photo_center {
	margin-bottom:8px;
}

.photo_left {
	float: left;
	margin-bottom:8px;
	margin-right:8px;
}

.photo_right {
	float: right;
	margin-bottom:8px;
	margin-left:8px;
}

table.photo {
	border: 0 !important;
	width: auto !important;
}

table.photo tr {
	background-color: transparent !important;
}

table.photo tr:hover {
	background-color: transparent !important;
}

table.photo tr:hover td {
	padding: 0;
}

table.photo tr td img {
	border: 5px solid #dbdcdb;
}

table.photo tr td.image-caption {
	background-image: url('/_css/template?t=homepage&image=9c30b35273f8fa5c4f5ea70bf1af3ec9');
	background-color: transparent !important;
	background-position: 0 50%;
	background-repeat: no-repeat;
	color: #9b9c9b !important;	
	font-size: 12px !important;
	font-style: italic;
	height: 30px;
	line-height: 30px !important;
	text-align: left;
	padding: 1px 0 0 17px;
	padding-left: 17px;
}

table.photo tr td.image-caption a {
	color: #B2B5B5;
}

table.photo tr:hover td {
	background-color: transparent !important;
}

table.photo td,
table.photo th {
	padding: 0;
	border: 0;
	background: none;
}

.table:hover {
	background-color: #E7E7E7;
	border-color: #FFFFFF;
} 
#logo {
	display: block;
	float: left;
	margin: 19px 0 0 19px;
}

#logo {
	width: 173px;
	height: 59px;
	background: transparent url('/_css/template?t=homepage&image=314c17181bcdabec01f7d2c287bc2ff8') no-repeat;
}
br.wc_clear {
	height: 0;
	clear: both;
}


 
li.order-icon {
	height: 48px;
	text-align: left;
	background-image: url('/_css/template?t=homepage&image=b7cfeb3001ea9742a054cc671cc53ee9');
	background-repeat: no-repeat;
	background-position: 10px center;
	margin: 0;
}

li.order-icon a {
	display: block;
	padding: 13px 0 0 0;
	padding-left: 78px;
}


/*.fancybox-content*/ 

.processImage
{
	background-image: url('/_css/template?t=homepage&image=dce15a71e1e42a576f6f0c8150f8b6e9');
	background-color: rgba();
	width: 66px;
	height: 66px;
}
 
.topToolbar {
	display: block;
	height: 27px;
}

.topToolbar ul {
	float: left;
	height: 50px;
	margin: 10px 0 0 20px;
}

.topToolbar ul li {
	background-image: url('/_css/template?t=homepage&image=12f2c50d662c56ac9879386168d3bd00');
	background-position: right top;
	float: left;
	height: 50px;
	padding: 0 8px 0 0;
	margin: 0 8px 0 0;
}

.topToolbar ul li a {
	color: #e7fd69;
	font-size: 18px;
	font-weight: 600;
	height: 50px !important;
	display: block;
	letter-spacing: -0.5px; 
}

.topToolbar ul li.select a, .topToolbar ul li.select a:hover {
	color: #ffffff;
	background-image: url('/_css/template?t=homepage&image=b1b18bbadd6d4c289cfb4ab355708eb4');
	background-position: 50% 32px;
}

.topToolbar ul li a:hover {
	color: #f1fdac;
}
#leftMenu ul {
	clear: left;
	float: right;
}

	#leftMenu li {
		display: block;
		height: 29px;
		margin: 0 0 2px 0;
		width: 230px;
	}

		#leftMenu li a {
			background-color: #1F2522;
			color: #FDFBF4;
			display: block;
			font-size: 11px;
			font-weight: bold;
			height: 18px;
			text-transform: uppercase;
			width: 230px;
			margin: 0 0 0 20px;
			padding: 11px 0 0 10px;

			-webkit-transition: all 0.3s linear;
			-moz-transition: all 0.3s linear;
			-o-transition: all 0.3s linear;
			-webkit-transition: all 0.3s linear;
			transition: all 0.3s linear;
		}

		#leftMenu li a:hover {
			background-color: #AFC474;
			color: #1F2522;
		}

		#leftMenu li.select a {
			background-color: #48A159;
		}
	
	#leftMenu li ul {
		margin: 2px 0 2px 0;
	}

	#leftMenu li ul li a {
 		margin: 0 0 0 30px;
	}

		#leftMenu li.select ul li a { 
			background-color: #1F2522;
		}

	#leftMenu li ul li ul li a {
 		margin: 0 0 0 40px;
	}
#container #leftSidebar #smallBox {
	color: #1F2522;
	clear: both;
	background-color: rgba(185, 175, 132, 0.5);
	padding: 18px 12px 18px 12px;
	margin-left: 20px;
}

#container #leftSidebar #smallBox h3 {
	font-size: 12px;
	font-weight: bold;
	margin: 0 0 6px 0;
	text-transform: uppercase;
}

#container #leftSidebar #smallBox .lineHolder {
	clear: both;
	font-size: 11px;
}

	#container #leftSidebar #smallBox .lineHolder a {
		color: #1F2522;
	}

	#container #leftSidebar #smallBox .lineHolder a:hover {
		color: #48A159;
	}

#container #leftSidebar #smallBox span.title {
	width: 50px;
	text-transform: uppercase;
}

#container #leftSidebar #smallBox span {
	display: block;
	float: left;
	margin: 3px 0 3px 0;
}
#container #footer {
	background-image:url('/_css/template?t=homepage&image=1d98eb20d9245555a071089d87f3c6fb');
	background-repeat: no-repeat;
	background-position: 0 0;
}

	#container #footer .left {
		float: left;
		width: 576px;
		padding: 20px 0 0 0;
	}

	#container #footer .left span {
		display: block;
		clear: both;
		color: #6C6F6F;
		font-size: 11px;
		text-align: right;
	}

	#container #footer .left span.copyright {
		color: #1F2522; /* fix dynamic colour */
		font-weight: bold;
		text-transform: uppercase;
	}
	
	#container #footer .right {
		float: right;
		padding: 20px 21px 0 0;
		color: #ffffff;
	}

		#container #footer .right .capomolla {
			background-image:url('/_css/template?t=homepage&image=32a56cdc6f276f0a352f80f6d602c392');
			background-repeat: no-repeat;
			background-position: 0 0;
			float: left;
			height: 13px;
			width: 90px;
			margin: 32px 0 0 12px;
		}

		#container #footer .right .toowards {
			background-image:url('/_css/template?t=homepage&image=0f64a4d25883e825174fd20594cccfd0');
			background-repeat: no-repeat;
			background-position: 0 0;
			float: right;
			height: 23px;
			width: 28px;
			margin: 29px 21px 0 0;
		}
.footerToolbar {
	margin: 0 0 0 15px;
}

.footerToolbar ul li {
	float:left;
	margin: 0 5px 0 0;
	border: 1px solid #ffffff;
	border-width: 0 0 0 1px;
}

.footerToolbar ul li:first-child {
	border-width: 0 0 0 0;
}

.footerToolbar ul li a {
	color: #ffffff;
	margin: 0 0 0 5px;
}.tabbed-form {
/* 	width: 600px; */
	width: 100%;
}
.tabbed-form h2 {
	text-decoration: underline;
}
.tabbed-form .note {
/* 	font-style: italic; */
	margin: 0 0 1.5em 0;
}
.tabbed-form .buttons {
	text-align: right;
	padding: 3px;
	border-top: 1px dotted #ccc;
	float: right;
}
.question {
/* 	position: relative; */
	
}
.question-inner {
	margin: 0 1em 1em 0;
}

.question label {
	display: block;
	font-weight: bold;
}

.question input, 
.question textarea {
	width: 100%;
	border: 1px solid #ccc;
}
.question select {
	width: 100%;
	border: 1px solid #ccc;
}
.question select:focus {
	background-color: #f7f7c0;
}
.question select:focus option {
	background-color: white;
}
.question select:focus option:hover {
	background-color: #f7f7c0;
}
.question input:focus, 
.question textarea:focus {
	background-color: #f7f7c0;
	border: 1px solid #999;
}

.question input.jscalendar {
	width: auto;
	margin-right: 4px;
}

.question select.fileupload {
	width: 150px;
	margin-right: 4px;
}

.question-with-units input {
	width: auto;
	margin-right: 4px;
}

.radio-group-item input,
.checkbox-group-item input,
.checkbox-item input {
	display: inline;
	width: auto;
	border: 0;
}
.radio-group-item label,
.checkbox-group-item label,
.checkbox-item label {
	display: inline;
	font-weight: normal;
}

.ui_processor_rule {
	display: none;
}
.calendar-button {
	margin-top: 4px;
	vertical-align: top;
}

.section {
/* 	width: 558px; */
	margin-left: 10px;
/* 	background-color: #ffc; */
}

.tabbar-container .tabbar-inner {
	display: block;
	margin: 0;
	padding: 1em 0 4em 0;
	border: 0;
	clear:left;
}
.tabbar-container .tabbar-tab {
/* 	width: 596px; */
/* 	height: 400px; */
/* 	overflow: auto; */
	position: relative;
/* 	border: 1px solid #01334c; */
/* 	border-width: 1px 1px 1px 1px; */
}

.tabbar-container .tabbar-tab .legend {
	background-color: #01334c;
	color: white;
	margin: 0;
	padding: 2px;
/* 	width: 100%; */
}

.formslot {
}
.formslot-row {
	position: relative;
	border: 1px solid #202528;
	background-color: #eaf1f4;
	padding: 1em;
	margin: 0 0 1em 0;
}
.formslot-buttons {
/* 	border: 1px solid blue; */
	padding: 1em;
	text-align: right;
}

.question-col {
float: left;
}
.question-col label {
 height: 1.5em;
 overflow: hidden;
}
.col-2 {
width: 50%;
}
.col-3 {
width: 33.3%;
}
.col-32 {
width: 66.7%;
}
.col-4 {
width: 25%;
}
.col-42 {
width: 50%;
}
.col-43 {
width: 75%;
}
.col-5 {
width: 20%;
}

button.imagereplace {
	border: 0;
/* 	display: inline; (doesn't work in IE7) */
	float: left;
	cursor: pointer;
}
button.imagereplace:hover {
	background-position: 0 100%;
}

.question label.disabled-input {
	display: inline;
}
.question input.disabled {
	display: inline;
	border: 0;
	background-color: white;
	color: black;
/* 	width: auto; */
}

ul.tabbar {
	margin: 0;
	padding: 0;
}
ul.tabbar li {
	background: none !important;
	padding: 0 !important;
	float: left !important;
}

html>body ul.tabbar label{
	white-space: nowrap;
	width: auto;
}

ul.tabbar li label {
	width: 0;
	white-space: nowrap;
	font-weight: bold;
	color: #596066;
	display: block;
	cursor: pointer;
	background-color: #CEDCE0;
	padding: 0;
	margin: 0;
	padding-left: 8px; 
	padding-right: 8px; 
	padding-top: 8px;
	height: 25px;
}
ul.tabbar li.validation label {
	color: red;
}
ul.tabbar li label.open,
ul.tabbar li label:hover {
	color: #000000; 
	font-weight: bold; 
}
ul.tabbar li label.open {
	background: #CEDCE0 url('/_css/template?t=homepage&image=21594943c6a160909c9571dbe07410ea') no-repeat 50% 100%;
}

ul.tabbar li.first .label-left {
	padding: 0px; 
	padding-left: 25px; 
	background: #CEDCE0 url('/_css/template?t=homepage&image=d3fa7cd96481037c3725a6aef5fbaf9c') no-repeat;
}

ul.tabbar li.last .label-right {
	padding: 0px; 
	padding-right: 25px; 
	background: #CEDCE0 url('/_css/template?t=homepage&image=556484147f930040e3a4dca29f1f0eb5') 100% 0% no-repeat;
}


.invalid-message {
	display: none;
}
.has-error .invalid-message {
	display: block;
}
.valid-message {
	display: block;
}
.has-error .valid-message {
	display: none;
}
.processing-message {
	display: none;
}
.validating .processing-message {
	display: block;
}
.validating .valid-message,
.validating .invalid-message {
	display: none !important;
}

.validation .question label.question_label {
	color: red;
}
 


.pagetitle {
	color: #3c4042;
}

#order_item, #order_payment, #job_item {
	background-color: #D7E79F;
	padding: 20px;
	margin-bottom: 20px;
	float: left;
	display: inline;
}

#order_address select, #order_item select, #order_payment select { 
	padding: 4px;
	margin-top: 3px;
}

#order_address input, #order_item input, #order_payment input { 
	padding: 4px;
	margin-top: 3px;
}

#order_address textarea, #order_item textarea, #order_payment textarea { 
	padding: 4px;
	margin-bottom: 5px;
}

.form_header {
	float: right;
	width: 420px;
}

#slot_rollerblind_shutter {
  clear: left;
}

#page_room {
	height: 136px;
	width: 420px;
	margin-bottom: 10px;
	background-image: url('/_css/template?t=homepage&image=09bd842de92d444dba81f0f620c51638');
	background-position: 20px bottom;
}

#page_room > div {
  float: left;
  overflow: hidden;
  width: 210px;
}

#page_room .question {
    background-color: #D7E79F;
    padding: 0 1px 0 20px !important;
	display: block;
	height: 118px;
	margin-bottom: 20px;
}

#page_room .question label {
  color: #3c4042;
  font-size: 14px;
}

#page_room .question select,
#page_room .question input {	
  margin: 0;
}

#page_room .question input {
  width: 82%;
}


#page_room .question-inner {
  margin: 30px 0 30px !important;
  width: 189px;
}

	#page_room .roomName .legend_holder {
		margin: 0 0 3px 0;
		display: none;
		border: 1px dashed #CC0000;
	}
	
	#page_room h1 {
		display: none;
	}
	.question_label {
		font-weight: bold;
	}
	
	#page_room input {
		border: 2px solid #ffffff;
	}

	#page_room input:focus {
		border: 2px solid #707070;
	}

#buttons {
	float: right;
	margin-bottom: 20px;
	margin-bottom: 20px;
}
	
.buttons {
	float: right;
}	

button.imagereplace {
    border: 0 none;
    cursor: pointer;
    float: left;
}

.select-form .question-inner {
    margin: 0;
    width: 420px;
}

.formslot-buttons {
	margin: 10px 20px 40px 0;
}

.question-col .checkbox-group-item label {
	vertical-align: top !important;
	line-height: 13px !important;
	display: inline !important;
	margin-left: 5px;
}

.checkbox-item label {
	vertical-align: top !important;
	line-height: 18px !important;
}

.checkbox-group-item  {
	margin: 0 15px 5px 0;
	display: inline;
	float: left;
}

.checkbox-group-item input {
	margin: 0 0 0 0 !important;
	display: inline;
	width: 20px !important;
	float: left;
	padding: 0px !important;
}

.formslot-heading {
	display: none;
}

.formslot-row {
	background-color: #d7e79f;
	border: 0;
	padding: 20px 0 20px 0;
	margin-bottom: 20px; 
}

.section {
    margin-left: 0;
}

.checkBoxHolder {
	height: 52px;
}

.formslot-row .question label.question_label {
	margin: 0 0 3px 0;
}

.checkbox-group-item  input {
	height: 13px !important;
	width: 13px !important;
	border: 0px solid red !important;
	padding: 0;
	margin: 0 0 5px 0;
}

#slot_plantation_shutter,
#slot_roller_shutter {
	clear: both;
}

.btn-roll,
.btn-delete,
.btn-plant {
	display: none;
}

.validation .question label.question_label {
	color:#cc0000;
	cursor: pointer;
}

.validation input {
	border: 2px solid #CC0000;
}

.validation select {
	border: 2px solid #CC0000;
}

.validation .colorswatch {
	border: 1px solid #CC0000;
}



/* ------------ Table ------------- */

#ishutter-cart {
	margin: 0 9px 0 9px;
}

/* -------- Post Code ------------ */

#postcode_check .question-inner {
	margin-top: 10px !important;
	background-color: #d7e79f;
	padding: 20px;
}

#postcode_check {
	width: 255px;
	padding: 10px 0 20px 0;
}

#postcode_check label {
	color: #3C4042;
}

#postcode_check input {
	border: 2px solid #ffffff;
	width: 200px;
	margin: 0 20px 20px 20px;
}

#postcode_check input:focus {
	border: 2px solid #707070;
	width: 200px;
}

#postcode_check button {
	float: right;
	width: 135px;
	width: 135px;
	height: 54px;
	float: left;
	margin: 10px 0 0 0;
}

#checkout_form {
    background-color: #D7E79F;
    border: 0 none;
    padding: 10px 0 22px 20px;
    width: 840px;
	margin: 20px 0 0 0;
}

	#checkout_form input {
		margin-bottom: 20px;
	}

#mandatoryHolder{
	float: right;
	background-color: blue
}
	
	#mandatory {
		font-size: 8px;
		background-color: red
	}




/* ------------ Swatch Colours ------------- */

.ishutter_color_swatch_holder select {
	margin: 0 0 0 0 !important;
}

.ishutter_color_swatch_holder .col-2 select {
	float: left;
	width: 364px;
}

.ishutter_color_swatch_holder .col-3 select {
	float: left;
	width: 224px;
}

.ishutter_color_swatch_holder .col-5 select {
	float: left;
	width: 120px;
}

.ishutter_color_swatch_holder  .standard {
	border: 1px solid #707070;
	width: 21px;
	padding: 3px 0px 3px 0px;
}

.colorswatchOuter {
	background-color: #ffffff;
	padding: 4px;
	float: right;
	margin: 0 20px 0 5px;
	
}

.curtain .curtain-upper {
	border-left: 1px solid #707070 !important;
	border-right: 1px solid #707070 !important;
	border-top: 1px solid #707070 !important;
	padding: 3px 0px 3px 0px !important;
}

.curtain .featureColour {
	border-left: 1px solid #707070 !important;
	border-right: 1px solid #707070 !important;
	padding: 3px 0px 3px 0px !important;
}

.curtain .curtain-lower {
	border-left: 1px solid #707070 !important;
	border-right: 1px solid #707070 !important;
	border-bottom: 1px solid #707070 !important;
	padding: 3px 0px 3px 0px !important;
}

/*.colorswatch {
	border: 1px solid #707070;
	width: 21px;
	padding: 3px 0px 3px 0px;
}*/

.white {
	background-color: #ffffff;
}

.whiteN001 {
	background-color: #e5e5d6;
}

.white25 {
	background-color: #ffffff;
}

.F186 {
	background-color: #f7f8f4;
}

.F140 {
	background-color: #e3e4d9;
}

.F286 {
	background-color: #e4e2d6;
}

.stainless {
	background-color: #b8b8b8;
}

.red30 {
	background-color: #78291c;
}

.brown34 {
	background-color: #2d2823;
}

.black45 {
	background-color: #000000;
}

.apogrey31 {
	background-color: #a4ac9f;
}

.charcoal46 {
	background-color: #25302d;
}

.sand41 {
	background-color: #c0b8b5;
}

.cream47 {
	background-color: #d5d3ba;
}

.green42 {
	background-color: #1f4035;
}

.charcoalN901 {
	background-color: #25302d;
}

.linenN201 {
	background-color: #ced0b6;
}

.ivoryN091 {
	background-color: #e9e9d4;
}

.ice121 {
	background-color: #fdfdfd;
}

.spirit418 {
	background-color: #eeeedd;
}

.whisper419 {
	background-color: #d2d6c8;
}

.coconut420 {
	background-color: #f6f9e9;
}

.syllabub421 {
	background-color: #edeedd;
}

.cornsilk422 {
	background-color: #b5b79c;
}

.orient906 {
	background-color: #3e3c3a;
}

.stone907 {
	background-color: #55452f;
}

.White {
	background-color: #ffffff;
}

.WhiteBi {
	background-color: #ffffff;
}

.Mocha {
	background-color: #c2a27b;
}

.MetalBl {
	background-color: #1b191a;
}

.ClearAn {
	background-color: #caba99;
}

.curtain .question-inner, .feature .question-inner{
	width: 300px !important;
}
 
.curtain select, .feature select {
	width: 300px !important;
}

.curtain .colorswatchOuter {
	background-color: #ffffff;
	height: 95px;
	width: 86px;
	padding: 4px;
	background-repeat: no-repeat;
	position: absolute;
	left:760px;
}

.curtain .colorswatchOuter .colorswatch  {
	height: 25px;
	width: 84px;
}


.curtain .red30 {
	background-color: #78291c;
}

.curtain .green42 {
	background-color: #1f4035;
}

.curtain .brown34 {
	background-color: #2d2823;
}

.curtain .sand41 {
	background-color: #bbae9e;
}

.curtain .cream47 {
	background-color: #d5d3ba;
}

.curtain .charcoal46 {
	background-color: #191718;
}

.curtain .black45 {
	background-color: #000000;
}

.curtain .apogrey31 {
	background-color: #a4ac9f;
}

.curtain .white25 {
	background-color: #ffffff;
}

.feature .colorswatchOuter {
	display: none;
}

.feature .colorswatch {
    border: 0px solid #707070;
    width: 84px;
	height: 27px;
	margin-top: 15px;
}

.feature .red30 {
    background-color: #78291c;
}

.feature .green42 {
    background-color: #1f4035;
}

.feature .brown34 {
    background-color: #2d2823;
}

.feature .sand41 {
    background-color: #bbae9e;
}

.feature .cream47 {
    background-color: #c6c0a2;
}

.feature .white25 {
    background-color: #ffffff;
}

.feature .charcoal46 {
    background-color: #1a1819;
}

.feature .black45 {
    background-color: #000000;
}

.feature .apogrey31 {
    background-color: #a4ac9f;
}

/* pixel width form */

.formslot-rows .clearfix {
	padding: 10px 0 10px 10px;
}

.submitform input, .submitform select, .submitform textarea  {
	margin: 0 20px 0 0;
	padding: 5px;
	border: 2px solid #ffffff;
	width: 100%;
	font-family: Arial, Helvetica, san-serif;
	font-size: 14px;
}

.selectform_header .ie_select-holder select {
	border: 2px solid #ffffff;
	margin: 3px 0 0 0;
}

	.selectform_header {
		margin: 20px 0 0 0 !important;
		float: left;
		width: 424px;
	}

	.selectform_header select {
		border: 1px solid #CC0000;
	}

	.selectform_header .help {
		margin: 0 0 0 0 !important;
	}

	.selectform_header .question-inner {
		margin: 15px 0 20px 0 !important;
	}

.submitform input:focus, .submitform select:focus, .submitform textarea:focus {
	border: 2px solid #707070;
	background-color: #f3f9d0;
}

.colorswatch {
	font-family: Arial, Helvetica, san-serif;
	font-size: 14px;	
}

.submitform .error input, .submitform .error select {
	border: 2px solid #3c4042;
	background: #ffeeeeee;
}

.validation input, .validation select {
	border: 2px solid #cc0000 !important;
	background-color: #ffffff;
}

.submitform select {
	padding: 4px !important;
}

.ishutter_checkout .form_header, .viewOrders .form_header {
	display: none;
}

	.submitform select option:nth:child(odd) {
		background-color: #eeeeee;
	}
		
	.submitform .question {
		float: left;
	}
		
		.submitform .error label {
			color: #cc0000;
		}
		
		.submitform .question label {
			display: block;
			min-height: 18px !important;
			margin: 0 0 3px 3px;
		}

.col-1 input {
	width: 806px;
}	

.col-1 select {
	width: 820px;
}	

.col-2 input, .col-2 textarea {
	width: 386px;
}

.col-2 {
	width: 420px;
}

.col-3 input {
	width: 246px;
}

	.col-3 select {
		width: 260px;
	}

.col-4 input {
	width: 176px;
}	

	.col-4 select {
		width: 190px;
	}

	.col-4 {
	width: 210px;
	}

.col-5 input {
	width: 134px;
}	

.col-8 input {
	width: 71px;
}	

	.col-8 select {
		width: 85px;
	}	

.question-inner, .question {
	margin: 0 !important;
	padding: 0 !important;
}


/* checkout form */

#order_address h2, #order_item h2, #order_payment h2, #job_item h2 {
	color: #3c4042;
	font-weight: bold;
	font-size: 20px;
	padding-bottom: 5px;
}

#order_address {
	height: 305px;
}

#order_address,  #order_item, #order_payment {
	background-color: #D7E79F;
	padding: 10px 0 20px 20px;
	margin-bottom: 20px;
	width: 840px;
}

	#order_address select, #order_item select, #order_payment select {
		/*width: 189px;*/
		height: 29px;
		margin-bottom: 20px;
	}

	#order_address input, #order_item input, #order_payment input {
		/*width: 177px;*/
		margin-bottom: 20px;
	}

	#order_address textarea {
		float: left;
		/*width: 177px;*/
		margin-top: 3px;
		height: 17px;
	}

	#order_address .question-inner {
		float: left;
		clear: none;
	}

	#order_address .clearfix:after {

	}
	
	#order_item .row:nth-child(even){
		background-color:  #e1edb4;
		width: 820px;
	}
	
	#job_item .row:nth-child(even){
		background-color:  #e1edb4;
		width: 820px;
	}

	#order_item .rowTotal,
	#order_item .rowGST,
	#order_item .rowPending
	{
		width: 820px;
		font-size: 20px;
		font-weight: bold;
	}
	
	
	#order_item .rowTotal .note
	{
		width: 100%;
	}
	
	#order_item .rowTotal .taxable {
		width: 803px;
		float: left;
		color: #3c4042;
		font-size: 12px; 
	}

	#order_item .rowTotal .cellLabelTotal,
	#order_item .rowGST .cellLabelGST,
	#order_item .rowPending .cellLabelPending{
		width: 678px;
		text-align: right;
		float: left;
		color: #3c4042;
	}
	
	#order_item .rowTotal .cellValueTotal,
	#order_item .rowGST .cellValueGST,
	#order_item .rowPending .cellValuePending{
		text-align: right;
		width: 135px;
		float: left;
		color: #3c4042;
	}

.order_item_header {
	color: #3c4042;
	font-weight: bold;
	font-size: 14px;
	padding-bottom: 10px;
	border-bottom: 1px solid #bed772;
}

.job_item_header {
	color: #3c4042;
	font-weight: bold;
	font-size: 14px;
	padding-bottom: 10px;
	border-bottom: 1px solid #bed772;
}

.note {
	float: left;
	padding: 5px 0px 5px 0;
}

	.code {
		float: left;
		width: 80px;
		padding-left: 5px;
		clear: left !important;
	}

	#order_item .order_item_header.gst_exempt
	{
		display: none;
	}
	.gst_exempt
	{
		width: 5px;
	}

	.description {
		float: left;
		width: 332px;
	}

	.qty {
		float: left;
		width: 115px;
		text-align: right;
	}

	.unit_cost {
		float: left;
		width: 140px;
		text-align: right;
	}

	.price {
		float: left;
		clear: both;
		width: 135px;
		color: #3c4042;
		text-align: right;
		font-weight: bold;
		padding-right: 5px;
	}
	
	.question_label {
		height: 23px;		
	}

	.shutter_no {
		float: left;
		width: 80px;
		padding-left: 5px;
		clear: left !important;
	}

	.shutter_window {
		float: left;
		width: 195px;
	}

	.shutter_type {
		float: left;
		width: 280px;
		/*text-align: left;*/
	}

	.shutter_width {
		float: left;
		width: 60px;
		text-align: right;
	}

	.shutter_height {
		float: left;
		width: 60px;
		text-align: right;
	}
	
	.shutter_price {
		float: left;
		clear: both;
		width: 135px;
		color: #3c4042;
		text-align: right;
		font-weight: bold;
		padding-right: 5px;
	}

	.extra_name, #job_item .cellTotal {
		float: left;
		width: 595px;
		text-align: left;
		padding-left: 85px;
	}

	#job_item .cellTotalPrice, #job_item .cellTotal{
	    font-size: 20px !important;
	    text-align: right;
	    font-weight: bold;
	    color: #3c4042;
	}
	
	.list_extras
	{
		margin-top: 15px;
	}
	
	.price_row
	{
		margin-top: 15px;
	}

/*Popin warnings*/
.popin-notify-frame .popin-alert
{
	background-color: #EEEEED;
	padding: 10px;
}

.popin-notify-frame .popin-alert p,
.popin-notify-frame .popin-alert .popin-notify-body
{
	color: #cc0000;
}


/* Make header display properly with cookie warning*/
#order_address h2
{
	clear: left;
}
 
.btn-prev {
	background-image: url('/_css/template?t=homepage&image=78a95617b6bc495324bb251902353565');
	height: 54px;
	width: 205px;
	border:0 none;
	display:block;
	font-size:8px;
	margin: 4px 10px 0 0;
	text-align:left;
	text-decoration:none;
	text-indent:-5000px;
}

.btn-prev:hover {
	background-image: url('/_css/template?t=homepage&image=78a95617b6bc495324bb251902353565');
	background-position: 0 -54px;
}

.btn-list {
	background-image: url('/_css/template?t=homepage&image=24fb4921052467c47cdba36a315a8f95');
	height: 54px;
	margin: 0 10px 6px 0;
	width: 205px;
}

	.btn-list:hover {
		background-position: 0 -54px;
	}

.btn-next {
	background-image: url('/_css/template?t=homepage&image=e567dd59781ad1894ecfd7a6d10b67e7');
	height: 54px;
	width: 205px;
	border:0 none;
	display:block;
	font-size:8px;
	margin: 4px 0 0 0;
	text-align:left;
	text-decoration:none;
	text-indent:-5000px;
}

	.btn-next:hover {
		background-image: url('/_css/template?t=homepage&image=e567dd59781ad1894ecfd7a6d10b67e7');
		background-position: 0 -54px;
	}

.btn-save {
	background-image: url('/_css/template?t=homepage&image=8019cd3a5e2bf3d129d4f30f4a8787d8');
	height: 54px;
	width: 205px;
	border:0 none;
	display:block;
	font-size:8px;
	margin:0 0 6px 0;
	text-align:left;
	text-decoration:none;
	text-indent:-5000px;
}

.btn-save:hover {
	background-image: url('/_css/template?t=homepage&image=8019cd3a5e2bf3d129d4f30f4a8787d8');
	background-position: 0 -54px;
}

#checkout_form .btn-save {
  margin: 6px 20px 0 0;
}

.btn-cancel {
	background-image: url('/_css/template?t=homepage&image=4083ada6b99a0a9ad38991fe394e6f1b');
	height: 54px;
	width: 135px;
	border:0 none;
	display:block;
	font-size:8px;
	margin:6px 20px 0 10px;
	text-align:left;
	text-decoration:none;
	text-indent:-5000px;
}

	.btn-cancel:hover {
		background-image: url('/_css/template?t=homepage&image=4083ada6b99a0a9ad38991fe394e6f1b');
		background-position: 0 -54px;
	}

.btn-back {
	background-image: url('/_css/template?t=homepage&image=a2ff7588acb2c45f4272bd4b8cae7073');
	height: 54px;
	width: 135px;
	border:0 none;
	display:block;
	font-size:8px;
	margin:6px 10px 0 10px;
	text-align:left;
	text-decoration:none;
	text-indent:-5000px;
}

	.btn-back:hover {
		background-image: url('/_css/template?t=homepage&image=a2ff7588acb2c45f4272bd4b8cae7073');
		background-position: 0 -54px;
	}

.btn-confirm {
	background-image: url('/_css/template?t=homepage&image=be5b90c4e15c09a8fad2c08dd7dbf464');
	height: 54px;
	width: 135px;
	border:0 none;
	display:block;
	font-size:8px;
	margin:6px 10px 0 10px;
	text-align:left;
	text-decoration:none;
	text-indent:-5000px;
}

	.btn-confirm:hover {
		background-image: url('/_css/template?t=homepage&image=be5b90c4e15c09a8fad2c08dd7dbf464');
		background-position: 0 -54px;
	}

.btn-ok {
	background-image: url('/_css/template?t=homepage&image=b27580b07f4ff6451770bb93b8400e32');
	height: 54px;
	width: 135px;
	border:0 none;
	display:block;
	font-size:8px;
	margin:6px 10px 0 10px;
	text-align:left;
	text-decoration:none;
	text-indent:-5000px;
}

	.btn-ok:hover {
		background-image: url('/_css/template?t=homepage&image=b27580b07f4ff6451770bb93b8400e32');
		background-position: 0 -54px;
	}

.btn-confirm-cancel {
	background-image: url('/_css/template?t=homepage&image=181c4a013bc896d304a52d2f7bad9ac8');
	height: 23px;
	width: 89px;
}

.btn-confirm-cancel:hover {
	background-position: 0 -23px;
}

.btn-confirm-continue {
	background-image: url('/_css/template?t=homepage&image=9fb33fb8dae3b3e7bdefa2d43a1ffa96');
	height: 23px;
	width: 89px;
}

.btn-confirm-continue:hover {
	background-position: 0 -23px;
}

.popin_confirm .btn-confirm-cancel {
  margin: 12px 8px 0 0;
}

.popin_confirm .btn-confirm-continue {
  margin: 12px 0 0 0;
}


button.formslot-add-button {
	background-image: url('/_css/template?t=homepage&image=14bef7f5887184eb02e0c15232404293');
	cursor: pointer;
	height: 29px;
	width: 195px;
	border:0 none;
	display:block;
	float: right;
	font-size:8px;
	text-align:left;
	text-decoration:none;
	text-indent:-5000px;
}

button.formslot-add-button:hover {
	background-position: 0 -29px;
}

button.formslot-del-button {
	background-image: url('/_css/template?t=homepage&image=600465170cc513bf6a93b4c7fbac44de');
	cursor: pointer;
	height: 29px;
	width: 195px;
	border:0 none;
	display:block;
	float: right;
	font-size:8px;
	margin: 0 10px 0 0;
	text-align:left;
	text-decoration:none;
	text-indent:-5000px;
}

button.formslot-del-button:hover {
	background-position: 0 -29px;
}

button.btn-update{
  background-image: url('/_css/template?t=homepage&image=3562c41c21b1c6359a1ee18a884379e8');
  height: 54px;
  margin: 0 10px 6px 0;
  width: 205px;
}

button.btn-update:hover {
		background-position: 0 -54px;
	}