/* ------------------------------------------------------------- */
/* home.css							 			                 */
/* ------------------------------------------------------------- */

/* homeBanner */

.homeBanner	{
	background:url(gben-server-AssetServer?article=MAIN.UK.TALKTALK.IMG.DESIGNASSETS.GLOBAL&asset=HOMEHEADL) no-repeat 0px 0px;
	height: 245px;
}

.homeBannerInner {
	background:url(gben-server-AssetServer?article=MAIN.UK.TALKTALK.IMG.DESIGNASSETS.GLOBAL&asset=HOMEHEADR) right top no-repeat;
	height: 245px;
}

#heroImg {
	float: right;
	padding: 45px 75px 10px 10px;
}

.homeBanner	H1	{
	padding: 35px 0 0 20px;
	margin:0;
}

.homeBanner	P {
	font-size:1.1em;
	margin:0;
	padding:10px 10px; 
}

.homeBanner .buttonArea	{
	margin-left:270px;
}

TABLE.homeAvailability	{
	border-collapse:collapse;
	width:100%;
	padding:0;
	margin:0 0 20px 0;
	color:#fff;
	height:62px;
	min-height:62px;
}

TABLE.homeAvailability TR TD	{
	vertical-align:top;
}

TABLE.homeAvailability TR TD.one	{
	width:80%;
	background:url(gben-server-AssetServer?article=MAIN.UK.TALKTALK.IMG.DESIGNASSETS.GLOBAL&asset=HOMESIGNSTRIPL) left bottom no-repeat #3B8497;
}

TABLE.homeAvailability TR TD.two	{
	width:20%;
	background:url(gben-server-AssetServer?article=MAIN.UK.TALKTALK.IMG.DESIGNASSETS.GLOBAL&asset=HOMESIGNSTRIPR) right bottom no-repeat #3B8497;
}

TABLE.homeAvailability TR TD.two DIV	{
	margin:10px 10px 10px 0;
	float:right;
	border-left:1px solid #9DC2CB;
	height:33px;
	min-height:33px;
	padding:15px 10px 0 10px;
}

TABLE.homeAvailability TR TD.two DIV P.lineLink	{
	margin:0;
	border:0;
	padding:0;
}

TABLE.homeAvailability TR TD.two DIV A	{
	color:#fff !important;
}

TABLE.homeAvailability TR TD.one DIV.headZone	{
	width:230px;
	float:left;
}

TABLE.homeAvailability TR TD.one DIV.headZone H2	{
	margin:0;
	padding:8px 0 0 15px;
}

TABLE.homeAvailability TR TD.one DIV.formZone	{
	width:150px;
	float:left;
	padding-top:10px;
}

TABLE.homeAvailability TR TD.one DIV.buttonZone	{
	padding:23px 0 0 0;
	margin:0;
	float:left;
}

TABLE.homeAvailability TR TD.one DIV.formZone INPUT {
	margin-right:10px;
}

 /* -- homepage version of standardBox - different structure for measurement purposes. use on homepage ONLY -- */

.homeBoxTopWrapper	{
 	margin:0 0 0 0;
	background:url(gben-server-AssetServer?article=MAIN.UK.TALKTALK.IMG.GLOBAL&asset=BOXTRHOME) right top no-repeat;
 }
 
.homeBoxTopWrapper.leftTwinTop	{
	margin:0 !important;
	background:url(gben-server-AssetServer?article=MAIN.UK.TALKTALK.IMG.GLOBAL&asset=BOXTRHOMELTWIN) right top no-repeat;
}
 
.homeBoxTopWrapper .homeBoxTopInner	{
	margin:0;
 	padding:14px 1px 0px 11px;
	background:url(gben-server-AssetServer?article=MAIN.UK.TALKTALK.IMG.GLOBAL&asset=BOXTL) left top no-repeat;
}
.homeBoxTopWrapper .homeBoxTopInner INPUT.genInput{
	width: 100px;
	height: 13px;
	margin: 3px 0px;
	background-color: #F7F7F7;
	border: 1px solid #000;
	background: #F7F7F7 url(gben-server-AssetServer?article=MAIN.UK.TALKTALK.IMG.GLOBAL&asset=INPUTBEVELBG) top left no-repeat;
}
 .homeBoxTopWrapper.rightTwinTop .homeBoxTopInner	{
 	background:none;
 }

.homeBoxBottomWrapper	{
 	margin:0 0px 20px 0;
	background:url(gben-server-AssetServer?article=MAIN.UK.TALKTALK.IMG.GLOBAL&asset=BOXBR) right bottom no-repeat;
 }
 
.homeBoxBottomWrapper .homeBoxBottomInner	{
	padding:0 11px 11px 11px;
	background:url(gben-server-AssetServer?article=MAIN.UK.TALKTALK.IMG.GLOBAL&asset=BOXBL) left bottom no-repeat;
}
 
.homeBoxBottomWrapper .homeBoxBottomInner P	{
	margin:0;
}

.homeBoxBottomWrapper.leftTwinBottom	{
 	margin:0 0 20px 0 !important;
	padding-right:10px;
	background:url(gben-server-AssetServer?article=MAIN.UK.TALKTALK.IMG.GLOBAL&asset=BOXBRLTWIN) right bottom no-repeat;
 }

.homeBoxBottomWrapper.rightTwinBottom .homeBoxBottomInner	{
	background:none; 
}

.viewStatus {
	padding-top: 10px;
}

P.noBottom	{
	padding:0;
	margin:0;
}

/*
.checkAvailabilityDescription P.noBottom {
	margin: 0px;
	padding:30px 0 0 0;
	_padding-top:0px;
}
*/
/* variants */

.homeBoxTopWrapper.talktalkTop	{
 	background:url(gben-server-AssetServer?article=MAIN.UK.TALKTALK.IMG.GLOBAL&asset=BOXTOPTTRHOME) right top no-repeat;
}

.homeBoxTopWrapper.talktalkTop.variant	{
	background:url(gben-server-AssetServer?article=MAIN.UK.TALKTALK.IMG.GLOBAL&asset=BOXTOPTTRHVAR) right top no-repeat;
}

.homeBoxTopWrapper.talktalkTop	H3{
	padding-top:15px;
}
/* -- -- */

TABLE.wideAreaBanner {

	width: 100%;
}

.bgo	{
	width:100%;
	background:url(gben-server-AssetServer?article=MAIN.UK.TALKTALK.IMG.GLOBAL&asset=BANNERBGHOME) left top no-repeat;
}

table.wideAreaBanner td.one {
	width: 50%;
	text-align: left;
	padding: 85px 0 0 0;
	vertical-align: top
}
table.wideAreaBanner td.two {
	width: 50%;
	padding: 85px 0 0 0
}

.checkAvailabilityDescription {
	float: left;
	width: 49%;
	padding-right:10px;
	color: #fff;
}

.checkAvailabilityFrom {
	float: right;
	width: 49.999%;
}

.checkAvailabilityLink .lineLink {
	border-top: solid #fff 1px;
	margin-bottom: 5px;
}

.checkAvailabilityLink .lineLink a {
	color: #fff;
	background-image: url(gben-server-AssetServer?article=MAIN.UK.TALKTALK.IMG.GLOBAL&asset=LINKBLUBULLET);
}
.checkAvailabilityForm INPUT.genInput{
width: 100px;
height: 13px;
margin: 3px 0px;
border: 1px solid #666666;
background: #F7F7F7 url(gben-server-AssetServer?article=MAIN.UK.TALKTALK.IMG.GLOBAL&asset=INPUTBEVELBG) top left no-repeat;
}
/*
.checkAvailabilityDescription h3 {
	margin-left: 1px
}
*/

LABEL	{
	display:block;
}

.checkAvailabilityForm LABEL {
	color: #fff;
	display: block;
}

.standardBoxWrapper {
	background: url(gben-server-AssetServer?article=MAIN.UK.TALKTALK.IMG.DESIGNASSETS.GLOBAL&asset=AVAILCHKTR) right top no-repeat;
}

.standardBoxWrapper .standardBoxInner {
	background: url(gben-server-AssetServer?article=MAIN.UK.TALKTALK.IMG.DESIGNASSETS.GLOBAL&asset=AVAILCHKTL) left top no-repeat;
	/*height: 10px*/
}

.standardBoxContent	{
  	background: url(gben-server-AssetServer?article=MAIN.UK.TALKTALK.IMG.DESIGNASSETS.GLOBAL&asset=AVAILCHKBR) right bottom no-repeat;
}

.standardBoxContent .standardBoxContentInner {
 	 background: url(gben-server-AssetServer?article=MAIN.UK.TALKTALK.IMG.DESIGNASSETS.GLOBAL&asset=AVAILCHKBL) left bottom no-repeat;
	 padding: 0 10px 10px 10px
}
TABLE.wideArea TR TD.promotion {
	vertical-align:bottom;
}
/*
.imgPromo {
	background-color: #3B8497;
	margin-right:10px;
	height:104px;
}

.imgPromo .impText	{
	float:left;
	background-color: #3B8497;
	padding:0;
	margin:0;
	width:50%;
}

.imgPromo .impText H2	{
	padding:0;
	margin:0;
	height:100px;
	_height:auto;
}

.imgPromo .impImage	{
	float:right;
}

*/
/* ------------------------------------------------------------- */

#hero {
	margin-top: 20px;
	background-image: url(gben-server-AssetServer?article=MAIN.UK.TALKTALK.IMG.GLOBAL&asset=HOMEHERO);
	width: 768px;
	height: 230px;
}

#hero #button {
	position:absolute;
	left:16px;
	top:198px;
}

#firstHotspots #hp0 {
	margin-left:0px;
	width:183px;
}

#firstHotspots #hp1 {
	margin-left:0px;
	width:195px;
}

#firstHotspots #hp0 div.scaleable {	
	border-right:0px;
}

#firstHotspots #hp1 div.scaleable
{	
	border-left:0px;
	width: 184px;
}

#firstHotspots #hp0 .gmBottom {
	width:183px;
}

#firstHotspots #hp1 .gmBottom{
	width:195px;
}

.hotspotRegion .genericModule .gmBottom {
	width:183px;
}

#secondHotspots {
	float: left;
	width: 378px;
}

#secondHotspots .scaleable {
	width: 173px;
	border: 0px;
}

#hp10 {
	margin-left: 0px;
}

#hp10 .scaleable {
	background-color: #ffe0f0;
}

#hp11 .scaleable {
	background-color: #e8fbe5;
}

#hp10 hr {
	border: 1px solid #f39;
}

#hp10 hr.mid {
	border: 1px solid #f9c;
}

#hp11 hr {
	border: 1px solid #3c0;
}

#hp11 hr.mid {
	border: 1px solid #9f9;
}

#hp10 a.bullet {
	background: url(gben-server-AssetServer?article=MAIN.UK.TALKTALK.IMG.GLOBAL&asset=LANDLINEBULLET) no-repeat 0 50%;
}

#hp11 a.bullet {
	background: url(gben-server-AssetServer?article=MAIN.UK.TALKTALK.IMG.GLOBAL&asset=MOBILEBULLET) no-repeat 0 50%;
}

#thirdHotspots {
	float: left;
	width: 378px;
	margin-left: 12px;
}

#thirdHotspots .scaleable {
	width: 173px;
	border: 0px;
}

#hp20 {
	margin-left: 0px;
}

#thirdHotspots a.bullet {
	background: url(gben-server-AssetServer?article=MAIN.UK.TALKTALK.IMG.GLOBAL&asset=GENERALBULLET) no-repeat 0 50%;
}

#thirdHotspots #advert {
	float: right;
	clear: both;
}

#advert {
	float: left;
	margin-left: 12px;
	margin-top: 12px;
}
/*
H2.banner {
	font-size: 1.5em;
	color: #fff;
	_margin-bottom:20px;
	line-height: 24px;
}
*/
.homeBoxTopInner H3	{
	height:19px;
}

H3.double	{
	height:34px;
}

P.homeMore	{
	margin-top:15px;
}

.homeAvail	{
	margin-bottom:30px;
}

INPUT {
	vertical-align:middle;
}

TABLE.wideArea TR TD.one, TABLE.wideArea TR TD.two, TABLE.wideArea TR TD.three, TABLE.wideArea TR TD.single		{
	width:25%;
	padding-right:10px !important;
}

TABLE.wideArea TR TD.one.twinned	{
	padding-right:0 !important;
}

.infoBox	{
	margin-right:0px !important;
}