/********************************************************************/
/*                             Reset CSS                            */
/********************************************************************/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin: 0;padding: 0;border: 0;outline: 0;font-weight: inherit;font-style: inherit;font-size: 100%;font-family: inherit;vertical-align: baseline;}
ol, ul {list-style-type: none;}
/********************************************************************/
/*                            Generic tags                          */
/********************************************************************/
html { font-size:14px;}
body {font-family:Arial, Helvetica, sans-serif; font-size:85%; color:#566065; background-color:#fff;}
p { padding-bottom:15px; line-height:1.3em; color:#444444;}
abbr { text-decoration:none; border:none;}
img {border:0px;}
a { font-weight:bold; text-decoration:none;}
a:hover {text-decoration:underline;}
.fl { float:left;}
.fr { float:right;}
.clear { clear:both;}
.skiptocontent, .relbookmark {position:absolute; margin-left: -9999px;}
.checkbox { margin:0px 0px 0px 0px; width:13px; height:13px; overflow:hidden;}
.checkboxlabel { margin:0px 0px 0px 0px; line-height:13px; float:left; text-align:left;}
.relbookmark { position:absolute; margin-left: -9999px;}
strong { font-weight:bold;}
.hidden { display:none; position:absolute; left:-9999px;}

.search-container legend, .property-updates legend, .sidebar legend { display:none; position:absolute; left:-9999px;}

/********************************************************************/
/*                              H tags                              */
/********************************************************************/

h1 { font-size: 160%; color:#F10581; font-weight:normal; padding-bottom:10px;}
h2 { font-size: 130%; color:#F10581; font-weight:bold; padding-bottom:10px;}
h3 { font-size: 120%; color:#566065; font-weight:bold; padding-bottom:5px;}

/********************************************************************/
/*                          Template tags                           */
/********************************************************************/

#container { width:912px; text-align:left; margin-left:auto; margin-right:auto;}

/********************************************************************/
/*                              Header                             */
/********************************************************************/

#header { float:left; width:912px; height:174px; border-bottom:1px solid #FFFFFF; background:url(/_images/bkg/header.jpg) top left no-repeat;}
	.logo { float:left; position:relative; top:20px; left:40px;}
	#logo { float:left; position:relative; top:20px; left:40px; background:url(../_images/general/logo-bg.jpg) no-repeat top left;}
	#tagline { float:right;}

/********************************************************************/
/*                                Nav                               */
/********************************************************************/

#nav { float:left; width:912px;/* background:url(/_images/bkg/nav.jpg) top left repeat-x; */background:url(../_images/general/nav-placeholderbg.jpg) no-repeat top left;}
	#nav li { float:left; display:inline; height:30px; background:url(/_images/bullets/nav.gif) top right no-repeat; padding-right:3px; }
	#nav li.last { background:none; padding:0px;}
	#nav li a { display:block; height:30px;}
	
		#nav li a.home { background:url(/_images/nav/home.jpg) top left no-repeat; width:64px; text-indent:-9999px; }
			#nav li a:hover.home { background:url(/_images/nav/selected/home.jpg) top left no-repeat;}
			
		#nav li a.freeview { background:url(/_images/nav/freeview.jpg) top left no-repeat; width:71px; text-indent:-9999px; }
			#nav li a:hover.freeview { background:url(/_images/nav/selected/freeview.jpg) top left no-repeat; }
			
		#nav li a.tv { background:url(/_images/nav/tv.jpg) top left no-repeat; width:123px; text-indent:-9999px; }
			#nav li a:hover.tv { background:url(/_images/nav/selected/tv.jpg) top left no-repeat;}
			
		#nav li a.sky { background:url(/_images/nav/sky.jpg) top left no-repeat; width:44px; text-indent:-9999px; }
			#nav li a:hover.sky { background:url(/_images/nav/selected/sky.jpg) top left no-repeat; }

		#nav li a.multi { background:url(/_images/nav/multiroom.jpg) top left no-repeat; width:86px; text-indent:-9999px; }
			#nav li a:hover.multi { background:url(/_images/nav/selected/multiroom.jpg) top left no-repeat; }
			
		#nav li a.euro { background:url(/_images/nav/eurosat.jpg) top left no-repeat; width:124px; text-indent:-9999px; }
			#nav li a:hover.euro { background:url(/_images/nav/selected/eurosat.jpg) top left no-repeat; }

		#nav li a.motor { background:url(/_images/nav/motorsat.jpg) top left no-repeat; width:129px; text-indent:-9999px; }
			#nav li a:hover.motor { background:url(/_images/nav/selected/motorsat.jpg) top left no-repeat; }
		
			#nav li a.freesat { background:url(/_images/nav/freesat.jpg) top left no-repeat; width:166px; text-indent:-9999px; padding:0px;}
			#nav li a:hover.freesat { background:url(/_images/nav/selected/freesat.jpg) top left no-repeat; padding:0px;}
			
		#nav li a.about { background:url(/_images/nav/aboutus.jpg) top left no-repeat; width:81px; text-indent:-9999px; }
			#nav li a:hover.about { background:url(/_images/nav/selected/aboutus.jpg) top left no-repeat; }
		
/********************************************************************/
/*                                Content                           */
/********************************************************************/

.left-col { width:210px; float:left; margin-right:30px;}
	.left-col .highlighted-services { float:left; width:210px; padding:0px 0px 35px 0px;}
		.left-col .highlighted-services li { float:left; width:210px;}
		.left-col .highlighted-services li img { float:left;}
	
	.left-col .installers { float:left; width:190px; padding: 2px 0px 0px 20px;}
		.left-col .installers li { float:left; padding:0px 15px 20px 0px;}
			.left-col .installers li.even { padding:0px 0px 20px 0px;}
			.left-col .installers li.last { padding-bottom:0px; padding-top:10px;}
			.left-col .installers li.even_last { padding-bottom:10px;}
			.left-col .installers li img { float:left;}	

.content { width:455px; float:left; padding-top:22px;}
	.content a { color:#F10581;}
	.content ul { padding:0px 0px 8px 0px;}
	.content li { padding:0px 0px 5px 15px; background: url(/_images/bullets/content.gif) left top no-repeat;}

	.internal { width:430px;}
	.home-content { float:left; width:195px; padding:5px 0px 0px 0px;}
		.home-content h1 { padding-bottom:20px;}
		.home-content p { line-height:1.5em; padding-bottom:18px;}
			.home-content p.digital { padding:2px 0px 0px 0px;}
	.content .home-feature { float:right; width:226px; background:url(/_images/bkg/homefeature.gif) top left repeat-y; padding:0px 0px 0px 13px;}
		.content .home-feature li { padding:0px 0px 20px 0px;}
			.home-feature li.last { padding:0px;}
	.content ul.features1 { float:left; width:425px; padding: 2px 0px 0px 0px;} 
	.content ul.features1 li { float:left; width:420px; display:inline; padding:0px 20px 0px 0px; background:none; list-style-type:none;} 
			.features1 li.even { padding:0px 0px 10px 0px;}
			.features1 li div { width:420px; padding:15px 0px 0px 13px; border:1px solid #b0b1b2; float:left;}
			.features1 p { color:#566065; padding-right:0px; padding-bottom:0px; width:410px;}
			.features1 li h3 { padding-bottom:12px;}
			
.right-col { width:217px; float:right; padding-top:22px;}
	.right-col .subnav { float:left; width:217px; background:url(/_images/bkg/reflection.gif) bottom left no-repeat #efefef; padding:12px 0px 30px 0px;}
		.right-col .subnav li { float:left; width:201px; padding:0px 0px 10px 16px;}
			.right-col .subnav li.last { padding-bottom:0px;}
		.right-col .subnav li img { float:left;}
	
	ul.services { background-image:url(../_images/bkg/bg-services.gif); background-repeat:no-repeat; margin-bottom:20px; padding:10px 0px 5px 15px;}
	ul.services li { width:170px; float:left; padding:0px 0px 5px 20px; color:#000000; font-weight:bold; background-image:url(../_images/bullets/service-bullet.gif); background-repeat:no-repeat;}
	.right-col .services { float:left; width:215px; }
			
			.right-col .free-services li img { float:left; padding-bottom:20px;}
	
	.right-col .cards { float:left; margin-top:-5px;}

table { width:100%; padding-bottom:15px;}			
	table th { padding:2px 5px 2px 5px; font-weight:bold; color:#FFFFFF; background-color:#F10581; border-right:2px solid #FFFFFF; }
	table td { padding:2px 5px 2px 5px;}

/********************************************************************/
/*                                Sitemap                           */
/********************************************************************/
#sitemap{
	list-style:none;
	float:left;
	padding:0 0 0 10px;
	margin:10px 0 0 0;
}
#sitemap li{
	margin:0 0 2px 0;
}

/********************************************************************/
/*                                Footer                           */
/********************************************************************/

#footer { float:left; width:902px; border-top: 1px solid #c4c7c8; padding-top:10px; margin-top:10px; padding-bottom:10px;}
	#footer li { float:left; display:inline; padding:0px 5px 0px 5px; background:url(/_images/bullets/footer.gif) left no-repeat; }
			#footer li.first { padding:0px 5px 0px 0px;  background:none;}
			#footer li.last { padding:0px 0px 0px 5px; background:none; float:right; }
				#footer li.last a { font-weight:bold;}
	#footer li a { font-weight:normal; color:#f0027f;}
	

/********************************************************************/
/*                           CONTACT FORM                           */
/********************************************************************/
/********************************************************************/
/*                           CONTACT FORM                           */
/********************************************************************/
#contactform{
	width:440px;
	float:left;
	margin:5px 0 0 0;
}
#contactform label{
	float:left;
	margin:2px 0 0 0;
}
#contactform input.textfield{
	width:280px;
	float:right;
	margin:0 0 5px 0;
	font-size:11px;
	background:#FFECFB;
}
#contactform select {
	width:286px;
	float:right;
	margin:0 0 5px 0;
	font-size:11px;
	background:#FFECFB;
}
#contactform input.formbutton{

	float:right;
	margin:0 0 5px 0;
}
#contactform legend{
	display:none; position:absolute; left:-9999px;
}
#contactform textarea{
	float:right;
	width:280px;
	height:80px;
	font-size:11px;
	font-family:Arial, Helvetica, sans-serif;
	margin:0 0 5px 0;
	background:#FFECFB;
}
#contactdetails{
	width:130px;
	float:right;
	background:#efefef;
	padding:10px 10px 0 10px;
}


.fielderror { float:left; color:#F21B23; width:290px; padding:0px 0px 2px 145px;}

/********************************************************************/
/*                           New Content                            */
/********************************************************************/
#freeview-images { width:450px;}
.line {margin-bottom:7px; }
.line img { width:450px;}
.aerials { float:left; padding:0 10px 25px 0;}
.aerial-dat45 {float:left; padding: 0 10px 25px 0;}
.aerial-dat75 {float:left; padding: 0 10px 60px 0;}
.freeview-channels { float:left;}
.top-up-tv { padding:10px 0 10px 25px; float:left;}
.digital-tick { float:right; padding:0 0 5px 5px;}
.dmx10 { padding:0 10px 60px 0; float:left;}
.aerial-dat75-1 { padding:0 10px 75px 0; float:left;}
.aerial-dat75-2 { float:left; padding:0 10px 130px 0;}
.euro-sat { float:right;}
.motorised { float:right; padding:15px 0px 40px 0px;}
.plasmaLCD { float:right;}
.sky-duo { float:left; padding-right:10px;}
.freesat { float:left; padding:0px 20px 15px 0px;}
.freesat-dish { float:right; padding:5px 0px 10px 15px;}
.multiroom { padding:0px 0px 15px 5px;}
.join-team { font-weight:bold;}
.cctv-image { float:right;}
.freesat { float:left; padding:0 10px 0px 0;}

.coverage { float:right;}
dl.jargon { width:430px;}
dt { clear:both; float:left; width:95px; padding:5px 0 5px 5px; color:#f10581; font-weight:bold; border-top:1px solid #f10581; }
dd { float:left; width:300px; padding:5px 0 5px 15px; border-top:1px solid #f10581; }

table { width:100%; padding-bottom:15px;}			
	table th { padding:2px 5px 2px 5px; font-weight:bold; color:#FFFFFF; background-color:#f30984; border-right:2px solid #FFFFFF; }
	table td { padding:2px 5px 2px 5px;}
	table.jargon {margin-top:15px;}
	table.jargon th { border-bottom:#FFFFFF 1px solid;}
	table.jargon td { border-bottom:#5E5E5E 1px solid;}
	table.jargon tr { border:1px solid #5E5E5E;}