body {
font-family:Arial, Helvetica, Verdana, sans-serif;
font-size:76%;
height:100%;
background-color:#fff;
background-image:url("../images/bg.png");
background-repeat:repeat-x;
background-position:left top;
color:#333;
margin:0;
padding:0;
}

a:hover {
text-decoration:none;
}

form {
display:inline;
margin:0;
padding:0;
}

img {
border:0;
}

html {
height:100%;
margin-bottom:20px;
}

div.wrap {
width:870px;
margin:0 auto;
}

div.maincontainer {
width:850px;
min-height:400px;
background-color:#fff;
float:left;
padding:0 10px;
}

* html div.maincontainer {
height:400px;
}

div.header {
width:850px;
height:86px;
background-image:url("../images/header_bg.png");
background-repeat:repeat-x;
background-position:left top;
border-bottom-width:1px;
border-bottom-style:solid;
border-bottom-color:#d9d9d9;
float:left;
}

div.header h1 {
font-size:100%;
width:133px;
height:66px;
background-image:url(../images/logo.png);
background-repeat:no-repeat;
background-position:right bottom;
display:block;
float:left;
margin:0;
padding:20px 0 0 22px;
}

div.header h1 a {
font-size:100%;
width:133px;
height:40px;
background-image:url(../images/logo.png);
background-repeat:no-repeat;
display:block;
float:left;
}

div.header h2 {
font-size:100%;
width:675px;
height:23px;
background-image:url(../images/tagline.png);
background-repeat:no-repeat;
background-position:right bottom;
display:block;
float:left;
margin:0;
padding:37px 0 0;
}

#navlist {
width:850px;
background-image:url("../images/navbar.png");
background-repeat:no-repeat;
background-position:left top;
display:block;
float:left;
margin:0;
padding:0;
}

#navlist li {
list-style:none;
position:relative;
float:left;
margin:0;
}

#navlist li .navbut1 {
width:79px;
height:28px;
background-image:url("../images/navbut1.png");
background-position:0 0;
}

#navlist li .navbut2 {
width:113px;
height:28px;
background-image:url("../images/navbut2.png");
background-position:0 0;
}

#navlist li .navbut3 {
width:153px;
height:28px;
background-image:url("../images/navbut3.png");
background-position:0 0;
}

#navlist li .navbut4 {
width:131px;
height:28px;
background-image:url("../images/navbut4.png");
background-position:0 0;
}

#navlist li .navbut5 {
width:107px;
height:28px;
background-image:url("../images/navbut5.png");
background-position:0 0;
}

#navlist li .navbut6 {
width:35px;
height:28px;
background-image:url("../images/navbut6.png");
background-position:0 0;
}

#navlist li .navbut7 {
width:35px;
height:28px;
background-image:url("../images/navbut7.png");
background-position:0 0;
}

#navlist li .navbut8 {
width:35px;
height:28px;
background-image:url("../images/navbut8.png");
background-position:0 0;
}

#navlist li ul {
width:200px;
font-size:94%;
display:none;
position:absolute;
background-image:url("../images/subnav_bg.gif");
background-repeat:no-repeat;
background-position:left bottom;
top:28px;
left:0;
z-index:10;
margin:0;
padding:0 0 5px;
}

#navlist li li {
width:200px;
background-color:#d1d1d1;
background-image:none;
display:block;
clear:left;
padding:0;
}

#navlist li li a {
color:#0054a9;
text-decoration:none;
display:block;
margin:0;
padding:5px 24px;
}

#navlist li li a:hover {
color:#fff;
background-color:#0054a9;
}

#navlist li>ul {
top:auto;
left:auto;
}

#navlist li:hover ul,#navlist li.over ul {
display:block;
}

div.homeintrobox {
width:850px;
float:left;
margin:0;
padding:10px 0;
}

div.homeintrobox .image {
width:850px;
min-height:282px;
background-color:#a9d600;
background-image:url("../images/home/set1/image.jpg");
background-repeat:no-repeat;
background-position:right top;
float:left;
}

div.homeintrobox .content {
width:385px;
min-height:282px;
color:#fff;
background-color:#333;
background-image:url("../images/homeintro_bg.png");
background-repeat:no-repeat;
background-position:left top;
float:left;
padding:0 20px;
}

div.homeintrobox .content h3 {
height:19px;
background-image:url("../images/welcome.gif");
background-repeat:no-repeat;
background-position:left top;
margin:35px 0 0;
padding:0;
}

div.homeintrobox .content h4 {
height:26px;
background-image:url("../images/home/set1/heading.gif");
background-repeat:no-repeat;
background-position:left top;
margin:40px 0 10px;
padding:0;
}

div.homeintrobox .content p {
line-height:1.4em;
margin:0;
padding:0 0 1.4em;
}

div.homeintrobox .content .arrowlink {
color:#a9d600;
background-image:url("../images/arrow1.gif");
background-repeat:no-repeat;
background-position:0 3px;
padding:0 0 0 10px;
}

div.contentcontainer.helpdesk {
background-image:url("../images/helpdesk.jpg");
background-repeat:no-repeat;
background-position:left bottom;
}

div.leftcol {
width:276px;
float:left;
padding:10px 30px 120px 0;
}

div.maincol1 {
width:524px;
float:left;
padding:10px 20px 0 0;
}

div.leftnavbox1a {
width:276px;
background-image:url("../images/leftnav_bg1a.gif");
background-repeat:no-repeat;
background-position:left top;
float:left;
margin:0 0 10px;
padding:10px 0 0;
}

div.leftnavbox1b {
width:276px;
background-image:url("../images/leftnav_bg1b.gif");
background-repeat:repeat-y;
background-position:left top;
float:left;
}

div.leftnavbox1c {
width:236px;
background-image:url("../images/leftnav_bg1c.gif");
background-repeat:no-repeat;
background-position:left bottom;
float:left;
padding:5px 20px 20px;
}

div.leftnavbox1c h3 {
font-size:150%;
font-weight:400;
color:#333;
margin:0;
padding:0 0 .8em;
}

div.breadcrumbs {
width:524px;
font-size:94%;
float:left;
padding:15px 0 20px;
}

div.breadcrumbs a {
padding:0 2px;
}

div.contentbox1 {
width:524px;
float:left;
padding:0 0 30px;
}

div.contentbox1 h3 {
font-size:220%;
font-weight:400;
color:#000;
border-bottom-width:1px;
border-bottom-style:solid;
border-bottom-color:#ccc;
display:block;
clear:left;
margin:0 0 .6em;
padding:15px 0 .5em;
}

div.contentbox1 h4 {
font-size:130%;
font-weight:700;
color:#0054a9;
clear:left;
margin:0 0 .6em;
padding:1.3em 0 .5em;
}

div.contentbox1 p {
line-height:1.4em;
clear:left;
margin:0;
padding:0 0 1.4em;
}

div.contentbox1 ul {
list-style-image:none;
list-style-type:none;
clear:left;
margin:0;
padding:.4em 80px .5em 30px;
}

div.contentbox1 li {
color:#0054a9;
line-height:1.4em;
background-image:url("../images/bullet1.gif");
background-position:0 6px;
background-repeat:no-repeat;
margin:0;
padding:0 0 1.4em 12px;
}

.smallcopy1 {
font-size:94%;
}

div.contentbox1container {
width:524px;
float:left;
}

.table1 {
width:100%;
font-size:94%;
color:#000;
border:0;
border-collapse:collapse;
line-height:14px;
margin:0 0 15px;
}

.table2 {
width:850px;
font-size:94%;
color:#000;
border:0;
border-collapse:collapse;
line-height:14px;
margin:0 0 15px;
}

.aligncenter {
text-align:center;
}

.alignleft {
text-align:left;
}

.alignright {
text-align:right;
}

.tdcell1a {
border-top-width:1px;
border-top-style:solid;
border-top-color:#fff;
border-right-width:1px;
border-right-style:solid;
border-right-color:#fff;
}

.tdcell1b {
border-top-width:1px;
border-top-style:solid;
border-top-color:#fff;
border-right-width:1px;
border-right-style:solid;
border-right-color:#fff;
border-left-width:1px;
border-left-style:solid;
border-left-color:#fff;
}

.colour1 {
color:#fff;
background-color:#a9d600;
}

.colour2 {
color:#333;
background-color:#e5e5e5;
}

.colour3 {
color:#333;
background-color:#ccc;
}

fieldset {
border-color:#a9d600;
border-style:solid;
border-width:1px;
margin:0 0 20px;
padding:15px;
}

legend {
font-weight:700;
color:#a9d600;
}

.formlabel1 {
margin-right:.5em;
float:left;
position:relative;
clear:both;
padding:6px 10px 4px 0;
}

.formobject1 {
margin:3px 0;
}

.formbutton1 {
margin:0 0 0 136px;
}

.formbutton2 {
margin:0 0 0 186px;
}

div.homefeaturesbox {
width:850px;
float:left;
margin:0;
padding:0;
}

div.homefeaturesbox .spacing {
margin:0 11px 0 0;
}

div.feature1box {
width:276px;
float:left;
padding:0 0 10px;
}

div.feature1box1a {
width:276px;
background-image:url("../images/feature1_bg1a.gif");
background-repeat:no-repeat;
background-position:left top;
float:left;
padding:10px 0 0;
}

div.feature1box1b {
width:246px;
min-height:119px;
font-size:94%;
background-color:#0054a9;
color:#9cf;
float:left;
padding:0 10px 10px 20px;
}

div.feature1box1b.voip {
background-image:url("../images/feature1_VoIP.png");
background-repeat:no-repeat;
background-position:left bottom;
}

div.feature1box1b.voip .title {
width:185px;
height:35px;
background-image:url("../images/feature1_VoIP_title.png");
background-repeat:no-repeat;
background-position:left bottom;
display:block;
margin:0;
padding:5px 0 0;
}

div.feature1box1b.cloud {
background-image:url("../images/feature1_Cloud.jpg");
background-repeat:no-repeat;
background-position:left bottom;
}

div.feature1box1b.cloud .title {
width:185px;
height:35px;
background-image:url("../images/feature1_Cloud_title.png");
background-repeat:no-repeat;
background-position:left bottom;
display:block;
margin:0;
padding:5px 0 0;
}


div.feature1box1b.calculator {
background-image:url("../images/feature1_Calculator.gif");
background-repeat:no-repeat;
background-position:left bottom;
}

div.feature1box1b.calculator .title {
width:199px;
height:18px;
background-image:url("../images/feature1_Calculator_title.gif");
background-repeat:no-repeat;
background-position:left bottom;
display:block;
margin:0;
padding:5px 0 0;
}

div.feature1box1b.calculator p {
line-height:1.2em;
margin:0;
padding:1em 100px 0 0;
}

div.feature1box1b .arrowlink {
background-image:url("../images/arrow1.gif");
background-repeat:no-repeat;
background-position:0 3px;
padding:0 0 0 10px;
}

div.feature1box2a {
width:276px;
background-image:url("../images/feature1_bg2a.png");
background-repeat:no-repeat;
background-position:left top;
float:left;
padding:10px 0 0;
}

div.feature1box2b {
width:276px;
background-image:url("../images/feature1_bg2b.gif");
background-repeat:repeat-y;
background-position:left top;
float:left;
}

div.feature1box2c {
width:246px;
min-height:119px;
color:#666;
font-size:94%;
float:left;
padding:0 10px 10px 20px;
}

div.feature1box2c.uk {
background-image:url("../images/feature1_UK.png");
background-repeat:no-repeat;
background-position:left bottom;
}

div.feature1box2c.itsupport {
background-image:url("../images/feature1_ITSupport.png");
background-repeat:no-repeat;
background-position:left bottom;
}

div.feature1box2c a {
color:#0054a9;
}

div.feature1box2c .arrowlink {
background-image:url("../images/arrow2.gif");
background-repeat:no-repeat;
background-position:0 3px;
padding:0 0 0 10px;
}

div.feature1box2c.uk .title {
width:209px;
height:18px;
background-image:url("../images/feature1_UK_title.png");
background-repeat:no-repeat;
background-position:left bottom;
display:block;
margin:0;
padding:5px 0 0;
}

div.feature1box2c.itsupport .title {
width:234px;
height:34px;
background-image:url("../images/feature1_ITSupport_title.png");
background-repeat:no-repeat;
background-position:left bottom;
display:block;
margin:0;
padding:5px 0 0;
}

div.feature1box2c.itsupport p {
line-height:1.2em;
margin:0;
padding:1em 110px 0 0;
}

div.partnersbox {
width:820px;
background-image:url("../images/partners_bg.png");
background-repeat:no-repeat;
background-position:left top;
float:left;
margin:0;
padding:10px 15px;
}

div.partnersbox ul {
width:820px;
list-style-image:none;
list-style-type:none;
display:block;
float:left;
margin:0;
padding:0;
}

div.partnersbox li {
font-weight:700;
float:left;
margin:0;
padding:0;
}

div.partnersbox li .partner1 {
width:47px;
height:45px;
background-image:url("../images/partner1.png");
background-position:0 0;
}

div.partnersbox li .partner2 {
width:96px;
height:45px;
background-image:url("../images/partner2.png");
background-position:0 0;
}

div.partnersbox li .partner3 {
width:107px;
height:45px;
background-image:url("../images/partner3.jpg");
background-position:0 0;
}

div.partnersbox li .partner4 {
width:73px;
height:45px;
background-image:url("../images/partner4.png");
background-position:0 0;
}

div.partnersbox li .partner5 {
width:83px;
height:45px;
background-image:url("../images/partner5.jpg");
background-position:0 0;
}

div.partnersbox li .partner6 {
width:84px;
height:45px;
background-image:url("../images/partner6.jpg");
background-position:0 0;
}

div.partnersbox li .partner7 {
width:104px;
height:45px;
background-image:url("../images/partner7.jpg");
background-position:0 0;
}

div.partnersbox li .partner8 {
width:43px;
height:45px;
background-image:url("../images/partner8.png");
background-position:0 0;
}

div.partnersbox li .partner9 {
width:82px;
height:45px;
background-image:url("../images/partner9.png");
background-position:0 0;
}

div.partnersbox li .partner10 {
width:101px;
height:45px;
background-image:url("../images/partner10.png");
background-position:0 0;
}

.imgfloatleft {
float:left;
margin:0;
padding:0 20px 10px 0;
}

.imgpad1 {
margin:0;
padding:20px 0;
}

div.footer {
width:850px;
font-size:94%;
clear:both;
margin:0;
}

div.footer .content {
width:850px;
color:#666;
float:left;
padding:10px 0 20px;
}

div.footer .content p {
line-height:1.3em;
margin:0;
padding:0 0 1em;
}

div.footer .content .linkspace {
margin:0 8px;
}

a,div.leftnavbox1c li a,#sitemapnav li a {
color:#0054a9;
text-decoration:underline;
}

.hide,div.header h1 span,div.header h2 span,#navlist li span,div.homeintrobox .content h3 span,div.homeintrobox .content h4 span,div.feature1box1b h3 span,div.feature1box2c h3 span,div.partnersbox li span {
display:none;
}

div.navbar,div.contentcontainer {
width:850px;
float:left;
margin:0;
}

#navlist li a,div.partnersbox li a {
background-repeat:no-repeat;
display:block;
}

#navlist li .navbut1:hover,#navlist li .navbut1.current,#navlist li .navbut2:hover,#navlist li .navbut2.current,#navlist li .navbut3:hover,#navlist li .navbut3.current,#navlist li .navbut4:hover,#navlist li .navbut4.current,#navlist li .navbut5:hover,#navlist li .navbut5.current,#navlist li .navbut6:hover,#navlist li .navbut6.current,#navlist li .navbut7:hover,#navlist li .navbut7.current,#navlist li .navbut8:hover,#navlist li .navbut8.current {              
background-position:0 -29px;
}

* html div.homeintrobox .image,* html div.homeintrobox .content {
height:282px;
}

div.homeintrobox .content a,div.feature1box1b a {
color:#fff;
}

div.leftnavbox1c ul,#sitemapnav {
list-style-image:none;
list-style-type:none;
margin:0;
padding:0 0 .8em 10px;
}

div.leftnavbox1c li,#sitemapnav li {
font-size:94%;
font-weight:700;
background-image:url("../images/arrow2.gif");
background-position:0 3px;
background-repeat:no-repeat;
margin:0;
padding:0 0 6px 10px;
}

div.leftnavbox1c a:hover,div.leftnavbox1c li a.current,#sitemapnav a:hover,#sitemapnav li a.current {
color:#0054a9;
text-decoration:none;
}

div.leftnavbox1c ul h4,#sitemapnav h4 {
font-size:100%;
font-weight:700;
color:#a9d600;
margin:0;
padding:.8em 0 0;
}

div.leftnavbox1c ul ul,#sitemapnav ul ul {
list-style-image:none;
list-style-type:none;
margin:0;
padding:.8em 0 0;
}

div.leftnavbox1c li li,#sitemapnav li li {
font-size:100%;
font-weight:400;
background-image:url("../images/arrow3.gif");
background-position:0 3px;
background-repeat:no-repeat;
margin:0;
padding:0 0 6px 10px;
}

div.leftnavbox1c li li a,#sitemapnav li li a {
color:#333;
text-decoration:underline;
}

div.contentbox1col1,div.contentbox1col2 {
width:262px;
float:left;
}

.table1 th,.table2 th {
font-weight:700;
color:#fff;
background-color:#333;
padding:6px;
}

.table1 td,.table2 td {
vertical-align:middle;
padding:6px;
}

.table1 input,.table2 input {
font-size:94%;
text-align:center;
}

* html div.feature1box1b,* html div.feature1box2c {
height:119px;
}

div.feature1box1b.voip p,div.feature1box2c.uk p {
line-height:1.2em;
margin:0;
padding:1em 80px 0 0;
}

div.feature1box1b.cloud p,div.feature1box2c.uk p {
line-height:1.2em;
margin:0;
padding:1em 80px 0 0;
}

div.partnersbox li .partner1:hover,div.partnersbox li .partner2:hover,div.partnersbox li .partner3:hover,div.partnersbox li .partner4:hover,div.partnersbox li .partner5:hover,div.partnersbox li .partner6:hover,div.partnersbox li .partner7:hover,div.partnersbox li .partner8:hover,div.partnersbox li .partner9:hover,div.partnersbox li .partner10:hover {
background-position:0 -46px;
}
