/*
-----------------------------------------------------
Standard CSS file for [sitename.tld]
Media: screen, projection

Notes: Standard CSS for content div

Author: Author Name [ email at domain dot tld ]
For: Client [ client.tld ]
-----------------------------------------------------
*/


/* GENERAL
----------------------------------- */

a:hover,
a:focus {
	color:#f0027f;
}
acronym {
	border:none;
}
acronym:hover {
	border-bottom-width:1px;
	border-bottom-style:dotted;
}
.date {
	color:#f0027f;
}
.emphasize {
	font-size:2em;
	color:#000;
	margin-top:0;
	margin-bottom:.5em;
}

#content #main p.back-to-top a, p.back-to-summary a, p.view-text-version a{
	font-weight: bold;
	color: #666666;
	padding-left: 20px;
	background-position: left 2px;
	background-repeat: no-repeat;
	text-decoration: underline;
}
p.back-to-top{
	margin-bottom: 0;
}
p.back-to-top a{
	background-image: url(../images/general_li_arrow_up.gif);
}
p.back-to-summary a{
	background-image: url(../images/general_p_arrow_left.gif);
}

p.view-text-version a{
	background-image: url(../images/general_p_arrow_left.gif);
}

#content #main p.back-to-top a:hover, p.back-to-summary a:hover, p.view-text-version {
	text-decoration: none;
}
p a.more-information{
	background-image: url(../images/general_i.gif);
	background-position: left center;
	background-repeat: no-repeat;
	vertical-align: middle;
	text-decoration: underline;
	color: #666666;
	margin: 0;
	padding: 0 0 3px 20px;
}
p a.more-information{
	text-decoration: underline;
	color: #666666;
}
p a.more-information:hover{
	text-decoration: none;
	color: #666666;
}
p.more-info-tab{
	position: absolute;
	right: -1px;
	top: -24px;
	width: 100px;
	margin: 0 7px 0 0;
	padding: 4px 13px 3px 8px;
	background-image: url(../images/general_info_tab.gif);
	background-position: left top;
	background-repeat: no-repeat;
}

#landing-page p.more-info-tab {
	top: 1px;

}
/* FORMS
---------------------------------------*/
label {
	cursor:pointer;
}
fieldset {
	border: 0;
}
input, select, textarea {
	font-size:100%;
}
textarea {

	font-size:1.1em;
	font-family:arial,helvetica,sans-serif;
	overflow:auto;
}


/* H1 - Image Replacement
------------------------------------ */

div#main h1#page-title {
	width:420px;
	height:22px;
	margin: 0 0 0.2em 0;
	position: relative;
	padding: 0;
	font-size: 1.5em;
	padding-left:1px;/* Fixing letter W peeking out from behind image by 1px */
	color:#f0027f;
	font-weight: bold;
}
div#main h1#page-title span {
	display:block;
	background-repeat:no-repeat;
	background-position:0 0;
	position: absolute;
	width: 100%;
	height: 100%;
	margin-left:-1px;/* Fixing letter W peeking out from behind image by 1px */
}

#landing-page h1#page-title span{
	background-image:url(../images/headings/landing-page.gif);
}

#your-results h1#page-title span{
	background-image:url(../images/headings/your-results.gif);
}

#two-col-layout h1#page-title span, #one-col-layout h1#page-title span, #three-col-layout h1#page-title span{
	background-image:url(../images/headings/your-summary.gif);
}
#glossary-layout div#main h1#page-title{
	width:235px;
	height:30px;
}
#glossary-layout h1#page-title span{
	background-image:url(../images/headings/glossary.gif);
}

#transmitters-layout-text div#main h1#page-title, #transmitters-layout-flash div#main h1#page-title {
	width:231px;
	height:30px;
}
#transmitters-layout-text h1#page-title span, #transmitters-layout-flash h1#page-title span{
	background-image:url(../images/headings/transmitters-explained.gif);
}

#content p {
	line-height:1.5em;
}
#content #main p {
	margin-top:0;
	color: #666666;
}
#content #main p.notice,
#trade-view p.notice {
	color:#000;
	font-weight:bold;
}
#landing-page #content #main .postcode-checker FORM fieldset p.error,
#trade-view p.error {
	color: #ff0000;
	font-weight:normal;
}

#content #main p.residence-results{
	color: #e03882;
	font-weight: bold;
	width:415px;
}
#content #main p.terms-conditions em, #trade-view p.terms-conditions em {
	font-weight: bold;
	font-style: normal;
}
#content #main p.terms-conditions, #trade-view p.terms-conditions {
	clear:both;
}

#content #main p.ordnancesurvey, #trade-view p.ordnancesurvey {
	background-image:url(../images/logos/ordnancesurvey.gif);
	background-repeat:no-repeat;
	float:left;
	padding:5px 0 5px 90px;
	font-style: normal;
}

#content #main p.ordnancesurveyNI, #trade-view p.ordnancesurveyNI {
	background-image:url(../images/logos/ordnancesurveyNI.gif);
	background-repeat:no-repeat;
	height:47px;
	float:left;
	margin-top:-10px;
	padding:35px 0 0 90px;
	font-style: normal;
}

#content #main p.coverage-alert{
	background-image: url(../images/logos/providers/freeview_warning.gif);
	background-position: 0.4em center;
	background-repeat: no-repeat;
	background-color: #d9d9d9;
	margin: 0 0 0 0;
	padding: 0.25em 0 0.25em 7em;
	min-height: 30px;
	color: #000;
	font-weight: bold;
	font-size: 1.05em;
}

ol.error {
	color: #f00;
	list-style-type:none;
}

ol.error li {
	margin-left:0;
}

/* Switch-box
------------------------------------ */
div.switch-summary{
	position: relative;
}
div.switch-summary h2{
	margin: 0 0 0.15em 0;
	padding: 0.4em 0 0.3em 0.7em;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.5em;
	color: #fff;
	background-image: url(../images/layout/h2_bg.gif);
	background-position: left top;
	background-repeat: no-repeat;
}
div.switch-summary h2 a{
	text-decoration: underline;
	font-size: 0.65em;
	
}
div.switch-summary h2 a:hover{
	text-decoration: none;
	color: #000;
	
}
div.highlight-box{
	margin: 0 0 0.6em 0;
	padding: 0.4em 0 0.3em 1em;
	background-color: #f1f1f1;
}
div.highlight-box p{
	margin: 0 0 0.3em 0;
	padding: 0;
}
div.highlight-box p em{
	font-weight: bold;
	font-style: normal;
	font-size: 1.2em;
	color: #000;
}
div.highlight-box p a.more-information, .installer-warning p a.more-information{
	background-image: url(../images/general_i.gif);
	background-position: left center;
	background-repeat: no-repeat;
	vertical-align: middle;
	text-decoration: underline;
	color: #666666;
	margin: 0;
	padding: 0 0 3px 20px;
	width:180px;
}
div.highlight-box p a, .installer-warning p a.more-information{
	text-decoration: underline;
	color: #666666;
}
div.highlight-box p a:hover, .installer-warning p a.more-information:hover{
	text-decoration: none;
	color: #666666;
}
div.installer-warning{
	background-color: #f1f1f1;
	margin: 0 0 0.6em 0;
	padding: 0.4em 0 0.1em 1em;
}
div.highlight-box  p A.action-arrow{
	padding: 0 1.5em 0 0;
	text-decoration: underline;
	background-image: url(../images/general_form_submit_arrow_right.gif);
	background-position: right 0.2em;
	background-repeat: no-repeat;
}
div.highlight-box #transmitterSubmit{
	margin: 0;
	padding: 0.2em 0.3em 0.2em 0.3em;
	color: #fff;
	text-align: left;
	background-image: url(../images/button-go.gif);
	background-position: left center;
	background-repeat: no-repeat;
	background-color: #f0027f;
	border: 1px solid #b2a6ac;
}
/* options box -without the after switchover icon
-----------------------------------------------*/
#content #main .options-box{
	margin: 0;
	padding: 0 0 2em 0;
	background-color: #f1f1f1;
	min-height:110px;
}
#content #main .options-box h2{
	margin: 0;
	padding: .3em 0 .2em .65em;
	font-size: 1.5em;
	color: #fff;
	background-color: #e03882;
}
#content #main .options-box UL{
	/* T */
	margin: 12px 0 10px 9px;
	padding: 0;
	list-style: none;
	float: left;
}
#content #main .options-box UL LI{
	margin: 0 4px 0 0;
	padding: 0;
	list-style: none;
	float: left;
	width: 86px;
}
/* options box -with the after switchover icon
-----------------------------------------------*/
.providers-available{
	float: left;
}
.providers-available UL.before{
	float: left;
	width: 363px;
	margin-top: 30px!important;
}
.providers-available UL.after{
	float: right;
	width: 180px;
	margin: 8px 0 0 0!important;
	padding: 0!important;
}
.providers-available UL.after LI{
	float: left;
}
/*.providers-available p{
	float: right;
	text-align: rigt;
	width: 175px;
	padding: 12px 0 0 0 ;
}*/
/* freeview service
------------------------------------- */
#content #main .options-box .freeview-service {
	clear: both;
	margin: 0 0 0 10px;
	padding: 0 0 2em 0;
	background-image: url(../images/layout/service_summary.gif);
	background-position: left bottom;
	background-repeat: no-repeat;
}
#content #main .options-box .freeview-service h3{
	margin: 0 0 0.5em 0;
	padding: 8px 0 4px 11px;
	font-size: 1.5em;
	color: #fff;
	background-image: url(../images/layout/freeview_coverage.gif);
	background-position: left top;
	background-repeat: no-repeat;
}
#content .options-box .freeview-service p{
	margin: 0 0 0.6em 0;
	padding: 0 0 0 0;
}
#content #main .options-box .freeview-service p A{
	margin: 0 0 0.4em 0;
	padding: 0 1.15em 0 0;
	font-size: 1.4em;
	font-weight: bold;
	color: #f0027f;
	text-decoration: underline;
	background-image: url(../images/general_form_submit_arrow_right.gif);
	background-position: right 0.3em;
	background-repeat: no-repeat;
}

#content #main .options-box p.moreinfo-logos {
	margin:0em 0 0em 1.2em;
	width:550px;
	float:left;
	min-height:25px;
}

#content #main .options-box .service-type{
	/*T*/
	background-position: 1.6em 0.1em;
	background-repeat: no-repeat;
	min-height: 70px;
}

/* Service type images
------------------------------------- */
#content #main .options-box .service-type-medium{
	background-image:url(../images/layout/medium-icon.gif);
}
#content #main .options-box .service-type-medium p{
	margin-left:7em;
	padding-right:1em;
}
#content #main .options-box .service-type-bad{
	background-image:url(../images/layout/bad-icon.gif);
}
#content #main .options-box .service-type-bad p{
	margin-left:7em;
	padding-right:1em;
}
#content #main .options-box .service-type-good{
	background-image:url(../images/layout/good-icon.gif);
}
#content #main .options-box .service-type-good p{
	margin-left:7em;
	padding-right:1em;
}
#content #main .options-box .service-type-good-aerial{
	background-image:url(../images/layout/good-aerial.gif);
}
#content #main .options-box .service-type-good-aerial p{
	margin-left:10em;
	padding-right:1em;
}
#content #main .options-box .service-type-good-long{
	background-image:url(../images/layout/good-icon.gif);
}
#content #main .options-box .service-type-good-long p{
	margin-left:10em;
	padding-right:1em;
}
#content #main .options-box .service-type-medium-aerial{
	background-image:url(../images/layout/medium-aerial.gif);
}
#content #main .options-box .service-type-medium-aerial p{
	margin-left:10em;
	padding-right:1em;
}
#content #main .options-box .service-type-bad-aerial{
	background-image:url(../images/layout/bad-aerial.gif);
}
#content #main .options-box .service-type-bad-aerial p{
	margin-left:10em;
	padding-right:1em;
}
/* language bar
------------------------------------- */
div#language {
	float:right;
	margin-top:11px;
	padding:1px;
	text-align:right;
	width:440px;
}
div#language h3,
div#language ul {
	color:#7f7f7f;
	display:inline;
}
div#language h3 {
	background:#e7e7e7;
	font-size:1em;
	font-weight:normal;
	padding:4px;
	padding-left:6px;
}
div#language ul {
	background:#e7e7e7;
	margin:0;
	padding:4px;
	padding-right:6px;
}
div#language ul li {
	background:url(../images/layout/general_divider.gif) no-repeat center right;
	display:inline;
	margin-left:0;
	padding-right:5px;
}
div#language ul li.last {
	background:none;
	margin-left:3px;
	padding-right:0;
}
div#language ul li a {
	color:#000;
}
/* LEFT COLUMN
-----------------------------------------------*/

/*-------------------postcode checker module---------- */

#contentFrame #leftCol h2 {
	background-image:url(../images/rightcol_legend_bg.gif);
	background-repeat:no-repeat;
	padding-left:185px;
}

#contentFrame #leftCol .postcode-checker h2.postcodeCheck {
	margin: 0 0 2px 0;
	padding: 0.2em 0 0em 4em;
	color:#000;
	min-height:18px;
}

#contentFrame #leftCol .postcode-checker FORM {
	margin-top:0;
	width:185px;
	background:#fde5f3;
	font-size:0.9em;
	background-image:url(../images/body.home_second_equal_bg.gif);
	background-repeat: repeat-y;
}

#contentFrame #leftCol .postcode-checker FORM fieldset{
	margin:0;
	padding:0px 5px 0px 5px;
	border:none;
	background:#fde5f3;
}

#contentFrame #leftCol .postcode-checker FORM fieldset.location label {
	margin: 0 0 0.7em 0;
	padding: 0;
	font-size:1.1em;
	color:#5b5b5b;
}

#contentFrame #leftCol .postcode-checker FORM fieldset.location p a{
	color:#5b5b5b;
	text-decoration:underline;
}

#contentFrame #leftCol .postcode-checker FORM fieldset.location input{
	margin: 0.1em 0 0.2em 0;
	width:163px;
	font-size:1.1em;
}

#contentFrame #leftCol .postcode-checker FORM fieldset.location input:focus {
	background-color:#FFFFFF;
}

#contentFrame #leftCol .postcode-checker FORM fieldset.location input.submit:focus {
	color:#ffffff;
}

#contentFrame #leftCol .postcode-checker FORM fieldset.location p.more-information {
	margin:0;
	padding:0 0 0.5em 0;
}

#contentFrame #leftCol .postcode-checker FORM fieldset.installer-mode-switch {
	margin:0 0 0.2em 0;
	padding:0 0 0 0.5em;
	width:95px;
	float:left;
}

#contentFrame #leftCol .postcode-checker FORM fieldset.installer-mode-switch input {
	margin: 0.3em 0 0.1em 0;
	width:15px;
	border:none;
}

#contentFrame #leftCol .postcode-checker FORM fieldset.installer-mode-switch label{
	margin:-1.6em 0 0 0em;
	padding:0 0 0 10px;
	float:right;
	vertical-align: top;
	font-size:1.1em;
	color:#5b5b5b;
}

#contentFrame #leftCol .postcode-checker FORM div.row {
	background-color:#fde5f2;
	margin:-0.3em 0 0 0;
	padding:0 0 5px 0;
}

#contentFrame #leftCol .postcode-checker FORM fieldset.postcode-submit{
	margin:1.3em 0 0.3em 17px;
	padding:0 0 8px 0px;
	width:25px;
	background-color:#fde5f2;
	background:url(../images/body.home_second_equal_bg.gif);
}

#contentFrame #leftCol .postcode-checker FORM fieldset.postcode-submit input.submit {
	background:url(../images/general_p_arrow_right.gif) no-repeat right 1px;
	border:none;
	padding-right:25px;
	text-align:left;
}

#contentFrame #leftCol .postcode-checker FORM fieldset.postcode-submit input.submit:hover,
#contentFrame #leftCol .postcode-checker FORM fieldset.postcode-submit input.submit:active,
#contentFrame #leftCol .postcode-checker FORM fieldset.postcode-submit input.submit:focus {
	color:#f0027f;
	padding-right:25px;
	background:url(../images/general_p_arrow_right_hover.gif) no-repeat right 1px;
}

.postcode-checker p{
	color: #5b5b5b;
	font-size:1.1em;
}
.postcode-checker p.error{
	color: #f00;
}

.postcode-checker input.error{
	background:#F0027F;
	color:white;
}

/* Postcodechecker Landing Page */

#landing-page #content #main .postcode-checker {
	width:560px;
	background-color:#f1f1f1;
	color:#5b5b5b;
	font-size:0.9em;
}

#landing-page #content #main .postcode-checker h2.postcodeCheck {
	margin: 0 0 2px 0;
	padding: 0.3em 0 0.3em 1em;
	width:560px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.6em;
	color: #fff;
	background-image: url(../images/layout/h2_bg.gif);
	background-position: left top;
	background-repeat: no-repeat;	
}


#landing-page #content #main .postcode-checker FORM {
	width:540px;
	margin: 1em 0 0 1.8em;
}

#landing-page #content #main .postcode-checker FORM fieldset{
	border:none;
}

#landing-page #content #main .postcode-checker FORM fieldset.location label {
	margin: 0 0 0.3em 0;
	float:left;
	width:540px;
	font-size:1.1em;
}

#landing-page #content #main .postcode-checker FORM fieldset.location p {
	margin-top:1em;
}

#landing-page #content #main .postcode-checker FORM fieldset.location input {
	margin: 0 0 0.7em 0;
	width:160px;
	float:left;
	font-size:1.1em;
}

#landing-page #content #main .postcode-checker FORM  fieldset.location input:focus {
	background-color:#fff;
}

#landing-page #content #main .postcode-checker FORM fieldset.location input.submit:focus {
	color:#fff;
}

#landing-page #content #main .postcode-checker FORM fieldset.location p.more-information{
	margin:0;
	padding:0 0 0.5em 0px;
	width:100%;
	float:left;
	background-image: url(../images/general_i.gif);
	background-position: left middle;
	background-repeat: no-repeat;
}

#landing-page #content #main .postcode-checker FORM p.more-information A{
	margin-bottom:1em;
	padding:0 0 0 21px;
	text-decoration: underline;
	color: #666;
}
#landing-page #content #main .postcode-checker FORM p.more-information A:hover{
	text-decoration: none;
	color: #666;
}

#landing-page #content #main .postcode-checker FORM fieldset.installer-mode-switch{
	margin:1em 0 0.2em 0;
	width:250px;
}

#landing-page #content #main .postcode-checker FORM fieldset.installer-mode-switch input{
	margin: 0.3em 0 0.1em 0;
	width:15px;
	border:none;
}

#landing-page #content #main .postcode-checker FORM fieldset.installer-mode-switch label{
	margin: -1.3em 0 0.1em 2em;
	float:left;
	font-size:1.1em;
}

#landing-page #content #main .postcode-checker FORM #postcodeSubmit{
	margin: 1em 0 1em 0;
	padding: 0.2em 0.4em 0.3em 0.3em;
	color: #fff;
	text-align: left;
	background-image: url(../images/general_button_check.jpg);
	background-position: left center;
	background-repeat: no-repeat;
	background-color: #f0027f;
	border: 1px solid #b2a6ac;	float:left;
}

#landing-page #content #main .postcode-checker FORM .postcode-submit{
	margin: 1em 0 1em 0;
}


/* 3 COL SUMMARY
-----------------------------------------------*/
#three-col-summary{
	margin-bottom: 20px;
	width: 100%;
	overflow: hidden;
}
#three-col-summary .col-a{
	width: 191px;
	float: left;
}
#three-col-summary .col-b{
	width: 192px;
	float: left;
}
#three-col-summary .col-c{
	width: 176px;
	float: left;
}
#contentFrame #three-col-summary h3{
	margin: 0;
	padding: 0;
	margin: 0 0 0 0;
	padding: 0.4em 0 0.3em 0.7em;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.4em;
	color: #fff;
	background-color: #e03882;
}
#three-col-summary .col-a h3{
	background-image: url(../images/layout/3_col_now_arrow.gif);
	background-position: left top;
	background-repeat: no-repeat;
}
#three-col-summary .col-b h3{
	background-image: url(../images/layout/3_col_during_arrow.gif);
	background-position: left top;
	background-repeat: no-repeat;
}
#three-col-summary .col-c h3{
	background-image: url(../images/layout/3_col_end_arrow.gif);
	background-position: left top;
	background-repeat: no-repeat;
}
#three-col-summary .reception-breakdown-wrap{
	width: 176px;
	margin: 0;
	padding: 0 0 25px 0;
	background-image: url(../images/layout/3_col_foot_bg.gif);
	background-position: left bottom;
	background-repeat: no-repeat;
}
#three-col-summary .reception-breakdown{
	/* T */
	width: 176px;
	margin: 0;
	padding: 0 0 3em 0;
	background-image: url(../images/layout/3_col_body_bg.gif);
	background-position: left top;
	background-repeat: repeat-y;
	min-height: 215px;
	position: relative;
}
#contentFrame #three-col-summary .reception-breakdown UL{
	width: 176px;
	margin: 0;
	padding: 0;
}
.reception-breakdown UL.coverage-summary{
	margin: 0;
	padding: 0;
	list-style: none;
	color: #000000;
}
.reception-breakdown UL.coverage-summary LI{
	/* T */
	margin: 3px 6px 4px 6px;
	padding: 8px 0 4px 40px;
	list-style: none;
	background-image: url(../images/layout/3_col_list_rule.gif);
	background-position: left bottom;
	background-repeat: repeat-x;
	display: block;
	min-height: 33px;

}
.reception-breakdown UL.coverage-summary LI IMG{
	margin: -8px 0 0 -40px;
	padding: 0;
	float: left;
}

#contentFrame #three-col-summary .reception-breakdown p.available-channels{
	position: absolute;
	left: 0;
	bottom: 0;
	margin: 0 0 5px 7px;
	padding: 0 0 0 0;
	line-height: 1.2em;
}
.reception-breakdown p.available-channels A{
	font-weight: bold;
	color: #666666;
	padding-left: 15px;
	text-decoration: underline;
	background-image: url(../images/general_h2_arrow_right.gif);
	background-position: left 2px;
	background-repeat: no-repeat;
	display: block;

}

.reception-breakdown p.available-channels A.selected{
	font-weight: bold;
	color: #666666;
	padding-left: 15px;
	text-decoration: underline;
	background-image: url(../images/general_h2_arrow_down.gif);
	background-position: left 2px;
	background-repeat: no-repeat;
}
.reception-breakdown p.available-channels A:hover{
	font-weight: bold;
	color: #666666;
	text-decoration: none;
}
#contentFrame #three-col-summary a.more-information, #contentFrame #two-col-summary a.more-information,
#contentFrame #one-col-summary a.more-information{
	background-image: url(../images/general_i.gif);
	background-position: left center;
	background-repeat: no-repeat;
	vertical-align: middle;
	text-decoration: underline;
	color: #666666;
	margin: 0;
	padding: 0 0 3px 20px;
}
#contentFrame #two-col-summary a.more-information,
#contentFrame #one-col-summary a.more-information{
	font-size: 0.8em;
}
#contentFrame #three-col-summary a.more-information, #contentFrame #two-col-summary a.more-information
#contentFrame #one-col-summary a.more-information {
	text-decoration: underline;
	color: #666666;
}
#contentFrame #three-col-summary a.more-information:hover, #contentFrame #two-col-summary a.more-information:hover,
#contentFrame #one-col-summary a.more-information:hover{
	text-decoration: none;
	color: #666666;
}

#three-col-layout #fSelectTransmitter div{
	float: right;
	width: 230px;
	margin-right: 5px;
	padding-top: 10px;
}
#contentFrame #three-col-summary p span.additional-info{
	font-weight: normal;
	padding-left: 20px;
}
#contentFrame #three-col-summary p.warning{
	color: #f00;
	display: block;
	padding: 0 0.2em 0 0.4em;
}
#contentFrame .channel-breakdown LI span.radio{
	font-weight: normal;
	float: right;
	border:1px solid blue;
}
/* 2 COL SUMMARY
-----------------------------------------------*/

#two-col-summary,
#one-col-summary {
	margin-bottom: 20px;
	width: 100%;
	overflow: hidden;
}
#two-col-summary .col-a,
#one-col-summary .col-a{
	width: 293px;
	float: left;
}
#two-col-summary .col-b,
#one-col-summary .col-a{
	width: 266px;
	float: left;
}
#contentFrame #two-col-summary h3,
#contentFrame #one-col-summary h3 {
	margin: 0;
	padding: 0;
	margin: 0 0 0 0;
	padding: 0.4em 0 0.3em 0.7em;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.4em;
	color: #fff;
	background-color: #e03882;
}
#two-col-summary .col-a h3{
	background-image: url(../images/layout/2_col_now_arrow.gif);
	background-position: left top;
	background-repeat: no-repeat;
}

#one-col-summary .col-a h3 {
	background-image: none;
}

#two-col-summary .col-b h3{
	background-image: url(../images/layout/2_col_end_arrow.gif);
	background-position: left top;
	background-repeat: no-repeat;
}
#two-col-summary .reception-breakdown-wrap,
#one-col-summary .reception-breakdown-wrap{
	width: 266px;
	margin: 0;
	padding: 0 0 25px 0;
	background-image: url(../images/layout/2_col_foot_bg.gif);
	background-position: left bottom;
	background-repeat: no-repeat;
}
#two-col-summary .reception-breakdown,
#one-col-summary .reception-breakdown{
	/* T */
	width: 266px;
	margin: 0;
	padding: 0 0 0 0;
	background-image: url(../images/layout/2_col_body_bg.gif);
	background-position: left top;
	background-repeat: repeat-y;
	min-height: 205px;
	position: relative;
}
#contentFrame #two-col-summary .reception-breakdown UL,
#contentFrame #one-col-summary .reception-breakdown UL{
	width: 266px;
	margin: 0;
	padding: 0;
}
#contentFrame #two-col-summary .reception-breakdown UL LI,
#contentFrame #one-col-summary .reception-breakdown UL LI{
	font-size: 1.2em;
	padding-bottom: 0;
}
#contentFrame #two-col-summary .reception-breakdown p.available-channels,
#contentFrame #one-col-summary .reception-breakdown p.available-channels{
	position: absolute;
	left: 0;
	bottom: 0;
	margin: 0 0 0.6em 10px;
	padding: 0;
	line-height: 1.2em;
}
/* Channel Breakdown
-----------------------------------------------*/
#contentFrame div.channel-breakdown{
	margin: 0;
	padding: 15px 0 0 0;
	background-image: url(../images/layout/3_col_body_bg.gif);
	background-position: left top;
	background-repeat: repeat-y;
	width: 100%;
	overflow: hidden;
}
#contentFrame #two-col-summary div.channel-breakdown,
#contentFrame #one-col-summary div.channel-breakdown{
	background-image: url(../images/layout/2_col_body_bg.gif);
}
.channel-breakdown h4{
	margin: 0;
	padding: 0;
}
.channel-breakdown h5{
	font-size: 1em;
	font-weight: normal;
	color: #000;
	margin: 0 0 0 5px;
	padding: 3px 0 6px 25px;
}
.channel-breakdown h5.good, .channel-breakdown h5.good-aerial{
	background-image: url(../images/layout/little_tick.gif);
	background-position: left center;
	background-repeat: no-repeat;
}
.channel-breakdown h5.medium, .channel-breakdown h5.medium-aerial{
	background-image: url(../images/layout/little_medium.gif);
	background-position: left center;
	background-repeat: no-repeat;
}
#contentFrame .channel-breakdown UL.good, #contentFrame .channel-breakdown UL.medium, #contentFrame .channel-breakdown UL.good-aerial, #contentFrame .channel-breakdown UL.medium-aerial{
	margin: 0 0 9px 0;
	padding: 0 2px 0 3px;
	list-style: none;
}
.channel-breakdown UL.good LI, .channel-breakdown UL.during-phase UL.good-aerial LI, .channel-breakdown UL.medium LI, .channel-breakdown UL.medium-aerial LI,
.channel-breakdown UL.during-phase UL.good LI, .channel-breakdown UL.during-phase UL.medium LI,
.channel-breakdown UL.during-phase UL.medium-aerial LI{
	margin: 0 0 2px 0;
	padding: 2px 0 0 20px;
	background-position: left top;
	background-repeat: no-repeat;
	background-color: #D2D2D2;
	color: #000;
}
.channel-breakdown UL LI p a{
	color: #fff;
}
.channel-breakdown UL.good LI{
	background-image: url(../images/channel_good.gif);
}
.channel-breakdown UL.good-aerial LI{
	background-image: url(../images/channel_good_upgrade.gif);
}
.channel-breakdown UL.medium LI{
	background-image: url(../images/channel_medium.gif);
}
.channel-breakdown UL.medium-aerial LI{
	background-image: url(../images/channel_aerial.gif);
}
.channel-breakdown UL.during-phase{
	margin: 0 3px 0 1px;
	padding: 0;
}
.channel-breakdown UL.during-phase LI {
	margin: 0;
	padding: 0;
	list-style: none;
}
#contentFrame  .channel-breakdown UL.during-phase LI p{
	margin-bottom: 7px;
	padding: 3px 0 3px 23px;
	background-color: #e03882;
	background-image: url(../images/during_channel_closed.gif);
	background-position: 3px 5px;
	background-repeat: no-repeat;
	color: #ffffff!important;
	font-weight: bold;
}
.channel-breakdown .reception-breakdown UL.during-phase LI.open p{
	background-image: url(../images/during_channel_open.gif);
	background-position: 3px 3px;
	background-repeat: no-repeat;
}
#contentFrame #main div.channel-breakdown  UL.during-phase LI p.aerial-upgrade{
	background-image: url(../images/layout/little_aerial.gif);
	background-position: 5px top;
	background-repeat: no-repeat;
	background-color: #f1f1f1;
	font-weight: normal;
	color: #000!important;
	margin: 0;
	padding: 0 0 6px 30px;
}
#contentFrame  .channel-breakdown UL.during-phase LI p.what-is-switchover{
	background: none;
	background-color: #f1f1f1;
	font-weight: normal;
	margin: 0 0 4px 0;
	padding: 0 0 0 4px;
}
#contentFrame .channel-breakdown UL.during-phase LI p.what-is-switchover A{
	-moz-opacity: 1  !important;
   opacity: 1  !important;
   font-weight:normal;
}
#contentFrame  .channel-breakdown UL.during-phase LI div.notice p{
	background: none;
	background-color: #f1f1f1;
	font-weight: normal;
	margin: 0 0 4px 0;
	padding: 0 0 0 4px;
	color: #f00!important;
}

.step-date {
	font-weight:normal;
}
/* GLOSSARY
----------------------------------- */
#content #main #glossary {
	width:539px;
	margin: 0 0 0 0 ;
	padding: 0;
	font-size:1.1em;
}

#glossary #glossary-content {
	margin:0.2em 0 0 0;
	padding:20px 10px 14px 10px;
	width:539px;
	background-image:url(../images/glossary_top.gif);
	background-position:center top;
	background-repeat:no-repeat;
	background-color:#eeeeee;
}

#glossary h2 {
	color:#f0027f;
	font-size:1.3em;
	font-weight:bold;
	margin:2em 0 0 0.2em;
}

#glossary dl {
	padding:0px 4px 0 4px;
}

#glossary dl.consumer-glossary {
	padding:15px 0px 0 0px;
}

#glossary dl dt {
	margin:0;
	padding:10px 0 0 0;
	color:#f0027f;
	font-weight:bold;
}

#glossary dl dd {
	margin:0;
	padding:0;
	color:#666666;
}

#glossary dl dd p a {
	margin:0;
	padding:0;
	color:#f0027f;
}

#glossary dl dd ul {
	padding:0 0 1px 15px;
}

#glossary dl dd ul li {
	padding:3px 0 2px 0px;
}

#glossary dl dd ol {
	padding:0 0 1px 20px;
	list-style-type:lower-alpha;
}

#glossary dl dd ol li {
	padding:3px 0 2px 0px;
}

#glossary #glossary-content p.changeme {
	color:#0033CC;
	font-size:2em;
}

#glossary-table {
	width:500px;
	margin:10px 0 10px 0;
}

#glossary #glossary-content table {
	font-size:1em;
	text-align:left;
}

#glossary-footer {
	margin:0px;
	padding:3px 0 10px 0;
	width:559px;
	background-image:url(../images/glossary_footer.gif);
	background-repeat:no-repeat;
	background-position:center bottom;
}

/* TRADE
----------------------------------- */
#trade {
	 width:760px;
}

#info-bar {
	padding:5px 0 5px 15px;
	background-color:#000000;
	font-size:1.1em;
	color:#ffffff;
}

#switchover-info {
	margin-left :0;
	padding:13px 0 9px 15px;
	font-size:1.3em;
	color:#000000;
}

#transmitter-date {
	width:140px;
	float:right;
	font-size:0.9em;
}

#trade #postcode-search-trade {
	width:760px;
	color:#000000;
}

#postcode-search {
	width:450px;
	float:left;
}

#search-top {
	margin:0;
	background-color:#bdbdbb;
	border-bottom:solid 1px #616161;
}

#trade-view #search-top p.error {
	color: #000;
	font-weight: bold;
	padding:0 3px 0 7px;
}

#search-top h2 {
	margin:0px;
	padding:3px 5px 3px 7px;
}

#search-bottom {
	margin:0;
	padding:6px 5px 7px 0px;
	background-color:#e0e0e0;
}

#trade-view #trade #postcode-search-trade FORM fieldset.location p {
	margin: 0.4em 0 0.7em 0;
	padding:3px;
}

#trade #postcode-search-trade FORM fieldset.location label {
	margin:0;
	padding: 0 0 0 5px;
	color: #000;
}

#trade-view #trade #postcode-search-trade FORM fieldset.location input {
	width:80px;
}

#trade-view #trade #postcode-search-trade FORM #postcodeSubmit{
	margin: 0.2em 0 0em 0.3em;
	padding: 0.3em 0 0.2em 0.2em;
	color: #fff;
	width: 50px;
	text-align: left;
	background-image: url(../images/general_button_check.jpg);
	background-position: left bottom;
	background-repeat: no-repeat;
	background-color: #f11d8c;
	border:1px solid #b2a6ac;
	font-weight: bold;
}

#postcode-comments {
	width:307px;
	float:right;
}

#comments-top {
	/* T */
	background-color:#bdbdbb;
	padding:3px 0 3px 10px;
	min-height:15px;
	border-bottom:solid 1px #616161;
}

#comments-bottom {
	margin:0;
	padding:10px 5px 10px 5px;
	background-color:#e0e0e0;
}

#table-analogue-transmitter,
#table-digital-transmitter,
#prediction {
	width:760px;
	margin:5px 0 0 0;
	border:1px #616161 solid;
	float:left;
}

#otherservices {
	margin:5px 0 0 0;
	border:1px #616161 solid;
	float:left;
}

#table-analogue-transmitter table,
#table-digital-transmitter table,
#prediction table
#otherservices table {
	font-size:1em;
	text-align:left;
}

caption a:link,
caption a:active,
caption a:visited {
	color:#000;
	text-decoration:underline;
} 

caption a:hover,
caption a:focus {
	color:#f0027f;
	text-decoration:underline;
}

.prediction-header {
	float:left;
	padding-left:4px;
}

.prediction-image {
	float:left;
	padding-right:2px;
}

.table-transmitter {
	font-size: 1em;
	border-top:1px #616161 solid;
	border-bottom:1px #616161 solid;
	text-align:left;
	color:#000000;
}

.table-transmitter caption {
	 margin:0 0 1px 0;
	 padding:2px 0 2px 15px;
	 background-color:#bdbdbd;
	 text-align:left;
	 color:#000000;
	 font-weight:bold;
	 border-bottom:1px solid #616161;
}

.transmitter-row {
	 background-color:#000000;
	 color:#ffffff;
	 border-top:solid 1px #616161;
}

#headerCol1,
#headerCol2,
#headerCol3,
#headerCol4,
#headerCol5,
#headerCol6,
#headerCol7,
#headerCol8,
#headerCol9,
#headerCol10,
#headerCol11,
#headerCol26,
#headerCol27 {
	 color:#ffffff;
	 font-weight:normal;
	 border-right:1px solid #616161;
}

.rowstyle{
	border:solid 1px #616161;
}

#headerCol6.rowstyle,
#headerCol27.rowstyle {
	width:160px;
}

#headerCol7.rowstyle,
#headerCol8.rowstyle {
	width:50px;
}

#headerCol9.rowstyle {
	width:120px;
}

#headerCol26.rowstyletop {
	text-align:center;
}

#headerCol41.rowstyletop,
#headerCol42.rowstyletop,
#headerCol43.rowstyletop {
	width:138px;
	border-left:none;
}

#headerCol45.rowstyletop,
#headerCol46.rowstyletop,
#headerCol47.rowstyletop,
#headerCol48.rowstyletop,
#headerCol49.rowstyletop {
	width:90px;
}

#headerCol45.rowstyle,
#headerCol46.rowstyle,
#headerCol47.rowstyle,
#headerCol48.rowstyle,
#headerCol49.rowstyle {
	width:90px;
	 border-right:3px solid #616161;
}

.mostlikely {
	 border-bottom:solid 3px #000000;
	 border-left:solid 1px #000000;
}
#headerRow1.mostlikely {
	width:135px;
}
#headerRow6.mostlikely {
	width:90px;
}

.alternative {
	border-left:solid 1px #000000;
}

.mostlikelyborder {
	border-right:solid 3px #000000;
	border-bottom:solid 3px #000000;
	border-left:solid 1px #000000;
}

.table-transmitter td {
	padding-left:15px;
}

#prediction .table-transmitter tr {
	text-align:center;
}

#table-analogue-transmitter .table-transmitter th,
#table-digital-transmitter .table-transmitter th {
	padding:4px 4px 4px 10px
}

#prediction {
	margin:15px 0 0 0;
}

#prediction .table-transmitter th {
	padding:4px;
	text-align:left;
	vertical-align:top;
}

#prediction .table-transmitter td {
	padding-left:2px;
}

th.rowstyle {
	font-weight:normal;
}

th.rowstyletop {
	font-weight:bold;
}

#prediction tr a {
	 color:#ffffff;
	 text-decoration:underline;
}

#headerCol9,
#headerCol10,
#headerCol11 {
	 border-right:solid 1px #616161;
	 border-left:solid 1px #616161;
}
.row-step {
	 border-right:solid 2px #616161;
	 border-bottom:solid 1px #616161;
	 border-left:solid 1px #616161;
}

.row-name {
	border-bottom:solid 1px #616161;
	border-right:solid 3px #616161;
	text-align:left;
	width:130px;
}

#headerCol12.rowstyle {
	 width:80px;
	 border-top:solid 2px #616161;
	 border-left:solid 1px #616161;
}

#headerCol13.rowstyle {
	 width:140px;
	 border-top:solid 2px #616161;
	 border-right:solid 1px #616161;
	 border-bottom:solid 1px #616161;
	 border-left:solid 1px #616161;
}

#headerCol14.rowstyle,
#headerCol15.rowstyle,
#headerCol16.rowstyle,
#headerCol17.rowstyle,
#headerCol18.rowstyle,
#headerCol19.rowstyle,
#headerCol20.rowstyle,
#headerCol21.rowstyle,
#headerCol22.rowstyle,
#headerCol23.rowstyle,
#headerCol24.rowstyle,
#headerCol25.rowstyle,
#headerCol30.rowstyle,
#headerCol31.rowstyle,
#headerCol32.rowstyle,
#headerCol33.rowstyle,
#headerCol34.rowstyle,
#headerCol35.rowstyle {
	 width:20px;
	 border-top:solid 2px #616161;
	 border-right:solid 1px #616161;
	 border-bottom:solid 1px #616161;
	 border-left:solid 1px #616161;
}


.good-rating,
.medium-rating,
.bad-rating {
	 border-top:solid 4px #ffffff;
	 border-right:solid 1px #616161;
	 border-bottom:solid 1px #616161;
}

.channel-null {
	background:#CCCCCC;
}

.channel {
	border-right:solid 1px #616161;
	border-bottom:solid 1px #616161;
	border-left:solid 4px #616161;
	background:#CCCCCC;
}

.channel-first {
	border-right:solid 1px #616161;
	border-bottom:solid 1px #616161;
	border-left:none;
	background:#CCCCCC;
}

.null-rating {
	border-right:solid 1px #616161;
	border-bottom:solid 1px #616161;
	background:#CCCCCC;
}

.last-step {
	 border-bottom:solid 3px #616161;
}

.good-rating {
	border-left:solid 4px #03d038;
}

.medium-rating {
	border-left:solid 4px #f9ce21;
}

.bad-rating {
	border-left:solid 4px #ff1523;
}

#otherservices {
	 width:300px;
	 margin:20px 0 0 0;
	 background-color:#e0e0e0;
	 color:#000000;
}

#otherservices {
	 width:300px;
	 margin:20px 0 0 0;
	 background-color:#ffffff;
	 color:#000000;
}

#headerCol60 {
	width:145px;
	padding-left:15px;
}

#headerCol61 {
	width:145px;
	padding-left:15px;
}

.other-services-row {
	border-bottom:solid 1px #616161;
	padding:3px;
}

.other-services-row-last {
	border-bottom:none;
	padding:3px;
}


/* TRANSMITTERS EXPLAINED TEXT PAGE
----------------------------------- */

#content #main #transmitters {
	width:539px;
	margin: 0;
	padding: 0;
	font-size:1.1em;
}

#transmitters #transmitters-content, #transmitters #transmitters-content-flash {
	margin:0.2em 0 0 0;
	padding:20px 10px 10px 10px;
	width:539px;
	background-image:url(../images/content_top.gif);
	background-position:center top;
	background-repeat:no-repeat;
	background-color:#eeeeee;
}

#transmitters #transmitters-content-flash {
	/* T */
	min-height:30px;
}

p.getset {
	margin:25px 0 -3px 0;
}

#transmitters h2 {
	padding:20px 4px 0 10px;
	color:#f0027f;
}

p.last-list {
	padding:0 0 0 10px;
	font-weight:bold;
}

#transmitters #transmitters-content ul {
	margin:0;
	padding:0 0 0 25px;
}

#transmitters #transmitters-content ul li {
	margin:0 0 0 0;
	padding:0px 5px 0 0px;
	list-style-type:disc;
	list-style-position:outside;
	color:#666666;
}

#transmitters #transmitters-footer, #transmitters #transmitters-footer-flash {
	margin:0px;
	padding:3px 0 0px 0;
	width:559px;
	background-image:url(../images/content_bottom.gif);
	background-repeat:no-repeat;
	background-position:center bottom;
}

#transmitters #transmitters-footer-flash {
	/* T */
	padding:13px 0 0 0;
	min-height:15px;
}

#transmitters #transmitters-content-flash p.transmitters-flash {
	/* T */
	min-height: 10px;
}

#transmitters #transmitters-content-flash p img {
	margin:0;
	padding:8px 0 0px 0;
	float:left;
}

#transmitters #transmitters-content-flash a {
	padding:13px 0 0 10px;
	float:left;
	color:#666666;
	text-decoration:underline;
	font-weight:bold;
}

#transmitters #transmitters-content-flash p.transmitters-flash a{
	/* T */
	margin: 0 0 0 20px;
	padding: 0;
	float:right;
	background-image: url(../images/general_p_arrow_right.gif);
	background-position:right 0.2em;
	background-repeat:no-repeat;
	width:170px;
	color:#666666;
	text-decoration:underline;
	font-weight:bold;
	min-height:15px;
}

#transmitters #transmitters-footer-flash {
	margin:0 0 0px 0;
	padding:3px 0 10px 0;
	width:559px;
	background-image:url(../images/content_bottom.gif);
	background-repeat:no-repeat;
	background-position:center bottom;
}
.pull-footer{
	min-height: 400px;
}
.pull-header{
	min-height: 190px;
}
.pull-side{
	min-height: 500px;
	width: 300px;
}
div#error-page-wrap{
	clear: both;
	margin:0;
	padding:0 0 8px 0;
	background:url(../images/reskin/error-footer.gif) no-repeat 0 100%;
	width: 970px;
}
div#error-page{
	margin:0;
	padding:20px 0 1px 380px;
	background:#d4d5d7 url(../images/reskin/error-bg-2.jpg) no-repeat 0 0;
}
div#error-page div#error-cont-box-wrap{
	margin:0 0 10px 0;
	padding:0 0 6px 0;
	background:url(../images/reskin/error-cont-foot.gif) no-repeat 0 100%;
}
div#error-page div#error-cont-box{
	margin:0;
	padding:10px 10px 1px 10px;
	background:url(../images/reskin/error-cont-top.gif) no-repeat 0 0;
}
div#error-page div#error-cont-box h1{
	font-size:1.5em;
	font-weight:bold;
}
div#error-page div#error-cont-box p.error{
	margin:0 0 10px 0;
	padding:9px 0 8px 35px;
	background:url(../images/reskin/error-bar.gif) no-repeat 0 0;
	color: #000;
}
div#error-page div#error-cont-box p span{
	font-size: 1.2em;
	color: #f0027f;
	font-weight: bold;
}
div#error-page div#error-cont-box div.input-group {
	float: left; 
	display:inline; 
	margin:0 0 0 10px;
	padding-top:10px; 
	width: 150px;
}
div#error-page div#error-cont-box div.input-group label, 
div#error-page div#error-cont-box div.input-group-radio label{
	display: block;
	font-size: 1.2em;
	margin-bottom: 0.3em;
}
div#error-page div#error-cont-box div.input-group input{
	margin-bottom: 0;
}
div#error-page div#error-cont-box div.input-group p.more-information{
	font-size: 1em;
	margin: 0;
	padding: 0;
}
div#error-page div#error-cont-box div.input-group-radio{
	float: left;
	width: 150px;
	margin-top: 20px;
	padding-top:6px;
}
div#error-page div#error-cont-box div.input-group-radio input.check{
	float: left;
	padding-top:6px;
}
div#error-page div#error-cont-box div.input-group-submit{
	margin-top: 20px;
	float: left;
	padding-top:6px;
}
div#error-page div#error-cont-box p.terms-conditions{
	margin-top: 50px;
}
div#error-page div#error-cont-box p.terms-conditions{
	margin-top: 50px;
}
div#error-page div.input-error input{
	background-color: #f0027f; 
	color: #fff;
}
div#error-page div.error-bar-wrap{
	margin: 0 0 10px 0;
	padding: 0 0 8px 0;
	background-image: url(../images/reskin/error-bar-bot.gif);
	background-position: left bottom;
	background-repeat: no-repeat;
}
div#error-page div.error-bar{
	margin: 0;
	padding: 7px 0 0 0;
	background-image: url(../images/reskin/error-bar-top.gif);
	background-position: left top;
	background-repeat: no-repeat;
}
div#error-page div.error-bar-cont{
	margin: 0;
	padding: 3px 10px 3px 10px;
	background-image:url(../images/reskin/error-bar-mid.gif);
	background-position: left bottom;
	background-repeat: no-repeat;
}
div#error-page div.error-bar-cont p{
	margin: 0;
	padding: 0 30px 0 30px;
	background-image: url(../images/reskin/error-excl.gif);
	background-position: left top;
	background-repeat: no-repeat;
	display: block;
}

#fPostcodeChecker a {color:#f0027f;}
#fPostcodeChecker a:hover {text-decoration:underline;}
div#error-page div#error-cont-box #fPostcodeChecker p {margin-bottom:8px;}
div#error-page div#error-cont-box #fPostcodeChecker .error-bar-cont p {margin-bottom:0; padding-right:10px;}

div#contentWheretobuy div.find-a-retailer-wrap{
	margin: 0;
	padding: 10px 0 0 0;
	background-image: url(../images/reskin/large_top.gif);
	background-position: left top;
	background-repeat: no-repeat;
}
div#contentWheretobuy div.find-a-retailer{
	margin: 0;
	padding: 0 10px 15px 10px;
	background-image: url(../images/reskin/large_bottom.gif);
	background-position: left bottom;
	background-repeat: no-repeat;
}
div#contentWheretobuy div.find-a-retailer form{
	margin: 0;
	padding: 10px 0 0 0;
	background-image: url(../images/reskin/small_top.gif);
	background-position: left top;
	background-repeat: no-repeat;
}
div#contentWheretobuy div.find-a-retailer form fieldset{
	margin: 0;
	padding: 0 10px 10px 10px;
	background-image: url(../images/reskin/small_bottom.gif);
	background-position: left bottom;
	background-repeat: no-repeat;
	border: none; 
}
div#contentWheretobuy div.find-a-retailer h2{
	margin: 0;
	padding: 0;
	color: #f0027f;
	font-size: 1.6em;
	font-weight: normal;
}
div#contentWheretobuy div.find-a-retailer ol{
	margin: 0;
	padding: 0;
	list-style: none;
}
div#contentWheretobuy div.find-a-retailer li{
	margin: 0 15px 0 0;
	padding: 0;
	display: block;
	width: 100px;
	float:left;
}
div#contentWheretobuy div.find-a-retailer label{
	display: block;
	font-weight: bold;
}
div#contentWheretobuy div.find-a-retailer input.text, div#contentWheretobuy div.find-a-retailer select{
	width: 100px;
}
div#contentWheretobuy div.find-a-retailer li.search-location{
	padding-top: 10px;
}
div#contentWheretobuy div.find-a-retailer li.search-location input{
	border: none;
}
