/* CSS Document for Colt Ethernet - created by Mark Mulrooney */

body {
	font-size:69%; /* Equates to 11pt */
	font-family:Arial, Helvetica, sans-serif;
	background-color:#FFF;
	color:#666666;
	width:964px;
	margin:0 auto;
	text-align:center;
	padding:0;
	overflow:scroll; /* To stop Mozilla causing a horizontal shift/jump between pages needing and not needing a scroll bar. */
}

* { margin:0; padding:0;}

a { text-decoration:none; color:#5696ba;}

blockquote {font-style:italic;}

h1, h2, h3, h4 { color:#006d76;  font-weight: normal; line-height:110%;}
h1 span.picProvided, h2 span.picProvided, h3 span.picProvided, h4 span.picProvided { 
	font-size:0; 
	line-height:0; 
	text-indent:-2000px;
	width:0;
	display:block;
	overflow:hidden;
}
h1 { font-size:2em; margin-bottom:10px;}
h1.picHeader {margin-bottom:8px; font-size:0; line-height:0;}
h2 { font-size:1.9em; font-weight:normal;}
h2.h2style2 {font-size:1.6em; font-weight: bold; margin-bottom:10px;}
h2.h2style3 {font-size:1.1em; font-weight: bold; margin-bottom:3px;}

.boxStyle1 h2 { font-size:1.6em; font-weight:bold; margin-bottom:10px;}

h2.picHeader {margin-bottom:10px; font-size:0; line-height:0;}

h3 { font-size:1.2em; margin-bottom:1em; font-weight:bold;}
.boxStyle1 h3 {color:#5696ba; margin-bottom:0;}
h3.h3style2 { font-size:1em; margin-bottom:4px;}

h3 span.h3style3 { color:#666666; line-height:140%;}


p {margin-bottom:1em;}
blockquote p {margin-bottom:0;}
.columnAB blockquote p { font-size:1.1em;}
p.label4blockquote { color:#11777f; font-weight:bold;}

div.hr hr, div.hr2 hr { display:none;}

div.hr { 
	height:2px;
	font-size:0;
	line-height:0;
	width:100%;
	background-image:url(../images/backgrounds/hr_dot.gif);
	background-repeat:repeat-x;
	background-position:left;
	margin-bottom:8px;
	clear:both;
}
div.hr2 { 
	height:8px;
	font-size:0;
	line-height:0;
	width:100%;
	background-image:url(../images/backgrounds/hr_stripe.gif);
	background-repeat:repeat-x;
	background-position:left;
	margin-bottom:8px;
}

a img {border:0;}
a.linkArrow { 
	color:#5696ba;
	text-decoration:none;
	padding:0 20px 0 0;
	background-image:url(../images/icons/link_arrow.gif);
	background-repeat:no-repeat;
	background-position: center right;
	/*background-color:pink;/*!!*/
	display:inline-table;
}
a.backToTop { 
	color:#666666;
	text-decoration:none;
	padding:0 14px 0 0;
	background-image:url(../images/icons/link_arrow_up.gif);
	background-repeat:no-repeat;
	background-position:center right;
	font-size:1.15em;
	font-weight:bold;
}

.baseFontSizePlus1 {font-size:1.1em;}

.float { float:left;}
.floatR {float:right;}
img.float { margin:0 10px 5px 0;}

.lineHeightExtra {line-height:180%}
.mb0 {margin-bottom:0px !important;}
.mb5 {margin-bottom:5px !important;}
.mb10 {margin-bottom:10px;}
.mb1em { margin-bottom:1em;}

span.tinyFont {font-size:0.8em;}


ul {
	list-style-type:none;
	list-style-position:inside;
}

div#header {padding:33px 0 0 0; text-align:left;}

ul#navTop {
	list-style-type:none;
	list-style-position:outside;
	margin:14px 0 16px 0;
}
ul#navTop li {
	float:left;
	position:relative;
	cursor:pointer;
}



ul#navTop li a {text-decoration:none;}	
ul#navTop li a span { font-size:0; line-height:0; text-indent:-2000px; display:block; width:0; height:0;}

/*ul#navTop li#navLi1 a:hover {background-image:url(../images/nav/hover_visit_colt.gif);}*/

/*ul#navTop li#navLi3 a.active-link {
	text-indent: -9999px;
	background: url(../images/nav/current_home.gif) no-repeat;
	width: 150px;
	overflow: hidden;
	float: left;
	height: 20px;
}

ul#navTop li#navLi3 a.active-link img {
	display: none;
}*/

ul#navTop li ul.navTop2 { 
	list-style-type:none; 
	list-style-position:inside;
	display:none;
	position:absolute; 
	top:25px;
	left:0;
	filter:alpha(opacity=82);
	-moz-opacity:.82;
	opacity:.82;
}
ul#navTop li ul.navTop2 li {
	background-color:#64a6ca;
	display:block;
	width:165px;
	border-bottom:1px dotted blue;
	background-image:url(../images/icons/nav_bullet_point_white_arrow.gif);
	background-repeat:no-repeat;
	background-position:6px 15px;
	padding:12px 10px 12px 17px;
	float:none;
}

li>ul { /* to override top and left in browsers other than IE, which will position to the top right of the containing li, rather than bottom left */
	/*top: auto;
	left: auto;*/
}


ul#navTop li:hover ul.navTop2,
ul#navTop li.over ul.navTop2
{display: block;}

ul#navTop li ul.navTop2 li a { color:#FFF; font-weight:bold;}
ul#navTop li ul.navTop2 li a:hover {text-decoration:underline;}

ul#navTop li ul.widthC li { width:121px;}
ul#navTop li ul.widthE li { width:151px;}



div#breadcrumb1 {
	margin: 0 10px 0;
	color:#848286;
	padding-bottom:10px;
}
div#breadcrumb1 p {
	float:left;
	font-size:1.1em;
	margin-bottom:0;	
}
ul#breadcrumb2 {
	list-style-type:none;
	list-style-position:outside;
	margin: 0 10px 0;
	display:inline;
	float:left;
	font-size:1.1em;
}
ul#breadcrumb2 li {
	float:left;
	margin-right:0.5em;
	font-weight:bold;
	font-size:1.0em;
	color:#000;
}
ul#breadcrumb2 li a {
	color:#62a8dc;
	font-weight:bold;
}

ul#breadcrumb2 li span {
	color:#848286;
	padding:0 0 0 0.5em;
}


ul.bulletPointArrow {
	list-style-type:none;
	list-style-position:inside;
	margin-left:2px;
}

ul.bulletPointArrow li {
	background-image:url(../images/icons/bullet_point_arrow.gif);
	background-repeat:no-repeat;
	background-position:0 4px;
	padding:0 0 0 10px;
	margin-bottom:5px;
	list-style-position:outside;
}



ul.fileTypes {
	margin:0 0 0 10px;
	list-style-type:none;
	width:85%; 
}

ul.fileTypes a {
	background-repeat:no-repeat;
	background-position:left;
	padding:0 0 0 25px;
	text-decoration:none;
	color:#6eb8df;
	display:block;
	height:19px;
	/*width:100%;*/
}

ul.fileTypes a.fileTypeXcel {background-image:url(../images/icons/excel.gif);}
ul.fileTypes a.fileTypePDF {background-image: url(../images/icons/pdf.gif);}
ul.fileTypes a.fileTypeWord {background-image:url(../images/icons/word.gif);}

ul.fileTypes p {
	padding:0 0 0 25px;
	margin-top:-0.5em;
	font-size:1em;
}


ul.tabs {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	margin-bottom:20px;
	font-size:1.05em;
	font-weight:bold;
	background-image:url(../images/backgrounds/tab_bottom_border.gif);
	background-repeat:repeat-x;
	background-position:bottom;
	min-height:28px;
	/*overflow:hidden;*/
	/*padding:0 20px 0 0;*/
	width:98%;
}
ul.tabs li {
	display:block;
	float:left;
	margin-right:5px;
	background-image:url(../images/backgrounds/tab.gif);
	background-repeat:no-repeat;
	background-color:#6db7de;
	width:109px;
	min-height:21px;
	padding:5px 0 0 0;
	text-align:center;
}
ul.tabs li.ui-tabs-selected {
	background-image:url(../images/backgrounds/tab_current.gif);
	background-color:#FFF;
	min-height:23px;
}

ul.tabs li a {
	text-decoration:none;
	color:#FFF;
}
ul.tabs li.ui-tabs-selected a { color:#006d76;}

.ui-tabs-hide {display:none;}



ul.mapKey {list-style-position:inside; line-height:1;}
ul.mapKey li {
	margin-bottom:1em;
	background-repeat:no-repeat;
	background-position:left;
	padding-left:32px;
	font-size:1.1em;
}
ul.mapKey li#mapKey1 {
	background-image:url(../images/icons/man_with_data_centres.gif); 
	min-height:19px;
	padding-top:4px;
}
ul.mapKey li#mapKey2 {
	background-image: url(../images/icons/man.gif);
	min-height:15px;
}
ul.mapKey li#mapKey3 {background-image: url(../images/icons/colt_connected_city.gif);}
ul.mapKey li#mapKey4 {
	background-image: url(../images/icons/operational_network.gif);
	background-position:0 0.5em;
	margin-bottom:0.5em;
}
ul.mapKey li span.tinyFont{ line-height:1;}










.content {
	padding:0 0px 8px 8px;
	text-align:left;
	/*background-color:pink;/*!!*/
}

.columnA {
	width:707px;
	float:left;
	margin-right:17px;
}
.columnB {
	width:232px;
	float:left;
}
.columnAA {
	/*width:460px;*/
	width:465px;
	float:left;
	/*margin-right:20px;*/
	margin-right:15px;
	display:inline;
	/*background-color:pink;/*!!*/
}
.columnAB {
	width:227px;
	float:left;
	display:inline;
	/*background-color:yellow;/*!!*/
}
.columnB .columnBelements {
	width:200px;
}




.flashHolder {
	margin:0 0 8px 0;
}

.columnAA p {font-size:1.1em; /*padding-right:2px;*/}

.columnAB p, .columnB p { font-size:1em;}
.columnB p { margin-bottom:2em;}

.columnAB h3, .columnAB p { padding-left:3px;}

.columnB div.hr { 
	margin-bottom:16px;
}

div.boxStyle1 {width:225px}
div.boxStyle1Top {
	background-repeat:no-repeat;
	background-position:top;
	background-image:url(../images/backgrounds/box1_top.gif);
	height:5px;
	font-size:0;
	line-height:0;
}
div.boxStyle1Mid {
	background-color:#ebeced;
	padding:4px 12px 0 12px;
}
div.boxStyle1Bottom {
	background-repeat:no-repeat;
	background-position:bottom;
	background-image:url(../images/backgrounds/box1_bottom.gif);
	height:4px;
	font-size:0;
	line-height:0;
}

div.columnB div.boxStyle1Mid p { margin-bottom:1.2em;}

span.dateStamp { font-weight:bold;}



div.boxStyle2 {width:465px;}
div.boxStyle2Top {
	background-repeat:no-repeat;
	background-position:top;
	background-image:url(../images/backgrounds/box2_top.gif);
	height:41px;
	font-size:0;
	line-height:0;
}
div.boxStyle2Mid {
	background-image:url(../images/backgrounds/box2_mid.gif);
	background-repeat:repeat-y;
}
div.boxStyle2Bottom {
	background-repeat:no-repeat;
	background-position:bottom;
	background-image:url(../images/backgrounds/box2_bottom.gif);
	height:12px;
	font-size:0;
	line-height:0;
}
div.boxStyle2 div.boxStyle2ColA,
div.boxStyle2 div.boxStyle2ColB  
{
	width:225px;
	float:left;
}
div.boxStyle2 div.boxStyle2ColA { margin-right:15px;}

div.boxStyle2 h3 {padding-left:11px;}

div.boxStyle2 ul.bulletPointArrow {
	padding:0 11px 0 11px;
}


div.boxStyle3 {width:225px}
div.boxStyle3Top {
	background-repeat:no-repeat;
	background-position:top;
	background-image:url(../images/backgrounds/box3_top.gif);
	height:8px;
	font-size:0;
	line-height:0;
}
div.boxStyle3Mid {
	background-image:url(../images/backgrounds/box3_mid.gif);
	background-repeat:repeat-y;
	padding:4px 12px 0 12px;
}
div.boxStyle3Bottom {
	background-repeat:no-repeat;
	background-position:bottom;
	background-image:url(../images/backgrounds/box3_bottom.gif);
	height:8px;
	font-size:0;
	line-height:0;
}





dl { 
	background-color:#ebeced;
	/*width:100%;*/
	padding:6px 8px;
	margin:0 0 10px 0;
}
dt {
	color:#006d76;
	font-weight:bold;
	float:right;
	width:134px;
	
}
dd {
	float:right;
	width:134px;
	margin-bottom:20px;
	/*border-bottom:2px solid #FFF;*/
}
dd.pic {
	float:left;
	width:70px;
	/*border-bottom:2px solid #FFF;*/
}

/*forms*/
label { 
	display:block;
	text-align:right;
	width:109px;
	float:left;
	margin-right:10px;
	font-size:1.1em;
}
fieldset {border:0;}
select, input, textarea {
	border:1px solid #AAA; 
	margin-bottom:10px; 
	color:#666666;
	display:inline;
}
input {width:215px;}
select#country {width:217px;}
textarea {width:343px;}
button.submit {
	width:48px;
	height:22px;
	border:0;
	font-size:0;
	line-height:0;
	background-image:url(../images/titles/send.gif);
	background-repeat:no-repeat;
	float:right;
	cursor:pointer;
	overflow:hidden;
}
button.submit span {visibility: hidden;}

label#countryLabel { 
	display:block;
	text-align:left;
	color:#006D76;
	width:auto;
	float:none;
	padding-left:11px;
	font-weight:bold;
	margin-bottom:4px;
	display:none;
}

select#country2 {width:227px; padding-left:6px; display:none;} /* hide the drop down menu in css. Made to appear with JS. */ 
.columnAB h4.pL11, .columnAB p.pL11 {padding-left:11px;}

h3.h3style4 { margin-bottom:0;}
h4.h4style2 {font-size:1.0em; margin-bottom:0px; font-weight:bold;}

/*.hide {display:none;}*/



#footer {padding:0 0 0 3px; text-align:left;}
#footer .floatR {margin-bottom:4px;}

#footer ul {
	list-style-type:none;
	list-style-position:outside;
	margin:4px 0 6px 0;
}
#footer ul li {
	float:left; 
	margin-right:5px;
	border-right:1px solid #666666;
	padding-right:5px;
}
#footer ul li#lastFooterLink {border:0;}
#footer ul li a {
	color:#666666;
	text-decoration:none;
	font-size:1.1em;
}
#footer p {
	font-size:1.1em;
}


.clearfix:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}

.clearfix {
    display: inline-block;
}

html[xmlns] .clearfix {
    display: block;
}

* html .clearfix {
    height: 1%;
}