/* Colours 

#CCCCCC	- light grey	page borders
#EEEEEE	- v light grey	background
#333333	- dark grey		text
#FF6600	- orange		headings etc
#666699	- purple		headings etc
#FF9300	- light orange	home page banner
#000099	- blue			links
#8484A2	- grey			links border-bottom
#808080	- grey			steps headings
#eaeaea	- light grey	menu bg

*/


/* Page & general */
body, div{
	font-size:12px; 
	}
a{
	font-size:12px;
	border-bottom: none;
	color: #66CCFF;
	text-decoration: underline;
	}
a:hover{
	border-bottom: none;
	color: #FF6600;
	text-decoration: underline;
	}
a img, a:hover img{border:none;}
p, label{
	font-size:12px;
}
h1 {
    font-size: 22px;
}
h2 {
    font-size: 20px;
    color: #000;
    margin-bottom:0;
    font-weight: normal;
}
h3{
	font-size:16px;
	color: #FF6600;
	font-weight: normal;
}
h4{
	font-size: 13px;
	font-weight: normal;
    color: #000;
    margin-top: 0;
}
ul, ul li{
	font-size:12px;
	}
ol li{
	margin-left: 0;
}
td, th{
	font-size:12px;
	}
form{
	margin-bottom:0;
}
textarea, input, select, button{
	font-size:12px;
	}
	
::-webkit-input-placeholder {
   color: #CCCCCC;
}

:-moz-placeholder { /* Firefox 18- */
   color: #CCCCCC;  
}

::-moz-placeholder {  /* Firefox 19+ */
   color: #CCCCCC;  
}

:-ms-input-placeholder {  
   color: #CCCCCC;  
}
.ui-menu .ui-menu-item{
	text-align:left;
	font-size: 13px;
}
.ui-autocomplete .ui-menu-item:nth-child(even) {
	background-color: #F1F1F1;
}
.ui-autocomplete .ui-menu-item:nth-child(odd) {
	background-color: #F8F8F8;
}
.ui-autocomplete {
    max-height: 200px;
    overflow-y: auto;
    /* prevent horizontal scrollbar */
    overflow-x: hidden;
}
  /* IE 6 doesn't support max-height
   * we use height instead, but this forces the menu to always be this tall
   */
* html .ui-autocomplete {
    height: 200px;
}
.padded li{
	padding: 2px 0;
}
.padded li a:hover{
	color: #FF6600;
}

/* Numbers Page */
.maintext{font-size:14px;}
.textbox{
	border:1px solid #AAA;
	margin-bottom:10px;
	width: 628px;
	float: left;
}
.textcontent{
	margin: 0 20px;
	float: left;
	width: 588px;
}
.topdivide{
	border-top: 1px solid #000;
	padding-top: 15px;
}
.rangetable td, .rangetable th{
	padding: 10px 0;
	vertical-align: middle;
	background-color:#F8F8F8;
}
.rangetable tr.evenrow td, 
.rangetable tr.evenrow th{
  background-color: #F1F1F1;
}
.rangetable table th{
	text-align: right;
	padding: 5px 20px 5px 0;
}
.rangetable table td{
	padding: 5px 0;
}
.rangetable h3{
	color: #FF6600;
	margin: 0 0 10px;
}
.rangetable .costrow td{padding:0;}

.rangeicon, .rangetable td.rangeicon{
	width: 85px;
	padding-left: 20px;
}
.rangetext{
	width: 388px;
}
.rangeget, .rangetable td.rangeget{
	width: 115px;
	text-align: right;
	padding-right: 20px;
}
.rangetext input.ac_input{
	height: 28px;
	font-size: 14px;
}
div.rangeicon, div.rangetext, div.rangeget{
	float: left;
}
input.search{
	background-color: #f98700;
font-size: 14px;
font-weight: normal;
color: #FFF;
border: none;
padding: 6px 10px;
-moz-border-radius: 5px;
    -webkit-border-radius: 5px;
border-radius: 5px;
}
.lightrow{
	background-color: #F8F8F8;
}
.darkrow{
	background-color: #F1F1F1;
}
.margin-top, .section p.margin-top{
	margin-top: 15px;
}
.margin-left{
	margin-left: 8px;
}


/* New Sidebar */
.rhcol{
	width:260px;
	float:left;
	margin-left:20px;
}
.head{
	width:100%;
	background-color:#000000;
	float:left;
}
.head h2{
	color:#FFFFFF;
	padding:0;
	margin:5px 10px;
	font-weight:normal;
	font-size: 19px;
}
.rhcol .section{
	width:240px;
	padding: 10px;
	float:left;
}
.rhcol .accordion, .rhcol #accordion{
	float:left;
	width:100%;
	margin-bottom: 10px;
}
.rhcol #accordion p, .rhcol .accordion p{margin:0;}
.rhcol .ui-accordion .ui-accordion-header, #checkout .ui-accordion .ui-accordion-header{
	padding-bottom: 0.2em;
	padding-top: 0.2em;
}
.rhcol .ui-accordion .ui-accordion-content, #checkout .ui-accordion .ui-accordion-content{
	padding: 0 2.2em 0.6em;
}
.section p{
	margin: 0;
}
.imgdiv{
	width:75px;
	float:left;
}
.serviceIcon{
	margin-right:10px;
}
.overview{
	float:left;
	width:165px;
}
.overview p{
	margin:0 0 5px;
}
.overview .features{
	margin:0;
}
.overview .features li{
	margin-left:0;
}
.section a{
	text-decoration: none;
	border: none;
	color: #333333;
}
.section a:hover{
	color: #0000CC;
}


/* Local Area page */
input.ac_input{
	font-size: 13px;
	padding: 20px 10px;
	width: 100%;
	border: none;
}
.ac_results li{
	font: normal;
	font-size: 14px;
	line-height: 150%;
}


/* Geographic number pages */
h1.firsthead{
	margin-top: 0;
	margin-bottom: 5px;
}
#newmap{
	width: 260px;
	height: 175px;
}

.ui-tabs .ui-tabs-nav .ui-tabs-anchor{
	background-color: #A4A4A4;
	width: 91%;
	padding: 1em;
	color: #FFFFFF;
}
.ui-tabs .ui-tabs-nav .ui-tabs-anchor:hover{
	color: #EEEEEE;
}
.tabs-nav li.ui-tabs-active .ui-tabs-anchor:hover{
	color: #FFFFFF;
}
.ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor, 
.ui-tabs .ui-tabs-nav li.ui-state-disabled .ui-tabs-anchor, 
.ui-tabs .ui-tabs-nav li.ui-tabs-loading .ui-tabs-anchor{
	background-color: #FF6600;
	font-weight: normal;
}
.ui-tabs .ui-tabs-nav li{
	width: 24%;
	margin: 0 1px 0 0;
}
.ui-tabs .ui-tabs-nav{
	padding: 0;
}
#tabs{
	border: none;
}
#tabs h3{
	margin-bottom: 0;
}
.ui-tabs{
	padding: 0;
}
#tabs .ui-widget-header{
	border: none;
}
.ui-tabs .ui-tabs-panel{
	padding: 1em;
}
.whiteborders{
	width: 100%;
}
.whiteborders th, .whiteborders td{
	border-bottom: 2px solid #FFFFFF;
	border-right: 4px solid #FFFFFF;
	padding: 5px 10px;
}
.costsummary, .howdetail, .orderdetail{
	display: none;
}



.leftimage{
	margin: 5px 15px 15px 0;
}
.reasons h1{
	margin-bottom:0;
	font-size: 14px;
	color: #333333;
	font-weight: bold;
}
.reasons p{
	margin-top:0;
}
a.bluelink, .ui-widget-content a.bluelink, .section a.bluelink{
	color: #66CCFF;
	text-decoration: underline;
}
a.bluelink:hover, .ui-widget-content a.bluelink:hover, .section a.bluelink:hover{
	color: #FF6600;
}
.mapinfo, .mapinfo h2, .mapinfo p, .gm-style-iw{
	overflow:hidden !important;
}
.mapinfo, .gm-style .gm-style-iw{width: 175px;}

.gm-style-iw{
	width: 115px;
}

.ui-dialog{
	margin-top: 30px;
	box-shadow: 0 0 20px #A4A4A4;
}
#bigmap{
	width: 800px;
	height: 500px;
}
.circle{
	width: 14px;
	height: 15px;
	-moz-border-radius: 15px;
    -webkit-border-radius: 15px;
	border-radius: 15px;
	background-color: #FF6600;
	display: block;
	float: left;
	padding: 2px 0 4px 6px;
	margin-right: 5px;
	color: #FFFFFF;
}
.ui-state-active a {
    outline: none;
}


#newmaplocal{
	width: 260px;
	height: 300px;
}

.nobotspace{
	margin-bottom: 0;
}
ol.blk li{color: #000000;}
.checkblack{
	margin-bottom: 0;
	font-weight: bold;
	color: #000000;
}


/* HOME */
.headbanner{
	width: 100%;
	height: 359px;
	float: left;
	background: #FFFFFF url('/phone-numbers-uk-images/uk-virtual-phone-numbers.jpg') no-repeat 0 0; 
}
.bannercontent{
	margin: 10px;
	width: 610px;
	height: 339px;
}
.bannercontent p{
	width: 60%;
	text-align: left;
}
.searchbox{
	background: transparent url('/phone-numbers-uk-images/grey-transparent.png') repeat 0 0; 
	-moz-border-radius: 10px;
    -webkit-border-radius: 10px;
	border-radius: 10px;
	width: 260px;
	float: left;
	padding: 0 10px;
}
.searchbox #suggest14{
	margin:10px 0;
}
.searchbox p.text-right{
	text-align: right;
	width: 100%;
}
.searchbox .navbutton{
	font-weight: bold;
}
.searchbox .navbutton:hover{
	background-color: #FFFFFF;
}
.navbutton, .navbutton:hover{
	text-decoration: none;
}
.bigwhite{
	font-size: 16px;
	color: #FFFFFF;
}
.bigwhite:hover{
	color: #FF6600;
}
.highlights{
	width: 100%;
	float:left;
	padding: 10px 0;
	background-color: #F8F8F8;
}
.highlights div{
	margin: 0 22px;
	float: left;
	text-align: center;
}
.highlights a, .highlights span.tooltip{
	color: #66CCFF;
	font-size: 14px;
}
span.tooltip:hover{
	cursor:default;
}
.highlights a:hover{
	color: #FF6600;
}
.howto{
	background-color: #F8F8F8;
	width: 100%;
	text-align: center;
	float: left;
	height: 340px;
}
.margin-top-big{
	margin-top: 40px;
}
.steps{
	width: 21%;
	margin: 0 2%;
	float: left;
	text-align: center;
}
.steps h4{
	color: #349DD9;
	margin: 10px 0;
	font-weight: bold;
}
.steps p{
	text-align: center;
}
.numbercol{
	float: left;
	width: 310px;
	margin-right: 10px;
}
span.help{
	float: right;
	padding:0 5px;
}
.homerange{
	clear: both;
}
.homerange img{
	margin-right: 5px;
	width: 55px;
}
.homerange strong a{
	color: #333333;
}
.homerange strong a:hover{
	color: #FF6600;
}
.numbercol .linkbox{
	width: 308px;
}
.numbercol .linktext{
	width: 233px;
	margin-bottom: 10px;
}
.numbercol .linktext h3{
	font-size: 18px;
}
.numbercol .linktext a{
	font-size: 13px;
}

#sidebarsearch{
	border:1px solid #CCCCCC;
	float: left;
	margin-bottom: 5px;
}
#sidebarsearch input.ac_input{
	width:230px;
	float:left;
	padding: 15px 10px;
}
.sidebarsubmit{
	background: #FFFFFF url('/phone-numbers-uk-images/dialling-code-search.gif') no-repeat 0 0;
	width: 20px;
	height: 20px;
	border: none;
	float:left;
	margin: 5px 5px 0 2px;
}
.sidebarsubmit:hover{
	cursor: pointer;
}
.featimg{
	width:60px;
	float:left;
	margin-right:5px;
}
.featcontent{
	float:left;
	width:195px;
}
.darkblue{
	background-color: #105474;
	position: relative;
}
.darkblue h1{
	color: #FF6600;
	font-size: 100px;
	margin: 0;
	line-height: 100%;
	text-align: center;
}
.darkblue h3{
	color: #66CCFF;
	font-size: 30px;
	margin: 0;
	line-height: 100%;
	text-align: center;
	font-weight: bold;
}
.darkblue ul{
	margin-left: 30px;
}
.darkblue li{
	color: #66CCFF;
	list-style-type: disc;
	font-size: 16px;
	margin-top: 5px;
}
.darkblue li span{
	color: #FFFFFF;
}
.darkblue li.nodisc{
	list-style-type:none;
	font-weight: bold;
}
.darkblue .navcontainer{
	position: absolute;
	bottom: 10px;
	text-align: center;
	width: 100%;
}
.darkblue .navbutton{
	font-size: 16px;
	font-weight: bold;
}

/* Call Services */
.fifth{
	width: 20%;
	float: left;
	text-align: center;
}
.diverts{
	text-align: center;
}
.sixth{
	width: 16%;
	float: left;
	text-align: center;
}
.fifth a, .diverts, .sixth, .fifth{
	font-weight: bold;
	color: #66CCFF;
}
.fifth a:hover{
	color: #FF6600;
}

/* dmConnect page */
.forwardsummary{
	display: none;
}
.con12{
	background-color: #F8F8F8;
	width: 100%;
	text-align: center;
	float: left;
	height: 250px;
}
.con12 ul.features{margin:0;}
.con12 .features li{
	width: 100%;
	margin-left: 20px;
	margin-bottom: 5px;
	font-size: 16px;
}
.conlocal{
	background: #12437A url('/phone-numbers-uk-images/local-area-virtual-phone-number.jpg') no-repeat top right;
}
.con12 h1{
	color: #FF6600;
	text-align: left;
	margin-left: 20px;
	margin-bottom: 5px;
}
.conlocal .features li, .confeat .features li, .concode .features li{
	color: #FFFFFF;
}
.conlocal h1{
	color: #33CCFF;
}
.conout{
	background: #DBDFE8 url('/phone-numbers-uk-images/virtual-number-outbound-calling.jpg') no-repeat top right;
}
.conout .third img{
	margin-right: 10px;
}
.conforward{
	background: #dcebf2 url('/phone-numbers-uk-images/virtual-phone-number-forwarding.jpg') no-repeat top right;
}
.conforward .fifth{
	color: #1896c1;
}
.confeat{
	background: #516b78 url('/phone-numbers-uk-images/virtual-phone-number-features.jpg') no-repeat top right;
}
.confeat h1{
	color: #000000;
}
.concode{
	background: #000000 url('/phone-numbers-uk-images/virtual-phone-number-area-codes.jpg') no-repeat top right;
}
.concode .right70 a{
	color: #FF6600;
	font-weight: bold;
}
.concode .right70 a:hover{
	color: #FFFFFF;
}
.conapp{
	background-color: #FFFFFF;
}
.conapp .features li{
	color: #000000;
}
.smartapp{
	width: 120px;
	height: 100%;
	float:right;
	text-align: center;
	color: #000000;
	font-size: 16px;
}
.appout{
	width: 510px;
	height: 100%;
	float:left;
}
.apptext{
	width: 340px;
	float:left;
}
.pcapp{
	width: 160px;
	float: right;
	text-align: center;
	color: #000000;
	font-size: 16px;
	margin-right:10px;
}
.appbutton{
	width: 189px;
	float: left;
	text-align: center;
}


.left30{
	width: 30%;
	float: left;
}
.right70{
	width: 70%;
	float: left;
}
.right70 p{
	color: #FFFFFF;
}
.right70 a{
	text-decoration: none;
	color: #FFFFFF;
}
.right70 a:hover{
	color: #FF6600;
}
.right70 a.bluelink{
	color: #00f6ff;
	font-weight: bold;
	font-size: 14px;
}
.right70 a.bluelink:hover{
	color: #FF6600;
}
.featureblock{
	width: 204px;
	margin-right: 9px;
	float: left;
}
.featureblock p{
	margin-top: 10px;
	text-align: left;
}
h2.starterpack{
	margin-top:0;
}
.rhcol .features li{
	margin-left:0;
}
.totalcost{
	font-size: 17px;
}
.totalprice{
	font-size: 21px;
	color: #FF6600;
	font-weight: bold;
}


/* dmConnect12 order page */
.navbuttonblue{
	background-color: #33CCFF;
	color: #FFFFFF;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
	border-radius: 5px;
	border: none;
	font-size: 14px;
	padding:10px;
	display: inline-block;
	width: auto;
	text-decoration: none;
}
.navbuttonblue:hover{
	color: #FFFFFF;
	background-color: #FF6600;
	cursor: pointer;
	text-decoration: none;
}
ul.nomargin{margin:0;}
.stepimg{
	float: left;
	width: 325px;
}
.stepinfo{
	float: left;
	width: 585px;
}
.clear, .clear li{
	clear: both;
}

/* Live anserwing */
.livebanner{
	width: 100%;
	height: 266px;
	float: left;
	background: transparent url('/phone-numbers-uk-images/virtual-number-live-answering.jpg') no-repeat top right scroll;
	margin-top: -20px;
}
.livebanner h1{
	margin-bottom: 0;
	margin-top: 30px;
}
.livebanner h2{margin-top: 0;}
.livebanner h4{
	margin: 20px 0;
	width: 60%;
	font-size: 14px;
}

/* Comparisons */
.compare td, .compare th{
	text-align: center;
}
.compare td:nth-child(1),
.compare th:nth-child(1){
	text-align: left;
}
.rangetable td.std{
	background-color: #daf3ff;
}
.rangetable td.upgd{
	background-color: #b8e7ff;
}
.rangetable td.stpck{
	background-color: #66ccff;
}
#costtables{
	width: 900px;
	height: 700px;
	margin-right: 10px;
	margin-bottom: 15px;
}

/* General */
a.orange{
	color: #FF6600;
	border-bottom: none;
}
a.orange:hover{
	color: #666699;
}
.info{
	color: #858585;
}
.dottedborder{
	border-bottom: 2px dotted #CCCCCC;
}
.dottedtop{
	border-top: 2px dotted #CCCCCC;
	padding-top: 20px;
}
.squares{
	margin-top: 10px;
	margin-left: 20px;
}
.squares li{list-style-type: square;}
.blue{color:#66CCFF;}
.red{
	color:#D00005;
	font-weight: bold;
}




#feeInfo{display:none;}	
#extraInfo, #geoInfo, #howInfo{display:none;}
#extraInfo, #messageInfo, #huntInfo, #callerInfo, #hoursInfo, #talkInfo, #planInfo, #voiceInfo, #midcallInfo, #webphoneInfo{display:none;}