/* homecall.co.uk CSS							*/

/* Version History								*/
/* ===============								*/
/* v0.1		17/02/2006	A.Nevitt	Created		*/
/* v2.0		08/05/2006	A.Nevitt	Rebrand		*/


/* basic elements */
html
{
	background-color: #E7E7E9;
	/*#E7E7E9 - homecall*/
	/*#E0E6F4 - Broadband*/
	/*#E3E2F0 - Telephone*/
}
#menuBar 
{
	font-size: 0.9em;
	background-color: #EA0030;
	/*#EA0030 - homecall*/
	/*#B9C9E8 - Broadband*/
	/*#C0BDDC - Telephone*/
	height: 25px;
	min-height: 25px;
	max-height: 40px;
	border-top:1px solid #EA0030;
	/*#EA0030 - homecall*/
	/*#4873B2 - Broadband*/
	/*#62529C - Telephone*/
	border-bottom:1px solid #EA0030;
	/*#EA0030 - homecall*/
	/*#4873B2 - Broadband*/
	/*#62529C - Telephone*/
}
#pageFooter 
{
	background-color: #949599;
	/*#949599 - homecall*/
	/*#B9C9E8 - Broadband*/
	/*#C0BDDC - Telephone*/
	height: auto;
	border-top:1px solid #949599;
	/*#949599 - homecall*/
	/*#4873B2 - Broadband*/
	/*#62529C - Telephone*/
	border-bottom:1px solid #949599;
	/*#949599 - homecall*/
	/*#4873B2 - Broadband*/
	/*#62529C - Telephone*/
	clear:both;
	text-align: center;
	font-size: 0.9em;
}
#sideMenuProducts 
{ 
	color: #E9636D;
	/*#E9636D - homecall*/
	/*#4873B2 - Broadband*/
	/*#62529C - Telephone*/
	font-size: 0.9em;
	float: left;
	width: 160px;
	margin: 10px 1px 1px 1px;
}
a:link 
{ 
	color: #E9636D;
	/*#E9636D - homecall*/
	/*#4873B2 - Broadband*/
	/*#62529C - Telephone*/
}
a:visited
{ 
	color: #E9636D;
	/*#E9636D - homecall*/
	/*#4873B2 - Broadband*/
	/*#62529C - Telephone*/
}
a:hover
{ 
	color: #E9636D;
	/*#E9636D - homecall*/
	/*#4873B2 - Broadband*/
	/*#62529C - Telephone*/
}
a:active 
{ 
	color: #E9636D;
	/*#E9636D - homecall*/
	/*#4873B2 - Broadband*/
	/*#62529C - Telephone*/
}
.borderedHeader
{
	padding-top: 5px;
	background-color: #E7E7E9; 
	/*#E7E7E9 - homecall*/
	/*#E0E6F4 - Broadband*/
	/*#E3E2F0 - Telephone*/
	font-weight:normal;
	border-left: solid 1px Gray;
	border-bottom: solid 1px Gray;
}
th
{
	padding-top: 5px;
	background-color: #E7E7E9; 
	/*#E7E7E9 - homecall*/
	/*#E0E6F4 - Broadband*/
	/*#E3E2F0 - Telephone*/
	font-weight:normal;
}
.simpleTable th
{
	background-color: #E7E7E9;
	/*#E7E7E9 - homecall*/
	/*#E0E6F4 - Broadband*/
	/*#E3E2F0 - Telephone*/
	border: 1px solid #7CB0CB;
	padding: 0px 5px 0px 5px; 
}
body 
{ 
	padding: 0px;
	font-family: verdana, arial;
	font-size: 76%;
	color: #636466;
	/*background-color: #E7E7E9;*/
	margin: 0px;
}
p
{
	font-size: 0.9em;
	line-height: 1.8em;
	margin: 1.2em 0em 1.2em 0em; 
}
h1 
{
	font-size: 2.0em;
	font-weight: normal;
	margin-top: 0em;
	margin-bottom: 0em;
}
h2
{
	font-size: 1.7em;
	margin: 1.2em 0em 1.2em 0em;
	font-weight: normal;
}	
h3
{
	font-size: 1.4em;
	margin: 1.2em 0em 1.2em 0em;
	font-weight: normal;
}
h4
{
	font-size: 1.2em;
	margin: 1.2em 0em 1.2em 0em;
	font-weight: bold;
}
h5
{
	font-size: 1.0em;
	margin: 1.2em 0em 1.2em 0em;
	font-weight: bold;
}
h6 
{
	font-size: 0.8em;
	margin: 1.2em 0em 1.2em 0em;
	font-weight: bold;
}

ul
{
	line-height: 1.8em;
}

li
{
	font-size: 0.9em;
}

/*
Class For .NET Controls
*/
.regularText
{
	font-family: verdana, arial;
	font-size: 1em;
}

/* specific divs */
#container
{
	background-color: #FFFFFF;
	position: absolute;
	left: 50%;
	width: 760px;
	margin-left: -380px;

}

#container_wide_iframe
{
	background-color: #FFFFFF;
	position: absolute;
	left: 50%;
	width: 760px;
margin-left: -380px;

}

/*Header*/
#pageHeader 
{   width:760px;
	height: 55px;
	margin-top: 5px;
}
#headerLogo 
{ 
	position: absolute;
	left: 0px;
	top: 5px;
	width: 160px;
	text-align:center;
	vertical-align:middle;
}
#headerBanner 
{ 
	margin:0px 0px 2px 0px;
	border:none;
	text-align:center;
	vertical-align: middle;
}
#headerSignUp 
{
	position: absolute;
	right: 0px;
	top: 10px;
	width: 160px;
	text-align:center;
	vertical-align:middle;
	left: 600px;
}
#menubarLeft
{
	width:160px;
	float:left;
}
#menubarMiddle
{
	width:600px;
	float:left;
}
#breadcrumbs
{
	margin: 5px 0px 5px 0px;
	color: #ffffff;
}
#breadcrumbs a:link
{
	color: #ffffff;
}
#breadcrumbs a:visited
{
	color: #ffffff;
}
#breadcrumbs a:hover
{
	color: #ffffff;
}
#breadcrumbs a:active
{
	color: #ffffff;
}
#menubarRight
{
	float:left;
}
.sideMenuLevel0
{
	font-size: 1.2em;
	font-weight: bold;
	text-decoration: none;
}
.sideMenuLevel1
{
	border-bottom: solid 1px #ebefef;
	margin-top: 10px;
	font-size: 1.2em;
	font-weight: bold;
	text-decoration: none;
}
.sideMenuLevel2
{
	margin-left: 10px;
	font-size: 1.0em;
	font-weight: normal;
	text-decoration: none;
}
div.menuLine
{
	border-bottom: solid 1px #ebefef;
	margin: 0px 0px 0px 0px;
}
#homecallMembers
{
	margin-top: 10px;
}
#joinNow
{
	margin-top: 10px;
}
#sslSeal
{
	margin-top: 10px;
	text-align:center;
}
#pageContent 
{
	float: left;
	width: 560px;
	margin: 1px 10px 1px 10px;
}
#sideMenuServices 
{ 
	font-size: 0.9em;
	float: right;
	width: 160px;
	margin: 10px 1px 1px 1px;
}
#footerMenu
{
	color : #ffffff;
	margin-top: 1px;
	font-weight: normal;
}
#footerMenu a:link
{
	color : #ffffff;
	text-decoration : underline;
}
#footerMenu a:visited
{
	color : #ffffff;
	text-decoration : underline;
}
#footerMenu a:hover
{
	color : #ffffff;
	text-decoration : underline;
}
#footerMenu a:active
{
	color : #ffffff;
	text-decoration : underline;
}
#footerCopyright
{
	color : #ffffff;
	margin-top: 10px;
	font-weight: bold;
}
#footerCopyright a:link
{
	color : #ffffff;
	text-decoration : underline;
}
#footerCopyright a:visited
{
	color : #ffffff;
	text-decoration : underline;
}
#footerCopyright a:hover
{
	color : #ffffff;
	text-decoration : underline;
}
#footerCopyright a:active
{
	color : #ffffff;
	text-decoration : underline;
}
#footerVersionNo
{
	color : #ffffff;
	margin-top: 10px;
	margin-bottom: 1px;
}

#buttonPanel
{
	text-align:center;
	clear:both;
}

#resultsPanel
{
	text-align:center;
	clear:both;
}

.gridHeaderNormal
{
	font-size: 0.8em; background-color: #E3E2F0; font-weight: normal; width: 16%
}

.gridHeaderBold
{
	font-size: 0.8em; background-color: #E3E2F0; font-weight: bold; width: 17%
}

.gridRow
{
	font-size: 0.8em; background-color: White;
}

.contentTable
{
	border: solid 1px Gray;
	width: 100%;
	font-size: 0.9em;
}
.borderedTable
{
	border-top: solid 1px Gray;
	border-right: solid 1px Gray;
	font-size: 0.9em;
}
.borderedCell
{
	border-left: solid 1px Gray;
	border-bottom: solid 1px Gray;
}
#internationalGrid
{
}

#internationalTop17
{
}

.centerText
{
	text-align:center;
}
.leftText
{
	text-align:left;
}
.defaultText
{
	font-size: 0.9em;
	line-height: 1.7em;
}
#rafDetails
{
	width: 560px;
	height:auto;
}

#rafYourDetails, #rafFriend1, #rafFriend2, #rafFriend3, #rafFriend4, #rafFriend5
{
	border-color:Gray;
	border-width: 1px;
	border-style:solid;
	width: 260px;
	padding: 5px 5px 5px 5px;
	float:left;
	margin: 2px 2px 2px 2px;
	height: 260px;
}

#rafYourHeader
{
	background-color: #EA0030;
	color: #FFFFFF;
	font-size: 1.2em;
	font-weight: bold;
	line-height: 2.0em;
	padding-left: 5px;
}

.rafFriendHeader
{
	background-color: #949599;
	color: #FFFFFF;
	font-size: 1.2em;
	font-weight: bold;
	line-height: 2.0em;
	padding-left: 5px;
}

.defaultLabelWidth
{
	width: 100px;
}

#contactPanel
{
	width: 300px;
	height:auto;
	border-color:Gray;
	border-width: 1px;
	border-style:solid;
	padding: 5px 5px 5px 5px;
	margin: 2px 2px 2px 2px;
	float: left;
}
#contact
{
	padding: 0px 5px 0px 35px;
}

#contactAlt
{
	width: 200px;
	padding: 0px 5px 5px 5px;
	margin: 0px 2px 2px 10px;
	float: left;
}

div.table{
	width:560px;
	height:auto;
	margin:0px 0px 0px 0px;
	font-size: 0.9em;
}
div.tableheader
{
	background-color: #949599;
	height: 15px;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	border-bottom-color: #ccc;
	display:table-row;
}
div.tableheadline
{
	border-collapse: collapse;
	border-bottom:1px dashed #cccccc;
	padding:0px 8px 0px 10px;
	float: left;
	font-size: 1.0em;
	font-weight: bold;
	display:table-row;
	width: 536px;
}
div.tableheadline img
{
	border:none;
	float:right;
}
div.tablerow
{
	height: 15px;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	border-bottom-color: #ccc;
	display:table-row;
}
div.tabletitle
{
	width:480px;
	color:#006699;
	font-size: 1.3em;
	margin-bottom: 5px;
}
div.tabletitle1mb
{
	background: url(../../images/content/products/1mb.gif) no-repeat bottom left #fff;
	/*width:480px;*/
	height:26px;
	color:#006699;
	padding:5px 0px 0px 65px;
	float: left;
	font-size: 1.3em;
	margin-bottom: 5px;
}
div.tabletitle2mb
{
	background: url(../../images/content/products/2mb.gif) no-repeat bottom left #fff;
	/*width:480px;*/
	height:26px;
	color:#006699;
	padding:5px 0px 0px 65px;
	float: left;
	font-size: 1.3em;
	margin-bottom: 5px;
}
div.tablemain
{
	border-collapse:collapse;
	border: 1px solid #7CB0CB;
	background-color:#fff;
	clear:both;
	margin:-1px 0px 0px 5px;
	display:table;
}
div.col1
{
	width:160px;
	height: 100%;
	border-right:1px solid  #cccccc;
	float:left;
	padding: 0px 2px 0px 2px;
	display: table-cell;
}
div.col2{
	width:185px;
	height: 100%;
	border-right:1px solid  #cccccc;
	float:left;
	padding: 0px 2px 0px 2px;
	display: table-cell;
}
div.col3{
	width:185px;
	height: 100%;
	float:left;
	padding: 0px 2px 0px 2px;
	display: table-cell;
}
div.imageright
{
	border-collapse: collapse;
	margin-top: 15px;
	float: right;
	margin-bottom: -20px;
}
div.coltext
{
	float:left;
	margin-top: 10px;
	margin-right: 10px;
	display: table-cell;
}
div.colprice
{
	float:right;
	margin-top: 25px;
	margin-right: 10px;
	display: table-cell;
}
div.onebilltable{
	width:560px;
	height:auto;
	margin:0px 0px 0px 0px;
	font-size: 0.9em;
	display: table;
	clear:both;
}
div.onebillheadline
{
	height: 15px;
	display:table-row;
}
div.onebillmain
{
	border-collapse:collapse;
	border: 1px dashed #7CB0CB;
	background-color:#fff;
	clear:both;
	margin:-1px 0px 0px 5px;
	display:table;
}
div.onebillcol1
{
	height: 100%;
	width: 70px;
	padding: 0px 2px 0px 2px;
	display: table-cell;
	float: left;
}
div.onebillcol1wide
{
	height: 100%;
	width: 100px;
	padding: 0px 2px 0px 2px;
	display: table-cell;
	float: left;
}
div.onebillcol2
{
	height: 100%;
	width: auto;
	padding: 0px 2px 0px 2px;
	display: table-cell;
}

div.optiontable{
	width:560px;
	height:auto;
	margin:0px 0px 0px 0px;
	font-size: 0.9em;
	display: table;
	clear:both;
}
div.optionheadline
{
	height: 15px;
	display:table-row;
}
div.optionmain
{
	border-collapse:collapse;
	border: 1px dashed #7CB0CB;
	background-color:#fff;
	clear:both;
	margin:-1px 0px 0px 5px;
	display:table;
}
div.optioncol1
{
	height: 100%;
	width: 100px;
	padding: 10px 5px 0px 5px;
	display: table-cell;
	float: left;
}
div.optioncol2
{
	height: 100%;
	width: 155px;
	padding: 5px 5px 0px 5px;
	display: table-cell;
	float: left;
}
div.optioncol3
{
	height: 100%;
	width: 100px;
	padding: 10px 5px 0px 5px;
	display: table-cell;
	float: left;
}
div.optioncol4
{
	height: 100%;
	width: 155px;
	padding: 5px 5px 0px 5px;
	display: table-cell;
}

div.pricetable
{
	border-collapse:collapse;
	border: 1px solid #7CB0CB;
	width:240px;
	height:auto;
	margin: 0px 0px 0px 0px;
	font-size: 0.9em;
	display: table;
	float: left;
}
div.priceheadline
{
	height: 27px;
	border-bottom-style: dashed;
	border-bottom-width: 1px;
	border-bottom-color: #ccc;
	display:table-row;
	text-indent: 5px;
}
div.priceheadline img
{
	float:right;
}
div.pricemain
{
	background-color:#fff;
	clear:both;
	margin:-1px 0px 0px 5px;
	display:table-row;
}
div.pricecol1
{
	height: 70px;
	padding: 10px 5px 0px 5px;
	display: table-cell;
	float: left;
	text-align:center;
}
div.priceholder
{
	padding: 0px 5px 0px 5px;
	display: table;
	width: 560px;
	float:left;
}
div.pricerow
{
	display:table-row;
}
div.priceholder1
{
	width: 240px;
	float:left;
}
div.priceholder2
{
	width: 250px;
	float:right;
}
.simpleTable
{
	border: 1px solid #7CB0CB;
	font-size: 0.9em;
}

.simpleTable td
{
	padding: 0px 5px 0px 5px; 
	border: 1px solid #7CB0CB;
}

.simpleTable tr
{
	height: 50px;
	border-collapse:collapse;
}

/*
homepage
*/
#homeText
{
	width: 540px;
	float:left;
}
#homeTextBB
{
	width: 270px;
	float:left;
	line-height: 1.2em;
}
#homeLinks
{
	width:auto;

}

.temp123 
{	top: 135px;
	left: 547px;
	position:absolute;
}

#homeBBLinks
{
	width: 285px;
	float: right;
	display:inline;
}
#homeBBSignupDetails
{
	width:276px;
	float:right;
	display:inline;
	padding-right: 9px;
}
div.homepageLabelWidth
{
	width: 95px;
	font-size: 0.9em;
	float:left;
	text-align: left;
}
div.homepageTextWidthAndVal
{
	width: 110px;
	font-size: 0.9em;
	float:left;
	text-align: left;
}
#imageholder
{
	clear:both;
}
#telephonemain
{
	width:176px;
	height:316px;
	background: url(http://www.tiscali.co.uk/homecall/images/content/homepage/telephone_176x316.gif) no-repeat bottom left #fff;
	float:right;
}
#broadbandmain
{
	width:384px;
	height:316px;
	background: url(http://www.tiscali.co.uk/homecall/images/content/homepage/broadband_384x316.gif) no-repeat bottom left #fff;
	float:left;
}
ul.ulhomepage
{
	line-height: 1.3em;
}
div.defaultLabelWidth
{
	width: 100px;
	font-size: 0.9em;
	margin: 0.8em 0em 0.8em 0em; 
	float:left;
	clear:both;
}
div.defaultTextWidthAndVal
{
	width: 150px;
	font-size: 0.9em;
	margin: 0.8em 0em 0.8em 0em; 
	float:left;
}
div.defaultTextWidth
{
	width: 130px;
	font-size: 0.9em;
	margin: 0.8em 0em 0.8em 0em; 
	float:left;
}
/*signup styles*/
legend 
{
	font-family: verdana, arial;
	font-size: 1.0em;
	font-weight: bold;
	color: #636466;
}

#signupDetails
{
	width:400px;
	float:left;
	margin-right: 5px;
}
#signupInfo
{
	width:150px;
	float:left;
	margin-left: 5px;
}
#clearboth
{
	clear:both;
}
.signupHyp
{
	float:left;
	width:350px;
	clear:both;
}
div.signupLabelWidth
{
	width: 180px;
	font-size: 0.9em;
	margin: 0.8em 0em 0.8em 0em; 
	float:left;
	clear:both;
}
div.signupTextWidthAndVal
{
	width: 195px;
	font-size: 0.9em;
	margin: 0.8em 0em 0.8em 0em; 
	float:left;
}
div.signupTextWidthNarrow
{
	width: 140px;
	font-size: 0.9em;
	margin: 0.8em 0em 0.8em 0em; 
	float:left;
}
div.signupTextWidth
{
	width: 130px;
	font-size: 0.9em;
	margin: 0.8em 0em 0.8em 0em; 
	float:left;
}
div.signupFullWidth
{
	width: 375px;
	font-size: 0.9em;
	margin: 0.8em 0em 0.8em 0em; 
	float:left;
}
div.signupRFV
{
	font-size: 0.9em;
	margin: 0.8em 0em 0.8em 0em; 
	float:left;
}
/*Package Table   */
.packagesSelected
{
	font-size: 0.8em;
	background-color: #949599;
}
.packagesRow
{
	font-size: 0.8em;
}
.packagesHeader
{
	font-size: 0.9em;
	font-weight: bold;
	background-color: #E3E2F0;
}
.packageName
{
	font-weight: bold;
	font-size: 1.1em;
}
/*	Rate Tables*/
.saving 
{
	color: #FF0000; 
	font-weight: bold;
	text-align: center;
}
.thUnderline 
{
	background-color: #E3E2F0; 
	border-bottom: solid 1px Gray;
	height: 1px;
}
/*Highlight colour*/
.highlight {
	color: #E32458;
	font-weight: bold;
}
.greyText {
	color: #999999;
}
/*Broadband Home Page Rollovers */
#pricecomparison a
{ 
	background: url(../../images/content/homepage/broadband/seehowwecompare_grey.gif) no-repeat bottom left #fff;
	width: 273px;
	height: 44px;
	float:left;
}
#pricecomparison a:hover
{ 
	background: url(../../images/content/homepage/broadband/seehowwecompare_red.gif) no-repeat bottom left #fff;
	width: 273px;
	height: 44px;
	float:left;
}
#howfastis8mb a
{ 
	background: url(../../images/content/homepage/broadband/howfastis8mb_grey.gif) no-repeat bottom left #fff;
	width: 273px;
	height: 44px;
	float:left;
}
#howfastis8mb a:hover
{ 
	background: url(../../images/content/homepage/broadband/howfastis8mb_red.gif) no-repeat bottom left #fff;
	width: 273px;
	height: 44px;
	float:left;
}
#customertestimonials a
{ 
	background: url(../../images/content/homepage/broadband/whatourcustomerssay_grey.gif) no-repeat bottom left #fff;
	width: 273px;
	height: 44px;
	float:left;
}
#customertestimonials a:hover
{ 
	background: url(../../images/content/homepage/broadband/whatourcustomerssay_red.gif) no-repeat bottom left #fff;
	width: 273px;
	height: 44px;
	float:left;
}
#switch a
{ 
	background: url(../../images/content/homepage/broadband/switchandsave_grey.gif) no-repeat bottom left #fff;
	width: 273px;
	height: 44px;
	float:left;
}
#switch a:hover
{ 
	background: url(../../images/content/homepage/broadband/switchandsave_red.gif) no-repeat bottom left #fff;
	width: 273px;
	height: 44px;
	float:left;
}
#whathappensnext a
{ 
	background: url(../../images/content/homepage/broadband/whathappensnext_grey.gif) no-repeat bottom left #fff;
	width: 273px;
	height: 44px;
	float:left;
}
#whathappensnext a:hover
{ 
	background: url(../../images/content/homepage/broadband/whathappensnext_red.gif) no-repeat bottom left #fff;
	width: 273px;
	height: 44px;
	float:left;
}

#customerupgrade a
{ 
	background: url(../../images/content/homepage/broadband/existingcustomers_grey.gif) no-repeat bottom left #fff;
	width: 273px;
	height: 44px;
	float:left;
}
#customerupgrade a:hover
{ 
	background: url(../../images/content/homepage/broadband/existingcustomers_red.gif) no-repeat bottom left #fff;
	width: 273px;
	height: 44px;
	float:left;
}
.modempreview {
	position:relative;
	width:auto;
}
.modempreview img{
	border:none;
	display:none;
	position:absolute;
	top:-999px;
	left:0;
	z-index:10;
}
.modempreview:hover img {
	top:-50px;
	left:130px;
	border:2px solid #000000;
	display:block;
	z-index:10;
}

#pageSearch
{
	float: left;
	width: 583px;
	margin: 10px 0px 10px 5px;
}

form {margin: 0px; display: inline;}
.fleft {float: left;}
.fright {float: right;}
.mr20 {margin-right: 20px;}
.field {height:16px;line-height:16px;font-size:11px;}
.w300 {width: 300px;}
.mt7 {margin-top: 7px;}
.p3 {padding: 3px;}
.w67 {width: 67px;}
.mt10 {margin-top: 10px;}
.pl10 {padding-left:10px;}

.google-pipex-search {background: url(//media.tiscali.co.uk/images/gfx/search/pipex-google-background.gif) no-repeat top left; display:block; width: 583px; height: 84px;}
.google-pipex-search-bdy {padding-top:20px; padding-left:20px;}