/* 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

*/


/* GENERAL */

ul li{
	list-style-type: none;
	padding: 0;
	margin: 0;
	font-size: 12px;
	color: #333333;
}
ul{
	margin:0 0 15px;
	padding: 0;
}

/* GENERAL LAYOUT */
.topmargin{
	margin-top: 10px;
}
.bottommargin{
	margin-bottom: 15px;
}
.bottom-divide{
	border-bottom: 1px solid #f0f0f0;
	padding-bottom: 15px;
}
@media (min-width: 768px) {
	.div-table{
		display: table;	
	}
	.div-row{
		display: table-row;
	}
	.div-column{
		display: table-cell;
		float: none;
		vertical-align: top;
	}
}
.div-bordered{
	border: 1px solid #f0f0f0;
}
.leftimage {
	margin: 5px 15px 15px 0;
}
.ui-dialog {
	margin-top: 30px;
	box-shadow: 0 0 20px #A4A4A4;
}
.fullheight{
	height: 100%;
}
.fullwidth{
	width: 100%;
}
.squares {
	margin-top: 10px;
	margin-left: 20px;
}
.squares li {
	list-style-type: square;
}
.border-orange{
	border: 1px solid #FF6600;
}
.dottedtop{
	border-top: 2px dotted #CCCCCC;
	padding-top: 20px;
}
.dottedbottom{
	border-bottom: 2px dotted #CCCCCC;
	margin: 5px 0;
	float: left;
}




/* HEADER */
.trolley{
	margin-top: 30px;
}
.trolley iframe{
	margin-top: 2px;
}
.trolley .btn{
	vertical-align: top;
}

/* NAVIGATION */
.navbar-inverse .navbar-nav > li > a.nav-current{
	background-color: #FFFFFF;
	color: #FF6600;
}
.navbar-inverse .navbar-nav > li > a.drop{
	background: url("/phone-numbers-uk-images/uk-virtual-numbers-arrow-white.png") no-repeat 96% center;
	padding-right: 21px;
}
@media (min-width: 768px) {
	.navbar-inverse .navbar-nav > li > a.drop:hover, .navbar-inverse .navbar-nav > li > a.drop:active, .navbar-inverse .navbar-nav > li:hover > a.drop{
		background-color: #FFFFFF;
		color: #FF6600;
		background-image: url("/phone-numbers-uk-images/uk-virtual-numbers-arrow-orange.png");
		-moz-border-radius: 5px 5px 0 0;
		-webkit-border-radius: 5px 5px 0 0;
		border-radius: 5px 5px 0 0;
	}
	.navbar-nav > li:hover > .dropdown-menu{
		display: block;
	}
}
@media (max-width: 767px) {
	.nav > li {
		border-bottom: 1px solid #333333;
		float: left;
		width: 100%;
	}
	.nav > li > a {
		margin-right: 0;
	}
}
.dropdown-menu .navlist a, .dropdown-menu a.navlink{
	color: #333333;
	font-size: 14px;
}
.dropdown-menu .navlist a:hover, .dropdown-menu a.navlink:hover{
	color: #FF6600;
}
.dropdown-menu a.h4{
	color: #333333;
	font-size: 14px;
	font-weight: bold;
}
.dropdown-ranges{
	left: -70px;
}
.dropdown-services{
	left: -228px;
}
@media (max-width: 767px) {
	.navlist li {
		border-bottom: 1px solid #333333;
		padding: 5px 0;
	}
	.open{
		background-color: #111111;
		padding-bottom: 10px;
	}
	.dropdown-menu .navlist a, .dropdown-menu a.navlink {
		color:#FFFFFF;
	}
	.dropdown-menu .navlist a:hover, .dropdown-menu a.navlink:hover {
		color:#FF6600;
	}
	.navmore{
		padding: 5px 0 15px;
	}
	.open .navlist{ 
		margin-bottom: 10px;
	}
	.dropdown-menu a.h4{
		color:#FF6600;
	}
}

/* SEARCH */
.searchbarsubmit {
	background: #FFFFFF url('/phone-numbers-uk-images/dialling-code-search.gif') no-repeat center center;
	width: 30px;
	height: 30px;
	border: none;
	border-left: 1px solid #FF6600;
	float: left;
	padding: 5px 5px 0 2px;
}
input.ac_input {
	width: 85%;
	float: left;
	padding: 15px 10px;
	border: none;
	background-color: #FFFFFF;
	color: #A5A5A5;
	font-weight: normal;
	height: 16px;
}
#searchbar input.ac_input{
	width: 300px;
}

@media (max-width: 768px) {
	#searchbar input.ac_input{
		width:85%;
	}
}

.ac_results {
    background-color: white;
    border: 1px solid black;
    overflow: hidden;
    padding: 0;
    z-index: 99999;
}
.ac_results ul {
    list-style: none outside none;
    margin: 0;
    padding: 0;
    width: 100%;
}
.ac_results li {
    cursor: default;
    display: block;
    font: menu;
    line-height: 16px;
    margin: 0;
    overflow: hidden;
    padding: 2px 5px;
    text-align: left;
}
.ac_loading {
    background: url("/numbers/autocomplete/indicator.gif") no-repeat scroll right center white;
}
.ac_odd {
    background-color: #EEEEEE;
}
.ac_over {
    background-color: #F65925;
    color: white;
}
.help{
	padding: 0 5px;
}


.ac_results li{
	font: normal;
	font-size: 14px;
	line-height: 150%;
}
::-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;
}


/* FOOTER */
#footer{
	width:100%;
	background-color:#000000;
	float:left;
	padding:15px 0;
	}
#footer h2, #footer h2 a{
	color:#FF6600;
	margin:0 0 5px;
	font-weight:normal;
	font-size:14px;
	}
#footer a {
	color:#FFFFFF;
	border:none;
	}
#footer a:hover{
	color:#FF9300;
}
#underfoot{
	width:100%;
	background-color:#333333;
	float:left;
	padding:20px 0;
	}
#underfoot p{
	color:#FFFFFF;
	margin:0 20px 15px;
}


/* Tabs */
.nav-tabs.nav-justified > li > a > h4{
	color: #66CCFF;
}
.nav-tabs.nav-justified > li > a:hover > h4, .nav-tabs.nav-justified > li > a:active > h4{
	color: #FF6600;
}
.nav-tabs.nav-justified > li.active > a > h4{
	color: #FF6600;
}
.nav-tabs.nav-justified > li > a > .text-left{
	text-align: left !important;
}
.panel-title > a{
	color: #66ccff;
	text-decoration: none;
}


/*
 * 
 * 
 * 
 *    PAGES
 * 
 * 
 * 
 */

/* HOME PAGE */
.headbanner{
	background-color: #e0e9f2;
}
@media (min-width: 768px) {
	.headbanner{
		background: #e0e9f2 url('/phone-numbers-uk-images/uk-virtual-phone-numbers-l.jpg') no-repeat top left;
		height: 359px;
	}
}
@media (max-width: 767px) {
	.headbanner h1{
		font-size: 24px;
	}
	.headbanner, .headbanner h1, .headbanner p{
		text-align: center;
	}
}
.ranges li{
	padding: 5px 0;
}
.ranges a{
	text-decoration: none;
}

/* NUMBER RANGES */
.costsummary{
	display: none;
}
.costsummary th{
	text-align: right;
}
table.table-mid td, 
.table-mid > thead > tr > th, 
.table-mid > tbody > tr > th, 
.table-mid > tfoot > tr > th, 
.table-mid > thead > tr > td, 
.table-mid > tbody > tr > td, 
.table-mid > tfoot > tr > td{
	vertical-align: middle;
}
.table-borderless > thead > tr > th, 
.table-borderless > tbody > tr > th, 
.table-borderless > tfoot > tr > th, 
.table-borderless > thead > tr > td, 
.table-borderless > tbody > tr > td, 
.table-borderless > tfoot > tr > td{
	border:none;
}
.search-wide input.ac_input{
	width: 360px;
}
@media (max-width: 767px) {
	.search-wide input.ac_input{
		width: 83%;
	}
}


/* LOCAL AREAS */
#newmaplocal {
	width: 25%;
	height: 345px;
}
#bigmap{
	width: 868px;
	height: 500px;
}
@media (max-width: 767px) {
	#newmaplocal {
		width: 100%;
		height: 345px;
	}
	#bigmap{
		width: 100%;
		height: 345px;
	}
}
.tab-content{
	border-width: 0 1px 1px;
	border-style: solid;
	border-color: #ddd;
	padding:15px;
	background-color: #FFF;
}
.features li {
	float: left;
	list-style-type: none;
	background: transparent url('../phone-numbers-uk-images/phone-service-features-tick.png') no-repeat 0 2px scroll;
	padding-left: 25px;
	width: 100%;
}

/* Local range individual pages */
#newmap{
	height: 250px;
}
.howdetail, .orderdetail, .costsummary, .forwardsummary{
	display:none;
}


/* dmAnswers14 Live Answering */
@media (min-width: 768px) {
	.answerbanner{
		background: transparent url('/phone-numbers-uk-images/virtual-number-live-answering-service.jpg') no-repeat top right scroll;
		height: 266px;
	}
}
@media (max-width: 767px) {
	.answerbanner h1{
		font-size: 24px;
	}
	.answerbanner, .answerbanner h1, .answerbanner p{
		text-align: center;
	}
}

/* dmConnect12 */
.con12{
	background-color: #F8F8F8;
	width: 100%;
	float: left;
	height: 250px;
}
.con12 ul.features{margin:0;}
.con12 .features li{
	width: 100%;
	margin-left: 20px;
	margin-bottom: 5px;
	font-size: 14px;
}
.con12 a.bluelink {
	color: #00f6ff;
	font-weight: bold;
	font-size: 14px;
}
.con12 a.bluelink:hover {
	color: #FF6600;
}
.conlocal{
	background: #12437A url('/phone-numbers-uk-images/local-area-virtual-phone-number.jpg') no-repeat top right;
}
.con12 h2{
	color: #FF6600;
	text-align: left;
	margin-left: 20px;
	margin-bottom: 5px;
	margin-top:10px;
}
.conlocal .features li, .confeat .features li, .concode .features li{
	color: #FFFFFF;
}
.conlocal h2{
	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;
}
.con12 a.text-warning{
	font-weight:bold
}
.con12 a.text-warning:hover{
	color: #FFFFFF;
}
.smartapp{
	width: 120px;
	float:right;
	text-align: center;
	color: #000000;
	font-size: 16px;
	padding-top: 2%;
	height: 90%;
}
.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;
}

/* dmSwitchboard12 */
#extraInfo, #messageInfo, #huntInfo, #callerInfo, #hoursInfo, #talkInfo, #planInfo, #voiceInfo, #midcallInfo, #webphoneInfo{
	display:none;
}

/* Numberchooser */
#numbercontent{
	height: 600px;
}

/* Comparison */
td.std {
	background-color: #daf3ff;
}
td.upgd {
	background-color: #b8e7ff;
}
td.stpck {
	background-color: #66ccff;
}
.compare td, .compare th {
	text-align: center;
}
.compare td:nth-child(1), .compare th:nth-child(1) {
	text-align: left;
}


/* Sitemap */
#sitemap{
	margin-left:15px;
}
#sitemap li{
	margin-bottom:8px;
	list-style-type:circle;
}
#sitemap li ul {
	padding-left:15px;
	margin-top: 5px;
}
#sitemap li ul  li{
	list-style-type:none;
}

/* DID Numbers */
ul.phone_services li, #numbersright ul.phone_services li {
	background-position: 0 -3px;
	background-repeat: no-repeat;
	padding: 0 0 15px 70px;
}











