html { height: 100.01% }
#wrapper { }
#main { padding: 0em; background: white; }
a { color: #336699 }
table td { vertical-align: top }


/* general dimensions */
.left { float: left }
.right { float: right }
.clear { clear: both }
.r { text-align: right }
.c { text-align: center }
.w25 { width: 25% }
.w33 { width: 33% }
.w40 { width: 40% }
.w45 { width: 45% }
.w50 { width: 50% }
.w60 { width: 60% }
.w66 { width: 66% }
.w75 { width: 75% }
.w100 { width: 100% }
.m0 { margin: 0 }
.m10 { margin: 1em 0 }
.m20 { margin: 2em 0 }
.m50 { margin: 5em 0 }
.p1 { padding: 1em}
.p10 { padding: 1em 0 }
.p01 { padding: 0 1em }
.p0001 { padding: 0 0 0 1em }
.p1000 { padding: 1em 0 0 0 }
.p0100 { padding: 0 1em 0 0 }
.p1110 { padding: 1em 1em 1em 0 }
.p1011 { padding: 1em 0 1em 1em }


/* layouts */
.left13rd { float: left; width: 60% }
.left23rd { float: left; width: 33% }
.right13rd { float: right; width: 33% }
.right23rd { float: right; width: 66% }


/* borders + patches + progressbars */
.border-t { border-top: lightgray 1px solid }
.border-l { border-left: lightgray 1px solid }
.border-r { border-right: lightgray 1px solid }
.border-b { border-bottom: lightgray 1px solid }
.border { border: lightgray 1px solid }
.border-tb { border-top: lightgray 1px solid; border-bottom: lightgray 1px solid }
.border-lr { border-left: lightgray 1px solid; border-right: lightgray 1px solid }
.patch { background: #fafafa }
.progress { height: 20px; border: gray 1px solid; background: yellow url('/img/progress.gif'); margin-left: auto; margin-right: auto }


/* header+footer */
#header, #footer { color: white; padding: 1px 0 0 0}
#header { background: #336699 url('/img/header.png') right top no-repeat }
#footer { background: #336699 url('/img/footer.png') center -30px; height: 60px; border-top: black 1px solid }
#header ul { margin: 0; padding: .2em 0; background: black url('/img/menu.png') left top repeat-x; list-style: none inside; height: 1.5em }
#header ul li { display: inline; color: #c0c0c0 }
#header ul li b { display: block; float: left; padding: 0 1em }
#header ul li b.right { float: right }
#header ul li a { color: #e0e0e0 }

/* forms */
input, select, textarea, button {
-moz-border-radius-bottomleft:4px;
-moz-border-radius-bottomright:4px;
-moz-border-radius-topleft:4px;
-moz-border-radius-topright:4px;
-x-system-font:none;
border:1px solid #DCDCDC;
color:#444444;
font-family:arial,helvetica,sans-serif;
font-size:12px;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:normal;
line-height:normal;
padding:8px 5px 8px 5px; /* T R B L */
background-repeat: no-repeat;
/*width: 110px; */

/*line-height: 120%;
	border: #9ab2c8 1px solid;
	padding: .2em;
	font-family: Arial, sans-serif;
	border-radius: .2em;
	-moz-border-radius: .2em*/
}
dl.zend_form fieldset dt {
	padding-top:15px;
}
dl.zend_form fieldset.fieldset-address legend {
}

a.button, button, input.button { line-height: 120%; border: #31618d 1px solid; font-weight: bold; padding: .1em 1em; color: #404040; text-decoration: none; cursor: pointer; background: #f0f0eb url('/img/forms/button.png') left top repeat-x }
a.button { padding: .17em 1em }
a.disabled, button.disabled, input.disabled { color: lightgray; border-color: lightgray; cursor: default }
html>/**/body a.button, html>/**/body button, html>/**/body input.button { border-radius: 20px; -moz-border-radius: 20px }
a.button, button { margin: 0 1em 0 0 }
.right a.button, .r a.button, .right button, .r button { margin: 0 0 0 1em }
dl.zend_form label { font-weight: bold }
dl.zend_form dt { clear: left; float: left; width: 200px; }
dl.zend_form dd { margin-left:225px;} /* was 260 + 390 */
dl.zend_form dt, dl.zend_form dd { padding: .1em } /* T R B L */
ul.errors { margin: 0; padding: 0; list-style: none inside; font-size: x-small; font-weight: bold; color: red }
ul.errors li { margin: 0 0 .5em 0; padding: 0; font-size: x-small; font-weight: bold; color: red }
div.question_block { clear:left; }
.extra_page_info { 	font-size:2em; font-weight:bold; color:#f00;display:none; }


/* table */
table.table { width: 100%; margin: 1em 0; border-collapse: collapse; border: none 0; border-top: #9ab2c8 1px solid }
table.table tr { border-bottom: #9ab2c8 1px solid }
table.table th { text-align: left; background: #b0d0e0; color: black }
table.table td, table.table th { padding: .8em }
table.table tr.h td { background-color: #f2f3f5 }
table.table .tick { width: 2em; text-align: center }


/* dialog */
div.dialog { margin-left: auto; margin-right: auto; border: gray 1px solid; -moz-border-radius: 2px }
div.dialog-inner { margin: 0 auto; padding: 1.5em 2em 1em 2em; background: #fafafa url('/img/dialogs/dialog-bg.png') left top repeat-x; border: #f2f3f5 1px solid; border-bottom: #e0e0e0 1px solid; border-right: #d0d0d0 1px solid; -moz-border-radius: 2px }
div.dialog h1, div.dialog h2 { margin: 0 0 1em 0; padding: 0 0 .5em 0; border-bottom: gray 1px solid }


/* info */
div.info { margin-left: auto; margin-right: auto; border: gray 1px solid; background: #40a5e4 url('/img/dialogs/info-bg.png') repeat-x }
div.info-inner { color: white; margin: 0 auto; padding: .3em 1em .3em 100px; border: #086dac 1px solid; border-top: #40a5e4 1px solid; border-left: #40a5e4 1px solid; background: transparent url('/img/dialogs/info.png') 2em 33% no-repeat }


/* warning */
div.warning { margin-left: auto; margin-right: auto; border: gray 1px solid; background: #ffd800 url('/img/dialogs/warning-bg.png') repeat-x }
div.warning-inner { margin: 0 auto; padding: .3em 1em .3em 100px; border: #ff9600 1px solid; border-top: #ffd800 1px solid; border-left: #ffd800 1px solid; background: transparent url('/img/dialogs/warning.png') 2em 33% no-repeat }


/* error */
div.error { margin-left: auto; margin-right: auto; border: gray 1px solid; background: #ffd800 url('/img/dialogs/warning-bg.png') repeat-x }
div.error-inner { margin: 0 auto; padding: .3em 1em .3em 100px; border: #ff9600 1px solid; border-top: #ffd800 1px solid; border-left: #ffd800 1px solid; background: transparent url('/img/dialogs/error.png') 2em 33% no-repeat }


/* icons */
.icon { padding-left: 20px; background-color: transparent; background-repeat: no-repeat; background-position: left top }
.icon-exit { background-image: url('/img/icons/16/door_in.png') }
.icon-phone { background-image: url('/img/icons/16/telephone.png') }
.icon-mobile { background-image: url('/img/icons/16/phone.png') }
.icon-email { background-image: url('/img/icons/16/email.png') }
.icon-server { background-image: url('/img/icons/16/server.png') }
.icon-wrench { background-image: url('/img/icons/16/wrench.png') }

/* buttons */
dl.zend_form fieldset #submit-element input#submitbutton {
	background-image:url(../images/link_button.gif);
	background-position:0 0px;
	background-repeat:no-repeat;
	background-color: #fff;
	display:block;
	font-size:1em;
	font-style:normal;
	font-weight:bold;
	height:37px;
	line-height:37px;
	margin-left:3px;
	margin-top:8px;
	text-decoration:none;
	text-indent:-11px;
	width:104px;
	padding:0px;
	border:0px;
}

dl.zend_form fieldset #submit-element input#submitbutton:hover {
	background-position:0 -37px;
	color:#fff;
}

dl.zend_form fieldset #submit-element input#submitbutton:active {
	outline:none;
}

input::-moz-focus-inner { border: 0; }

.submitbutton, a.submitbutton {
	background-image:url(../images/link_button.gif);
	background-position:0 0px;
	background-repeat:no-repeat;
	border: 0px;
	background-color: #fff;
	display:block;
	font-size:1em;
	font-style:normal;
	font-weight:bold;
	height:37px;
	line-height:37px;
	margin-left:3px;
	margin-top:8px;
	text-decoration:none;
	text-indent:-11px;
	width:104px;
	padding:0px;
	float:left;
}

.submitbutton:hover, a.submitbutton:hover {
	background-position:0 -37px;
	color: #FFFFFF;
}

.backbutton, a.backbutton {
	background-image:url(../images/back_button.gif);
	background-position:0 0px;
	background-repeat:no-repeat;
	border: 0px;
	background-color: #fff;
	display:block;
	font-size:1em;
	font-style:normal;
	font-weight:bold;
	height:37px;
	line-height:37px;
	margin-left:3px;
	margin-top:8px;
	text-decoration:none;
	text-indent:-11px;
	width:104px;
	padding:0px;
	float:left;
}

.backbutton:hover, a.backbutton:hover {
	background-position:0 -37px;
	color: #FFFFFF;
}

div.collection h2 {
font-size:21px;
padding-top: 10px;
margin-bottom:0.75em;
}

div.collection h3 {
font-size:17px;
font-weight:bold;
line-height:1;
margin-top:1em;
margin-bottom:1em;
}


/*collection jquery*/

.collection {
	border:2px solid #ddd;
	margin-bottom:10px;
	padding:0px 20px 0px 20px; /* T R B L */
	/*background:#d9f3fd;*/
	background-image:url(../images/bg_choose.gif);
}

.collection:hover {
	border:2px solid #ddd;
	margin-bottom:10px;
	padding:0px 20px 0px 20px; /* T R B L */
	/*background:#b9e9fb;*/
	background-image:url(../images/bg_choose.gif);
}

.expanded {
	font-weight:bold;
	background:#ff0;
}

.ui-state-active {
	font-weight:bold;
	/*background:#ff0;*/
	/*color: #2e628d;*/
	/*colour of the WiMax package H2 on 2nd step*/
}
.heading {
	outline:none;
	cursor:pointer;
}
.groups table {
	width:44%;
}

.groups table .activerow {
	background:#fff;
}

/* Qualifying Questions */
fieldset#product-details dt {
	width:30em;
}
#agree_to_port_terms-label, #agree_to_alarm_terms-label {
	display:none;
}
#agree_to_port_terms-element, #agree_to_alarm_terms-element {
	margin-left:0px;
	padding-left:0px;
}
fieldset#product-details p.install_fee_notification {
	margin-top:1em;
}
dt#installation_consent-label {
	padding-top:0.5em;
}

/*STEPS INDICATOR IMAGE
.steps-image {
	width: 738px;
	height: 46px;
	position: absolute;
	margin-top: -46px;
	margin-right: auto;
	margin-bottom: 10px;
	margin-left: auto;
	background-color: #FFCCCC;	
}
*/

.column1-label {
	padding-top:15px;
}

.column1-element {
	padding-top:0px;
}

.column2-label {
	padding-top:15px;
}

.column2-element {
	padding-top:0px;
}


.radiocheck {
	padding-top:13px;
}

div#error_notification {
	border:1px solid #fff;
}


.column3-label {
	padding-top:15px;
}

#fieldset-address dt {
	width:12em;
}
#fieldset-address dd {
	margin-left:13em;
}
td.confirmation_label {
	width:14em;
	font-weight:bold;
	color:#0D395E;
}


#installation_consent-element {
margin-left: 30em;
}


.fields-req {
	font-size: 10px;
}`

.initially_hidden { display:none; }
form#productselection #submitbutton { display:none; }
form#productselection #submitblock { margin:0px 0px 0em 0px; }

#direct_debit_block { display:none; }
#credit_card_block { display:none; }

.collection h2 {
	background-image:url(../images/drop_arrow.gif);
	background-repeat: no-repeat;
	text-indent:30px;
}
.collection .ui-state-active h2 {
	color:#000;
}

#left_side {
	float: left;
	padding:1.4em;
	width: 350px;	
}
#right_side {
	float: left;
	padding:1.4em;
}

#left_side dt {
	width:100px;	
}
#left_side dd {
	margin-left:150px;	
}

#email_address-label{
margin-top:48px;
}
#email_address-element{
margin-top:48px;
}

#RadioGroup1-label {
	margin-top:09px;
	margin-bottom:25px;
}
#RadioGroup1-element {
	margin-top:23px;
	margin-bottom:25px;
}

#RadioGroup2-label {
	margin-top:-12px;
	margin-bottom:25px;
}
#RadioGroup2-element {
	margin-top:27px;
}
#email_address{
 width:225px;
}


/*RADIO BUTTONS - customerpaymentdetails*/
#payment_method1 {margin-right:4px;}
#payment_method2 {margin-right:4px;}
#billing_method1 {margin-right:4px;}
#billing_method2 {margin-right:4px;}
#opt_in1 {margin-right:4px;}
#opt_in2 {margin-right:4px;}
#terms_conditions {margin-right:4px;}

/*questions*/
#agree_to_alarm_terms {margin-right:4px;}

#installation_consent2 {margin-right:4px;}
#installation_consent3 {margin-right:4px;}



fieldset legend {
	margin-left:-12px;	
}
#open_browser_warning, #browser_warning {
	display:none;
}

.question_block .description { font-weight:normal; }
#desired_port_number_prefix { /*width:6em;*/ }

table.customer-details td#phone-label {
	padding-top:0px;
	width:10em;
}
#payment_method-label, #billing_method-label {
	width:22em;	
}
#third_party_marketing_opt_out-label {
	font-weight:normal;
}
#product-selection p {
	margin:0px 0px 1em 0px;
	padding:0px;
	text-indent:0px;
}
#product-selection #numbered p {
	margin:0px 0px 0px 1em;
}
#product-selection #numbered {
	margin:0px 0px 1em 0px;
}
.porting_check_block input {
	float:left;
}
.porting_check_block p {
	margin:0px 0px 1em 40px;
}
.porting_check_block p label {
	font-weight:normal;
}
#outdoor-confirmation p {
	margin:0px 0px 0px 0px;
	padding:0px;
	text-indent:0px;
}


form#qualifying fieldset {
	border:0px;
	background:url(../images/qualifying-bg.jpg);
	width:948px;
	height:406px;
	margin:0px 0px 1em 0px;
	padding:0px;
	position:relative;
}
form#qualifying input#name {
	position:absolute;
	top:118px;
	left:245px;
	width:199px;
}
form#qualifying select#prefix {
	position:absolute;
	top:165px;
	left:245px;
	height:33px;
	padding:7px 4px 7px 4px;
	width:65px;
}
form#qualifying input#phone {
	position:absolute;
	top:165px;
	left:315px;
}
form#qualifying dd#call_time-element {
	position:absolute;
	margin:0px;
	top:233px;
	left:245px;
}
form#qualifying div#submit_block {
	position:absolute;
	margin:0px;
	top:343px;
	left:16px;
}
form#qualifying input#submitbutton {
	width:100px;
	background:url(../images/button.gif);
}
form#qualifying input#submitbutton:hover {
	width:100px;
	background-position:0px -37px;
}

div#qualifying-confirmation {
	background:url(../images/qual_background_thanks.jpg);
	width:950px;
	height:250px;
	margin:0px 0px 1em 0px;
}

fieldset#fieldset-pre_order {
	border:0px;
	background:url(../images/preorder_image.jpg);
	width:948px;
	height:507px;
	margin:0px 0px 1em 0px;
	padding:0px;
	position:relative;
}
fieldset#fieldset-pre_order div#left_side {
	position:absolute;
	top:107px;
	left:20px;
}
fieldset#fieldset-pre_order div#right_side {
	position:absolute;
	top:107px;
	left:400px;
}
fieldset#fieldset-pre_order #RadioGroups-container {
	height:100px;
	margin:10px 0px 0px 0px;
	position:relative;
}
fieldset#fieldset-pre_order #RadioGroup1-container {
	position:absolute;
	position:absolute;
	top:14px;
	left:225px;
}
fieldset#fieldset-pre_order #RadioGroup2-container {
	position:absolute;
	top:62px;
	left:225px;
}
fieldset#fieldset-pre_order #RadioGroup1-element, fieldset#fieldset-pre_order #RadioGroup2-element {
	margin:0px;
	padding:0px;
}
fieldset#fieldset-pre_order .graphic-radio {
	float:left;
	width:47px;
}
form#pre_order_form input#submitbutton {
	width:100px;
	background:url(../images/button.gif);
}
form#pre_order_form input#submitbutton:hover {
	width:100px;
	background-position:0px -37px;
}




fieldset#fieldset-service-checker {
	border:0px;
	background:url(../images/service_checker.jpg);
	width:948px;
	height:507px;
	margin:0px 0px 1em 0px;
	padding:0px;
	position:relative;
}
fieldset#fieldset-service-checker div#left_side {
	position:absolute;
	top:107px;
	left:20px;
}
fieldset#fieldset-service-checker div#right_side {
	position:absolute;
	top:107px;
	left:400px;
}
fieldset#fieldset-service-checker #RadioGroups-container {
	height:100px;
	margin:10px 0px 0px 0px;
	position:relative;
}
fieldset#fieldset-service-checker #RadioGroup1-container {
	position:absolute;
	position:absolute;
	top:14px;
	left:225px;
}
fieldset#fieldset-service-checker #RadioGroup2-container {
	position:absolute;
	top:62px;
	left:225px;
}
fieldset#fieldset-service-checker #RadioGroup1-element, fieldset#fieldset-pre_order #RadioGroup2-element {
	margin:0px;
	padding:0px;
}
fieldset#fieldset-service-checker .graphic-radio {
	float:left;
	width:47px;
}
fieldset#fieldset-service-checker span#phone-element {
}
fieldset#fieldset-service-checker #email_address-label, fieldset#fieldset-service-checker #email_address-element {
	margin-top:0px;
}
form#service-checker_form input#submitbutton {
	width:100px;
	background:url(../images/button.gif);
}
form#service-checker_form input#submitbutton:hover {
	width:100px;
	background-position:0px -37px;
}
form#service-checker_form #internet_usage-element #information {
	/*font-weight:bold;*/
	color:#000;
}


div#pre-order-confirmation, div#service-checker-confirmation  {
	background:url(../images/qualify_thanks.jpg);
	width:950px;
	height:250px;
	margin:0px 0px 1em 0px;
}


fieldset#fieldset-priority-register {
	border:0px;
	background:url(../images/priority_register_image.jpg);
	width:948px;
	height:507px;
	margin:0px 0px 1em 0px;
	padding:0px;
	position:relative;
}
fieldset#fieldset-priority-register div#left_side {
	position:absolute;
	top:85px;
	left:20px;
}
fieldset#fieldset-priority-register div#right_side {
	position:absolute;
	top:85px;
	left:400px;
}
form#priority-register_form dt, form#priority-register_form dd {
	padding-bottom:0.8em;
}
form#priority-register_form #email_address-labelform, #priority-register_form #email_address-element {
	margin-top:0px;
}
form#priority-register_form #RadioGroup1-element {
	margin:11px 0px 0px 0px;
}
form#priority-register_form #newsletteryes-label {
	margin:0px 0px 0px 23px;
}
form#priority-register_form #newsletterno-label {
	margin:0px 0px 0px 43px;
}
form#priority-register_form input#submitbutton {
	width:100px;
	background:url(../images/button.gif);
}
form#priority-register_form input#submitbutton:hover {
	width:100px;
	background-position:0px -37px;
}
div#priority-register-confirmation  {
	background:url(../images/priority_register_thanks.jpg);
	width:950px;
	height:250px;
	margin:0px 0px 1em 0px;
}
fieldset.in_coverage {
	background:url(../images/service_checker_in_coverage.jpg) !important;
}


#new_checker {
	width:950px;
	height:486px;
	background:url(/images/confirm_location.png);
	margin:0px 0px 20px 0px;
	position:relative;
}

#map_canvas {
	position:absolute;
	top:14px;
	left:13px;
	width:656px;
	height:381px;
	background:#efefef;
}

#map_text {
	position:absolute;
	top:115px;
	left:703px;
	width:210px;
	height:200px;
}
#confirm_button {
	position:absolute;
	top:240px;
	left:844px;
	width:102px;
	height:102px;
	border:none;
	outline:none;
	background:url(/images/confirm_button.png) no-repeat;
	cursor:pointer;
}
a#confirm_button:hover {
	background-position:0px -98px;
}
#back_button {
	position:absolute;
	top:412px;
	left:705px;
	width:69px;
	height:69px;
	border:none;
	outline:none;
	background:url(/images/back_button_24bitpng.png) no-repeat;
	cursor:pointer;
}
a#back_button:hover {
	background-position:0px -71px;
}
a:active {
	outline: none;
}
a:focus
{
-moz-outline-style: none;
}

#map_text p {
	margin-bottom:1.2em;
}
p#hope {
	margin-left:50px;
}
p#controls {
	text-indent:0px;
	margin-top:0px;
}
p#happy {
	text-indent:0px;
	margin-top:0px;
	margin-right:50px;
}
*:focus {outline: none;}


.lead_details {
	width:950px;
	height:386px;
	margin:0px 0px 20px 0px;
	position:relative;
}	
#good_news {
	background:url(/images/in_coverage.png);
}
#bad_news {
	background:url(/images/out_coverage.png);
}

.lead_details form select, .lead_details form input {
	padding:3px;
	border:0px;
	/*border:1px solid red;*/
}

.lead_details form * {
	position:absolute;
	
}
.lead_details #fullname {
	left:337px;
	top:95px;
	width:185px;
}
.lead_details #email {
	left:553px;
	top:95px;
	background:#E7FBC3;
	width:185px;
}
.lead_details #prefix {
	left:337px;
	top:159px;
	padding:2px 0px 2px 0px;
	width:55px;
}
.lead_details #phone {
	left:405px;
	top:159px;
	width:115px;
}
.lead_details #address1 {
	left:553px;
	top:159px;
	width:185px;
}
.lead_details #town {
	left:337px;
	top:227px;
	width:185px;
}
.lead_details #county {
	left:553px;
	top:227px;
	width:82px;
}
.lead_details #contact_not_agreed {
	left:609px;
	top:348px;
	width:15px;
	height:15px;
}
.lead_details #contact_not_agreed_label {
	width:300px;
	position:absolute;
	top:346px;
	left:635px;
}
#reserve_button {
	position:absolute;
	top:215px;
	left:660px;
	width:102px;
	height:102px;
	border:none;
	outline:none;
	background:url(/images/reserve_button.png) no-repeat;
	cursor:pointer;
}
a#reserve_button:hover {
	background-position:0px -98px;
}
#thank_you div {
	width:956px;
	height:363px;
	margin-bottom:20px;
}
#thank_you #back_button {
	top:459px;
	left:876px;
}
#thank_you .in_coverage {
	background:url(/images/thanksin.png) no-repeat;
}
#thank_you .out_of_coverage {
	background:url(/images/thanksout.png) no-repeat;
}


#check_coverage {
	background:url(/images/check_coverage.png) no-repeat;
	width:950px;
	height:386px;
}
#check_coverage form {
	position:absolute;
	left:162px;
}
#check_button {
	position:absolute;
	top:210px;
	left:820px;
	width:102px;
	height:102px;
	border:none;
	outline:none;
	background:url(/images/check_button.png) no-repeat;
	cursor:pointer;
}
a#check_button:hover {
	background-position:0px -98px;
}
#email_marquee {
	position:absolute;
	padding:8px 0px 0px 6px;
}
