html, body, ul, li {
	margin: 0;
	padding: 0;
	list-style: none;
}
img {
	border: 0;
}
a {
	font-weight: bold;
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}
.more {
	text-align: right;
}
.left {
	float: left;
}
.clear {
	clear: both;
}

body, h1, h2, h3, form {
	font: 12px tahoma, arial, sans-serif;
	margin: 0;
	padding: 0;
	color: #5C5C5C;
}

#body h2 p
	{
	margin-top:20px;
	}

body {
	background: url(images/header_bg.jpg) repeat-x;
	text-align: center;
}
#wrapper 
	{
	text-align: left;
	margin: auto;
	width: 774px;
	}

#searchBox
	{
	position:absolute;
	top:70px;
	left:460px;
	}	

#searchButton
	{

	}

#header {
	height: 203px;
	position: absolute;
}
#header h1 {
	margin-top: 10px;
}
#header h1 img {
	display: block;
}
#nav {
	margin-top: 14px;
	margin-left:110px;
}
#nav img {
	float: left;
}

#headline {
	padding-top: 205px;
}

#photo {
	float: left;
	width: 520px;
	margin-top:10px;
}
#photo div {
	border: 1px solid #D8D8D8;
	padding: 2px;
}
#photo img {
	display: block;
}

#search-news {
	float: left;
}
#search-news div {
	padding: 3px 0;
	margin: 0;
	font-size:9px;
}
#search-news #q {
	width: 140px;
	border: 1px solid #859D31;
}
#search-news .downcast {
	background: #E6E7E7;
	border-top: 1px solid #CFD0D0;
	padding: 3px 4px 4px 4px;
	margin: 2px 0 0 0;
}
#search-news h3 {
	background: url(images/bullet_letter.gif) no-repeat;
	padding-left: 15px;
	font-weight: bold;
	margin: 1em 0 0.4em 0;
	font-size:10px;
}
#search-news p {
	padding-left: 15px;
	padding-right: 2px;
	margin: 0.1em 0;
	font-size:9px;
}
a {
	font-weight: bold;
	color: #5C5C5C;
}

div#footer a
	{
	color:#999999;
	}

#body {
	padding-top: 2em;
	text-align: justify;
}

#body-left {
	float: left;
	width: 350px;
}
#body-right {
	float: right;
	width: 350px;
}

#benefits
	{
	float:left;
	margin-left:125px;
	margin-top:-125px;
	}
	
* html #benefits
	{
	margin-left:40px;
	}
	
#benefits
	{
	width:240px;
	}	
	
#benefits li
	{
	width:150px;
	}	
	
#extraBenefits
	{
	margin-top: 10px;
	width:300px;
	}	
	
#extraBenefits li
	{
	width:300px;
	}	
	
#extraBenefitsText
	{
	float:left;
	width:340px;
	margin-top:20px;
	}		
	
		
ul.plussbullets 
	{
	padding: 0;
	font-weight: bold;
	float:left;
	}	
	
ul.plussbullets li
	{
	background: top left url(images/bullet_plus.gif) no-repeat;
	margin: 0 0 10px 0;
	padding: 0 0 0 25px;
	float:left;
	clear:left;
	}
	
#body-left ul.plussbullets li
	{
	margin-left:50px;
	}
	
#body-right ul.plussbullets li
	{
	margin-left:20px;
	}
	
.about #body-left ul.plussbullets li,
.telecom #body-left ul.plussbullets li,
.broadband #body-left ul.plussbullets li,
.mobile #body-left ul.plussbullets li
	{
	margin-left:0px;
	}	
	
.telecom #body-left ul.plussbullets li,
.broadband #body-left ul.plussbullets li
	{
	width:200px;
	}	
	
#body-left ul#extraBenefits li
	{
	margin-left:10px;
	clear:both;
	}	
	
#saveMoneyImg
	{
	padding-top:35px;
	}	

#body p {
	margin: 0.3em 0;
	margin-bottom:10px;
}

#body-right p {
	margin-right: 2em;
}

#body a.green {
	color: #9AAB68;
	font-weight: normal;
	text-decoration: underline;
}

#gallery img {
	float: left;
}

#footer {
	color: #FFFFFF;
	background: #42453D url(images/footer_bg.gif) repeat-x;
	padding: 6px 0 5px 0;
	margin-top: 2em;
	font-weight: bold;
}
#footer p {
	margin: 0;
	padding: 0;
}

#contactInfo
	{
	display:table;
	}

.data
	{
	display:table;
	}
	
	
#mpanS
	{
	float:left;
	font-size:70px;
	font-weight:bold;
	margin-right:10px;
	}
	
#mpan1input,
#mpan2input,
#mpan3input
	{
	margin-top:20px;
	}	
	
#mpan4input,
#mpan5input,
#mpan6input,
#mpan7input	
	{
	margin-top:5px;
	}
	
#mpan1input
	{
	width:15px;
	}
	
#mpan2input,
#mpan3input
	{
	width:62px;
	}
	
#mpan4input,
#mpan5input
	{
	width:35px;
	}
	
#mpan6input
	{
	width:35px;
	}		
	
#mpan7input
	{
	width:20px;
	}	
		
		
#mpan1input,
#mpan4input,
#mpan5input,
#mpan6input,
#mpan7input
	{
	float:left;
	margin-right:5px;
	}
	
#freeQuote img
	{
	margin-left:100px;
	}	
	
.heading
	{
	margin-top:15px;
	}	
	
#renewalSystem #renewalBenefitsList	
	{
	margin-top:15px;
	margin-left:10px;
	width:350px;
	}
	
#renewalSystem #renewalBenefitsList	ul li
	{
	width:350px;
	}	
	
#renewalSystem	 p
	{
	margin-top:10px;
	}
	
.left-align
	{
	float:left;
	}	
	
.right-align
	{
	float:right;
	}
	
#greenEnergy div img
	{
	width:100px;
	}
	
.body-left-right	
	{
	margin-left:10px;
	
	}
	
.body-left-left
	{
	margin-right:10px;
	}
	
#supplierList
	{
	margin-top:10px;
	width:300px
	}	
	
#altSupplier
	{
	margin-top:10px;
	}	
	
#altSupplier input
	{
	width:210px;
	}	
	
#dateSelector
	{
	margin-top:10px;
	}	
	
#proceed
	{
	margin-top:15px;
	float:right;
	}	
	
.error
	{
	font-weight:bold;
	color:red;
	}	
	
/* Show only to IE PC \*/
* html .boxhead h2 {height: 1%;} /* For IE 5 PC */

.sidebox {
	margin: 0 auto; /* center for now */
	/*width: 350px; *//* ems so it will grow */
	background: url(images/sbbody-r.gif) no-repeat bottom right;
	font-size: 100%;
	float:left;
}
.boxhead 
	{
	background: url(images/sbhead-r.gif) no-repeat top right;
	margin: 0;
	padding: 0;
	text-align: center;
	}

.boxhead_withContract
	{
	background: url(images/sbhead-r_withContract.gif) no-repeat top right;
	}
	
.boxhead_quoteRequested
	{
	background: url(images/sbhead-r_quoteRequested.gif) no-repeat top right;
	}	
	
.boxhead_noQuote
	{
	background: url(images/sbhead-r_noQuote.gif) no-repeat top right;
	}
		
.boxhead h2 {
	background: url(images/sbhead-l.gif) no-repeat top left;
	margin: 0;
	padding: 22px 30px 5px;
	color: white; 
	font-weight: bold; 
	font-size: 1.2em; 
	line-height: 1em;
}
.boxbody {
	background: url(images/sbbody-l.gif) no-repeat bottom left;
	margin: 0;
	padding: 5px 30px 31px;
}
	
#electricQuestions,
#gasQuestions
	{
	margin-top:70px;
	}	
	
p.footnote	
	{
	font-style:oblique;
	font-size:x-small;
	}
	
#adminMenu
	{
	position:absolute;
	left:0px;
	margin-top:60px;
	}	
	
#quoteOnWay
	{
	margin-top:100px;
	}	
	
	
#contactMeTitle
	{
	margin-left:112px;
	}	
	
#contactMeName
	{
	margin-left:40px;
	}	
	
#contactMeEmail
	{
	margin-left:42px;
	}
	
#contactMeSubmit
	{
	margin-top:20px;
	margin-left:210px;
	}	
	
#contactUsAddress
	{
	margin-bottom:10px;
	font-size:large;
	}	
	
#contactUsTelephone,
#contactUsFax,
#contactUsEmail
	{
	margin-bottom:15px;
	font-size:small;
	}	
	
div.contractDetails
	{
	width:620px;
	}
	
#services_one,
#services_two
	{
	margin-top:15px;
	}	
#makeMoneyImg
	{
	float:left;
	margin-top:35px;
	}
	
#whoImg
	{
	float:left;
	margin-top:20px;
	}	
	
#trustImg,
#whatsImg
	{
	float:left;
	margin-top:15px;
	}	
	
#makeMoneyList
	{
	float:left;
	width:240px;
	margin-left:10px;
	margin-top:10px;
	}	
	
#whoList
	{
	float:left;
	width:220px;
	margin-left:10px;
	margin-top:10px;
	}	
	
#trustList	
	{
	float:left;
	width:220px;
	margin-right:10px;
	margin-top:10px;
	}
	
#whatsList
	{
	float:left;
	width:240px;
	margin-right:10px;
	margin-top:10px;
	}	

	
#helpText
	{
	float:left;
	width:210px;
	margin-top:20px;
	}	
	
#helpImg
	{
	float:left;
	}	
	
#findText	
	{
	float:left;
	width:200px;
	margin-left:15px;
	margin-top:20px;
	}
	
#findImg
	{
	float:left;
	margin-top:10px;
	}	
	
#electricityImg,
#gasFlames
	{
	margin-top:20px;
	}	
	
#greenEnergyText
	{
	margin-top:20px;
	}	
	
#telecomRates,
#telecomImg
	{
	float:left;
	}	
	
#telecomImg	
	{
	float:left;
	margin-top:60px;
	margin-left:15px;
	}
	
#whyChoose ul
	{
	width:350px;
	}	
	
#whyChoose ul li
	{
	width:300px;
	}	
	
#telecomRates ul
	{
	float:left;
	width:230px;
	}	
	
#whatGet ul,
#whyChoose ul
	{
	margin-top:15px;
	}	
	
#transferring div,
#savings table,
#prices table,
#largeTelecomUsage div
	{
	margin-top:10px;
	}	
	
#internetPlug
	{
	margin-top:80px;
	}	
	
span.highlight
	{
	color:red;
	font-size:large;
	}	
	
#mobileText
	{
	float:left;
	width:240px;
	}	
	
#mobileImg
	{
	float:left;
	margin-left:10px;
	margin-top:40px;
	}	
	
#whatsList ul,
#makeMoneyList ul
	{
	width:250px;
	}	
	
#whatsList ul li,
#makeMoneyList ul li
	{
	width:220px;
	}	
	
#trustList ul
	{
	width:240px;
	}	
	
#trustList ul li
	{
	width:200px;
	}	
	
#companyNameInput
	{
	margin-top:14px;
	margin-left:5px;
	width:150px;
	}	
	
#companyTypeList	
	{
	margin-top:14px;
	margin-left:15px;
	width:155px;
	}
	
#regNo
	{
	margin-top:5px;
	}	
	
#companyNumber
	{
	margin-left:26px;
	width:150px;
	}	
	
#otherCompanyType
	{
	margin-top:5px;
	margin-left:47px;
	width:150px;
	}	
	
#firstName
	{
	width:193px;
	}	
	
#surname
	{
	margin-left:11px;
	width:193px;
	}	
	
#telephoneNo
	{
	margin-top:10px;
	margin-left:5px;
	width:123px;
	}	
	
#emailAddress
	{
	margin-top:10px;
	margin-left:48px;
	width:123px;
	}	
	
#contactMethod
	{
	margin-top:10px;
	margin-left:5px;
	width:88px;
	}	
	
#contactTime
	{
	margin-top:10px;
	margin-left:28px;
	width:88px;
	}	
	
#receiveUpdates
	{
	margin-top:15px;
	}	
	
#addressLineOne,
#addressLineTwo,
#siteAddressLineOne,
#siteAddressLineTwo
	{
	width:240px;
	}	
	
#addressLineTwo,
#siteAddressLineTwo
	{
	margin-top:5px;
	margin-left:2px;
	}	
	
#county,
#siteCounty
	{
	margin-top:10px;
	margin-left:5px;
	}	
	
#countySelect	,
#siteCountySelect
	{
	width:190px;
	}
	
#postcodeInput
	{
	margin-top:10px;
	margin-left:5px;
	width:180px;
	}	
	
#sitePostcodeInput
	{
	margin-top:10px;
	margin-left:5px;
	width:175px;
	}	
	
#siteDetails
	{
	margin-top:20px;
	}	
	
#linkList
	{
	margin-top:20px;
	}
	
#searchButton
	{
	float:left;
	margin-top:2px;
	margin-left:5px;
	}	
	
#searchTerm
	{
	float:left;
	}	
	
#index h1
	{
	font-size:0px;
	}
	
td.quote_darkgreen
	{
	background:#98aa66;
	color:black;
	text-align:center;
	}
	
td.quote_lightgreen
	{
	background:#c0d780;
	color:black;
	text-align:center;	
	}		
	
th.quote_head
	{
	background:#57574e;
	color:white;
	font-weight:normal;
	text-align:center;
	}	
	
.quoteborder
	{
	border:1px solid white;
	}	
	
.quoteborderNoBottom	
	{
	border-top:1px solid white;
	border-left:1px solid white;
	border-right:1px solid white;
	border-bottom:0px;
	}
	
.quoteborderNoTop
	{
	border-bottom:1px solid white;
	border-left:1px solid white;
	border-right:1px solid white;
	border-top:0px;
	}	
#freecall
	{
	position:absolute;
	top:16px;
	left:450px;
	}
#casestudy
	{
	background:url(images/50_Off.jpg) no-repeat;
	height:160px;
	width: 300px;
	}
	
#casestudy p
	{
	width:245px;
	padding-top:30px;
	padding-left:25px;
	font-weight:bold;
	}
	
#casestudy a
	{
	float:right;
	margin-right:45px;
	margin-top:10px;
	}
	
.service
	{
	}
	
.service .serviceText
	{
	padding-bottom:20px;
	}
	
.service .serviceTitle
	{
	margin-left:15px;
	width:80px;
	display:inline-block;
	text-align:right;
	}
.service .serviceIcon
	{
	margin-left:15px;
	width:60px;
	}
	
ol.reasons li
	{
	list-style-type:decimal;
	}
#meeting
	{
	width:100px;
	float:left;
	margin-top:60px;
	margin-left:20px;
	}
	
#services
	{
	width:180px;
	float:left;
	}
	
.news-item
	{
	float:left;
	width:150px;
	}
	
#companies
	{
	margin-left:60px;
	margin-bottom:15px;
	}
	
#servicelist_about
	{
	float:right;
	margin-right:35px;
	
	}
	
#infoIcon
	{
	float:left;
	margin-top:30px;
	}
	
.about_page #body p
	{
	margin-top:10px;
	}
	
#offerBusiness ul
	{
	margin-top:15px;
	margin-left:25px;
	}
	
#renewalReminder
	{
	margin-top:15px;
	float:left;
	height:60px;
	width:100%;
	padding:0px;
	}
	
#renewalReminder span
	{
	font-weight:bold;
	float:right;
	margin-top:20px;
	margin-right:70px;
	}
	
.casestudy
	{
	display:block;
	margin-top:20px;
	font-weight:bold;
	background:lightgrey;
	padding:10px;
	}
	
.casestudylink
	{
	margin-top:10px;
	}
	
.right
	{
	float:right;
	}