@charset "utf-8";
/*  ----------------------------------------------------------------------------------- */
/*  This is the frontend CSS file which is not meant to be read by the text editor      */
/*  ----------------------------------------------------------------------------------- */

/*  ----------------------------------------------------------------------------------- */
/*  Sitewide style                                                                      */
/*  ----------------------------------------------------------------------------------- */
html, body {
	background-image: url(/file/background-gif-1);
	background-repeat: repeat-x;
}
/*  ----------------------------------------------------------------------------------- */
/*  Level 1 containers (main layout containers)                                         */
/*  ----------------------------------------------------------------------------------- */
#container {
	width: 930px; /* Sets the main width of the website */
	margin: 0 auto;
}
/*  ----------------------------------------------------------------------------------- */
/*  Level 2 containers (large section containers)                                       */
/*  ----------------------------------------------------------------------------------- */
#container-header {
	margin: 0 30px 0 30px;
}
#container-body {
	margin: 0 30px 0 30px;
}
#container-footer {
	width: 100%;
	padding-bottom: 20px; /* Gives the footer space before the bottom of the browser window */
}
/*  ----------------------------------------------------------------------------------- */
/*  Level 3 containers (individual item containers)                                     */
/*  ----------------------------------------------------------------------------------- */



/*  ----------------------------------------------------------------------------------- */
/*  Website containers                                                                  */
/*  ----------------------------------------------------------------------------------- */
#container {
	margin:0 auto;
	width:990px;
	background-color: #FFFFFF;
}

#container-footer {
	margin:0 auto;
	width:990px;
	height: 130px;
	background-image: url(/file/footer-background-png-1);
	background-repeat: no-repeat;
}

/*  ----------------------------------------------------------------------------------- */
/*  Website subcontainers                                                               */
/*  ----------------------------------------------------------------------------------- */
#subcontainer-navigation {
	height: 55px;
	margin-left: 30px;
	margin-right: 30px;
	background-image: url(/file/main-navigation-background-gif-1);
	background-repeat: no-repeat;
	clear: both;
}
#subcontainer-header {
	margin-left: 30px;
	margin-right: 30px;
	margin-top: 1px;
	clear: both;
}
#subcontainer-body {
	margin-left: 30px;
	margin-right: 30px;
	padding-top: 20px;
	* padding-top: 10px; /* For IE6 & 7 only */
	padding-bottom: 25px;
	clear: both;
}


/*  ----------------------------------------------------------------------------------- */
/*  Layout divs which are placed in the subcontainers                                   */
/*  ----------------------------------------------------------------------------------- */
#logo {
	 position: absolute;
	 left: 50%;
	 margin-left: -465px;
	 top: 50px;
	 height: 50px;
	 z-index: 20;
}
#navigation-essential {
	position: absolute;
	left: 50%;
	margin-left: -320px;
	top: 69px;
	width: 400px;
	text-align: left;
	 z-index: 20;
}
#contact-details {
	position: absolute;
	left: 50%;
	margin-left: -320px;
	top: 89px;
	height: 50px;
	 z-index: 20;
}
#search-temporary {
	float: right;
	margin: 0 500px 0 0;
	width:235px;
	height: 35px;
}
#header-image {
	float: right;
	width: 690px;
	padding-bottom: 2px;
	* padding-bottom: 0px; /* For IE6 & 7 only */
    background: transparent url(/file/dotted-line-gif) repeat-x bottom;
	min-height: 245px;
}
#header-image-temporary {
	min-height: 180px;
}
#side-bar {
	float:left;
	width:210px;
}
.dotted-line {
	margin: 3px 0 3px 0;
	height: 1px;
	_line-height: 1px; /* For IE6 only and must be declared after the unhacked version */
	_overflow: none; /* For IE6 only and must be declared after the unhacked version */
    background: transparent url(/file/dotted-line-gif) repeat-x center;
}

#navigation-breadcrumb { /*This is not positioned in the subcontainers - it has absolute positioning to make it easier to plonk it on top of the header image */
	position: absolute;
	left: 50%;
	margin-left: -225px;
	width: 690px;
	height: 20px;
	top: 277px;
}
#navigation-breadcrumb-temporary {
	height: 20px;
}
#one-column-main {
	width: 930px;
	padding: 20px 0 30px 0;
}
#two-column-left-left {
	width: 210px;
	float: left;
	padding: 20px 0 0 0;
}
#two-column-left-main {
	width: 690px;
	float: right;
	padding: 20px 0 0 0;
}
#two-column-right-right {
	width: 200px;
	float: right;
	padding: 20px 0 0 0;
}
#two-column-right-main {
	width: 690px;
	float: left;
	padding: 20px 0 0 0;
}
#three-column-left {
	width: 210px;
	float: left;
	padding: 20px 0 0 0;
}
#three-column-main {
	width: 460px;
	margin: 0 0 0 30px;
	float: left;
	padding: 20px 0 0 0;
}
#three-column-right {
	width: 200px;
	float: right;
	padding: 20px 0 0 0;
}

#quick-quote {
	padding: 14px 20px 14px 20px;
	border: 1px solid #E8E8E8;
}
#customer-area {
	margin-top: -50px;
	height: 90px;
}
#dotted-line-top {
	margin-top: 15px;
	height: 1px;
	_line-height: 1px; /* For IE6 only and must be declared after the unhacked version */
	_overflow: none; /* For IE6 only and must be declared after the unhacked version */
    background: transparent url(/file/dotted-line-gif) repeat-x bottom;
}
.utility-left {
	float: left;
	width: 190px;
	height: 20px;
}
.utility-right {
	float: right;
	width: 10px;
	height: 20px; 
}
#search {
	margin-top: 10px;
}

#dropmenu {
	margin-top: 1px;
}
#phone {
	margin-top: 3px;
}
#dotted-line-bottom {
	margin-top: 3px;
	height: 1px;
	_line-height: 1px; /* For IE6 only and must be declared after the unhacked version */
	_overflow: none; /* For IE6 only and must be declared after the unhacked version */
    background: transparent url(/file/dotted-line-gif) repeat-x bottom;	
}
#footer-partner-logos {
	width: 930px;
	height: 30px;
	margin-left: 30px;
	padding-top: 6px;
}
#navigation-footer {
	width: 650px;
	height: 20px;
	float: left;
	margin-left: 30px;
	_margin-left: 22px; /* For IE6 only and must be declared after the unhacked version */
	margin-top: 16px;
}
#footer-logo {
	width: 250px;
	height: 30px;
	float: right;
	margin-right: 30px;
	_margin-right: 22px; /* For IE6 only and must be declared after the unhacked version */
	margin-top: 11px;
}
/*  ----------------------------------------------------------------------------------- */
/*  Navigation styles                                                                   */
/*  ----------------------------------------------------------------------------------- */
#navigation-essential ul.navigation {
	margin-left: 0px;
	margin-bottom: 0px; /* IE6 needs this because the text_style.css file gives all ul a margin-bottom */
	color: #008ad8;
	text-transform: lowercase;
	font-size: 16px;
	font-weight: bold;
}
#navigation-essential ul.navigation li {
	margin-left: 0px;
	list-style:none;
	display:inline;
}
#navigation-essential ul.navigation a:link {
	text-decoration: none;
	color: #008ad8;
}
#navigation-essential ul.navigation a:visited {
	text-decoration: none;
	color: #008ad8;
}
#navigation-essential ul.navigation a:active {
	text-decoration: none;
	color: #008ad8;
}
#navigation-essential ul.navigation a:hover {
	text-decoration: underline;
	color: #008ad8;
}




#navigation-main ul.navigation {
	margin-left: 0px;
	padding-top: 33px;
	margin-bottom: 0px; /* IE6 needs this because the text_style.css file gives all ul a margin-bottom */
}
#navigation-main ul.navigation li {
	list-style:none;
	margin-left: 0px;
	display:inline;
	color: #0d191d;
	text-transform:uppercase;
	font-size: 10px;
	font-weight: bold;
}
#navigation-main ul.navigation a:link {
	text-decoration: none;
	color: #0d191d;
}
#navigation-main ul.navigation a:visited {
	text-decoration: none;
	color: #0d191d;
}
#navigation-main ul.navigation a:active {
	text-decoration: none;
	color: #0d191d;
}
#navigation-main ul.navigation a:hover {
	text-decoration: underline;
	color: #0d191d;
}



#navigation-main-temporary ul.navigation {
	margin-left: 0px;
	margin-bottom: 0px; /* IE6 needs this because the text_style.css file gives all ul a margin-bottom */
}
#navigation-main-temporary ul.navigation li {
	list-style:none;
	margin-left: 0px;
	display:inline;
	color: #0d191d;
	text-transform:uppercase;
	font-size: 10px;
	font-weight: bold;
}
#navigation-main-temporary ul.navigation a:link {
	text-decoration: none;
	color: #0d191d;
}
#navigation-main-temporary ul.navigation a:visited {
	text-decoration: none;
	color: #0d191d;
}
#navigation-main-temporary ul.navigation a:active {
	text-decoration: none;
	color: #0d191d;
}
#navigation-main-temporary ul.navigation a:hover {
	text-decoration: underline;
	color: #0d191d;
}





#navigation-subnav ul.navigation {
	margin-left: 0px;
	margin-bottom: 0px; /* IE6 needs this because the text_style.css file gives all ul a margin-bottom */
}
#navigation-subnav ul.navigation li {
	margin-left: 0px;
	list-style:none;
	color: #0d191d;
	line-height: 22px;
	font-size: 12px;
}
#navigation-subnav ul.navigation a:link {
	text-decoration: none;
	color: #0d191d;
}
#navigation-subnav ul.navigation a:visited {
	text-decoration: none;
	color: #0d191d;
}
#navigation-subnav ul.navigation a:active {
	text-decoration: none;
	color: #0d191d;
}
#navigation-subnav ul.navigation a:hover {
	text-decoration: underline;
	color: #0d191d;
}



#navigation-footer ul.navigation {
	margin-left: 0px;
	margin-bottom: 0px; /* IE6 needs this because the text_style.css file gives all ul a margin-bottom */
}
#navigation-footer ul.navigation li {
	margin-left: 0px;
	list-style:none;
	display:inline;
	color: #ffffff;
	text-transform:uppercase;
	font-size: 9px;
}
#navigation-footer ul.navigation a:link {
	text-decoration: none;
	color: #ffffff;
}
#navigation-footer ul.navigation a:visited {
	text-decoration: none;
	color: #ffffff;
}
#navigation-footer ul.navigation a:active {
	text-decoration: none;
	color: #ffffff;
}
#navigation-footer ul.navigation a:hover {
	text-decoration: underline;
	color: #ffffff;
}



#navigation-breadcrumb ul.navigation {
	margin-left: 0px;
	margin-bottom: 0px; /* IE6 needs this because the text_style.css file gives all ul a margin-bottom */
}
#navigation-breadcrumb ul.navigation li {
	list-style:none;
	margin-left: 0px;
	display:inline;
	color: #0d191d;
	text-transform:uppercase;
	font-size: 10px;
	margin-left: 0px;
}
#navigation-breadcrumb ul.navigation a:link {
	text-decoration: none;
	color: #0d191d;
}
#navigation-breadcrumb ul.navigation a:visited {
	text-decoration: none;
	color: #0d191d;
}
#navigation-breadcrumb ul.navigation a:active {
	text-decoration: none;
	color: #0d191d;
}
#navigation-breadcrumb ul.navigation a:hover {
	text-decoration: underline;
	color: #0d191d;
}


#navigation-breadcrumb-temporary ul.navigation {
	margin-left: 0px;
	margin-bottom: 0px; /* IE6 needs this because the text_style.css file gives all ul a margin-bottom */
}
#navigation-breadcrumb-temporary ul.navigation li {
	list-style:none;
	margin-left: 0px;
	display:inline;
	color: #0d191d;
	text-transform:uppercase;
	font-size: 10px;
	margin-left: 0px;
}
#navigation-breadcrumb-temporary ul.navigation a:link {
	text-decoration: none;
	color: #0d191d;
}
#navigation-breadcrumb-temporary ul.navigation a:visited {
	text-decoration: none;
	color: #0d191d;
}
#navigation-breadcrumb-temporary ul.navigation a:active {
	text-decoration: none;
	color: #0d191d;
}
#navigation-breadcrumb-temporary ul.navigation a:hover {
	text-decoration: underline;
	color: #0d191d;
}


/*  ----------------------------------------------------------------------------------- */
/*  Form styles (THIS NEEDS WORK)                                                       */
/*  ----------------------------------------------------------------------------------- */
.form-input-global {
	width: 180px;
	height: 20px;
	border: 1px solid #c3c3c3;
}
.form-dropdown-global {
	width: 200px;
}
.form-textarea-global {
	width: 280px;
	height: 100px;
	border: 1px solid #c3c3c3;
}
.form-radiogroup-global {
}
.form-checkbox-global {
}
.form-btn-global {
	height: 22px;
	padding: 2px 5px 2px 5px;
	border: 1px solid #ffffff;
}


.form-input-search {
	width:170px;
	margin: 6px 4px 0 0;
	border: 1px solid #ccd0d9;
	height:19px;
	font-weight: bold;
	text-transform:uppercase;
	color: #0d1516;
	padding: 0 0 0 4px;
	font-size: 10px;
}
.form-btn-search {
	margin: 6px 6px 0 0;
}




.search-input {
	width:178px;
	border: 1px solid #999999;
	padding-left: 5px;
}
.login-input {
	width:185px;
	border: 1px solid #999999;
	height:19px;
}
.textfield {
	width:210px;
	border: 1px solid #999999;
	height:19px;
}
.textfield-freeconsult {
	width:160px;
	border: 1px solid #999999;
	height:19px;
	margin: 0 0 4px 0;
}
.textarea-freeconsult {
	width:160px;
	height: 80px;
	border: 1px solid #999999;
	margin: 0 0 4px 0;
}
.drop-down-nav {
	width:185px;
	border: 1px solid #999999;
}
.submit-button {
	height:19px;
	width:70px;
	background-color:#ffffff;
	border:1px solid #999999;

}
.consultation-request-textarea {
	width:450px;
	border: 1px solid #999999;
	height:73px;
}

/*  ----------------------------------------------------------------------------------- */
/*  User error & success message styles                                                 */
/*  ----------------------------------------------------------------------------------- */
.user-message-error {
	color: #990000;
	font-weight: bold;
}
.user-message-success {
	color: #009900;
	font-weight: bold;
}

/*  ----------------------------------------------------------------------------------- */
/*  Services Tabs                                                                       */
/*  ----------------------------------------------------------------------------------- */
a.rounded {
	outline: none;
	border: none;
	text-decoration: none;
	cursor: pointer;
	white-space: nowrap;
	vertical-align: middle;
	display: -moz-inline-box;
	display: inline-block;
	overflow: visible;
}
  
a.tab {
	background-color: #0d191d;
	padding: 5px 8px 5px 7px;
	margin-top: 0.3em;
}

a.tab:hover {
	background-color: #008ece;
	color: #fff;
}
a.tab_selected {
	border-bottom-color: #008ece;
	background-color: #008ece;
}
  
#featureTabsContainer {
	display: none;
	padding-bottom: 2px;
    background: transparent url(/file/dotted-line-gif) repeat-x bottom;	
}
#featureTabsContainer a {
	color: #FFFFFF;
	text-decoration: none;
}
#featureElementsContainer {
	background-color: #008ece;
	padding-bottom: 2px;
	padding-top: 1px;
    background: transparent url(/file/dotted-line-gif) repeat-x bottom;	
}  
.feature {
	background-color: #fff;
	padding: 10px;
	height: 170px;
}
.feature table {
	margin-left: 300px;
	width: 595px;
}

#communications {background-image: url(/file/services-tabs-images-ipcomms-jpg); background-repeat:no-repeat;}
#centres {background-image: url(/file/services-tabs-images-centres-jpg); background-repeat:no-repeat; display: none;}
#connectivity {background-image: url(/file/services-tabs-images-connectivity-jpg); background-repeat:no-repeat; display: none;}
#support {background-image: url(/file/services-tabs-images-support-jpg); background-repeat:no-repeat; display: none;}
#hosting {background-image: url(/file/services-tabs-images-hosting-jpg); background-repeat:no-repeat; display: none;}
#management {background-image: url(/file/services-tabs-images-management-jpg); background-repeat:no-repeat; display: none;}
#applications {background-image: url(/file/services-tabs-images-applications-jpg); background-repeat:no-repeat; display: none;}


/*  ------------------------------------------ */
/*  Parterns holders                           */
/*  ------------------------------------------ */

#partners-holder {
	width: 450px;
	margin-bottom: 20px;
	padding-bottom: 20px;
    background: transparent url(/file/dotted-line-gif) repeat-x bottom;	
}
.partners-holder-hidden {
	width: 300px;
	display:none;
}

img.align_left {
	float: left;
	margin: 2px 20px 16px 0;
}
img.align_right {
	float: right; 
	margin: 2px 0 16px 20px;
}
.clearfix {/* float clearing for IE6 */
	zoom:1;
	_height:1%;
	width:100%;
	clear: both;
	overflow:hidden;
	height: 1px;
}