/*
-----------------------------------------------------
Default CSS file for [ Digital UK - National Re-tune ]
Media:screen, projection

Author:Grand Union [ thegrandunion.com ]

To enable easier tabbing:
= denotes main section
& denotes sub section

Also:
    - IE specific stylesheet (tweaks.css) 
    - print stylesheet (print.css)
    - Add as required

Table of contents
----------------------------------------------------- 
    1.    Constants                                    For ref129erence purposes only
    2.    Reset                                        Equalising all browsers
    3.    Defaults                                     Standard sitewide definitions
        A.    Links
        B.    Typography
        C.  Tables 
        D.  Forms
        E.  Lists
    4.    Structure/Layout                             Template building blocks
    5.    Navigation                                   All site navigation
    6.    Furniture                                    Template look and feel
        A.    Header 
        B.    Wrapper 
        C.    Footer 
    7.    Page Content                                 All content within wrapper
        A.    Pods
        B.    Primary content
        C.    Secondary content
    8.  Misc
	9. PCD amends [SB]


/* = 1. Constants
----------------------------------------------------- 
    Colours
    -------------------------------------------------
    #fff = Colour (main background colour)
    #666 = Colour (text colour)
    #43acfc = Colour (link hover colour)
    
    Font sizes
    -------------------------------------------------
    all =     1.2em (12px)


/* = 2. Reset
----------------------------------------------------- */
    html, body, div, span, 
    ul, ol, li, h1, h2, h3, h4, h5, h6, p, a, img, dl, dt, dd, em, strong, object,
    form, fieldset, label, legend, button, 
    table, tr, th, td, tbody, tfoot, thead, caption, 
    blockquote, abbr, acronym, address, big, cite, code, del, dfn, ins, kbd, q, samp, small, sub, sup, tt, var, pre,
    b, u, i, center, font, applet, strike, s, iframe, embed, form {padding:0; margin:0; border:0; outline:0; font-size:1em; background:transparent; vertical-align:baseline;}  
	input, select, textarea {padding:0; margin:0; outline:0; font-size:1em; vertical-align:bottom; line-height:1;}   
    address, abbr, caption, cite, code, dfn, em, strong, th, var, h1, h2, h3, h4, h5, h6 {font-weight:normal; font-style:normal;}
    ul, dir, menu {list-style:none;}
    table {/**/border-collapse:collapse; border-spacing:0;}
    caption, th {text-align:left;}
    blockquote, q {quotes:none;}
    blockquote:before, blockquote:after, q:before, q:after {content:''; content:none;}
    acronym {cursor:help;}
    nobr {white-space:normal;}
    hr {display:none;}
/* */


/* = 3. Defaults
----------------------------------------------------- */

    /* Text included for non-visual users, hide content for screen */
    .context {
        height:1px; 
        left:0px; 
        overflow:hidden;
        position:absolute; 
        top:-500px;
        width:1px; 
    }
    
    /* Hides contents but leaves structuer in place */
    .context-flow {text-indent:-20000px;}/*Hides contents off-left*/
    
    /* text that is 'replaced' by an image (via a span) */
    .replaced {position:relative;}
    
    .replaced span {
        background:transparent no-repeat left top;
        display:block;
    	height:100%;
    	left:0;
    	position:absolute;
    	top:0;
    	width:100%;
    }
    
    /* horizontal rules (hr) - allows universal control */
    .hr {
        background:#000;/*Gecko/Opera*/
        border:0px solid #000; /*necessary to ensure hr is only 1px high in all browsers*/
        clear:both;
        color:#000; /* IE */
        height:1px;
        margin:1.5em 0px 1.5em 0px;
        padding:0px;
    }
    .hr hr {display:none;}
    
    /* Used to mark up content that needs attention */
    .edit-me {color:red;}
	
	/* Apply to hidden input elements */
	div.hiddenFields {display:none;}

    /* & 3A. Links
    ---------------------------- */
        a, 
        a:link {
            color:#003399; 
            outline:0; 
            font-style:inherit; 
            font-weight:inherit;
            text-decoration:none; 
        }
		
			.sec-col a {color:#fff; text-decoration:underline; font-weight:bold;}
    
        a:hover {color:#039; text-decoration:underline;}
        a:active {color:#039; text-decoration:underline;}
        a:focus {color:#039;}
		
		a.link-arrow {
			background:url(http://www.tvretune.co.uk/_format/_images/icons/arrow.png) no-repeat left center;
			padding:0 0 0 10px;
			margin-right: 10px;
		}
		
			a#change-address.link-arrow {
				font-weight: bold;
			}
			
			a.link-arrow.forecast-link {
				background:url(http://www.tvretune.co.uk/_format/_images/icons/arrow.png) no-repeat left 5px;
				font-weight: bold;
				display:block;
			}

		h2 a, 
		h2 a:link {color:#039;}
			
			h2 a {
				background:url(http://www.tvretune.co.uk/_format/_images/sprt_arrows.png) no-repeat 302px 50%;
				padding-right:28px;
				width:294px;
				display:block;
			}
			
			h2 a.inline {
				background:none;	
				padding-right:0;
				width:auto;
				display:inline;
			}
		
		h3 a,
		h3 a:link {
				background:url(http://www.tvretune.co.uk/_format/_images/sprt_arrows.png) no-repeat -1800px 50%;
				padding-left:8px;
			}
            
    
    /* & 3B. Typography
    ---------------------------- */
        p, address, li, dt, dd, td, th {
            color:#444;
            font-size:1.2em;
            line-height:1.5;
        }
    
        h1, h2, h3, h4, h5, h6 {
            color:#039;
            font-weight:bold;
            line-height:1.3;
            margin-bottom:0;
        }
    
        h1 {
			font-size:3em;
			margin-bottom:12px;
			line-height:1.2;
		}
		
			.dark-split h1 {
				color:white;
				font-weight: normal;
			}
		
        h2 {
			font-size:1.7em;
			font-weight: bold;
			margin:0 0 8px 12px;
		}
		
			.intro h2 {
				color:#43acfc;
				font-size:2em;
			}
			
			.dark-intro h2, 
			.dark-intro h1 {
				color:white;
				font-size:2.1em;
				margin-bottom: 0;
			}
		
        h3 {
			font-size:1.2em;
			color:#444;
			margin:12px 0 4px;
		}
		
        h4 {font-size:1.6em; clear: both;}
        h5 {font-size:1.4em;}
        h6 {font-size:1.2em;}
    
        input, 
        select, 
        textarea {font-size:inherit;}
    
        address {font-style:normal;}
    
        em {font-style:italic;}
        strong {font-weight:bold;}
        
        /* typography - extra classes */
        
    
    /* & 3C. Tables
    ---------------------------- */
        table {
            margin-bottom:1em;
            width:100%; 
        }
    
        thead {text-align:center;}
    
        td, th {padding:5px;}
    
        th {font-weight:bold;}
    
        /* tables - extra classes */
            tr.alt td {background:#f5f5f5;}    
        

    /* & 3D. Forms
    ---------------------------- */
        form {text-align:left;}
    
        fieldset {text-align:left;}
    
        legend {display:none;}
    
        label {
            cursor:pointer;
            display:block;  
        }
		
		.sec-col label {font-weight:bold;}
    
        input,
        textarea {
			font-family:Arial, Helvetica, sans-serif;
			height:1.6em;
			line-height:1.6em;/*T*/
		}
                    
        /* forms - extra classes */
            input.text { }
            input.checkbox { }
            input.radio { }
    
    
    /* & 3E. Lists
    ---------------------------- */
        dt {font-weight:bold; }
    
        dd {margin-bottom:1.5em;}
        
        ol, 
        ul {margin:0;}

        ol {list-style:decimal;}
        ul {list-style:none;}    

        li {float:left; display:inline;}
        
        /* nested lists */
            li ol, 
            li ul   {margin:0 2em;}
            li li   {font-size:1em;}
            
        /* lists - extra classes */
            
    
/* */


/* = 4. Structure/Layout
----------------------------------------------------- */
html {height:100%;}
	
	body {
		height:100%;
		text-align:center;
	}

    #container {
        margin:0 auto;
        text-align:left;
        width:970px; overflow:auto;
		position:relative;
		min-height:100%;/*T*/
    }
	
		#container .inner {
			padding-bottom:230px;
			float:left; display:inline;
		}
    
    #header {
		width:100%;
		position:relative;
		padding-bottom:35px;
		height:145px;
	}

    #wrapper {
		float:left; display:inline;
		width:100%;
		padding:10px 0 30px 0;
	}
	
	#breadcrumb {
		border-bottom:1px solid #a1d5fd;
		color:#003399;
		margin-bottom:10px;
		padding:0 0 5px 10px;
	}

    .pri-col, 
    .sec-col {float:left; display:inline;}
	
	.pri-col {width:732px;}
        
    .sec-col {
			width:225px;
			margin-left:12px;
		}
    
    #notice {
    	clear: both;
    	width: 732px;
    	margin-top: 10px;
    	padding-top: 10px;
    	border-top: 1px solid #c9c9c9;
    }
    
    #notice .logo {
    	float: left;
    }
    
    #notice p {
    	margin-bottom: 10px;
    }
    
    #notice .logo img {
    	margin-right: 10px;
    }    
    
    #notice .logo p {
    	float: right;
    	width: 600px;
    }
    
    #footer {
		position:relative;
		margin-top:-210px;
		clear:both;
		float:left; display:inline;
		width:100%;
		min-height:210px;/*T*/
    }
	
		#footer .inner {
			margin:0 auto 30px auto;
			text-align:left;
			width:970px; overflow:auto;
		}
/* */    
    

/* = 5. Navigation
----------------------------------------------------- */
.nav-main ul {
	height:35px;
	width:732px; overflow:auto;
	position:absolute;
	bottom:0; left:10px;
}
	
	.nav-main ul li {
		padding:0;
		margin-right:2px;
	}
	
	.nav-main ul li a {
		width:181px;
		height:35px;
		display:block;
		position:relative;
		overflow:hidden;
	}
	
		.nav-main ul li a span {
			position:absolute;
			width:100%;
			height:100%;
			cursor:pointer;
			background:url(http://www.tvretune.co.uk/_format/_images/sprt_nav.png) no-repeat 0 0;
		}
		
			.nav-main ul li.how a span {background-position:-181px 0;}
			.nav-main ul li.troubleshooting a span {background-position:-362px 0;}
			.nav-main ul li.contacts a span {background-position:-543px 0;}
				
				.nav-main ul li.why a:hover span {background-position:0 -35px;}
					.nav-main ul li.why a.selected span {background-position:0 -35px;}
				.nav-main ul li.how a:hover span {background-position:-181px -35px;}
					.nav-main ul li.how a.selected span {background-position:-181px -35px;}
				.nav-main ul li.troubleshooting a:hover span {background-position:-362px -35px;}
					.nav-main ul li.troubleshooting a.selected span {background-position:-362px -35px;}
				.nav-main ul li.contacts a:hover span {background-position:-543px -35px;}
					.nav-main ul li.contacts a.selected span {background-position:-543px -35px;}
/* */


/* = 6. Furniture
----------------------------------------------------- */
	body {
		background:#eaf6ff url(http://www.tvretune.co.uk/_format/_images/bg_body.png) repeat-x fixed 0 0;
		font:62.5%/1 Arial, Helvetica, sans-serif;
	}

    p.fixed-text-size {
		font-size:11px !important;
	}

    /* & 6A Header
    ---------------------------- */		
		#header {
			background:url(http://www.tvretune.co.uk/_format/_images/bg_header.jpg) no-repeat 0 0;
			width:970px;
			z-index:10;
		}
		
			#site-search {
				position:absolute;
				bottom:6px; right:8px;
				width:208px;
			}
			
				#site-search p {
					line-height:1;
					float:left; display:inline;
				}
				
					#site-search input {
						width:154px;
					}
					
						#site-search input.button {
							width:43px; 
							height:21;
							line-height:1;
							margin-left:4px;
						}
			
			#retune_logo{
				left:18px;
				position:absolute;
				top:60px;
			}
			
			#top-nav {
				color:#1141A0;
				font-size:1.2em;
				left:0px;
				position:absolute;
				text-align: right;
				top:18px;
				width: 820px;
			}
				#top-nav a {
					color: #1141A0;
				}
			
			div#retune-dropdown {
				background:white;
				border:1px solid #989898;
				display: none;
				left:192px;
				overflow:hidden;
				position:absolute;
				top:180px;
				z-index:5;
			}
			
				div#retune-dropdown ul{width:181px}
				
					div#retune-dropdown ul li {
						border-bottom:1px dashed #989898;
						width:100%;
					}
					
						div#retune-dropdown ul li.last {border-bottom:0px;}
			
					div#retune-dropdown a {
						color:#656565;
						text-decoration: none;
						display: block;
						padding:10px;
						height:100%
						
					}
					
					div#retune-dropdown a:hover {
						color:white;
						background-color: #4eaffc;
					}

			.access {
				background:url(http://www.tvretune.co.uk/_format/_images/bg_access.png) no-repeat 0 0;
				width:121px;
				height:30px;
				float:right; display:inline;
				margin:10px 10px 0 0;
			}
		
			#container .access .inner {padding:5px 8px;}
			
				.access ul {
					float:left; display:inline;
					width:54px;
				}
			
				.access p {
					float:left; display:inline; 
					line-height:1;
					font-size:1.1em;
					padding:3px 2px 0 0;
				}
				
				.access li {
					border-right:1px solid #5c5c5c;
					padding:0 1px 0 2px;
					line-height:1;
					font-size:1em;
				}
				
					.access li.increase {border:none;}
			
				.access li a {
					width:14px;
					height:14px;
					overflow:hidden;
					position:relative;
					display:block;
				}
				
					.access li a span {
						width:100%;
						height:100%;
						position:absolute;
						top:0; left:0;
						background:url(http://www.tvretune.co.uk/_format/_images/sprt_access.png) no-repeat 0 0;
						cursor:pointer;
					}
					
						.access li.reset a span {background-position:-20px 0;}
						.access li.increase a span {background-position:-40px 0;}
						
						.access li.decrease a.selected span {background-position:-60px 0;}
						.access li.reset a.selected span {background-position:-80px 0;}
						.access li.increase a.selected span {background-position:-100px 0;}
	/* */
	    
    /* & 6B Wrapper
    ---------------------------- */
        #wrapper { }
	/* */
		
    /* & 6C Footer
    ---------------------------- */
		#footer {background:#b3deff;}
		
			p.brought-to-u {
				width:139px;
				height:16px;
				overflow:hidden;
				position:relative;
				margin:20px 0 15px 10px;
			}
			
			p.brought-to-u span {
				width:100%;
				height:100%;
				position:absolute;
				background:url(http://www.tvretune.co.uk/_format/_images/bg_brought-to-u.png) no-repeat 0 0;
			}
			
			.logos {
				margin-left:10px;
				width:932px;
				height:54px;
				background:url(http://www.tvretune.co.uk/_format/_images/bg_logos.png) no-repeat 0 0;
				display:block;
				padding:3px 9px 0 18px;
			}
			
			.logos li {margin:0 0 0 0;}
			
		.bookend {
			width:100%;
			border-top:1px solid #003399;
			margin-top:30px;
			padding:15px 0;
			float:left; display:inline;
		}
		
			.bookend p {
				color:#003399; 
				font-size:1.1em;
				float:left; display:inline;
			}
			
			.bookend ul {float:right;}
			
				.bookend li {
					font-size:1.2em;
					color:#003399;
					margin-left:5px;
				}
				
					.bookend li a {
						color:#003399;
						margin-right:5px;
					}
					
						.bookend li a:hover {text-decoration:underline;}
	/* */
	
/* */


/* = 7. Content elements
----------------------------------------------------- */

	/* & 7A. Pods
	---------------------------- */
	.pod {
		background:#fff url(http://www.tvretune.co.uk/_format/_images/sprt_bgs.png) repeat-y 0 0;
		width:100%;
		margin:8px 0 12px;
		position:relative;
		float:left; display:inline;
	}
	
		.shim-upper, 
		.shim-lower {
			height:8px;
			display:block;
			width:100%;
			overflow:hidden;
			background:url(http://www.tvretune.co.uk/_format/_images/sprt_corners.png) no-repeat 0 -8px;
		}
	
		.shim-lower {background-position:0 0;}
		
	.pod .content {
		padding:5px 0 5px 13px;
		float:left;
	}
	
	.inner-pod {
		background:url(http://www.tvretune.co.uk/_format/_images/sprt_bgs.png) repeat-y -750px 0;
		position:relative;
		width:718px; overflow:auto;
		overflow: hidden;
	}
	
	
#accordion .inner-pod {
	background: none !important;
}
		.no-bg {background:none;}
			.no-bg .shim-upper, 
			.no-bg .shim-lower {display:none;}
	
		.inner-pod .shim-upper {
			background-position:-750px -8px;
			position:relative;
			top:0;
		}
		
		.inner-pod .shim-lower {
			background-position:-750px 0;
			position:relative;
			bottom:0;
			clear:both;/*reqd for ie6*/
		}
		
		.inner-pod-content {padding:0 12px;}
			
			.inner-pod-content li {
				clear:both;
				width:90%;
			}
				.inner-pod-content li em {
					font-style: normal;
					font-weight: bold;
				}
				
			.inner-pod-content div p {
				margin-right:10px;
			}
		
		.split2 .inner-pod-content, 
		.split2alt .inner-pod-content, 
		.split3 .inner-pod-content {
			float:left; display:inline;
			margin-right:13px;
		}
		
			.split2 .last, 
			.split2alt .last,  
			.split3 .last {margin-right:0 !important;}
		
		/*.pod img {border:1px solid #d7d7d7;}*/
		
		.inner-pod-content h2 {margin-left:0;}
			
		
		
		/*2 column version variations*/
		.split2 .inner-pod {background-position:-1500px 0;}
		
			.split2 .inner-pod .shim-upper {background-position:-1500px -8px;}
			
			.split2 .inner-pod .shim-lower {background-position:-1500px 0;}			
			
			.split2alt .inner-pod {background-position:-750px 0;}
			
			.split2alt .inner-pod .shim-upper {background-position:-750px -8px;}
			
			.split2alt .inner-pod .shim-lower {background-position:-750px 0;}
			
			.split2 .inner-pod-content, 
			.split2alt .inner-pod-content {width:322px; position: relative;}
				
				.split2 h3 {
					margin-top:0;
					font-size:1.5em;
				}
				
					.split2 h3 span {display:block; clear:both;}
				
				.split2 img {
					width:320px;
					height:130px;
				}
				
				.split2 p.tip {
					background:url(http://www.tvretune.co.uk/_format/_images/icons/icon_tip.png) no-repeat 0 0;
					padding-left:20px;
					display:block;
					font-size:1.1em;
				}
				
				.split2 p.dates {font-size:1.1em;}
				
				.split2 ul {width:100%; overflow:auto;}
				
				.split2 li {margin-bottom:8px;}
				
				.split2 li a {
					padding-left:10px;
					background:url(http://www.tvretune.co.uk/_format/_images/sprt_arrows.png) no-repeat -350px 0;
					display:inline-block;
				}
		
		.pod.dark-split .inner-pod {
			background: #257BE2;
			float:left;
			height:145px;
			width:360px;
			overflow:visible;
		}
		
			.pod.dark-split .inner-pod .shim-upper {
				background:white url(http://www.tvretune.co.uk/_format/_images/sprt_dark_corners.png) no-repeat left 1px;
			}
			
			.pod.dark-split .inner-pod .shim-lower {
				position: absolute;
				bottom:-1px;
				background:white url(http://www.tvretune.co.uk/_format/_images/sprt_dark_corners.png) no-repeat -732px 0;
			}
			
			.pod.dark-split img{
				border:none;
				float:right;
			}
		
		/*3 column version variations*/
		.split3 .inner-pod {background-position:-2250px 0;}
		
			.split3 .inner-pod .shim-upper {background-position:-2250px -8px;}
			
			.split3 .inner-pod .shim-lower {background-position:-2250px 0;}
				
			.split3 .inner-pod-content {width:202px; margin-right:14px;}
				
				.split3 h3 {margin-top:0;}
				.split3 img {
					margin:8px 0 0;
					width:200px;
					height:125px;
				}
				
				.split3 p.single-link {
					font-size:1.1em;
					margin-bottom:0;
				}
					
					.split3 .single-link a {
						background:url(http://www.tvretune.co.uk/_format/_images/sprt_arrows.png) no-repeat -350px 50%;
						padding-left:10px;
						text-decoration:underline;
					}
			
		.pod.dark-intro {background:#3390e8;}
					
			.pod.dark-intro .shim-upper {background-position:-6100px -8px;}
			
			.pod.dark-intro .shim-lower {background-position:-6100px 0;}		
		
			.pod.dark-intro .content {padding:0 0 0 13px;}


/* buttons */

		
		ul.btn_rnd {
			background:url(http://www.tvretune.co.uk/_format/_images/btn_rnd_left.png) transparent no-repeat top left;
			float:left;
			font-size:90%;
			padding:0;
			margin: 0;
		}
		
		ul.btn_rnd li {
			background:url(http://www.tvretune.co.uk/_format/_images/btn_rnd_right.png) transparent no-repeat top right;
			margin-bottom:0;
			width: auto;
		}
		
		ul.btn_rnd li a {
			display:block;
			background: none;
			color: #505050;
			padding:4px 30px 12px 8px;
		}	
		
		
	/*table pod*/	
	table.pod {
		border-bottom:1px solid #b3deff;
		background:none;
	}
	
		table.pod th {
			background:#3390e8;
			color:#fff;
			border-style:solid; 
			border-color:#fff;
			border-width:0 1px 1px 0;
			padding:20px 15px;
		}
		
		table.pod thead th.left-col, 
		table.pod thead th.right-col {background:#3390e8 url(http://www.tvretune.co.uk/_format/_images/bg_table-pod-hdr.png) no-repeat 0 0;}
		
		table.pod thead th.right-col {border-right:0; background-position:100% 0;}
		
		table.pod td {
			border-style:solid; 
			border-color:#b3deff;
			border-width:1px 1px 0 0;
			padding:15px;
		}
		
		table.pod td.left-col,
		table.pod th.left-col {background:url(http://www.tvretune.co.uk/_format/_images/spcr_table-left.png) repeat-y 0 0;}

			
	/* pods in secondary column*/
	.sec-col .pod {
		background:#43acfc;
		width:225px;
	}
		
		.sec-col .shim-upper {
			background-position:-3800px -8px;
			background-color:#43acfc;
		}
		
		.sec-col .shim-lower {
			background-position:-3800px 0;
			background-color:#43acfc;
		}
		
		.sec-col .pod .content {padding:10px 10px 5px 10px;}
		
			.sec-col .further-events .content {padding:12px 10px;}
			.sec-col .contact .content {padding-bottom:2px;}
			
			/* pod variations */
			.further-events {
				margin-bottom:0; 
				border-bottom:1px solid #fff;
			}
			
			.faqs {
				margin:0;
				border-bottom:1px solid #fff;
			}
			
				#pcd_retune .faqs {margin:8px 0 0;}
			
			.contact {margin-top:0;}
			
		.sec-col .pod .content {
			background:url(http://www.tvretune.co.uk/_format/_images/bg_seccol-pod.png) repeat-x 0 100%;
			width:205px;
		}
		
			.sec-col .contact .shim-lower {background-color:#328ee7;}

/* channels available */
		
#channels-available {
	margin: 10px 0;
	float: left;
}

div.channel-status {
	float: left;
	width:115px;
	font-size: 1.1em;
}

/* table icons */

div.reception-forecast {
	float: left;
	margin-bottom:10px;
	clear:both;
	width: 100%;
	
}

div.info {
	float:left;
}



div.status-icon,
span.status-icon {
	float:left;
	width:16px;
}

div.info-icon {
	float:right;
	width:16px;
}
div.info-text {
	float:left;
	width:75%;
}

span.poor {
	background:url(http://www.tvretune.co.uk/_format/_images/icons/poor.png) no-repeat;
	width: 16px;
	height: 16px;
	display: block;
}

span.good {
	background:url(http://www.tvretune.co.uk/_format/_images/icons/good.png) no-repeat;
	width: 16px;
	height: 16px;
	display: block;
}

span.variable {
	background:url(http://www.tvretune.co.uk/_format/_images/icons/variable.png) no-repeat;
	width: 16px;
	height: 16px;
	display: block;	
}

span.retune-required {
	background:url(http://www.tvretune.co.uk/_format/_images/icons/retune.png) no-repeat;
	width: 18px;
	height: 18px;
	display: block;	
}

span.info {
	background:url(http://www.tvretune.co.uk/_format/_images/icons/info.png) no-repeat;
	width: 16px;
	height: 16px;
	display: block;	
}

							
div.channel-status div.status-icon span.retune,
div.channel-status span.status-icon span.retune {
	background: url(http://www.tvretune.co.uk/_format/_images/icons/retune_white.png) no-repeat 0 0;
	width: 16px;
	height: 16px;
	display: block;	
}

span.aerial-upgrade {
	background:url(http://www.tvretune.co.uk/_format/_images/icons/aerial-upgrade.png) no-repeat;
	width: 18px;
	height: 18px;
	display: block;	
}

div.status {
	float:left;
	width:75%;
	margin-left: 5px;
}



div.channel-status div.status-icon span.subscription {
	background: url(http://www.tvretune.co.uk/_format/_images/icons/subscription_white.png) no-repeat 0 0;
	width: 16px;
	height: 16px;
	display: block;	
}

div.channel-status div.status-icon span.aerial-upgrade {
	background: url(http://www.tvretune.co.uk/_format/_images/icons/aerial-upgrade_white.png) no-repeat 0 0;
	width: 16px;
	height: 16px;
	display: block;	
}

	/* manual form */
	
	form#findmanual input {
		display:none;
	}
	
	form#findmanual fieldset {
		font-weight:bold;
		margin-top:10px;
	}
		form#findmanual fieldset input {
			display:inline;
		}
		
		form#findmanual fieldset p {
			margin-bottom:10px;
		}
	
		form#findmanual fieldset label {
			width:160px;
		}
		
		form#findmanual fieldset select {
			margin-right:10px;
			width:175px;
		}
		
		form#findmanual fieldset input {
			height:21px;
			/*margin-left:275px;*/
			width:62px;
		}
	
	div#overlay {
		background-image:url(http://www.tvretune.co.uk/_format/_images/overlay.gif);
		height:189px;
	 	position:absolute;
		width:288px;
	}
		div#overlay div {
			padding:40px 10px 0px 10px;
			text-align:left;
		}
		
		div#overlay	h5 {
			color:#43ACFC;
		}
	p.search-results {
		color:#003399;
	}
	
	table.search-results-table {
		margin-top:15px;
	}
		table.search-results-table tr {
			height:56px;
		}
		
			table.search-results-table tr.border-line {
				border-bottom:1px solid #cacaca;
			}

			table.search-results-table tr th {
				padding-left:14px;
				background-color:#eaf7ff;
				vertical-align:middle;
			}

			table.search-results-table tr td {
				height:56px;
				padding-left:14px;
				vertical-align:middle;
			}
			
				table.search-results-table tr td img {
					vertical-align:baseline;
					border:0px;
				}

	/* contact form */
	form#contact_form {
		margin-top:10px;
		margin-bottom:10px;
		overflow:visible;
	}
		form#contact_form label {
			width:150px;
			
		}
		form#contact_form input {
			float:right;
			width:270px;
		}
			form#contact_form input#subject {
				display:none;
			}
			
		form#contact_form textarea {
			float:right;
			height:150px;
			width:270px;
		}

/* vertical tabs */
.vertical-tabs .content {
	margin:-8px 0 -8px 0;
	padding:0;
	width:100%;
	position:relative;
	z-index:1;
	float:left; display:inline;
}

.tabs {
	float:left; display:inline;
	width:100%;
}
	
	.tabs h3 {
		color:#43ACFC;
	}
	
	.tabs .tab-nav {
		float:left; display:inline;
		width:245px;
	}
		
		.tabs .tab-nav li {
			font-size:1.6em;
			font-weight:bold;
			line-height:1.3;
			border-bottom:1px solid #1679c6;
			border-top:1px solid #b3deff;
		}
			
			.tabs .tab-nav a {
				display:block;
				padding:0 10px;
				width:225px;
				background:url(http://www.tvretune.co.uk/_format/_images/sprt_tabs.png) no-repeat 0 100%;
				color:#fff;
				height:67px;
				line-height:67px;
			}
				
				.tabs .tab-nav a:hover {
					background-position:-735px 100%;
					color:#039;
					text-decoration:none;
				}
				
				.tabs .tab-nav li.first {border-top:none;}
					.tabs .tab-nav li.first a {background-position:-490px 100%;}
						.tabs .tab-nav li.first a:hover {background-position:-1225px 100%;}
							
				.tabs .tab-nav li.last {border-bottom:none;}
					.tabs .tab-nav li.last a {
						background-position:-245px 100%;
						line-height:1.4;
						padding-top:10px;
						height:57px;
					}
						.tabs .tab-nav li.last a:hover {background-position:-980px 100%;}
			
				.tabs li.selected a {
					background:none;
					color:#039;
				}
				.tabs li.selected a:hover {
					text-decoration:none;
					cursor:default;
				}
	
	.tabs .tab-content {
		float:right; display:inline;
		padding:0 10px;
		width:450px;
		height:205px;
		overflow-y:auto;
		overflow-x: hidden;
		margin-right: 10px;
	}			
		
		.tabs .tab-content h4.context {
			position:static;
			overflow:visible;
			width:auto;
			height:auto;
		}
		
			.tabs .tab-content .pod-content {
				float:left; display:inline;
				width:467px;
			}
			
			.tabs .tab-content .inner-pod-content {
				background-color:#e1f2fe;
			 	height:120px;
			 	padding:10px 0 4px;
				width:467px;
				position:relative;
				margin:8px 0 0;
				float:left; display:block;
				position: relative;
				left: -5px;
			}
			
				.tabs .tab-content .inner-pod-content .shim-upper {background-position:-5600px -8px; background-color:#e1f2fe;}
				.tabs .tab-content .inner-pod-content .shim-lower {background-position:-5600px 0; background-color:#e1f2fe;}
				
				.tabs .tab-content .inner-pod-content img {
					 float:left; display:inline;
					 margin-left:20px;
				}
				.tabs .tab-content .inner-pod-content div {
					float:left; display:inline;
					width:220px;
					 margin-left:20px;
				}
				
			.js .tabs .tab-content {clear:none;}
			
			.js .tabs .tab-content h4.context {
				position:absolute;
				overflow:hidden;
				width:1px;
				height:1px;
			}
		
		.tab-content ol li {
			color:#666;
			margin:0;
		}
	
	.page-actions {
		width:363px; overflow:auto;
		border-top:1px dotted #c7c7c7;
		background:url(http://www.tvretune.co.uk/_format/_images/bg_pageactions.png) repeat-y 0 0;
	}
	
	.page-actions li {
		width:117px;
		line-height:1em;
		padding:0 2px;
		font-size:1.1em;
		font-weight:bold;
	}
	
	.page-actions li a {
		padding:1em 0 1em 30px;
		background:url(http://www.tvretune.co.uk/_format/_images/sprt_icons.png) no-repeat 0 50%;
		display:block;
		
	}
	
		.page-actions li.print, 
		.page-actions li.email {
			padding-left:20px;
			width:97px;
		}
	
		.page-actions li.print a {
			background-position:-150px 50%;
			padding:1.5em 0 1em 38px;
		}
		.page-actions li.email a {
			background-position:-300px 50%;
			padding:1.5em 0 1em 38px;
		}




    /* & 7B. Primary content
    ---------------------------- */  
	
	.pri-col p {margin-bottom:5px; margin-right: 10px;}
		
		.pri-col form p {margin-right:0;}
	
	.accessibility-page ul, .disc-style, .arrow-style {
		display:list-item;
		overflow:auto;
		width:100%;
	}
	
	.accessibility-page ul li, .disc-style li {
		background:url(http://www.tvretune.co.uk/_format/_images/sprt_arrows.png)  no-repeat -1050px 0;
	 	display:list-item;
		padding-left:12px;
		clear:both;
		width:95%;
	}
	
	.arrow-style li {
		background:url(http://www.tvretune.co.uk/_format/_images/sprt_arrows.png) no-repeat scroll -1800px 0;
		display:list-item;
		padding-left:12px;
		clear:both;
		font-weight:bold;
	} 
	
	.pri-col form {
		width:484px;
		float:left; display:inline;
	}
		
		.pri-col form p {
			float:left; display:inline; 
			width:100%;
		}
			
			.pri-col form label {
				float:left; 
				display:inline;
				width:200px;
				height:1.6em;
				line-height:1.6em;
			}
			
			.pri-col form input {
				width:270px;
				margin-left:10px;
				float:left; display:inline;
			}

				.pri-col form input.hiddeninput {
					display:none;
				}
				
				.pri-col form textarea.hiddeninput {
					display:none;
				}
				
				.pri-col form input.button {
					float:right;
					width:72px;
					height:21px;
					line-height:normal;
				}
	
	.no-bg-general {
		background:none;
	}
	
	
	.pri-col form.inline-form {width:100%;}
		
		.pri-col form.inline-form p {width:auto;}
			
			.pri-col form.inline-form label {
				display:block;
				width:180px;
			}
			
			.pri-col form.inline-form input {
				width:170px;
				margin-left:0;
				clear:both;
			}
			
			.pri-col form.inline-form select {
				width:170px;
				margin-left:0;
				clear:both;
				float:left; display:inline;
				height:1.7em;
				line-height:1.7em;
			}
			
			.pri-col form.inline-form input.button {
				float:right;
				width:72px;
				height:21px;
				line-height:normal;
			}
	
			.pri-col form.inline-form p.submit label {width:100px;}
			.pri-col form.inline-form p.submit input {margin-left:12px; float:left;}
	
	
	
	
	h2.accordian, 
	h2.faq {
		background:#3390e8 url(http://www.tvretune.co.uk/_format/_images/sprt_corners.png) no-repeat -4850px 0;
		margin:-8px 0 8px -12px;
		position:relative;
		z-index:3;
		/*padding-top:4px;*/
		float:left;
		line-height:1.4;
	}
	
		h2.accordian a {
			background:url(http://www.tvretune.co.uk/_format/_images/sprt_corners.png) no-repeat -4100px 100%;
			color:#fff;
			width:606px;
			padding:0 100px 0 0;
			float:left;
		}
	
		h2.faq span {
			background:url(http://www.tvretune.co.uk/_format/_images/sprt_corners.png) no-repeat -4100px 100%;
			color:#fff;
			width:686px;
			padding:0 10px 4px 10px;
			display:block;
		}
		
			h2.accordian a span {
				background:url(http://www.tvretune.co.uk/_format/_images/sprt_arrows.png) no-repeat -2536px 0;
				width:30px;
				height:26px;
				float:left; display:block;
			}
			
			h2.accordian a span.nobg {
				background:none;
				width:10px;
				height:1.8em;
				float:left; display:block;
			}
			
				h2.accordian a.close span {background-position:-2576px 0;}
			
				h2.accordian em {
					font-size:.69em;
					font-weight:normal;
					font-style:normal;
					position:absolute;
					top:.2em; right:10px; /*T*/
					text-decoration:underline;
					cursor:pointer;
					/*margin-top:-2px;*/
				}
		
		h2.accordian a:hover {
			text-decoration:none;
			color:#fff;
		}
		
		ol {margin-left:22px;}
		
		ol li {
			display:list-item; 
			list-style:outside decimal;
			font-weight:bold;
			clear:both;
			float:none;
			vertical-align:top;
			margin:0 0 12px 0;
			line-height:1.3em;
		}
		
		.inner-pod-content ol li {
			color:#43acfc;
			width:95%;
		}
		
		ol li span {
			font-weight:normal;
			color:#636363;
		}
		
		ol li strong {display:block;}
		ol li span a {
			font-weight:bold;
			background:url(http://www.tvretune.co.uk/_format/_images/sprt_arrows.png) no-repeat -2650px 50%;
			margin-left:5px;
			padding-left:8px;
		}

    
    /* & 7C. Secondary content
    ---------------------------- */
	.sec-col .pod p, 
	.sec-col .pod li, 
	.sec-col .pod h4 {color:#fff; margin-bottom:5px; font-weight:bold;}
		
	.sec-col .pod h4 {
		width:172px;
		text-indent:-20000px;
		display:block;
		background:url(http://www.tvretune.co.uk/_format/_images/sprt_h4s.png) no-repeat 0 0;
		overflow:hidden; /*reqd for ie6*/
	}
	
		.sec-col .further-events h4 {height:34px; margin-bottom:10px; background-position:0 -70px;}
		.sec-col .faqs h4 {height:17px; background-position:0 -105px;}
		.sec-col .contact h4 {height:14px; background-position:0 -53px;}
		
		.sec-col .faqs ul {
			display:block;
			width:100%; overflow:auto;
			padding-bottom:8px;
		}
		
		.sec-col .faqs li {
			clear:both;
			width:90%;
		}
			
		.sec-col .faqs li a {
			padding-left:12px;
			background:url(http://www.tvretune.co.uk/_format/_images/sprt_arrows.png) no-repeat -700px 0;
			text-decoration:none;
			display:inline-block;
			font-weight:bold;
		}
	
	.sec-col input {width:145px;}
	
	.sec-col input.button {
		width:auto;
		height:21px;
		line-height:normal;
		margin-left:4px;
	}
	
	.sec-col .pod p.phone {
		font-size:2.2em; 
		font-weight:bold;
		margin-bottom:0;
	}
        
        

    /* & 7C. Modules
    ---------------------------- */
    
        /* standard module blocks */
            .module { }
            


    /* & 7D. Page/Area specific styles
    ---------------------------- */
        
        /* home page */
            

/* */



/* = 8. Misc
----------------------------------------------------- */

    /* & Styles for deprecated tags alerting CMS users that they are using illegal tags
    ---------------------------- */
        b, big, blink, center, font, i, layer, marquee, small, u {
            background:yellow;
            border:2px dashed green;
            color:red;
            font-size:30px;
            font-weight:bold;
        }
        b:after, big:after, blink:after, center:after,  font:after, i:after, layer:after, marquee:after, small:after, u:after { 
            content:" You are using a deprecated tag; please fix." 
        }
/* */

/* = 9. PCD amends [SB]
----------------------------------------------------- */
	
	/* & 9A. Both pages
	---------------------------- */
	#pcd_retune .dark-intro .content {background:#3390e8;}
	#pcd_retune span.aerial-upgrade {background-image:url(http://www.tvretune.co.uk/_format/_images/icons/aerial-upgrade_white.png);}
	#pcd_retune span.subscription {display:block; width:16px; height:16px; background:url(http://www.tvretune.co.uk/_format/_images/icons/subscription_white.png) no-repeat 0 0;}
	#pcd_retune .reception_content {display:none;}
	#pcd_retune #notice {margin-top:28px;/* T */}
    #pcd_retune #notice .logo img,
	#pcd_retune #notice .logo p {float:left;}

		/* tables */
		#pcd_retune table.pod {width:704px;}
		#pcd_retune table.pod thead th, 
		#pcd_retune.retune-results table.pod td.title {padding:5px; font-size:1.5em; font-weight:bold; border-color:#b3deff; border-right-color:#fff; color:#003399; background:#b3deff;}
		
		#pcd_retune table.pod th.last {border-color:#b3deff;}
		#pcd_retune table.pod td {padding:5px; vertical-align:top; font-size:1.1em;}
		#pcd_retune table.pod th.first, 
		#pcd_retune table.pod td.first,
		#pcd_retune.retune-results table.pod .row-2 td.first,
		#pcd_retune.retune-results table.pod .row-3 td.first,
		#pcd_retune.retune-results table.pod .row-4 td.first {border:none; background:none;}

	/* & 9B. Results page
	---------------------------- */
	#pcd_retune.retune-results .split2 .link-arrow {font-weight:bold;}
	#pcd_retune.retune-results .channel-status div.status {width:88px;}
	#pcd_retune.retune-results #container,
	#pcd_retune.retune-results #inner-pod-channels-available,
	#pcd_retune.retune-results #inner-pod-how-do-I-retune,
	#pcd_retune.retune-results #inner-pod-retune-dates {overflow:visible;}
	#pcd_retune.retune-results #inner-pod-how-do-I-retune h4 {margin-bottom:12px; font-size:1.4em;}
	#pcd_retune.retune-results #inner-pod-how-do-I-retune p {margin-bottom:16px; line-height:1.3em;}
	#pcd_retune.retune-results #accordion .inner-pod-content {padding:0;}
	#pcd_retune.retune-results #accordion h2.accordian {width:706px; margin-left:0;}

		/* tables */
		#pcd_retune.retune-results table.pod thead th {border-bottom-color:#fff;}
		#pcd_retune.retune-results table.pod td.ch {font-size:1.3em; text-align:center;}
		#pcd_retune.retune-results table.pod td.ch strong {font-size:1.077em;}
		#pcd_retune.retune-results table.pod td.left-col {/*vertical-align:middle;*/}
		#pcd_retune.retune-results table.pod td.right-col{background:url("http://www.tvretune.co.uk/_format/_images/refresh2008/table_cell_right_border.png") repeat-y scroll right center transparent; border-right:medium none;}
		#pcd_retune.retune-results table.pod td.left-col img {float:left; margin-right:5px; border:none;}
		#pcd_retune.retune-results table.pod td.left-col img.logo {float:left; margin-left:15px; border:none;}
		#pcd_retune.retune-results table.pod td.left-col span.subscription {float:left; margin-top:5px;}
		#pcd_retune.retune-results table.pod .row-2 td {padding:5px; font-weight:bold; border-color:#b3deff; border-right-color:#fff; color:#003399; background:#b3deff;} 
		#pcd_retune.retune-results table.pod .row-3 td {border-color:#fff; color:#fff; background:#0c5aa6;}
		#pcd_retune.retune-results table.pod .row-4 td {border-color:#fff; color:#fff; background:#3390e8;}
		#pcd_retune.retune-results table.pod .row-2 td strong {font-size:1.091em;}
		#pcd_retune.retune-results table.pod .row-4 span.aerial-upgrade {background-image:url(http://www.tvretune.co.uk/_format/_images/icons/aerial-upgrade.png);}
		/* inheritance horrors */
		#pcd_retune.retune-results #tbody-channels-available .status-icon {width:auto;}
		#pcd_retune.retune-results #tbody-channels-available .status-icon span {float:left; margin-right:5px;}
		#pcd_retune.retune-results #tbody-channels-available .row-2 .status-icon,
		#pcd_retune.retune-results #tbody-channels-available .row-3 .status-icon,
		#pcd_retune.retune-results #tbody-channels-available .row-4 .status-icon {width:16px;}

		/* overlay tool tips */
		#pcd_retune .pcd-retune-overlay {
			position:relative;
		}
		#pcd_retune .reception_overlay_container {
			position:absolute;
			top:10px;
			left:0;
			z-index:99;
			width:195px;
			margin-left:-32px;
			padding-top:25px;
			background:url(http://www.tvretune.co.uk/_format/_images/overlay_bg_top_left.gif) transparent no-repeat left top;
		}
		#pcd_retune .right {
			background-image:url(http://www.tvretune.co.uk/_format/_images/overlay_bg_top_right.gif);
		}
		#pcd_retune .reception_overlay {
			float:left;
			width:145px;
			padding:0 25px 15px 25px;
			background:url(http://www.tvretune.co.uk/_format/_images/overlay_bg_bottom.gif) transparent no-repeat left bottom;
		}
		#pcd_retune .reception_overlay span.title {
			display:block;
			padding-bottom:10px;
			font-weight:normal;
		}
		#pcd_retune .reception_overlay a {
			display:block;
			margin-bottom:10px;
		}
	
	/* & 9C. Transmitter page
	---------------------------- */
	#pcd_retune.retune-transmitters #retune-dates-tip {margin-bottom:14px;}

	/* & 9C. Search page
	---------------------------- */
	#pcd_retune.retune-search .inner-pod,
	#pcd_retune.retune-search .inner-pod form {overflow:visible;z-index:1;}
	#pcd_retune.retune-search .pri-col form input {margin:0; width:auto; height:auto;}
	#pcd_retune.retune-search .input-group {float:left; width:155px; margin-right:10px; font-size:1.3em;}
	#pcd_retune.retune-search .input-group p {float:none; clear:left; display:block; font-size:1em; margin-top:10px;/* T */}
	#pcd_retune.retune-search .pri-col form #submitSearch {width: 43px; height: 23px;}
	
	#pcd_retune.retune-search .input-group label {display:block; float:none; width:auto;}
	#pcd_retune.retune-search .input-group-submit {float:left; margin-top:18px;}
	
p.download {
	clear:both;
	font-size:1.1em;
	width:390px;
	line-height:1.3em;
}

	p.download a {
		color:#666; text-decoration:none;
		background:url(http://www.tvretune.co.uk/_format/_images/bg_adobe.png) no-repeat 0 10px;
		padding:10px 0 0 92px;
		display:block;
	}
	
	p.download a span {text-decoration:underline;}

#pcd_retune.retune-results table.pod th.left-col {
	padding:5px 5px 2px; 
	border-color:#B3DEFF;
	border-style:solid;
	border-width:1px 1px 0 0;
	text-align:center;
	line-height:normal;
}

/* subscription icon in lhs column */
#pcd_retune.retune-results table.pod .left-col.sub img {
	float:left;
	margin:0 0 0 4px;
}

#pcd_retune.retune-results table.pod .left-col.sub .subscription {
	float:left;
	margin:6px 0 0 5px;
	text-indent:-9999px;
}

/* tweaks 250909 */
tr.context {display:none;} /* overiding browser definition */
#accordion .inner-pod-content, 
#accordion .inner-pod, 
#accordion .pod .content {float:left; }

/*fins additions 10.11.09*/
p.bubble {width:310px; background:#eaf6ff url(http://www.tvretune.co.uk/_format/_images/sprt_bubble.png) no-repeat 0 0; padding:0; font-size:1.1em; margin:4px 0 8px; line-height:1.4em; clear:both; color:#039;}
p.bubble span.bubble-inner {width:300px; padding:5px; display:block; position:relative; background:url(http://www.tvretune.co.uk/_format/_images/sprt_bubble.png) no-repeat -310px 100%; text-align:center;}
#pcd_retune .content .bubble span.bubble-inner .title { color:#444; }
p.bubble img {vertical-align:text-top; display: none;}
#pcd_retune .content .bubble .reception_overlay_container { left:auto; right:-140px; top:20px; }
#pcd_retune.retune-results table.pod th.left-col img {vertical-align:text-top;}
#pcd_retune.retune-results table.pod td.left-col img.blue-plus {float:none; vertical-align:text-top; display: none;}

/*Lee col width addition*/
.wide-col{width: 17%;}
.top-space{margin-top: 20px;}
.inner .logos li#logo-bbc{margin-left:31px;}
.inner .logos li#logo-itv{margin-left:98px;}
.inner .logos li#logo-ch4{margin-left:105px;}
.inner .logos li#logo-s4c{margin-left:89px;}
.inner .logos li#logo-five{margin-left:98px;}
/*.inner .logos li#logo-teletext{margin-left:68px;}*/
.inner .logos li#logo-freeview{margin-left:103px;}

/*HD note moved inline*/
#pcd_retune.retune-results table.pod td.left-col span.inline-note{font-weight: normal; padding-left: 300px; margin: 3px 0 0 0; font-size: 0.7em;}

/*fin additions 07.04.10 */
p.retune-attention		{padding:2px 0 2px 33px; font-weight:bold; line-height:1.2; background:url(../_images/icons/attention.png) no-repeat 0 50%; min-height:2em; height:auto !important; height:2em;}
.shim-lower				{clear:both;} /*fix for safari ie */