/* Holmes Media (UK) Ltd */
            
/* -------- Quote - scrolling screen ------ */

.quotemodule {
	position: relative;
	overflow: hidden;
	width: 830px;
	height: 100px;
	text-align: left;
	margin-left:0px;
	font-size: 15px;
	line-height: 23px;
	background-color:#EEF8FD;
	border-bottom: 1px solid #9BD6D5;
	border-top: 1px solid #9BD6D5;	
	
	-moz-border-radius: 0px;
	-webkit-border-radius: 0px;
	border-radius: 0px;		
}

.quotemodule * {
	margin: 0;
	padding: 0;
}

.quotemodule input[type="text"] {
	border:1px solid #9EAEC4; 
	color:#000000; 
	font-size:12px; 
	padding-left: 3px; 
	vertical-align:middle; 
	width: 150px;
	height: 21px;
}
.quotemodule select 					{line-height: 17px; height: 23px; border:1px solid #9EAEC4; color:#000000; font-size:12px; padding:3px; vertical-align:middle;}


.screensholder {
	position: relative;
	height: 100px;
}
.screensholder.page1 { left: 0px; /* -728 x 0 */ }
.screensholder.page2 { left: -830px; /* -728 x 1 */ }
.screensholder.page3 { left: -1660px; /* -728 x 2 */ }
.screensholder.page4 { left: -2490px; /* -728 x 3 */ }
.screensholder.page5 { left: -3320px; /* -728 x 4 */ }
.screensholder.page6 { left: -4150px; /* -728 x 5 */ }
.screensholder.page7 { left: -4980px; /* -728 x 6 */ }
.screensholder.page8 { left: -5810px; /* -728 x 7 */ }
.screensholder.page9 { left: -6640px; /* -728 x 8 */ }
.screensholder.page10 { left: -7470px; /* -728 x 9 */ }
.screensholder.page11 { left: -8300px; /* -728 x 10 */ }
.screensholder.page12 { left: -9130px; /* -728 x 11 */ }
.screensholder.page13 { left: -9960px; /* -728 x 12 */ }

.screen	{ 
	display: block;
	position: absolute;
	top: 0px;
	width: 830px;
	height: 100px;
	overflow: hidden;
} 
.screen.page2 { left: 830px; /* 728 x 1 */ }
.screen.page3 { left: 1660px; /* 728 x 2 */ }
.screen.page4 { left: 2490px; /* 728 x 3 */ }
.screen.page5 { left: 3320px; /* 728 x 4 */ }
.screen.page6 { left: 4150px; /* 728 x 5 */ }
.screen.page7 { left: 4980px; /* 728 x 6 */ }
.screen.page8 { left: 5810px; /* 728 x 7 */ }
.screen.page9 { left: 6640px; /* 728 x 8 */ }
.screen.page10 { left: 7470px; /* 728 x 9 */ }
.screen.page11 { left: 8300px; /* 728 x 10 */ }
.screen.page12 { left: 9130px; /* 728 x 11 */ }
.screen.page13 { left: 9960px; /* 728 x 12 */ } 
	
	.screen .screencontainer {
		position: relative; /* allows absolute positioning inside the screens */	
		height: 90px; /* we need the full height here or abs positioning will get awkward */
	}
	.screen .question {
		padding: 0px 8px 5px 8px;
		font-family:Arial, Helvetica, sans-serif;
		color: #52A6C9;
		font-weight:bold;
	}
	.screen .question .subtext {
		color:#4d4d4d;
		font-weight:normal;
		font-size:12px;
		display:block;
	}	
	.screen .question .subtext#subtextdesc {
		font-size:10px;
		line-height: 15px;
	}	
	.screen .question .subtext#subtextdeschw {
		font-size:10px;
		line-height: 15px;
	}	
	.screen#qpage5 .question {
		padding: 0px 0px 0px 8px;

	}
	.screen#qpage1 .steps {
		position:absolute;
		left:400px;
		top:7px;
	}
	
		/*
	.screen#qpage1 input#qfpostcode {
		height: 15px;
	}*/
	.screen#qpage1 #qfpostcodego {
		position: absolute;
		left: 178px;
		top: 52px;
	}
	
	.screen#qpage1 #enterpostcode {
		position: absolute;
		left: 9px;
		top: 70px;
		color:#4d4d4d;
		font-weight:normal;
		font-size:12px;
	}
	
	.screen#qpage2 .steps {
		position:absolute;
		left:420px;
		top:10px;
	}


	.screen#qpage2 #newboiler {
		position:absolute;
		left:30px;
		top:28px;
	}
	.screen#qpage2 #newboilerlabel {
		position:absolute;
		left:55px;
		top:23px;
	}
	.screen#qpage2 #newch{
		position:absolute;
		left:30px;
		top:48px;
	}
	.screen#qpage2 #newchlabel {
		position:absolute;
		left:55px;
		top:42px;
	}
	
	.screen#qpage2 #solarelectric {
		position:absolute;
		left:30px;
		top:28px;
	}
	.screen#qpage2 #solarelectriclabel {
		position:absolute;
		left:55px;
		top:23px;
	}
	.screen#qpage2 #solarhotwater{
		position:absolute;
		left:30px;
		top:48px;
	}
	.screen#qpage2 #solarhotwaterlabel {
		position:absolute;
		left:55px;
		top:42px;
	}
	.screen#qpage2 #service{
		position:absolute;
		left:30px;
		top:68px;
	}
	.screen#qpage2 #servicelabel{
		position:absolute;
		left:55px;
		top:63px;
	}
	.screen#qpage2 #solarpvrepair{
		position:absolute;
		left:30px;
		top:68px;
	}
	.screen#qpage2 #solarpvrepairlabel{
		position:absolute;
		left:55px;
		top:63px;
	}
	.screen#qpage2 #solarthermalrepair {
		position:absolute;
		left:200px;
		top:68px;
	}
	.screen#qpage2 #solarthermalrepairlabel {
		position:absolute;
		left:225px;
		top:63px;
	}
	.screen#qpage2 #repair {
		position:absolute;
		left:200px;
		top:28px;
	}
	.screen#qpage2 #repairlabel {
		position:absolute;
		left:225px;
		top:23px;
	}
	.screen#qpage2 #repairreplace{
		position:absolute;
		left:200px;
		top:48px;
	}
	.screen#qpage2 #repairreplacelabel {
		position:absolute;
		left:225px;
		top:43px;
	}
	.screen#qpage2 #renewables{
		position:absolute;
		left:200px;
		top:68px;
	}
	.screen#qpage2 #renewableslabel{
		position:absolute;
		left:225px;
		top:63px;
	}
	.screen#qpage2 #cylinder{
		position:absolute;
		left:442px;
		top:28px;
	}
	.screen#qpage2 #cylinderlabel{
		position:absolute;
		left:467px;
		top:23px;
	}
	
	.screen#qpage3 #nonrenewablesset {
		float: left;
		width: 140px;
		padding-left: 20px;
	}
	.screen#qpage3 #renewablesset {
		float: left;
		padding-left: 20px;
		width: 140px;
	}
	/*
	.screen#qpage3 #renewablesset #unknownre {
		position: absolute;
		left: 168px;
		top: 27px;
	}
	.screen#qpage3 #nonrenewablesset #unknownnr {
		position: absolute;
		left: 218px;
		top: 27px;
	}
	.screen#qpage3 #renewablesset #unknownlabelre {
		position: absolute;
		left: 182px;
		top: 27px;
	}
	.screen#qpage3 #nonrenewablesset #unknownlabelnr {
		position: absolute;
		left: 232px;
		top: 27px;
	}*/
	.screen#qpage3 .radioitem {
		vertical-align: top;
	}
	.screen#qpage3 .radioitem label {
		padding-left: 10px;	
		vertical-align: top;
		line-height: 12px;
		padding-top: 1px;
	}
	.screen#qpage3 .radioitem input {
		padding-left: 10px;	
		vertical-align: top;
		/*padding-top: 1px;*/
	}
	.screen#qpage3 #hwcylinderyes {
		position:absolute;
		left:30px;
		top:45px;
	}
	.screen#qpage3 #hwcylinderlabelyes {
		position:absolute;
		left:44px;
		top:45px;
	}
	.screen#qpage3 #hwcylinderno {
		position:absolute;
		left:30px;
		top:68px;
	}
	.screen#qpage3 #hwcylinderlabelno {
		position:absolute;
		left:44px;
		top:68px;
	}
	.screen#qpage3 #sel {
		position:relative;
		left:140px;
		top:-46px;
	}
	.screen#qpage3 #sellabel {
		position:relative;
		left:140px;
		top:-46px;
	}

	.screen#qpage4 #when1 {
		position:absolute;
		left:30px;
		top:28px;
	}
	.screen#qpage4 #when1label {
		position:absolute;
		left:55px;
		top:23px;
	}
	.screen#qpage4 #when2 {
		position:absolute;
		left:30px;
		top:48px;
	}
	.screen#qpage4 #when2label {
		position:absolute;
		left:55px;
		top:42px;
	}
	.screen#qpage4 #when3 {
		position:absolute;
		left:30px;
		top:68px;
	}
	.screen#qpage4 #when3label{
		position:absolute;
		left:55px;
		top:63px;
	}
	.screen#qpage4 #when4 {
		position:absolute;
		left:270px;
		top:28px;
	}
	.screen#qpage4 #when4label {
		position:absolute;
		left:295px;
		top:23px;
	}
	.screen#qpage4 #when5 {
		position:absolute;
		left:270px;
		top:48px;
	}
	.screen#qpage4 #when5label {
		position:absolute;
		left:295px;
		top:43px;
	}

	.screen#qpage7 #qfemail {
		width: 200px;
	}
	
	.screen#qpage8 #qftelephone {
		position:absolute;
		left:130px;
		top:28px;
	}
	.screen#qpage8 #qftelephonelabel {
		position:absolute;
		left:30px;
		top:28px;
	}
	.screen#qpage8 #qfalternatephone {
		position:absolute;
		left:450px;
		top:28px;
	}
	.screen#qpage8 #qfalternatephonelabel {
		position:absolute;
		left:335px;
		top:28px;
	}


	.screen#qpage8 .squash #qftelephone {
		position:absolute;
		left:114px;
		top:28px;
	}
	.screen#qpage8 .squash #qftelephonelabel {
		position:absolute;
		left:8px;
		top:28px;
	}
	.screen#qpage8 .squash #qfalternatephone {
		position:absolute;
		left:405px;
		top:28px;
	}
	.screen#qpage8 .squash #qfalternatephonelabel {
		position:absolute;
		left:291px;
		top:28px;
	}
	
	.screen#qpage8 #qfbesttimelabel {
		position:absolute;
		left:574px;
		top:28px;
	}
	.screen#qpage8 #qfbesttime {
		position:absolute;
		left:684px;
		top:28px;
		width: 100px;
	}


	.screen#qpage9 #qfpropertytypelabel {
		position:absolute;
		left:8px;
		top:28px;
	}
	
	.screen#qpage9 #qfpropertytype {
		position:absolute;
		left:96px;
		top:28px;
	}

	.screen#qpage9 #qfpropertyroomslabel {
		position:absolute;
		left:255px;
		top:28px;
	}
	
	.screen#qpage9 #qfpropertyrooms {
		position:absolute;
		left:331px;
		top:28px;
	}
	
	.screen#qpage9 #qfpropertyownerlabel {
		position:absolute;
		left:435px;
		top:28px;
	}
	
	.screen#qpage9 #qfpropertyowner {
		position:absolute;
		left:508px;
		top:28px;
	}

	.screen .answer {
		padding: 0px 8px 8px 8px;
		font-family:Arial, Helvetica, sans-serif;
		font-size:12px;
	}
		.screen .answer .addresslist {
			width: 500px;	
			font-size: 11px;
			line-height: 14px;
			height: 66px;
		}
	.screen .comment {
		position: absolute;
		padding: 2px 8px 2px 25px;	
		margin-left: 10px;
		font-size: 10px;
		line-height: 12px;
  		background: transparent url(../images/icons/help.png) no-repeat left center;

	}
	.screen .comment.rhs {
		top: 32px;
		left: 204px;
		width: 480px;
	}
	.screen .comment.below {
		width: 680px;
		top: 57px;

	}
	.screen .comment#priceguide {
		width: 680px;
		top: 8px;
   		color: #00529B;
 		background-image: none;
		font-size:14px;
   		padding:8px 0px 0px 8px;
		line-height:18px;
	}
	.screen .comment#whypriceguide {
		width: 680px;
		top: 60px;
   		color: #00529B;
 		background-image: none;
		font-size:14px;
   		padding:8px 0px 0px 8px;
		line-height:18px;
	}
	.screen .comment#qfresult {
		width: 680px;
		top: 20px;
   		color: #00529B;
 		background-image: url('../images/knobs/info.png');
		font-size:12px;
   		padding:8px 10px 8px 40px;
		line-height:18px;
	}
	.screen .comment#qfwhyaddress {
		left: 404px;
		width: 252px;
		top: 32px;
	}
	.screen textarea {
		font-size: 10px;
		height: 45px;
		width: 650px;
		resize: none;
		font-size:12px;
		padding:1px;
		border:1px solid #9EAEC4;	
	}
	.screen .addressset {
		border: 1px solid #000000;
		width: 500px;
		height: 66px;
		font-size: 10px;	
		line-height: 12px;
		background-color: #ffffff;
		position: absolute; 
		top: 30px; 
	}
	.screen .addressset input {
		font-size: 10px;
		height: 10px;
		width: 400px;
		background-color: #ffffff;
		color: #000000;
		border: none;
	}
	.screen .addressset input[disabled], .screen .addressset input[disabled='disabled'] {
		background-color: #eeeeee;
	}
	.screen .addressset p {
		font-size: 10px;
		line-height: 14px;
		height: 12px;
		width: 400px;
		background-color: #eeeeee;
		color: #000000;
		border: none;
	}
	.screen .screensnav {
		position: absolute;
		right: 0px;
		bottom: 0px;
		height: 30px;
		z-index: 99;
		vertical-align: middle;
		text-align: center;
		padding-left: 8px;	
		padding-right: 8px;	
	}
	.screen .screensnav input.navbutton {
		height: 20px;
		width: 20px;
		/*font-size: 12px;*/
		vertical-align: bottom;
		text-align: center;	
		
		text-transform: capitalize !important; /* help ie7 */
  		line-height: 0px !important; /* help ie7 */
  		font-size: 1px !important; /* help ie7 */
  		z-index: 100; /* help ie6 */
	}
	.screen .screensnav input.submitbutton{
		vertical-align: bottom;
		padding-bottom:2px;
	}
	.screen .screensnav input.navbutton.prevScreen {
		width: 40px;
 		height: 30px;
 		margin: 0;
 		padding: 0px 0px 5px 0px;
 		border: 0;
  		background: transparent url(../images/arrow_left_green.png) no-repeat center top;
  		/*text-indent: -1000em;*/ /*ie7 does not like */
  		cursor: pointer; /* hand-shaped cursor */
  		/* cursor: hand;  for IE 5.x */
		}
	.screen .screensnav input.navbutton.nextScreen {
		width: 40px;
 		height: 30px;
 		margin: 0;
 		padding: 0px 0px 5px 0px;
 		border: 0;
  		background: transparent url(../images/arrow_right_green.png) no-repeat center top;
  		/*text-indent: -1000em;*/ /*ie7 does not like */
  		cursor: pointer; /* hand-shaped cursor */
  		/* cursor: hand; for IE 5.x */
		}
		
	.screen .answer input#switchaddress {
		position: absolute;
		left: 514px;	
		top: 28px;
		font-size: 10px;
	}
	
	.screen .qftrack {
		width: 1px;
		height: 1px;
		position: absolute;
		display: none;
	}
	
.hideme { display: none; }