@import url("reset.css");

body {
	text-align:center;
	font:normal 62.5%/1.1em Arial, Helvetica, sans-serif;
	background:#e4e4e4 url('/image/core/body-bg.gif') repeat-x;
}

#wrapper {
	margin:0 auto;
	margin-top:5px;
	padding-bottom:20px;
	width:930px;
	text-align:left;
	border:1px solid #a7c4db;
	font-size:1.15em;
	line-height:1.35em;
	background:#ffffff;
}

/* = Tag Elements
============================================================= */
h1, h2, h3{
	font-size:1.6em;
	color:#9a1318;
	margin:0.5em 0;
	line-height:1.2em;
}
h2,h3{
	font-size:1.3em;
	font-weight:bold;
	color:#000033;
}
h3{
	font-size:1.1em;
	color:#000;
}

a{color:#1D2730;}
p{margin:0.6em 0; font-size:1.1em; line-height:1.5em;}

h1 + p{margin-bottom:1.3em;}
p + h2{margin-top:1.5em;}
p + h3{margin-top:1.5em;}
strong{font-weight:bold;}

ol, ul{
	margin-left:20px;
	line-height:1.5em;
}

code {
	padding: 25px 10px;
	background-color: #DDD;
	display: block;
	margin: 10px;
	font-family: "Courier New", Courier, monospace;
	line-height: 1.5em;
	font-size: 110%;
}

.datatable{width:98%;}
.datatable th {
	padding:3px;
	background-color:#587E9B;
	text-align: left;
	/*background-image:url('/image/core/topnavbackgr.gif');*/
	font-weight: bold;
	font-size:1.15em;
	color:#FFF;
}
.datatable td{
	border-bottom: 1px solid #013E75;
	padding:0.5em 0;
}


/* = Header
------------------------------------------- */
#Header{position:relative; width:100%; height:170px;}
#headtop{text-align:right; padding-top:4px; padding-bottom:4px; font-weight:bold; color:#FFF; font-size:110%; width:100%; height:20px; margin-top:-1px; background:url('/image/core/headtop-bg.jpg') no-repeat;}
#aheadtop, #status {color:#FFF; text-decoration: none}
#status {margin-right:5px;}
#logo{position:absolute; top:31px; left:17px; border:none;}
#header-design {float:right}

/* = Breaks
-------------------------------------------- */

div.ibreak {background:url('/image/core/b1.gif') no-repeat bottom left; width: 530px; padding:15px 140px 20px 0; height:120px;}

/* = Top Nav
-------------------------------------------- */
#topnavcont{
	width:100%; 
	height:28px; 
	margin-bottom:2px;
	position:absolute;
	bottom:0;
	left:0;
	background:url(/image/core/topnav-bg.jpg) no-repeat right top;
}

#topnav{
	list-style:none;
	margin:0;
}
#topnav li{
	float:left;
	height:26px;
	padding:0 32px 0 25px;
	background:url(/image/core/topNavSep.gif) no-repeat right top;
}
#topnav li a{
	display:block;
	margin:4px 0 0 0;
	text-decoration:none;
	font-weight:bold;
	font-size:1.05em;
	color:#fff;
}
#topnav li a:hover{
	color:#ffff33;
}
/* Hide end nav sep */
#topnav li .end{
	background:none;
}

/* = Right Column 
-------------------------------------------- */
#rightColumn{
	float:right;
	width:699px;
}
#contentContainer{
	padding:0 10px;	
}

#contentContainer table{
	width:90%;
}

/* = Left Column 
-------------------------------------------- */
#leftColumn{
	float:left;
	width:225px;
}

.colbox{
	width:219px;
	margin-bottom:10px;
	padding:3px;
	background-color:#e9eef2;
}
.colbox.nav{
	width:223px;
}	

.pagenav{
	width:195px;
	margin:0 0 0 10px; 
	list-style: none;
	padding-bottom:10px;
}

.pagenav li {
	width:100%;
	padding:8px 0;
	display: block; 
	background:#e9eef2 url(/image/core/leftnavsep.gif) repeat-x bottom left;
}

.pagenav li.toplink{
	padding-top:5px;
}

.pagenav a {
	margin-left:5px;
	display: block; 
	color:#000;
	text-decoration:none;
	font-weight: bold; 
	padding-left:15px;
	background:url(/image/core/navarrow.gif) no-repeat 0.2em 0.4em;
}

.pagenav li a:hover {
	color:#741012;
}

/* Sublinks */
.pagenav li ul li{
	padding:5px 0 0 0;
	background:none;
}
.pagenav li ul{list-style-type:none;}
.pagenav li ul li a {
	margin-left:5px;
	display: block; 
	color:#741012;
	text-decoration:none;
	font-weight: bold; 
	padding-left:15px;
	background:url(/image/core/subnavarrow.gif) no-repeat 0.2em 0.4em;
}

.pagenav li ul li a:hover {
	color:#000;
}

/* = Footer
--------------------------------------------- */
#footer{
	margin-top:3px;
	text-align:center;
}
#footer p{font-weight:bold;}


/* = HOME PAGE
---------------------------------------------------------------- */
/* = Home News
-------------------------------------------- */
#homenews{font-weight:bold;}
#homenews h1{
	color:#000;
	padding-bottom:3px;
	border-bottom:1px solid #000;
	padding-left:21px;
	background:url(/image/RssLogo.gif) no-repeat left center;
}
#homenews h2{
	color:#000;
	font-weight:bold;
}
#homenews .snippet{
	padding-bottom:5px;
	margin-bottom:5px;
	background:url(/image/core/leftnavsep.gif) repeat-x left bottom;
}
#homenews .snippet p{font-size:1em; line-height:1.4em;}
#homenews .snippet.last{
	background:none;
}
#homenews p.date{
	font-size:1.1em;
	font-style:italic;
	color:#660000;
}

#homenews .img_cont{
	text-align:center;
	width:203px;
	background:#E9EEF2 url(http://www.digipigeon.com/image/home/news_img_cont_bkr_middle.gif) repeat-y 0 0;
}
#homenews .img_cont_t{
	width:203px;
	height:28px;
	background:url(http://www.digipigeon.com/image/home/news_img_cont_bkr_top.gif) no-repeat 0 0;
}
#homenews .img_cont_b{
	width:203px;
	height:20px;
	background:url(http://www.digipigeon.com/image/home/news_img_cont_bkr_btm.gif) no-repeat left bottom;
}
#homenews .img_cont img{margin-left:5px;}

/* = PARTNERS, GETTING STARTED
---------------------------------------------------------------- */
/* = partner list, Info list
-------------------------------------------- */
.partnerlist, .infolist{
	padding-bottom:0.5em;
	margin-bottom:1em;
	background:url(/image/core/leftnavsep.gif) repeat-x left bottom;
}
.partnerlist.last, .infolist.last{background:none;}
.partnerlist .partnerinfo{
	float:right;
	width:520px;
}

.infolist .listinfo{
	float:left;
	width:520px;
}
/* = portfolio list, Info list
-------------------------------------------- */
.wsportfoliolist{
	padding-bottom:0.5em;
	margin-bottom:1em;
	background:url(/image/core/leftnavsep.gif) repeat-x left bottom;
}
.wsportfoliolist.last {background:none;}
.wsportfoliolist .wsportfolioinfo{
	float:right;
	width:350px;
}

/* = General Styles
--------------------------------------------- */
#contentContainer ul, ol{
	font-size:1.1em;
	list-style-type:square;
	margin:1.2em 0 1.7em 25px;
}
#contentContainer ol{list-style-type:decimal;}
#contentContainer ul li, ol li{margin:0.2em 0;}


.infobox{
	padding:5px;
	margin-bottom:1.5em;
	border:1px solid #c3cfd8;
	background:#f8f9fb url(/image/boxshadebackgr.png) repeat-x left bottom;
}
.infobox .half{width:48%;}
.infobox .small{width:32%;}
.infobox h1{
	margin:0.2em 0;
	padding:0 0 5px 10px;
	background:url(/image/titlearrow.gif) no-repeat left 40%;
	border-bottom:1px solid #a8b2bb;
	color:#000;
	font-weight:bold;
	font-size:1.4em;
}
.infobox .lcol, .infobox .rcol{width:45%;}
.infobox .lcol{float:left;}
.infobox .rcol{float:right;}
.infobox.lcol{float:left; margin-right:10px;}
.infobox.rcol{float:right; margin-left:10px;}

p + .infobox{margin-top:1.4em;}

.hide{position:absolute; left:-9000px;}

.lfloat{float:left;}
.rfloat{float:right;}
.bold{font-weight:bold;}
.infobold{font-weight:bold; color:#003875;}
.imgR, .imgL, .imgR_nb, .imgL_nb{float:right; border:1px solid #C6D6E3; margin:0 0 10px 10px;}
.imgL, .imgL_nb{float:left; margin:0 10px 10px 0;}
.imgR_nb, .imgL_nb{border:none;}
.minislogan{font-size:1.3em; color:#063468; font-weight:bold; margin:1.4em 0;}
p .minislogan > p .minislogan{margin:0;}
.lmargin{margin:0 10px 10px 0;}
.half{width:49%;}
.pagecolR{float:right; margin:0 0 1em 10px; width:48%;}
.pagecolL{float:left; margin:0 10px 1em 0; width:48%;}

.sep{border:1px solid #919CA5; margin:0.9em 0}
.dash{background:url(/image/core/leftnavsep.gif) repeat-x left bottom; margin:0.9em 0; height:2px;}
.dash + h2, .dash + h3, .sep + h2{margin-top:1.6em;}
p + .sep {margin-top:1.3em;}
.noborder{border:none;}
.center{text-align:center;}
.clear{clear:both;}

td.price	{text-align:right}
th.price	{text-align:right}

/* Login Box */
.loginform{margin:0.3em 0;}
.loginform div{clear: left;	margin: 0;	padding:0 0 .5em 0;	padding-left: 58px; height: 1%;}
.loginform label{float: left; margin-left: -53px; width: 60px; margin-bottom:0.3em; }
.loginform legend{font-size:1.1em; font-weight:bold; margin-bottom:0.6em;}
.loginform input{ width: 145px;}
.loginform input.textbox{ border:1px solid #A5ACB2; background-color:#fff; padding:2px;}
.loginform input.textbox:focus, .loginform input.textbox:focus{background-color:#EEF1F1;}
.loginform .col .noborder{border:none;}
.loginform input.button{width:auto; height:auto; cursor:pointer;}
.loginform div.col fieldset legend{
	font-size:100%;
	font-weight:normal;
}
.loginform div.col{position:relative;}

.loginform div .lblCheckbox{
  position:absolute;
  width: 100px;
  left:-103px;
  top:0;
  height: expression('1%');
  padding:5px 5px 5px 0;
  text-align: left;
  font-size:90%;
  font-weight:normal;
}
.loginform input.checkbox{position:absolute; left:100px;width:10px}
#rememberme	{width:20px}


/* Code View */

div.code {
	background-color: #F0F0F0;
	padding-top: 10px;
	font-family: "Courier New", Courier, monospace;
	font-size: 8pt;
}
div.code ol {
	background-color: #FFF;
	color: #000060;
	font-size: 8pt;
	padding-left: 10px;
}

/* CLEARING FLOATS (http://www.positioniseverything.net/easyclearing.html) -------------------------------------------------------------------------------------------------------------- */
.clearfix:after {
	content: "."; 
	clear: both; 
	height: 0; 
	visibility: hidden; 
	display: block; 
}
 
.clearfix {
	display: inline-block; 
}

/* Hides from MacIE \*/
* html .clearfix {
	height: 1%;
	}
.clearfix {
	display: block;
	}
/* End hide from MacIE */

/* Added by Lisa */

.featurebox {
	padding: 10px 50px;
}

.voip_form{
	font-size:120%;
	font-weight: bolder;
	line-height: 20px;
	clear:both;
}
.voip_form fieldset{
	padding:0 0 10px 0;
}
.voip_form fieldset.user_detail input{
	width:250px;
	font-size:110%;
	text-align: left;
}
.voip_form fieldset  div{
     margin: 2px;
     padding: 1px;
}
.voip_form div fieldset  div div{
    margin-left: 20px;
}

.voip_form legend{
	font-size:120%;
}
.voip_form label{
	width:220px;
	float:left;
	margin-left:20px;
	font-size:110%;
}
.voip_form input[type="text"]{
	width:40px;
	text-align: center;
	font-size:110%;
	
}
#tabs{
	display:none;
	font-size: 90%;
	clear:both;
}

#tabs div a.next{
	float:right;
	vertical-align: bottom;
	text-decoration: none;
	background: #CCCCCC;
	padding: 1px 10px;
	border: 1px solid #999999;
	margin-bottom: 2px;
	
}
#tabs div a{
	text-decoration: none;
}
.help{
	margin-right: 10px;
}
.parenttab{
	min-height: 250px;
	padding-bottom: 10px;
/*	background:url('../image/voip/quote-bg.jpg') no-repeat bottom right !important;	*/
}
.childtab{
	min-height: 220px;
}
#uk_unlimited_ck{
	margin-right: 26px;
}
#mobile_bundle_ck{
	margin-right: 26px;
}
#global_unlimited_ck{
	margin-right: 26px;
}
.help_link{
	font-weight:lighter;
	display:none;
	font-size:11px;
	color:#AAAAAA;
}
.call_uk, .call_uk, .call_uk, .call_mobile, .call_uk, .call_global{
	height:20px;
}
#callcost{
	width:30%;
	margin:5px 3px 3px 3px;
}
#callcharges legend{
	font-size: 110%;
	font-weight:bolder;
	line-height: 20px ;
}
#callcharges a{
	float:right;
	vertical-align: bottom;
	text-decoration: none;
	background: #CCCCCC;
	padding: 1px 10px;
	border: 1px solid #999999;
	margin-bottom: 2px;
	}
.telephone{
	float:left;
	width: auto;
}
.check_cost{
	float:left;
}
#result{
	padding:10px 0 0 20px ;
}
#image_rotate{
	margin:0px;
	list-style: none
}
#voucher_message{
	padding-left:242px;
}
#load_quote{
	float:right;
	margin-top:10px;
	margin-right:5px;
	width:448px;
	text-align:right;
}
#load_quote input.quote_no{
	width:100px;
}

#email_form{
	float:right;
	border:#ccc solid 1px;
	background-color:#eee;
	padding:10px;
}

#email_form input.invalid{
	background-color:#ff5555;
}


/* voip call calculator */

.voip_call_edit{
	display:none;
}

.voip_call_text{
	width:105px;
	margin-right:5px;
}
.voip_call_add{
	margin-top:11px;
}




/* status page */

#statuses .status{
	background:#eeeeee url('/image/status/status-bg.gif') no-repeat;
	padding:10px;
	margin:10px;
}
#statuses .status .footer{
	font-style:italic;
	text-align:right;
}