/* base layout */

body {
margin: 0;
padding: 0;
font-family: arial, verdana, helvetica, sans-serif;
text-align: center;
background: url(/marketing/images/bg-body.gif) repeat-x top left;
background-color: #f8f8f8;
}
#container {
width: 975px;
margin: 0 auto;
padding: 10px 8px 40px 8px;
_padding: 10px 8px 20px 8px; /* ie6 hack */
position: relative;
font-family: arial, verdana, helvetica, sans-serif;
font-size: medium;
color: #4a4a4a;
text-align: left;
border-left: 1px solid #d4d4d4;
border-right: 1px solid #d4d4d4;
background-color: #fff;
}

a {
color: #666;
text-decoration: underline;
}
a:visited {
color: #666;
text-decoration: underline;
}
a:hover {
color: #666;
text-decoration: underline;
}

/* header */

#header {
width: 975px;
margin: 0 0 4px 0;
padding: 0;
}
#logo {
width: 233px;
height: 74px;
margin: 0 0 10px 0;
padding: 0;
}
#utility {
width: 700px;
_width: 550px; /* ie6 hack */
margin: 0 10px 0 0;
padding: 0;
text-align: right;
}
#utility form {
margin: 0;
padding: 0;
float: right;
}
#utility ul {
margin: 0 0 8px 0;
padding: 0;
overflow: auto;
float: right;
}
#utility ul li {
margin: 0;
padding: 0;
list-style-type: none;
display: inline;
}
#utility ul li a {
margin: 0;
padding: 0 8px 0 4px;
font-size: 0.7em;
color: #8a8a8a;
display: inline;
border-right: 1px solid #8a8a8a;
}
#utility ul li a.last {
margin: 0;
padding: 0 0 0 4px;
border: 0;
outline: 0;
}
#utility p {
margin: 7px 0 0 0;
padding: 0;
color: #666666;
clear: both;
}
#utility p span {
font-size: 1.2em;
font-weight: bold;
color:#ff9900;
}

#utility p span.grey {
	display:block;
	color:#8a8a8a;
	font-size:0.8em;
	font-weight:normal;
	margin-bottom:10px;

}

#utility #sitesearch {
margin: 0 0 0 16px;
padding: 3px;
color: #8a8a8a;
font-size: 0.7em;
border: 1px solid #8a8a8a;
}
#utility button {
width: 30px;
height: 21px;
background: url(/marketing/images/but-go.gif) no-repeat;
border: 0;
margin: 0;
padding: 0;
font-size: 0.7em;
color: #ff9900;
font-weight: bold;
}
#strapLine {
position: absolute;
top: 45px;
left: 154px;
}
#strapLine p {
color: #000!important;
font-style: italic;
font-size: 0.8em;
}



/* global top navigation */

#nav_container {
width: 985px;
margin: 0;
padding: 0;
}

#global {
width: 975px;
height: 53px;
margin: 0;
padding: 0;
background: url(/marketing/images/bg-global-nav2.gif) bottom left;
background-color: #000;
overflow: auto;
}
#global li {
height: 27px;
margin: 20px 0 0 0;
padding: 0;
text-align: center;
list-style-type: none;
float: left;
}
#global li a {
height: 25px;
display: block;
margin: 0;
padding: 8px 0 0 0;
font-size: 0.9em;
color: #fff;
font-weight: bold;
text-decoration: none;
outline: 0;
}
#global li#nav_business, #global li#nav_business a {
width: 86px;
}
#global li#nav_residential, #global li#nav_residential a {
width: 86px;
}
#global li#nav_partners, #global li#nav_partners a {
width: 84px;
}
#global li#nav_help, #global li#nav_help a {
width: 134px;
}
#global li#nav_recommend-us, #global li#nav_recommend-us a {
width: 135px;
}
#global li#nav_contact-us, #global li#nav_contact-us a {
width: 100px;
}
#global li a:hover {
color: #ff9900;
}
#global li a.current {
color: #4a4a4a;
background: #f2f2f2;
}

/* global top subnavigation */

.subnav {
width: 975px;
height: 26px;
margin: 0;
padding: 0;
background-color: #e8e8e8;
/*background: url(/marketing/images/bg-global-sub-nav.gif) bottom left;*/
}
.subnav_res {
width: 975px;
height: 26px;
margin: 0;
padding: 0;
background-color: #e8e8e8;
/*background: url(/marketing/images/bg-global-sub-nav_res.gif) bottom left;*/
}
.subnavblank {
width: 975px;
height: 26px;
margin: 0;
padding: 0;
list-style-type: none;
background-color: #e8e8e8;
/*background: url(/marketing/images/bg-global-sub-nav-blank.gif) bottom left;*/
}
.subnav li, .subnav_res li {
	background: url("/marketing/images/div-grey.gif") no-repeat right;	
	float: left;
	height: 26px;
	list-style-type: none;
	margin: 0 0 0 -1px;
	padding: 0px 7px 0px 7px;
	position: relative;
}
.subnav li a, .subnav_res li a {		
	color: #4a4a4a;
	display: block;
	font-size: 0.8em;
	height: 20px;
	margin: 0;
	padding: 6px 0 0px 0;
	text-decoration: none;
}

li a.menu-down {
	background: url("/marketing/images/nav-arrow-down.gif") no-repeat right;
}
li a.menu-up {
	background: url("/marketing/images/nav-arrow-up.gif") no-repeat right;
}
li a.menu-left {
	background: url("/marketing/images/nav-arrow-left.gif") no-repeat right;
}
li a.menu-right {
	background: url("/marketing/images/nav-arrow-right.gif") no-repeat right;
}

/* business */

.subnav li#nav_broadband {
width: 134px;
margin-left: 0px;
}
.subnav li#nav_webhosting {
width: 88px;
}
.subnav li#nav_email {
width: 106px;
}
.subnav li#nav_sharepoint {
width: 69px;
}
.subnav li#nav_ecommerce {
width: 76px;
}
.subnav li#nav_databackup {
width: 99px;
}
.subnav li#nav_talkmore {
width: 115px;
}
.subnav li#nav_mobileoffice {
width: 126px;
}
.subnav li#nav_emailshield {
	background-image:url(/marketing/images/icon-nav-new.gif);
	background-repeat:no-repeat;
	background-position:left;
	background-position:8px;
	padding-left:42px;
	width:80px;
}

.subnav li#nav_leased-lines {
	width:78px;
}

.subnav li#nav_webbuilder {
	width:72px;
}



/* residential */

.subnav_res li#nav_broadband_res {
width: 102px;
margin-left: 0px;
}
.subnav_res li#nav_webhosting_res {
width: 128px;
}
.subnav_res li#nav_ecommerce_res {
width: 155px;
}
.subnav_res li#nav_backup_res {
width: 70px;
}
.subnav_res li#nav_talkmore_res {
width: 135px;
}
.subnav_res li#nav_roam_res {
width: 94px;
}

.subnav_res li#nav_webbuilder {
	width:72px;
}



/* hover styles */

.subnav li a:hover, .subnav_res li a:hover {
	color: #ff9900;
	text-decoration: none;
}
.subnav li a:visited, .subnav_res li a:visted {
	text-decoration: none;
}

.subnav li a.current, .subnav_res li a.current {
background: url(/marketing/images/hover-sub-nav.gif) repeat-x bottom left;*/
/*border-bottom: 2px solid #FF9900;*/
}
.subnav li.current, .subnav_res li.current {
/*background: url(/marketing/images/hover-sub-nav.gif) repeat-x bottom left;*/
border-bottom: 2px solid #FF9900;
}

/* global top flyout navigation */

.subnavhide {

padding:0;
margin:12px 0 0 0;
position: absolute;
border: 1px solid #dfdfdf;
background-color: #e8e8e8;
}
.subnavhide li {
width: 157px;
display: block;
margin: 0;
padding: 4px 0 4px 0;
text-align: left;
border-bottom: 1px solid #dfdfdf;
}
.subnavhide li.subnavlast {
border-bottom: 0px;
}
.subnavhide li a {
display: block;

margin: 0;
padding: 4px 6px 4px 6px;
_padding: 4px 6px 4px 10px; /* ie6 hack */
font-size: 0.75em;
color: #4a4a4a;
text-decoration: none;
}
.subnavhide li a:hover {
color: #fff;
background-color: #626262;
text-decoration: none;
}
.subnavhide li a:visited {
text-decoration: none;
}


li.menudown {
	background:url(/marketing/images/menu-pointer-down.gif) right no-repeat;
}
li.menuright {
	background:url(/marketing/images/menu-pointer-right.gif) right no-repeat;
}
li.menuup {
	background:url(/marketing/images/menu-pointer-up.gif) right no-repeat;
}
li.menuleft {
	background:url(/marketing/images/menu-pointer-left.gif) right no-repeat;
}

#a, #b, #f, #g, #z, #y {
top: 163px;
_top: 166px; /* ie6 hack */
display: none;
}

#a {
left: 97px;
}
#b {
left: 330px;
}
#f {
left: 722px;
}
#g {
left: 665px;
}

#z {
left: 8px;	
}

#y {
left: 207px;	
}

/* content */

#content {
width: 975px;
margin: 0;
padding: 0;
clear: both;
}

/* section graphic */

#section_banner {
width: 843px;
height: 47px;
margin: 0;
padding: 5px 12px 0 120px;
background-color: #ff9900;
}
#section_banner h2 {
margin: 0;
padding: 0;
font-size: 1.2em;
color: #fff;
}
#section_banner p {
margin: 0;
padding: 0;
font-size: 0.8em;
color: #fff;
}

/* banners business */

.section_broadband {
background: url(/marketing/images/section-broadband.gif) no-repeat top left;
}
.section_ecommerce {
background: url(/marketing/images/section-ecommerce.gif) no-repeat top left;
}
.section_email {
background: url(/marketing/images/section-email.gif) no-repeat top left;
}
.section_phone {
background: url(/marketing/images/section-phone.gif) no-repeat top left;
}
.section_sharepoint {
background: url(/marketing/images/section-sharepoint.gif) no-repeat top left;
}
.section_webhosting {
background: url(/marketing/images/section-webhosting.gif) no-repeat top left;
}
.section_databackup {
background: url(/marketing/images/section-databackup.gif) no-repeat top left;
}
.section_fibre {
background: url(/marketing/images/section-fibre.jpg) no-repeat top left;
}

/* banners residential */

.section_broadband_res {
background: url(/marketing/images/section-broadband-res.gif) no-repeat top left;
}
.section_pc_backup_res {
background: url(/marketing/images/section-pc-backup-res.gif) no-repeat top left;
}
.section_roam_res {
background: url(/marketing/images/section-roam-res.gif) no-repeat top left;
}
.section_talkmore_res {
background: url(/marketing/images/section-talkmore-res.gif) no-repeat top left;
}
.section_webhosting_res {
background: url(/marketing/images/section-webhosting-res.gif) no-repeat top left;
}

/* banners others */

.section_resellers {
background: url(/marketing/images/section-resellers.gif) no-repeat top left;
}
.section_about_eclipse {
background: url(/marketing/images/section-about-eclipse.gif) no-repeat top left;
}
.section_help_and_support {
background: url(/marketing/images/section-help-and-support.gif) no-repeat top left;
}
.section_legal {
background: url(/marketing/images/section-legal.gif) no-repeat top left;
}

/* breadcrumb */

#breadcrumb {
width: 975px;
height: 20px;
margin: 6px 0 6px 0;
padding: 0;
background: url(/marketing/images/bg-breadcrumb.gif) no-repeat top left;
}
#breadcrumb p {
margin: 0 0 0 10px;
padding: 2px 0 0 0;
font-size: 0.7em;
}
#breadcrumb p a {
color: #4a4a4a;
font-weight: normal;
text-decoration: none;
}
#breadcrumb p a:hover {
text-decoration: underline;
}

/* left Navigation */

#left_nav {
width: 175px;
margin: 0 0 10px 0;
_margin: 0; /* ie6 hack */
padding: 0;
}
#left_nav ul {
width: 173px;
margin: 0;
padding: 0;
border-left: 1px solid #d4d4d4;
border-right: 1px solid #d4d4d4;
}
#left_nav ul li {
width: 173px;
margin: 0;
padding: 0;
font-size: 0.8em;
list-style-type: none;
border-bottom: 1px solid #d4d4d4;
}
#left_nav ul li a, #left_nav ul li span {
display: block;
width: 159px;
margin: 0;
padding: 4px 4px 4px 10px;
color: #4a4a4a;
text-decoration: none;
}
#left_nav ul li a:hover {
background-color: #ffebcc;
}
#left_nav ul li.current {
background: url(/marketing/images/hover-left-nav.gif) repeat-y top right;
background-color: #ffebcc;
}
#left_nav .nohover {
background: url(/marketing/images/hover-left-nav.gif) repeat-y top right;
background-color: #ffebcc;
}
#left_nav ul li ul {
width: 173px;
margin: 0;
padding: 0;
border: 0;
}
#left_nav ul li ul li {
width: 173px;
margin: 0;
padding: 0;
font-size: 1em;
list-style-type: none;
border-bottom: 1px solid #d4d4d4;
background-color: #f5f5f5;
}
#left_nav ul li ul li a, #left_nav ul li ul li span {
display: block;
width: 144px;
margin: 0;
padding: 4px 4px 4px 25px;
color: #4a4a4a;
text-decoration: none;
}
#left_nav ul li ul li a:hover {
background-color: #dddddd;
}
#left_nav ul li ul li.currentSub {
background: url(/marketing/images/hover-left-subnav.gif) repeat-y top right;
background-color: #dddddd;
}
#left_nav .last {
border-bottom: 0;
}
#left_nav .first {
border-bottom: 1px solid #d4d4d4;
}
.left_nav_top {
width: 175px;
height: 4px;
margin: 0;
_margin-bottom: -14px; /* ie6 hack */
padding: 0;
background: url(/marketing/images/bg-left-nav-top.gif) no-repeat top left;
background-color: #636363;
}
.left_nav_bot {
width: 175px;
height: 3px;
margin: 0;
padding: 0;
background: url(/marketing/images/bg-left-nav-bot.gif) no-repeat top left;
}
#left_nav h2 {
width: 161px;
margin: 0;
padding: 6px;
font-size: 0.9em;
color: #fff;
background: url(/marketing/images/bg-left-nav-heading.gif) no-repeat top left;
background-color: #636363;
border-left: 1px solid #d4d4d4;
border-right: 1px solid #d4d4d4;
}

#left_consultation {
width: 175px;
margin: 0 0 10px 0;
_margin: 0; /* ie6 hack */
padding: 0;
}

#consultation_request{
border:medium outset;
}

#consultation_request h3{
	font-size:1.3em;
	margin:0 0 20px;
	padding:0;
}

.left_menu_panel {
	border: outset; 
	padding: 0 8px 10px 8px;
	margin: 0;
	background-color:#EEE;
}

.left_menu_panel h3 {
	font-size: 1.0em;
	padding:0;
	margin:0 0 20px 0;
}

.left_menu_panel p{
	font-size: 0.9em;
	padding: 0;
	margin: 0 0 10px 0;
}
.left_menu_panel label{
	font-size: 0.9em;
}
/* Left menu end */

.orange {
color:#ff9900;
}

/* product directory */

#directory {
width: 974px;
margin: 0;
padding: 0;
}
#directory .directory_content {
width: 972px;
margin: 0;
padding: 0 0 20px 0;
border-left: 1px solid #cecece;
border-right: 1px solid #cecece;
/*background: url(/marketing/images/bg-directory.gif) repeat-x top left;*/
background-color: #f5f5f5;
overflow: auto;
}
#directory .directory_bot {
width: 974px;
height: 4px;
margin: 0;
padding: 0;
background: url(/marketing/images/bg-directory-bottom.gif) no-repeat top left;
}
#directory h2 {
width: 956px;
height: 26px;
margin: 0;
padding: 10px 0 0 18px;
font-size: 0.9em;
color: #fff;
text-transform: uppercase;
background: url(/marketing/images/bg-directory-heading.gif) no-repeat bottom left;
background-color: #ccc;
}
.directory_list {
margin: 8px 10px 6px 16px;
_margin: 8px 16px 10px 17px; /* ie6 hack */
padding: 0;
float: left;
}
.directory_list h3 {
margin: 8px 0 2px 0;
padding: 0;
color: #ff9900;
font-size: 0.7em;
}
.directory_list h3 a {
color: #ff9900;
text-decoration: underline;
}
.directory_list h3 a:hover {
text-decoration: underline;
}
#directory ul {
margin: 0;
padding: 0;
}
#directory ul li {
margin: 0;
padding: 0;
list-style-type: none;
}
#directory ul li a {
margin: 0;
padding: 0;
font-size: 0.7em;
color: #8a8a8a;
text-decoration: none;
}
#directory ul li a:hover {
text-decoration: underline;
}

/* footer */

#footer {
width: 975px;
margin: 10px 0 0 0;
_margin: 0; /* ie6 hack */
padding: 0;
clear: both;
}
#footer p {
margin: 3px 0 0 4px;
padding: 0;
color: #8a8a8a;
font-size: 0.7em;
float: left;
}
#footer p a {
color: #8a8a8a;
text-decoration: none;
}
#footer p a:hover {
text-decoration: underline;
}
#footer ul {
margin: 0 10px 8px 0;
padding: 0;
text-align: right;
overflow: auto;
}
#footer ul li {
margin: 0;
padding: 0;
list-style-type: none;
display: inline;
}
#footer ul li a {
margin: 0;
padding: 0 6px 0 0;
font-size: 0.7em;
color: #8a8a8a;
display: inline;
border-right: 1px solid #8a8a8a;
}
#footer ul li a.last {
margin: 0;
padding: 0;
border: 0;
outline: 0;
}

.worddoc {
	background-image:url(/marketing/images/icon_worddoc.gif);
	background-repeat:no-repeat;
	padding-left:22px;
	display:block;
}

.image {
	background-image:url(/marketing/images/icon_image.gif);
	background-repeat:no-repeat;
	padding-left:22px;
	display:block;
}

.zip {
	background-image:url(/marketing/images/icon_zip.gif);
	background-repeat:no-repeat;
	padding-left:22px;
	display:block;
}


#consultation-lb {
	background-color:#CCC;
}


#request-consultation-large {
	width:194px;
	background-image:url(/marketing/images/business/bg-consultation-module.gif);
	height:190px;
	padding:15px;
	background-repeat:no-repeat;
	
}
	
#request-consultation-large h3 {
	color:#4A4A4A;
	font-size:0.9em;
	margin:0 0 5px 0;
	font-weight:bold;
	text-align:center;
}

#request-consultation-large p {
	font-size:11px;
	margin:0;
	padding:0;
}

#request-consultation-large p.intro {
	font-size:0.7em;
	margin:0 0 10px 0;
	padding:0;
	text-align:center;
	font-weight:bold;
	color:#666;
}

#request-consultation-large table {
	font-size:11px;
	margin-bottom:5px;
}

#request-consultation-large input {
	border:1px solid #999;
	width:125px;
}

#request-consultation-large input:hover {
	background-color:#F7F7F7;
	border:1px solid #888888;

}

#request-consultation-large button {
width: 88px;
height: 26px;
margin: 0;
padding: 0;
border: 0;
color: #fff;
font-weight: bold;
background: url(/marketing/images/but-orange2.gif) no-repeat;
cursor:pointer;
float:right;
}

#request-consultation-large .error , #request-consultation-large .success {
	background-color:#666;
	padding:5px 3px 5px 3px;
	color:#FFF;
	text-align:center;
	margin-bottom:3px;
	-moz-border-radius: 3px; 
	-webkit-border-radius: 3px;
}



div#btnCheckSpeed, div#btnCheckSpeed2 {
width: 80px;
height: 22px;
margin: 0 0 0 1px;
padding: 5px 0 0 35px;
border: 0;
font-size: 1.2em;
color: #fff;
font-weight: bold;
background: url(/marketing/images/but-orange.gif) no-repeat;
}

	

/*FTTC Checker*/


#FTTC-checker-rhs-module {
	font-size:0.8em;
	padding:45px 15px 5px 15px;
	margin:10px 0 0 0;
	width:170px;
	background:url(/marketing/images/bg-fttc-right-module.png) no-repeat;
	overflow:auto;
}

#FTTC-checker-rhs-module-bot {
	background-image:url(/marketing/images/bg-fttc-right-module-bot.png);
	height:15px;
	width:200px;
	margin-bottom:10px;
}

#FTTC-checker-rhs-module p {
	margin:0 0 10px 0;
	line-height:normal;
	padding:0;
}

#FTTC-checker-rhs-module input[type=text] {
	padding:2px;
	font-size:13px;
	margin-bottom:5px;
}

#FTTC-checker-rhs-module input[type=submit] {
	width: 88px;
	height: 26px;
	margin: 0;
	padding: 0;
	border: 0;
	color: #fff;
	font-weight: bold;
	font-size:1em;
	background: url(/marketing/images/but-orange.gif) no-repeat;
}

#FTTC-checker-rhs-module .split {
	width:49%;
	float:left;
}

#FTTC-checker-rhs-module .split p {
	margin-bottom:5px;
}


#right-panel {
	width:170px;
	padding:15px 15px 0 15px;
	background-image:url(/marketing/images/bg-right-panel.png);
	font-size:14px;
	overflow:auto;
}

#right-panel-bot {
	width:200px;
	background-image:url(/marketing/images/bg-right-panel.png);
	background-position:bottom;
	height:10px;
	margin-bottom:10px;
}

#right-panel h2 {
	font-size:18px;
	margin:0 0 10px 0;
}

#right-panel p {
	margin:0 0 10px 0;
}

#right-panel ul {
	margin:0 0 10px 0;
	padding:0;
}

#right-panel li {
	list-style:none;
	padding:0 0 0 20px;
	line-height:18px;
	background:url(/marketing/images/bg-bul-arrow.gif) no-repeat;
	background-position:2px 3px;
	
}

.special-offer {
	border:1px solid #FFBE5E;
	background:#FFEACA;
	margin:10px 0 10px 0;
	padding:0;	
}

.special-offer-roundel {
	position:relative;
	float:left;
	left:-13px;
	top:-15px;
	margin-right:-5px;
}

.special-offer h3 {
	margin:0 0 5px 0 !important;
	padding:10px 0 0 0 !important;
}

.special-offer p {
	margin:0 0 5px 0 !important;
}

.special-offer-grey {
	background:#666 url(/marketing/images/bg-grey-grad.gif);
	color:#FFF;
	margin:0 0 10px 0;
	padding:10px 10px 0 75px;
	font-size:12px;
	line-height:150%;
	height:100px
}

.special-offer-grey p {
	margin:0 0 10px 0;
}

.special-offer-grey a {
	color:#FFF;
	text-decoration:underline;
}

.special-offer-grey a:hover {
	color:#FFF;
	text-decoration:none;
}

.special-offer-grey a:visited {
	color:#FFF;
	text-decoration:underline;
}

.special-offer-grey a:active {
	color:#FFF;
	text-decoration:underline;
}


.special-offer-res {
	background:#666 url(/marketing/images/bg-grey-grad2.gif);
}


.right-content-box {
	background:url(/marketing/images/bg-rhs-content-box.png) no-repeat;
	background-color:#DADADA;
	margin:0 4px 0 5px;
	padding:10px 10px 0 10px;
	font-size:12px;
}

.right-content-box-bot {
	background:url(/marketing/images/bg-rhs-content-box-bot.png) no-repeat;
	height:10px;
	padding:0;
	margin:0 4px 10px 5px;
}
	

.right-content-box h4 {
	margin:0 0 10px 0;
	font-size:14px;
}

.right-content-box ul {
	margin:0;
	padding:0;
	list-style:none;
}

.right-content-box li {
	margin:0 0 0 0;
	padding:0 0 4px 15px;
	background:url(/marketing/images/bul-orange-square.gif) no-repeat 0 6px;
}

.right-content-box a {
	color:#666;
	text-decoration:underline;
	padding-right:15px;
	padding-bottom:2px;
}

.right-content-box a:hover {
	background:url(/marketing/images/bg-bul-arrow.gif) no-repeat right center;
	color:#F90;
}

.smallprint {
	font-size:10px;
	margin-top:7px;
	padding-top:7px;
	border-top:1px dotted #999;
	color:#666;
}

a.but_video {
	background:#333 url(/marketing/images/bg_but_video.jpg);
	display:block;
	height:56px;
	width:210px;
	color:#FFF;
	padding:20px 0 0 60px;
	margin-bottom:15px;
	text-decoration:none;
	font-weight:bold;
	font-size:14px;
}

a.but_video:hover {
	background-position:0 -76px;
	color:#F90;
}
	


/* positioning */

.left {
float: left;
}
.right {
float: right;
}
.clear {
clear: both;
}
img {
border: 0;
}

.green {
	color:green;
}