﻿#content {padding: 0 19px;}

#sectionheader {width: 699px; height: 134px; background: transparent url(../img/smebanner.jpg) no-repeat top left; padding: 35px 0 0 15px;}
#sectionheader h2 {font-size: 20pt; color: #3969b7; margin: 0;}
#sectionheader p {font-size: 14pt; color: #383b6e; font-family: Arial, Helvetica, Sans-Serif; margin: 10px 0; width: 470px;}

p.top {margin-top: 5px;}

.fullmanagement {width: 348px; height: 161px; background: #b8cff1 url(../img/smepageboxes.gif) no-repeat top left; float: left;}
.fullmanagement h3 {font-size: 16pt; margin: 15px 0 0 15px;}
.fullmanagement h3 a {color: #2f599e; text-decoration: none; background: transparent url(../img/fullmanarrows.gif) no-repeat top left; padding-left: 27px; height: 23px;}
.fullmanagement h3 a:hover {color: #27497b; background-position: bottom left;}
.fullmanagement p {margin: 7px 15px; text-align: left;}

.monthlysupp {width: 348px; height: 161px; background: #b8cff1 url(../img/smepageboxes.gif) no-repeat top right; float: right;}
.monthlysupp h3 {font-size: 16pt; margin: 15px 0 0 15px;}
.monthlysupp h3 a {color: #234373; text-decoration: none; background: transparent url(../img/monsuparrows.gif) no-repeat top left; padding-left: 27px; height: 23px;}
.monthlysupp h3 a:hover {color: #152743; background-position: bottom left;}
.monthlysupp p {margin: 7px 15px; text-align: left;}

table {clear:both; margin: 19px auto; background: transparent url(../img/featuresbg.gif) no-repeat top left; width: 578px; height: 264px; border: none:}
th {font-size: 12pt; color: #234373; font-family: Arial, Helvetica, Sans-Serif; padding-top: 3px;}
td {font-size: 10pt; line-height: 30px;}
.features, .featureslast {text-align: left; padding-left: 10px;}
.features a {text-decoration: none;}
.features a:hover {text-decoration: underline;}
.fm, .fmlast  {width: 160px; text-align: center;}
.ms, .mslast {width: 162px; text-align: center;}
.featureslast {padding-bottom: 3px;}
.fmlast {padding-bottom: 3px;}
.mslast {padding-bottom: 3px;}
table img {width: 23px; height: 23px; border: none;}
th.features {line-height: 48px;}
th.fm {line-height: 18px;}
th.ms {line-height: 18px;}


.smebox {width: 350px; height: 111px; background: #deeafb url(../img/smebg.png) no-repeat top left; overflow: hidden;}
.smebox a {font-family: Arial, helvetica, Sans-Serif;}
.smebox a {text-decoration: none; font-size: 16pt; font-weight: bold; display: block; line-height: 20px; padding: 13px 0px 78px 13px; position: absolute; width: 337px;}
.smebox a:hover {text-decoration: underline;}
.smebox p {position: absolute; margin: 0; padding: 43px 0 0 20px; line-height: 16px; text-align: left;}
#smesupport, #smebackup, #smebroadband {float: left; margin: 0 0 15px 0;}
#smenetworking, #smeremoteaccess, #smeonthemove {float: right; margin: 0 0 15px 0;}
#smesupport p {width: 155px;}
#smesupport a {color: #d00000; background: transparent url(../img/hands.gif) no-repeat top right;}
#smenetworking p {width: 155px;}
#smenetworking a {color: #00acc6; background: transparent url(../img/cables.gif) no-repeat top right;}
#smebackup p {width: 160px;}
#smebackup a {color: #fa8700; background: transparent url(../img/sos.gif) no-repeat top right;}
#smeremoteaccess p {width: 155px;}
#smeremoteaccess a {color: #0450c2; background: transparent url(../img/bird.gif) no-repeat top right;}
#smebroadband p {width: 155px;}
#smebroadband a {color: #0a9200; background: transparent url(../img/trafficlight.gif) no-repeat top right;}
#smeonthemove p {width: 155px;}
#smeonthemove a {color: #721fb4; background: transparent url(../img/train.gif) no-repeat top right;}



#rightcol {width: 187px; float: right; margin-left: 19px; padding-bottom: 19px;}
#callme {width: 187px; padding-bottom: 10px;}
#callme form {margin: 0; padding: 0;}
#callme h3 {font-size: 14pt; font-weight: bold; text-align: center; margin: 0; padding: 10px 0 0 0;}
#callme p {text-align: left; margin: 5px 15px;}
#callme label {color: #ffffff; float: left; width: 60px; text-align: right; padding: 6px 3px 0 0;}
#callme input {width: 100px; margin: 3px 0;}
#callme #callbutton {width: auto; font-weight: bold; margin-left: 60px;}
#smelinks {width: 187px; background: #c6d8f2 url(../img/smeothersbox.gif) no-repeat bottom right; padding-bottom: 10px; margin: 19px 0;}
#smelinks h3 {background: transparent url(../img/smeothersbox.gif) no-repeat top left; font-size: 11pt; text-align: center; margin: 0; padding: 10px 10px 0 10px;}
#smelinks a {text-decoration: none;}
#smelinks a:hover {text-decoration: underline;}
#smelinks ul {list-style: none; margin: 5px 0 0 12px; padding: 0; font-size: 8pt;}
#smelinks li {line-height: 18px;}
#smelinks li a {background: transparent url(../img/smelinksarrow.gif) no-repeat 0px 1px; padding: 0 0 3px 15px;}


/* NETWORKING */
#networking #sectionheader {background-image: url(../img/smebannernetworking.png); height: 114px;}
#networking #callme {background: #0ebddc url(../img/smenetcall.gif) no-repeat bottom right;}
#networking #callme h3 {background: transparent url(../img/smenetcall.gif) no-repeat top left; color: #ffffff;}
#networking #callme p {color: #ffffff;}
#networking #callme #callbutton {color: #ffffff; background-color: #0096bc; border: 1px solid #00525e;}
#net2 {width: 207px; background: #d7f2f9 url(../img/smenetbox1.gif) no-repeat bottom right; float: left; margin-right: 19px;}
#net2 h3 {background: transparent url(../img/smenetbox1.gif) no-repeat top left; margin: 0; color: #0081a6; font-size: 14pt; padding: 10px 10px 0px 10px;}
#net2 p {text-align: left; margin: 5px 5px 10px 10px;}
#net3 {width: 282px; background: #b6e9f4 url(../img/smenetbox2.gif) no-repeat bottom right; float: left; }
#net3 h3 {background: transparent url(../img/smenetbox2.gif) no-repeat top left; margin: 0; color: #007896; font-size: 14pt; padding: 10px 0px 0px 10px;}
#net3 p {text-align: left; margin: 5px 10px 10px 10px;}
#net2, #net3 {margin-bottom: 10px;}
#net2 img, #net3 img {float: left; margin: 10px 10px 0 10px;}

/* REMOTE ACCESS */
#remoteaccess #sectionheader {background-image: url(../img/smebannerremoteaccess.jpg); height: 114px;}
#remoteaccess #callme {background: #0450c2 url(../img/smeremcall.gif) no-repeat bottom right;}
#remoteaccess #callme h3 {background: transparent url(../img/smeremcall.gif) no-repeat top left; color: #ffffff;}
#remoteaccess #callme p {color: #ffffff;}
#remoteaccess #callme #callbutton {color: #ffffff; background-color: #66a2fc; border: 1px solid #013481;}
#remoteaccess .featurebox {width: 508px; background: #c5dcff url(../img/smeremotebox.gif) no-repeat bottom right; margin: 19px 0 15px 0; _float: left; _margin-top: 0;}
#remoteaccess .featurebox ul {margin: 0; padding: 10px 15px; background: transparent url(../img/smeremotebox.gif) no-repeat top left;}
#remoteaccess .featurebox li {list-style: none; background: transparent url(../img/smeremotetick.gif) no-repeat 0px 4px; padding-left: 25px; line-height: 24px; font-weight: bold;}

/* BACKUP */
#backup #sectionheader {background-image: url(../img/smebannerbackup.png); height: 114px;}
#backup #callme {background: #fa8700 url(../img/smebackcall.gif) no-repeat bottom right;}
#backup #callme h3 {background: transparent url(../img/smebackcall.gif) no-repeat top left; color: #ffffff;}
#backup #callme p {color: #ffffff;}
#backup #callme #callbutton {color: #000000; background-color: #ffae4f; border: 1px solid #9c5400;}

/* BROADBAND */
#broadband #sectionheader {background-image: url(../img/smebannerbroadband.jpg); height: 114px;}
#broadband #callme {background: #0a9200 url(../img/smebroadcall.gif) no-repeat bottom right;}
#broadband #callme h3 {background: transparent url(../img/smebroadcall.gif) no-repeat top left; color: #ffffff;}
#broadband #callme p {color: #ffffff;}
#broadband #callme #callbutton {color: #096200; background-color: #9bce84; border: 1px solid #096200;}
#broadband .featurebox {width: 508px; background: #d5f1c9 url(../img/smebroadbox.gif) no-repeat bottom right; margin: 19px 0 15px 0; _float: left;}
#broadband .featurebox ul {margin: 0; padding: 10px 15px; background: transparent url(../img/smebroadbox.gif) no-repeat top left;}
#broadband .featurebox li {list-style: none; background: transparent url(../img/smebroadtick.gif) no-repeat 0px 4px; padding-left: 25px; line-height: 24px; font-weight: bold; color: #000000;}
#broadband .widebox {width: 714px; background: #b2e09e url(../img/smebroadboxw.gif) no-repeat top left; margin: 15px 0 15px 0;}
#broadband .widebox p {margin: 0; padding: 5px 15px 10px 15px; background: transparent url(../img/smebroadboxw.gif) no-repeat bottom right; color: #000000;}
#broadband .widebox h3 {color: #000000; margin: 0; padding: 10px 15px 5px 15px;}

/* ON THE MOVE */
#onthemove #sectionheader {background-image: url(../img/smebanneronthemove.png); height: 114px;}
#onthemove #callme {background: #52078b url(../img/smemovecall.gif) no-repeat bottom right;}
#onthemove #callme h3 {background: transparent url(../img/smemovecall.gif) no-repeat top left; color: #ffffff;}
#onthemove #callme p {color: #ffffff;}
#onthemove #callme #callbutton {color: #35005e; background-color: #c5a3df; border: 1px solid #35005e;}
#onthemove .featurebox {width: 508px; background: #e3dffb url(../img/smemovebox.gif) no-repeat bottom right; margin: 19px 0 15px 0; _float: left;}
#onthemove .featurebox ul {margin: 0; padding: 10px 15px; background: transparent url(../img/smemovebox.gif) no-repeat top left;}
#onthemove .featurebox li {list-style: none; background: transparent url(../img/smemovetick.gif) no-repeat 0px 4px; padding-left: 25px; line-height: 24px; font-weight: bold; color: #000000;}