/* Colours 

#001453	- dark blue		bg
#ebebeb	- light grey	page bg
#6d6d6d	- dark grey		text
#012F84	- dark blue		bullets
#d2d2d2	- grey 			borders, footer block
#4c4c4c	- dark grey		footer text
#3B79DC	- blue			headings, links
#A4C6FD	- baby blue		light headings
#ff7e00	- orange		headings

*/

/* Page & general */
body, div{
	margin: 0px auto; 
	padding: 0px; 
	border: 0px; 
	font-family:Calibri, Arial, Helvetica, sans-serif;
	color:#6d6d6d;
	line-height:115%;
	font-size:9.5pt; 
	}
body{
	background:#001453 url('/0207-numbers-images/0207-numbers-bg.jpg') repeat-y top center;
	text-align:center;
	width:100%;
	height:auto;
	}
div{
	text-align:left;
	}
a{
	text-decoration:none; 
	color:#6d6d6d;
	font-size:9.5pt;
	}
a:hover{
	text-decoration:none; 
	color:#3B79DC;
	}
p, label{
	color:#6d6d6d; 
	font-family:Calibri, arial,sans-serif;
	line-height:120%; 
	font-weight:normal;
	font-size:9.5pt;
	}
p{
	text-align:justify;
	padding:0;
	margin:1em 0;
	}
h1, h2, h3{
	color:#3B79DC; 
	padding:0; 
	margin:13pt 0;
	display:block;
	}
h1{font-size:16pt;}
h2{font-size:13pt;}
h3{
	font-size:12pt;
	}
ul, ul li{
	list-style-type:none;
	padding:0;
	margin:0;
	font-size:9.5pt;
	font-family:Calibri, Arial, Helvetica, sans-serif;
	color:#6d6d6d;
	}
ol{
	margin:0;
	padding:0;
	}
ol li{
	list-style-type:decimal;
	list-style-position:inside;
	}
img{
	border:none;
	padding:0;
	margin:0;
	}
a img{
	border none; 
	margin:0; 
	padding:0;
	}
table,tr,td, th{
	border-collapse:collapse;
	border:none;
	vertical-align:top;
	text-align:left;
	table-layout:fixed;
	word-wrap:break-word;
	}
td, th{
	padding:5px;
	border:none;
	font-size:9.5pt;
	}
table{border:none;}
textarea, input, select, button{
	font-family: Calibri, Arial, Helvetica, sans-serif;
	color:#6d6d6d;
	font-size:9.5pt;
	}
	
/* General */
div.row{
	width:100%;
	float:left;
	height:auto;
	margin: 5px 0;
	}
div.label{
	width:150px;
	float:left;
	}

/* Main page */
#london_page{
	width:760px; 
	height:auto;
	margin:0 auto;
	display:block;
	overflow:visible;
	}

/* Header */
#header{
	width:760px;
	height:auto;
	float:left;
	margin-top:20px;
	}
#header .logo{
	float:left;
	height:65px;
	width:240px;
	}
#header .logo a{
	font-size:13.5pt;
	color:#6d6d6d;
	}
#header .trolley{
	float:right;
	margin-top:20px;
	}
	
/* Menu */
#menu{
	position:relative;
	float:left;
	height:33px;
	width:758px;
	background: transparent url('/0207-numbers-images/0207-numbers-menu.gif') repeat-x scroll 0 0;
	border:1px solid #d2d2d2;
	margin-bottom:2px;
	}
#menu p{
	margin:7px 10px;
	color:#212121;
	font-size:11pt;
	}
#menu a{		
	margin:0 35px;
	color:#212121;
	font-size:11pt;
	}
#menu a:hover{color:#3b79dc;}

/* Banner */
#banner{
	width:760px;
	height:382px;
	float:left;
	background-image:url('/0207-numbers-images/0207-numbers-uk.jpg');
	position:relative;
	}
#banner .head{
	position:absolute;
	top:25px;
	left:40px;
	height:55px;
	width:385px;
	}
#banner .head h1{
	margin:0;
	color:#fff;
	font-size:17pt;
	line-height:100%;
	}
#banner .features{
	position:absolute;
	top:40px;
	right:25px;
	height:260px;
	width:240px;
	}
#banner .features li{
	background: transparent url('/0207-numbers-images/0207-numbers-tick.png') no-repeat 0 -2px;
	padding-left:25px;
	padding-bottom:15px;
	color:black;
	font-size:11pt;
	}
#banner .get{
	position:absolute;
	bottom:25px;
	right:75px;
	height:46px;
	width:141px;
	}

/* Banner No header */
.info{
	background-image:url('/0207-numbers-images/0207-numbers-banner.jpg') !important;
	}

/* Content */
#phone{
	width:760px;
	float:left;
	margin-top:15px;
	height:auto;
	}
#phone .block{
	float:left;
	height:370px;
	background-color:#fff;
	border:1px solid #d2d2d2;
	width:220px;
	margin-left:7px;
	}
#phone .left{
	width:300px;
	margin-left:0;
	}
#phone ul li{
	background: transparent url('/0207-numbers-images/0207-numbers-arrow.png') no-repeat 0 2px;
	padding-left:15px;
	padding-bottom:1px;
	}
#phone .content a.more{
	position:absolute;
	left:0;
	bottom:0;
	color:#3b79dc;
	}
#phone .content a.more:hover{
	color:#ff7e00;
	}

#reasons{
	float:left;
	margin-top:7px;
	width:760px;
	height:auto;
	}
#reasons .grey{
	border:1px solid #d2d2d2;
	background-color:#f6f6f6;
	float:left;
	}
#reasons .left{
	width:300px;
	float:left;
	}
#reasons .right{
	width:449px;
	margin-left:7px;
	}
.bars{
	border-top:1px solid #d2d2d2;
	border-bottom:1px solid #d2d2d2;
	}
#reasons .content{
	height:408px;
	}
#reasons h1{
	margin:10px 0;
	}
#reasons .right h1{color:#ff7e00;}
p.center{
	text-align:center;
	margin-bottom:0;
	}

#numbers{
	width:758px;
	float:left;
	margin-top:15px;
	height:auto;
	border:1px solid #d2d2d2;
	background-color:#fff;
	}
#numbers .text{
	width:728px;
	margin:15px;
	height:auto;
	float:left;
	}
.content{
	margin:7px; 
	position:relative;
	height:356px;
	float:left;
	}

/* Choose numbers page */
#choose{
	width:475px;
	height:237px;
	background-image:url('/0207-numbers-images/choose-0207-numbers.jpg');
	float:left;
	border:1px solid #d2d2d2;
	}
#choose h1{
	color:#A4C6FD;
	}
#choose .content{
	height:223px;
	margin:7px 15px;
	}
#choose li, #choose p{
	color:#fff;
	}
#choose ul li{
	background: transparent url('/0207-numbers-images/0207-numbers-arrow.png') no-repeat 0 4px;
	padding-left:15px;
	padding-bottom:1px;
	}
#explain{
	height:237px;
	width:274px;
	float:left;
	border:1px solid #d2d2d2;
	background-color:#fff;
	margin-left:7px;
	}
#explain .head{
	width:274px;
	height:30px;
	float:left;
	background-color:#ff7e00;
	}
#explain .head h2{
	color:#fff;
	margin: 8px;
	}
#explain .content{
	height:193px;
	margin-top:3px;
	}
#checkout{
	width:475px;
	height:267px;
	background-image:url('/0207-numbers-images/0207-numbers-checkout.jpg');
	float:left;
	border:1px solid #d2d2d2;
	}
#checkout p{
	color:#fff;
	}
#checkout h1{
	color:#ff7e00;
	}
#checkout .content{
	height:253px;
	margin:7px 15px;
	}
.instruct{height:267px !important;}
#explain .contents{
	height:auto;
	margin:0 7px 3px;
	float:left;
	}
#explain h2{
	margin:6px 0;
	}
#explain ul li{
	background: transparent url('/0207-numbers-images/0207-numbers-arrow.png') no-repeat 0 4px;
	padding-left:15px;
	padding-bottom:1px;
	list-style-type:none;
	margin-left:20px;
	}
#explain ul li.none{
	background-image:none;
	padding-left:0;
	}
h2 img{vertical-align:middle;}

/* Call Handling */
#calls{
	width:471px;
	height:320px;
	background-image:url('/0207-numbers-images/0207-number-call-handling.jpg');
	float:left;
	border:1px solid #d2d2d2;
	position:relative;
	}
#calls h1{
	position:absolute;
	color:#fff;
	left:50px;
	bottom:10px;
	width:370px;
	line-height:100%;
	font-size:18pt;
	}
#services{
	width:278px;
	height:320px;
	float:left;
	border:1px solid #d2d2d2;
	margin-left:7px;
	background-color:#fff;
	position:relative;
	}
#services .head{
	background-color:#ebebeb;
	height:50px;
	width:278px;
	float:left;
	}
#services h1{
	margin:15px;
	color:#6d6d6d;
	}
#services .content{
	height:254px;
	}
#services li{
	background:transparent url('/0207-numbers-images/0207-numbers-bullet.gif') no-repeat 0 4px;
	padding-left:20px;
	margin:15px 8px;
	}
#services a{
	font-size:12pt;
	}
#services .get{
	position:absolute;
	bottom:-15px;
	right:69px;
	height:46px;
	width:141px;
	}
.service{
	width:728px;
	margin-bottom:20px;
	border-bottom:1px solid #6d6d6d;
	float:left;
	padding-bottom:10px;
	}
.lef{
	width:240px;
	margin-right:15px;
	float:left;
	}
.bott{
	border:none;
	}
.right{
	width:473px;
	float:left;
	}
#numbers .lef label{
	color:#ff7e00;
	margin:5px 0;
	float:left;
	}
#numbers .right h1{
	margin:0;
	color:#626262;
	}
#numbers .right h2{
	margin:0;
	color:#ff7e00;
	font-weight:normal;
	}
#numbers .right p{margin-top:0;}

/* Costs */
#phone .wide{
	width:449px;
	margin-left:0;
	margin-right:7px;
	height:520px;
	position:relative;
	}
#phone .wide .get{
	position:absolute;
	bottom:-15px;
	right:154px;
	height:46px;
	width:141px;
	margin-bottom:5px;
	}
#phone .wide .content{
	height:auto;
	}
#phone .wide h1{
	margin-top:0;
	margin-bottom:10px;
	}
#phone .wide h2{
	margin-bottom:0;
	color:#ff7e00;
	}
h2 label{
	color:#6d6d6d; 
	font-weight:normal;
	}
#phone .wide p{
	margin:0;
	}
#phone .wide ul{
	margin-bottom:13pt;
	}
#phone .wide li{
	background: transparent url('/0207-numbers-images/0207-numbers-arrow.png') no-repeat 0 4px;
	padding-left:15px;
	padding-bottom:1px;
	}


/* Footer */ 
#footer{
	float:left;
	height:50px;
	width:760px;
	background-color:#d2d2d2;
	margin-top:15px;
	text-align:center;
	}
#footer p{
	text-align:center;
	}
