/*--- Page Layout ----*/
body {
	font: 75% Arial, Helvetica, sans-serif;			
	margin: 0;	
	background:#e0e0e0 url(../images/main-grad-bg.jpg) repeat-x top;	
}

#container {	
	margin: 0px auto;
	padding:0;	
	width:auto;
	height:100%;
	overflow:auto;		
	background: url(../images/body-blue-bg.jpg) repeat-x bottom;	
	position:relative;	
}

#innerContainer {
	width:940px;
	height:100%;	
	overflow:auto;
	margin:0 auto;	
	background:url(../images/curved-bottom.gif) 180px bottom no-repeat;	
	padding-bottom:80px;			
}

#top {	
	background:url(../images/body-bg.jpg) repeat-x;
}

#header {
	background:url(../images/header.jpg) no-repeat;
	width:940px;
	height:192px;
	margin:0 auto;
}

#left {
	float: left;		
	text-align:left;
	width:190px;
	height:100%;
	overflow:auto;		
}

#right {
	float:left;
	width:190px;
	height:100%;	
	overflow:auto;				
	padding:0 5px 0 5px;
	font-size:90%;
	background:#f4f4f4 url(../images/right-col-bg.jpg) repeat-x bottom;
}

#right img {
	border:1px solid #999;
}

#main { 	
	text-align: left;		 	
	float:left;
	padding:0 35px 60px 20px;	
	margin-left:1px;	
	height:100%;
	overflow:auto;	
	min-height:513px;
	width:440px;		
	z-index: 0;
	/*background:#f4f4f4 url(../images/right-col-bg.jpg) repeat-x bottom left;			*/
	/*background:#f4f4f4 url(../images/main-bg.jpg) no-repeat bottom;*/
	background:url(../images/main-grad-bg.jpg) repeat-x top;
}

#main img {
	border:1px solid #ddd;
}


#footer {		
	width:auto;
	margin:0 auto;			
	clear:both;		
	height:auto;	
}

#footer h2 {
	color:white;
	margin:0;
	padding:0;
}

#footer-content {
	width:960px;		
	margin:0 auto;
	position:relative;		
}

#footer .textField {
	background:url(../images/footer-field-bg.jpg) no-repeat;
	border:0;
	width:166px;
	padding-left:8px;
	height:31px;		
	padding-top:8px;
}

#newsletter-container {
	height:150px;	
	position:absolute;
	top:-80px;
	left:0;
}

#newsletter-container h2 {
	margin:0;
	padding:0;
	margin-bottom:5px;	
}

#newsletter {
	background:url(../images/signup-bg.jpg) no-repeat;
	width:190px;
	height:100%;
	overflow:auto;		
}

#newsletter label {
	display:block;
	padding:6px 0 0 0;
	text-transform:uppercase;
	color:white;
}

#newsletter fieldset {
	border:0;
	padding:0;
	margin:0;
	background:none;
}

#newsletter form {
	margin:0;
	padding:0;
}

#newsletter .button {
	background:url(../images/submit-button.png);
	border:0;
	width:83px;
	height:24px;
}

#footer ul {
	font-size:100%;
	width:710px;
	height:100%;
	overflow:auto;	
	margin-left:195px;	
	padding:0;
	background:url(../images/footer-company.gif) no-repeat;	
}

#footer li, #footer a {
	display:block;		
}

#footer li {
	float:left;
}

#footer li span {
	visibility:hidden;
}

#footer a {
	text-decoration:none;
}

#footer .avaya a {	
	width:90px;
	height:60px;			
}

#footer .panasinic a {	
	width:130px;
	height:60px;			
}

#footer .siemens a {	
	width:120px;
	height:60px;				
}

#footer .swyx {	
	width:120px;
	height:60px;		
}

#footer .polycom a {	
	width:120px;
	height:60px;				
}

#footer .plantronics a {	
	width:120px;
	height:60px;				
}

#footer .vodafone a {	
	width:120px;
	height:60px;			
}

#footer .tmobile a {	
	width:120px;
	height:60px;			
}

#footer .o2 a {	
	width:70px;
	height:60px;			
}

#footer .orange a {	
	width:100px;
	height:60px;				
}

#footer .fcs a {	
	width:70px;
	height:60px;		
	margin-left:180px;	
}

#footer .fspa a {	
	width:60px;
	height:60px;				
	margin-left:5px;
}




#footer a:hover {
	color:#665281;
}
/*----End Page Layout ----*/

/*---- Form Elements ----*/
.txt{
	border: solid 1px #7F9DB9;
	background: url(../images/input-shadow.jpg) no-repeat 0px 0px;
	height: 1.3em;
	width: 12em;
	padding-left: 4px;
}
.txt-area{
	border: solid 1px #7F9DB9;
	background: url(../images/input-shadow.jpg) no-repeat 0px 0px;
	height: 3.5em;
	width: 12.2em;
	padding-left: 4px;
}

/* The enquiry form */
#enquiry fieldset {
	border:0;
}

.row {
	margin-bottom:20px;
	padding:4px;
	border-bottom:1px dotted #ccc;
	height:100%;
	overflow:auto;
	width:420px;
	background:white;
}

.row p {
	margin:0 0 6px 0;
}


#contactForm .row, #loginForm .row {
	width:420px;
	margin:0;
	padding:4px;
}

.row label {	
	float:left;
}

#contactForm label, #loginForm label {
	width:100px;
	text-align:right;
	padding-right:8px;
	color:#333;
}

.textField {
	float:left;	
	font:100% Arial, Helvetica, sans-serif;			
	background:#eee;
	border:1px solid #4b788c;
}

textarea {
	background:#eee;
	border:1px solid #4b788c;
	font:100% Arial, Helvetica, sans-serif;			
}

#contactForm .textField {
	width:230px;
}

#contactForm textarea {
	width:300px;
	height:80px;
}

select.textField {
	height:1.80em;
}

textarea.textField {
	height:6em;
	width:15em;
}

#interests {
	height:auto;
	margin-bottom:5px;	
}

/* Override default styles applied to labels */
#interests label {
	float:none !important;	
	width:auto !important;
}

.defaultButton {
	display:block;
	height:20px;	
	background:#2e699d url(../images/button_bg.jpg) no-repeat top;	
	border:1px solid #2e699d;
	color:#ffffff;
	text-decoration:none;	
	text-align:center;
	font-weight:bold;
	width:10em;			
	font-size:90%;
	margin-top:5px;
}

#login {
	width:300px;		
	padding:0;
	margin:0 auto;				
}

#login h1 {
	background-color:#665281;
	padding:3px;
	font-size:120%;
	width:294px;	
	color:#ffffff;
	margin:0;	
}

#login fieldset {		
	border:1px solid #cccccc;				
	margin:0;	
	width:298px;	
}

legend {
	color: #65799A;	
}

fieldset {
	border:1px dotted #ccc;
	background:white;
	padding:5px;
}
/*---- End Form Elements ----*/

/*---- General Formatting ----*/
p {
	line-height:1.4em;
}

p.top-link { text-align: center; padding: 0 0 15px 0; font-size: 60%; color: #aaa; }
p.top-link a,
p.top-link a:link,
p.top-link a:visited,
p.top-link a:active { text-decoration: none; font-weight: bold; color: #aaa; }

p.bread-crumbs { color: #ccc; padding: 0 15px 12px 15px;
font-size: 60%; letter-spacing: 1px;
border-bottom: dashed 1px #eee;
margin-bottom: 5px; }
p.bread-crumbs a { text-decoration: none; }


/*img { border: none; float: left; margin: 10px 18px 10px 12px; }*/
img.pic-right, .pic-r { float: right; display:block; margin: 10px 12px 5px 20px; }



.clearBoth {
	clear:both;
}

.imgBorder {
	border:1px solid #666;
}

.imgBorder_alt {
	padding:2px;
	background-color:#666;
	border:4px solid #ccc;
}

.clearBothBorder {
	margin-top:8px;
	margin-bottom:6px;
	border-bottom:1px solid #cecece;
}

.floatLeft {
	display:block;
	float:left;
}

.clearImg {
	display:block;
	clear:both;
}

.emphasis {
	font-weight:bold;
	color:#333333;
}

.contactBox {
	background:white;
	border:1px dotted #ccc;
	padding:6px;
}

.contactBox h3 {
	margin:0 0 5px 0;
	font-size:120%;
}

.contactBox p {
	margin:0 0 10px 0;
}

.contactBox span {
	color: #923679;	
	font-size:120%;		
	text-transform:lowercase;
}

.contactBox a {
	/*font-size:120%;*/
	color:black;
	font-size:100%;
	font-weight:bold;
}

.emphasisBig {
	padding:10px 0 !Important;	
}




#container .logos {
	height:35px;
	margin-top:70px;
	width:148px;
	overflow:auto;
	/*border-top:1px solid #C1BFC2;		*/
	position:absolute;
	bottom:5px;
	right:7px;
}

#right .logos img {
	margin:5px;
	display:inline;
}

#navBottomImg img {
	margin:6px; 	
	display:block; 	
}


.links li {
	margin:5px 0;
}


.right {
	float:right;
	margin:3px;
}

.left {
	float:left;
	margin:3px 6px 3px 3px;
}


.breadcrumbs {
	color:#000;			
	border:0;			
}

.breadcrumbs a {
	color:#b44796;
	text-decoration:none;
	font-weight:bold;
}

.breadcrumbs p {
	margin:0 0 20px 0;
	padding:0;
}

.more span {
	visibility:hidden;
}

.more a {
	margin-top:10px;
	display:block;
	background:url(../images/more_but.jpg) no-repeat right;
	width:21px;
	height:21px;
	float:right;
	margin-right:5px;
	text-decoration:none;	
}

#right .more  {
	margin-bottom:25px;
}

#right .more a {
	background:url(../images/more_but_right.gif) no-repeat right;
	margin-top:-25px;
}


#productList .more {
	clear:both;
	margin:0;
	padding:0;	
	margin-top:10px;	
}

a.prod-more, a:hover.prod-more {
	display:block;
	height:25px;
	float:right;
	background:url(../images/more_but.jpg) no-repeat left;
	line-height:25px;
	padding-left:30px;
	padding-right:5px;
	color:#8b237e;
}

 #services .more a {
 	margin-top:0px;
 }


.more a:hover {
	text-decoration:none;
}

.download_brochure {
	margin:15px 0 10px 0;
	font-weight:bold;
	font-size:130%;
	color:#32AFE5;
	display:block;
}

.download_brochure a {
	color:#32AFE5;
}

.pdf span {	
	margin-top:-20px;
	text-indent:40px;
	display:block;
}

#displayDate {
	font-size:90%;
	position:absolute;
	bottom:4px;
	color:#fff;
	right:2px;
}


/*---- End General Formatting ----*/

/*---- Headers ----*/
h1 {
	font-size:180%;
	color:#32afe5;
	font-weight:normal;
	font-family:Arial, Helvetica, sans-serif;
	margin:0 0 10px 0;
}

h2 {
	color:#da6a04;
	font-size:130%;		
}

#right h2 {
	margin:0 0 10px 0;
}

#right h2 a {
	color:#da6a04;
}

h2.breadcrumbs a {
	text-decoration:underline;	
}

h3 {
	font-size:130%;
	font-weight:bold;
	color: #65799A;	
}

h3.newsitem {
	font-weight:normal;
	margin:0;
	padding:0;
}
/*---- End Headers ----*/

/*---- Links ----*/
/*a:hover { color: #2C699F; }*/
a {	
	/*color:#2377b8;*/
	color:#838383;
	text-decoration: none;
	outline:none;
}

h3 a, strong a, .alt a {
	color:#2377b8;	
}



a:hover { 
	color:#0094d2;
}

a.viewProduct {
	background:url(../images/view_prod.jpg) no-repeat;
	display:block;
	width:95px;
	height:16px;
	text-decoration:none;
	margin-top:5px;
}

.viewProduct em {
	visibility:hidden;
}
/*---- End Headers ----*/

/*---- Navigation ----*/
#nav {
	width:190px;
	font-size:90%;
	margin:0;
	padding:0;	
	list-style-type:none;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}

#nav li {
	display:block;		
	width:auto;
	margin:2px 0;		
}


/* The first-tier nav elements */
#nav a {
	display:block;
	height:auto;			
	text-decoration:none;
	padding:5px;
	color:#3d8db5;	
	text-transform:uppercase;
	width:178px;
	text-align:right;	
	border:1px solid #fffeff;
	letter-spacing:1px;	
	background:#e8e8e8;	
	outline:none;
}

#nav li.client a {
	color:#616161;
}

#nav a:hover {
	background-color:#d1edf8;
}

#nav li.buy a {
	background:#dd6c02 url(../images/nav-basket-icon.jpg) no-repeat 10px center;
	color:#fff;
}

#nav li.selected a {
	background:#0094d2;
	color:#fff;
}

#nav ul {
	margin:0;
	padding:0;
}

#nav ul a {
	background:#d0d2d4 !Important; /* Override the selected styling placed on parent */
	color:white;
	text-transform:capitalize;
}

#fibrespeed-img {
	margin-top:15px;
	outline:none;
	overflow:hidden;
	border:0;
}

#fibrespeed-img img {
	border:0;
}

.lightbox {
	outline:none;	
}

/*---- End Navigation ----*/

/*---- Contact Details Page ----*/
#contactEmailContainer, #contactTelContainer {
	width:30em;	
	background-color:#EEEEEE;
	border-top:2px solid #cecece;
	border-right:2px solid #cecece;
	border-left:2px solid #cecece;	
}

#contactEmailContainer .row, #contactTelContainer .row {
	border-bottom:2px solid #cecece;	
	padding:0;
}

#contactEmailContainer .col1, #contactTelContainer .col1 {
	width:12em;
	float:left;	
	font-weight:bold;
	padding:3px;
	color:#666666;
	border-right:2px solid #cecece;
}

#contactEmailContainer .col2, #contactTelContainer .col2 {
	width:16em;
	float:left;
	padding:3px;
}

#contactInfo {
	font-size:90%;
}
/*---- End Contact Details ----*/

/*---- Products ----*/
#productList, #moreProduct {
	width:440px;
	height:100%;
	overflow:auto;			
}


#moreProduct .imgBorder {
	margin-bottom:5px;
}

#productList h2, #brandList h2, #moreProduct h2 {
	font-size:100%;
	font-weight:bold;
	color:#CC6600;
	font-style:normal;
	margin:0;
	padding:1px;
	text-indent:3px;	
}

#productList img, row .col1 {
	display:block;	
	float:left;
	width:85px;
	margin-right:20px;	
}

#productList img {
	border:0;
}

#brandList .col1 {
	width:150px;
	height:100%;	
	float:left;
	margin-right:5px;		
	overflow:hidden; /* FF shows scrollbars when you click on an image within a link */		
}

#brandList .more {
	margin-top:-15px;
	padding-bottom:15px;
	height:100%;
	overflow:auto;
	
}

#brandList img, #moreProduct img {
	margin:0;
}


#productList .col2 {
	width:250px;
	height:100%;
	overflow:auto;
	float:left;	
}

#brandList .branding {
	/*display:block;*/
	width:150px;
	border:2px solid #ccc;	
	background:#ececec;
	padding:6px;
	margin:10px 10px 0 10px;
	float:left;
}

#brandList img {
	border:0;
}

#brandList p {
	margin:0;
	padding:5px;
}

#moreProduct a {
	border:0;
	text-decoration:none;
}


#extraContent {
	height:100%;
	overflow:auto;		
	padding:3px;
	margin:0 25px 0 0;	
}

#extraContent img {
	float:left;	
	display:block;
}
/*---- Products ----*/

/*---- Handsets ----*/
#handsetCont, #blackberryCont {
	width:465px;
	height:100%;
	overflow:auto;
	margin:0 auto;
	
}

#handsetCont h2, #blackberryCont h2 {
	border:0;
	margin:0;
	padding:0;
}

#handsetCont img {
	display:block;
	margin:10px auto;
	float:none;
}

#blackberryCont img {
	display:block;
	float:left;
}

#handsetCont .col {
	width:210px;
	height:28em;
	float:left;	
	border:1px solid #d1cfcf;	
	overflow:auto;
	padding:3px;
	margin-right:3px;
		
}

#blackberryCont .col {
	width:210px;
	height:18em;
	float:left;	
	border:1px solid #d1cfcf;	
	overflow:auto;
	padding:3px;
	margin-right:3px;
		
}

#handsetCont ul, #blackberryCont ul {
	margin:0;	
	padding:0;
	list-style-type:none;
}

#handsetCont li, #blackberryCont li {
	margin:2px;
}

#handsetCont p, #handsetCont ul, #blackberryCont ul, #blackberryCont p {
	font-size:0.80em;
}
/*---- End Handsets ----*/


/*---- Mobile phones ----*/

#mobileLogos {
	height:100%;
	overflow:auto;
	clear:both;
}

#mobileLogos div {
	border:1px dashed #bbb;
	float:left;
	padding:13px;	
	margin:5px;	
}


#latestDevices {
	width:450px;
	height:100%;
	overflow:auto;
}

#latestDevices .col {
	width:150px;
	float:left;
	text-align:center;
}

#latestDevices h2 {
	clear:both;
	padding-top:25px;
}


#latestDevices a {
	display:block;
	text-align:center;
	font-size:90%;
}


/*---- End Mobile phones ----*/

#hostedTelSystems img {
	width:140px; 
	height:90px; 
	padding:3px; 
	margin:3px;  	
}

/*---- Swyx page ----*/
#swixSelection .box {
	float:left;
	padding:6px;	
	border:1px dashed #cccccc;
	width:130px;
	margin-right:10px;
	height:175px;
	overflow:auto;
	text-align:center;
	
}

#swixSelection h2 {
	font-size:100%;
	font-weight:bold;
	color:black;
	border:0;
}

#swixSelection .caption {
	display:block;
	text-align:center;
	margin-top:15px;
	font-size:90%;
}
/*---- End Swyx page ----*/

/*---- Broadband price list ----*/
#bundledPriceList .row, #unbundledPriceList .row {
	border-bottom:2px solid #cecece;	
	padding:0;
}


#bundledPriceList .headers, #unbundledPriceList .headers {	
	font-weight:bold;	
	color:#666666;
	border-right:2px solid #cecece;
	
}


#bundledPriceList, #unbundledPriceList {
	width:550px;
	height:100%;
	overflow:auto;
	background-color:#EEEEEE;
	border-top:2px solid #cecece;
	border-right:2px solid #cecece;
	border-left:2px solid #cecece;	
	color:#023994;
	margin-bottom:10px;
}

#bundledPriceList .col1, #unbundledPriceList .col1 {
	width:100px;
	float:left;
	height:100%;
	overflow:auto;
	border-right:2px solid #cecece;
	padding:3px;
}

#bundledPriceList .col2, #unbundledPriceList .col2 {
	width:60px;
	float:left;
	height:100%;
	overflow:auto;
	border-right:2px solid #cecece;
	padding:3px;
}

#bundledPriceList .col3, #unbundledPriceList .col3 {
	width:100px;
	float:left;
	height:100%;
	overflow:auto;
	border-right:2px solid #cecece;
	padding:3px;
}

#bundledPriceList .col4, #unbundledPriceList .col4 {
	width:190px;
	float:left;
	height:100%;
	overflow:auto;
	border-right:2px solid #cecece;
	padding:3px;
}

#bundledPriceList .col5, #unbundledPriceList .col5 {
	width:80px;
	float:left;
	height:100%;
	overflow:auto;
	border-right:2px solid #cecece;
	padding:3px;
}

#bundledPriceList .col6, #unbundledPriceList .col6 {
	width:80px;
	float:left;
	height:100%;
	overflow:auto;
	border-right:2px solid #cecece;
	padding:3px;
}

/*---- End Broadband price list ----*/

#services {
	height:100%;
	overflow:auto;
	margin-top:30px;
}

.serviceBox {
	width:130px;
	height:100%;
	overflow:auto;
	margin-left:10px;		
	float:left;
	font-size:90%;		
}

.serviceBox p {
	margin:0;
	padding:0;
}

/*.videoBox p, .chargesBox p, .telBox p {
	margin:0;
	padding:0;
}

.videoBox h2, .chargesBox h2, .telBox h2 {
	margin:0;
	padding:0 0 5px 0;
}*/

/*.videoBox h2 {
	color:#314685;
}

.chargesBox h2 {
	color:#e9720a;
}*/

.serviceBox h2 {
	color:#923679;
	margin:0;
	padding:0 0 5px 0;
}

.serviceBox h2 a {
	color:#923679;
}

#livechat {
	background:url(../images/livechat-img.png) no-repeat;
	width:177px;
	height:147px;
	display:block;
}

#livechat span {
	visibility:hidden;
}

.scroll {
	height:155px !Important;		
}

.scroll ul {	
	height:100% !important;
	overflow:auto !Important;	
}

a.next {
	background:url(../images/next-but.gif) no-repeat;
	text-decoration:none;
	display:block;
	width:22px;
	height:22px;
	float:right;
	margin-top:10px;
}

.next span, .prev span {
	visibility:hidden;
}

a.prev {
	background:url(../images/prev-but.gif) no-repeat;
	text-decoration:none;
	display:block;
	width:22px;
	height:22px;
	float:left;
	margin-top:10px;
}

#latestNews {
	background:url(../images/latest-news-bg.jpg) no-repeat left top;
	height:100%;
	overflow:auto;
	margin-top:10px;
	padding-top:15px;
	padding-left:10px;
	min-height:245px;
	width:164px;		
}

#latestNews h2 {
	margin:0 0 5px 0;
}

#latestNews h3 {
	margin:5px 0 10px 0;
}

#latestNews .news-more {
	text-transform:uppercase;
	color:#3fb3e3;
	font-size:90%;
	font-weight:bold;
}

.sidebar-more a {
	text-transform:uppercase;
	color:#dd6d04;
	margin-left:5px;
	font-size:90%;
	font-weight:bold;
}

.services-more a {
	text-transform:uppercase;
	color:#b1249d;
	margin-left:5px;
	font-size:90%;
	font-weight:bold;
}

#sidebar-images {
	height:100%;
	overflow:auto;
	margin-top:20px;
}

#sidebar-images img {
	margin:0 6px 6px 0;
}

.error {
	color:red;
	font-weight:bold;
}