/* CSS Document */
html, body {
	font: 76% Verdana, Arial, Helvetica, sans-serif;
	color: #333333;
	background: #EDF2FF url(../images/general/bg.gif) repeat-x left top;
    }
span {
    display: none;
    }

table{font-size: 1.2em;
	line-height: 1.4em; border-collapse:collapse;}
p {
	font-size: 1.2em;
	line-height: 1.4em;
	padding-bottom:1em;
}	
a {
	text-decoration: underline;
	/*color: #61699E;*/
	color: #97CB24;
	}
	
a:hover {
	text-decoration: underline;
}
h1{
	float: left;
	margin: 0 0 -5px 5px;
}
h2{
	color: #333333;
	font-size: 1.3em;
	font-weight: bold;
	line-height: 1.4em;
	padding-bottom:0.3em;
}
h3{
	font-size: 1.2em;
	color: #97CB24;
	font-weight: bold;
	padding-bottom:0.2em;
}

#testimonials{
	float:right;
	width:671px;
	height:42px;
	position:relative;
}


/* ------ Global ------*/
			
label{
	font-size: 0.95em;
	line-height: 1.1em;
}
input{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.95em;
	color:#333333;
}
/* -------------------------- Header --------------------------  */
	
#footer{
	background: #FFFFFF url(../images/general/footer.jpg) no-repeat right bottom;
	/*color: #420A51;*/
	color: #809CC9;
	margin: 0px 0px 5px;
	font-size: 1.3em;
	font-weight: bold;
	}
#footer a {
	color: #809CC9;
	text-decoration: none;
}	

.footerText{
	padding:10px 10px 2px;
}

/* -------------------------- Menu --------------------------  */
#secNav{
	width: 842px;
	background: #C7D5FF url(../images/nav/sec-nav-bg.gif) repeat-x left bottom;
	height: 12px;
	padding:4px  0px 4px 78px;
	color: #420A51;
	text-transform: uppercase;
}
#secNav a{
	color: #420A51;
	text-decoration: none;
}
#secNav a:hover{
	text-decoration: underline;
}
#nav{
	width: 900px;
	background: #420A51 url(../images/nav/bg.gif) no-repeat right bottom;
	height: 20px;
	padding:0 10px;
	border-top: 2px solid #71477D;
	text-align:center;
}
#nav ul{
	list-style-type: none;
	display: inline;
	float:right;
	margin-right: 50px;
}
#nav li{
	display: inline;
}
#nav p{
	float:left;
	color: #6575A3;
}
#nav a{
	display: block;
	float:left;
	height: 20px;
}
#nav a.home  {
	background: url(../images/nav/home-off.gif) no-repeat;
	width: 50px;
}
#nav a:hover.home  {
	background: url(../images/nav/home-over.gif) no-repeat;
	font-weight: normal;
}
#nav b a.home, #nav b a:hover.home {
	background: url(../images/nav/home-on.gif) no-repeat;
	font-weight: normal;
}

#nav a.mobile {
	background: url(../images/nav/mobile-off.gif) no-repeat;
	width: 61px;
}
#nav a:hover.mobile  {
	background: url(../images/nav/mobile-over.gif) no-repeat;
	font-weight: normal;
}
#nav b a.mobile, #nav b a:hover.mobile {
	background: url(../images/nav/mobile-on.gif) no-repeat;
	font-weight: normal;
}

#nav a.mobileData {
	background: url(../images/nav/data-off.gif) no-repeat;
	width: 93px;
}
#nav a:hover.mobileData  {
	background: url(../images/nav/data-over.gif) no-repeat;
	font-weight: normal;
}
#nav b a.mobileData, #nav b a:hover.mobileData {
	background: url(../images/nav/data-on.gif) no-repeat;
	font-weight: normal;
}

#nav a.data {
	background: url(../images/nav/infodata-off.gif) no-repeat;
	width: 51px;
}
#nav a:hover.data  {
	background: url(../images/nav/infodata-over.gif) no-repeat;
	font-weight: normal;
}
#nav b a.data, #nav b a:hover.data {
	background: url(../images/nav/infodata-on.gif) no-repeat;
	font-weight: normal;
}

#nav a.fixedLine {
	background: url(../images/nav/fixed-line-off.gif) no-repeat;
	width: 82px;
}
#nav a:hover.fixedLine  {
	background: url(../images/nav/fixed-line-over.gif) no-repeat;
	font-weight: normal;
}
#nav b a.fixedLine, #nav b a:hover.fixedLine {
	background: url(../images/nav/fixed-line-on.gif) no-repeat;
	font-weight: normal;
}

#nav a.telephoneSystems {
	background: url(../images/nav/systems-off.gif) no-repeat;
	width: 140px;
}
#nav a:hover.telephoneSystems  {
	background: url(../images/nav/systems-over.gif) no-repeat;
	font-weight: normal;
}
#nav b a.telephoneSystems, #nav b a:hover.telephoneSystems {
	background: url(../images/nav/systems-on.gif) no-repeat;
	font-weight: normal;
}

#nav a.ngn {
	background: url(../images/nav/ngn-off.gif) no-repeat;
	width: 42px;
}
#nav a:hover.ngn  {
	background: url(../images/nav/ngn-over.gif) no-repeat;
	font-weight: normal;
}
#nav b a.ngn, #nav b a:hover.ngn {
	background: url(../images/nav/ngn-on.gif) no-repeat;
	font-weight: normal;
}

#nav a.about {
	background: url(../images/nav/about-off.gif) no-repeat;
	width: 76px;
}
#nav a:hover.about  {
	background: url(../images/nav/about-over.gif) no-repeat;
	font-weight: normal;
}
#nav b a.about, #nav b a:hover.about {
	background: url(../images/nav/about-on.gif) no-repeat;
	font-weight: normal;
}

#nav a.news {
	background: url(../images/nav/news-off.gif) no-repeat;
	width: 50px;
}
#nav a:hover.news {
	background: url(../images/nav/news-over.gif) no-repeat;
}
#nav b a.news, #nav b a:hover.news  {
	background: url(../images/nav/news-on.gif) no-repeat;
}

#nav a.careers {
	background: url(../images/nav/careers-off.gif) no-repeat;
	width: 70px;
}
#nav a:hover.careers {
	background: url(../images/nav/careers-over.gif) no-repeat;
	font-weight: normal;
}
#nav b a.careers , #nav b a:hover.careers {
	background: url(../images/nav/careers-on.gif) no-repeat;
	font-weight: normal;
}

#nav a.contact {
	background: url(../images/nav/contact-off.gif) no-repeat;
	width: 70px;
}
#nav a:hover.contact {
	background: url(../images/nav/contact-over.gif) no-repeat;
}
#nav b a.contact, #nav b a:hover.contact  {
	background: url(../images/nav/contact-on.gif) no-repeat;
}

#nav a.caseStudies {
	background: url(../images/nav/case-studies-off.gif) no-repeat;
	width: 100px;
}
#nav a:hover.caseStudies {
	background: url(../images/nav/case-studies-over.gif) no-repeat;
}
#nav b a.caseStudies, #nav b a:hover.caseStudies  {
	background: url(../images/nav/case-studies-on.gif) no-repeat;
}

/* -------------------------- Content --------------------------  */
.content{
	background: #FFFFFF url(../images/general/content-top.gif) no-repeat right top;
}
.content #breadcrumb{
	color: #809CC9;
}
.content #breadcrumb p{
	color: #97CB24;
	font-size: 1em;
	font-weight: bold;
}
.content #breadcrumb a{
	color: #809CC9;
	text-decoration: none;
}
.content #breadcrumb ul li b{
	font-weight: normal;
	color: #FFF;	
}
.content #intro{
	background-color: #9F9DB5;
	color: #FFFFFF;
}

.small{
	font-size:8px;
}

.colImage{
	margin-bottom:10px;
}

.footerLogos{
	float:right;
	padding-right:10px;
}

#divider {
	background: url(../images/general/divider.jpg) no-repeat left;
	height: 14px;
	width: 920px;
	clear: both;
	margin: 0px -10px;
}
#copyright {
	color: #809CC9;
	font-size: 1em;
}
#copyright a{
	color: #809CC9;
	text-decoration: none;
}
.intro {
	color: #420A51;
}
.menuLeft{
	font-size: 1.2em;
	}
.menuLeft ul{
	color:#97CB24;
	font-weight: bold;
	
}
.menuLeft li{
	padding-bottom:5px;
}
.menuLeft li li{
	padding:3px 0 0 0;
}
.menuLeft ul a{
	color:#97CB24;
	text-decoration: none;
}
.menuLeft ul b, .menuLeft ul b a{
	color:#420A51;
}
.menuLeft ul b a{
	text-decoration: underline;
}

.menuLeft ul .noneUnderline{
	text-decoration: none;
}
.menuLeft ul ul a{
	color:#811788;
	font-size:0.95em;
}
.menuLeft ul ul a:hover{
	text-decoration: underline;
}
.menuLeft ul ul a b{
	color:#811788;
	text-decoration: underline;
}

#menuGreenLeft, #menuPurpleLeft{
	font-size: 1.1em;
	}
#menuGreenLeft ul{
	color:#fff;
	font-weight: bold;
	padding: 25px 0 40px 0;
	background: #a6d12f url(../images/general/green-corner.gif) no-repeat right bottom;
}
#menuPurpleLeft ul{
	color:#fff;
	font-weight: bold;
	padding: 5px 0 20px 0;
	background: #420A51 url(../images/news/purple-corner.gif) no-repeat left bottom;
}
#menuGreenLeft li{
	padding:3px 7px 3px 0;
	border-bottom: 1px solid #D4EAA5;
	margin-left: 10px;
}
#menuPurpleLeft li{
	padding:3px 7px 3px 0;
	border-bottom: 1px solid #AA91B1;
	margin-left: 10px;
}
#menuGreenLeft ul a, #menuPurpleLeft ul a{
	color:#fff;
	text-decoration: none;
}
#menuGreenLeft ul b, #menuGreenLeft ul b a{
	color:#420A51;
}

#menuPurpleLeft ul b, #menuPurpleLeft ul b a{
	color:#97CB24;
}
#menuPurpleLeft ul li.pagination{
	color:#aa91b1;
	border:none;
	padding-top:10px;
	font-weight:normal;
}
#menuPurpleLeft ul li.pagination a{
	color:#aa91b1;

}
#menuPurpleLeft ul li.pagination a.selected{
	color:#fff;
}

#menuLeftNews{
	font-size: 1.1em;
	width:150px;
	float:left;
	}
#menuLeftNews ul{
	color:#97CB24;
	font-weight: bold;
}
#menuLeftNews li{
	padding:5px 0;
	border-bottom: 1px solid #ccc;
	list-style-type:none;
}
#menuLeftNews ul a, #menuLeftNews ul a{
	color:#420A51;
	text-decoration: none;
}
#menuLeftNews ul b, #menuLeftNews ul b a{
	color:#420A51;
}

#menuLeftNews ul b, #menuLeftNews ul b a{
	color:#97CB24;
}
#menuPurpleLeft ul li.pagination{
	color:#ccc;
	border:none;
	padding-top:10px;
	font-weight:normal;
}
#menuLeftNews .pagination{
	color:#97CB24;
	clear:both;
	font-size:10px;

}
#menuLeftNews .pagination a{
	color:#97CB24;


}
#menuLeftNews .pagination a.selected{
	color:#420A51;
	
}

.textRight ul{
	margin-left: 1.5em;
	list-style-type: disc;
	font-size: 1.2em;
	padding:0 0 10px;
}
.textRight ul li{
	padding:2px 0 ;
}

.rightPromo{
	float: right;
	width:740px;
}

.rightPromo ul{
	margin:0 0 10px 13px;
	font-size:11px;
	color:#420A51;
	font-weight:bold;
}

.rightPromo ul li{
	margin-bottom:5px;
}

.banner{
	padding-bottom:15px;
	}

#phone1 {
	background: url(../images/mobile/motorola-off.jpg)  no-repeat  center center;
	display: block;
	height: 150px;
	width: 70px;
	float: left;
	margin: 10px 10px 10px 0;

}
#phone2 {
	background: url(../images/mobile/nokia-off.jpg)  no-repeat  center center;
	display: block;
	height: 150px;
	width: 70px;
	float: left;
	margin: 10px 10px 10px 0;
}
#phone3 {
	background: url(../images/mobile/nokia-n73-off.jpg)  no-repeat  center center;
	display: block;
	height: 150px;
	width: 70px;
	float: left;
	margin: 10px 10px 10px 0;
}
#phone4 {
	background: url(../images/mobile/samsung-off.jpg)  no-repeat  center center;
	display: block;
	height: 150px;
	width: 70px;
	float: left;
	margin: 10px 10px 10px 0;
}
#phone5 {
	background: url(../images/mobile/sony-off.jpg)  no-repeat  center center;
	display: block;
	height: 150px;
	width: 80px;
	float: left;
	margin: 10px 10px 10px 0;
}
#phone1:hover{
	background: url(../images/mobile/motorola-over.jpg)  no-repeat  center center;
}
#phone2:hover {
	background: url(../images/mobile/nokia-over.jpg)  no-repeat  center center;
}
#phone3:hover {
	background: url(../images/mobile/nokia-n73-over.jpg)  no-repeat  center center;
}
#phone4:hover {
	background: url(../images/mobile/samsung-over.jpg)  no-repeat  center center;
}
#phone5:hover {
	background: url(../images/mobile/sony-over.jpg)  no-repeat  center center;
}


#bb1 {
	background: url(../images/mobile-data/blackberry-8100-off.jpg)  no-repeat  center center;
	display: block;
	height: 150px;
	width: 85px;
	float: left;
	margin: 10px 10px 10px 0;

}
#bb2 {
	background: url(../images/mobile-data/blackberry-8800-off.jpg)  no-repeat  center center;
	display: block;
	height: 150px;
	width: 85px;
	float: left;
	margin: 10px 10px 10px 0;
}
#bb3 {
	background: url(../images/mobile-data/blackberry-8707-off.jpg)  no-repeat  center center;
	display: block;
	height: 150px;
	width: 85px;
	float: left;
	margin: 10px 10px 10px 0;
}
#bb1:hover{
	background: url(../images/mobile-data/blackberry-8100-on.jpg)  no-repeat  center center;
	display: block;
	height: 150px;
	width: 85px;
	float: left;
	margin: 10px 10px 10px 0;
}
#bb2:hover {
	background: url(../images/mobile-data/blackberry-8800-on.jpg)  no-repeat  center center;
	display: block;
	height: 150px;
	width: 85px;
	float: left;
	margin: 10px 10px 10px 0;
}
#bb3:hover {
	background: url(../images/mobile-data/blackberry-8707-on.jpg)  no-repeat  center center;
	display: block;
	height: 150px;
	width: 85px;
	float: left;
	margin: 10px 10px 10px 0;
}
.imgFloatRight{
	margin-bottom: 5px;
	margin-left: 10px;
	float: right;
}

#contact {
	width:720px;
	clear:both;
	margin-bottom:20px;
}

#contactMap {
	width:900px;
	clear:both;
	margin-bottom:20px;
}

#contactMap ul{
	width:400px;
}

#contactMap ul li{
	list-style-type:none;
	line-height:1.5em;
	font-size:1.2em;
	margin-bottom:10px;
}

#map{
	float:left;
	margin:0 25px 10px 0;
}

.form{
	border-top: 1px solid #ccc;
	padding-top:15px;
	}

h2.contact{
	display:block;
	height:30px;
	width:150px;
	background: url(../images/contact/contact-header.jpg) no-repeat left center;
}
h2.contactForm{
	display:block;
	height:30px;
	width:150px;
	background: url(../images/contact/email-us-header.gif) no-repeat left center;
}
#email{

}
.field{
	border: 1px solid #7296F6;
	width: 95%;
}
.btnDatacards {
	background: url(../images/mobile-data/btn-datacards-off.jpg)  no-repeat center center;
	display: block;
	height: 125px;
	width: 200px;
	float:left;
}
.btnDatacards:hover {
	background: url(../images/mobile-data/btn-datacards-over.jpg)  no-repeat center center;
}
.btnBlackberry {
	background: url(../images/mobile-data/btn-blackberry-off.jpg)  no-repeat center center;
	display: block;
	height: 125px;
	width: 200px;
	float:left;
}
.btnBlackberry:hover {
	background: url(../images/mobile-data/btn-blackberry-over.jpg)  no-repeat center center;
}


.purple {
	color: #420A51;
}

#dc1 {
	background: url(../images/mobile-data/datacards-orange-off.jpg) no-repeat center center;
	display: block;
	height: 150px;
	width: 85px;
	float: left;
	margin: 10px 10px 10px 0;

}
#dc2 {
	background: url(../images/mobile-data/datacards-o2-off.jpg) no-repeat center center;
	display: block;
	height: 150px;
	width: 85px;
	float: left;
	margin: 10px 10px 10px 0;
}
#dc3 {
	background: url(../images/mobile-data/datacards-tmobile-off.jpg) no-repeat center center;
	display: block;
	height: 150px;
	width: 85px;
	float: left;
	margin: 10px 10px 10px 0;
}
#dc4 {
	background: url(../images/mobile-data/datacards-vodafone-off.jpg) no-repeat center center;
	display: block;
	height: 150px;
	width: 85px;
	float: left;
	margin: 10px 10px 10px 0;
}
#dc1:hover{
	background: url(../images/mobile-data/datacards-orange-over.jpg) no-repeat center center;
	display: block;
	height: 150px;
	width: 85px;
	float: left;
	margin: 10px 10px 10px 0;
}
#dc2:hover {
	background: url(../images/mobile-data/datacards-o2-over.jpg)  no-repeat  center center;
	display: block;
	height: 150px;
	width: 85px;
	float: left;
	margin: 10px 10px 10px 0;
}
#dc3:hover {
	background: url(../images/mobile-data/datacards-tmobile-over.jpg)  no-repeat  center center;
	display: block;
	height: 150px;
	width: 85px;
	float: left;
	margin: 10px 10px 10px 0;
}
#dc4:hover {
	background: url(../images/mobile-data/datacards-vodafone-over.jpg)  no-repeat  center center;
	display: block;
	height: 150px;
	width: 85px;
	float: left;
	margin: 10px 10px 10px 0;
}

.products h2{
	color: #333333;
	font-size: 1em;
	font-weight: bold;
	padding-bottom:0.6em;
}

.products p{
	font-size:10px;
	width:175px;
}

.products p a{
padding-top:5px;
display:block;
}

.pdf{
	font-size:10px;
	font-weight:bold;
	color: #97CB24;
	text-decoration:none;
	background:url(../images/general/pdfIcon.jpg) no-repeat top left;
	padding-left:20px;
	height:20px;
	display:block;
	margin-top:8px;
}

.request{
	font-size:10px;
	font-weight:bold;
	color: #97CB24;
	text-decoration:none;
	background:url(../images/general/pdfIcon.jpg) no-repeat top left;
	padding-left:20px;
	height:20px;
	display:block;
}

.companyName{
	font-size:1em;
	color:#999999;
	font-style:italic;
}

/*--- news ----*/

.newsCol{
	float: left;
	width: 730px;
}

.newsImage{
	float:left;
	margin: 0 20px 20px 0;
}

.newsStory{
	width:730px;
	float:right;
}

.newsheader{
	margin-bottom:10px;
	}

.reg{
	font-size:6px;
}

.promoBanner{
	margin-bottom:10px;
}

.testimonial {
	padding-top:15px;
	}
	
.partner{
	clear:both;
	margin-top:15px;
	}
	
.partnerInfo{
	float:left;
	width:400px;
	margin-left:20px;
	padding-bottom:20px;
	}
	
.cspic{float:right;margin:0 0 10px 10px;/*border:1px solid #ccc;*/}

.homeSlider h2, .csPreview h2 {
	font-weight:bold;
	color:#420a51;
	font-size:13px;
	padding-bottom:5px;
	margin-bottom:5px;
	border-bottom:1px solid #cfcfcf;
	
}