﻿#content {padding: 19px 19px 19px 0; margin-left: 215px; width: 517px; _margin-left: 212px; _overflow: hidden;}
#content h3 {color: #3969b7; font-size: 12pt;}

#mainmenu a#supportlink {background-color: #ffffff; color: #484a9c;}

#sectionheader {width: 517px; height: 129px; background: #b8cff1 url(../img/redphone.png) no-repeat top left; overflow: hidden;}
#sectionheader h2 {font-size: 20pt; color: #3969b7; margin: 15px 15px 10px 15px;}
#sectionheader p {font-size: 14pt; color: #383b6e; font-family: Arial, Helvetica, Sans-Serif; margin: 10px 15px; width: 320px;}


/* SUBMENU */
#submenu ul {padding: 0 12px 10px 12px;}
#submenu ul ul {background: none; padding: 0 0 0 5px;}
#submenu ul a {width: 153px; overflow: hidden;}
#submenu ul ul a {background: transparent url(../img/dash.gif) no-repeat 0px 13px; padding-left: 7px; display: block; width: 141px; overflow: hidden;}
#submenu h3 a {color: #3969b7;}

form#gethelpnow {clear: right; padding: 0; margin: 0;}
form#gethelpnow fieldset {border: 1px solid #a0c0ef; padding: 20px; margin: 0}
form#gethelpnow legend {color: #3969b7; font-weight: bold; }
form#gethelpnow label {float: left; width: 150px; text-align: right; padding-right: 10px;}
form#gethelpnow input {width: 200px;}
form#gethelpnow input.button {background-color: #3969b7; color: #ffffff; font-weight: bold; text-align: center; width: auto; margin: 15px 0 0 160px; border: 1px solid #1d4889; padding: 3px 5px;}

.whitephone {width: 177px; height: 177px; background: #b00000 url(../img/whitephone.jpg) no-repeat top left; font-family: Arial, Helvetica, Sans-Serif;}
.whitephone h4 {color: #ffffff; font-weight: bold; font-size: 14pt; margin: 0; padding: 15px 15px 0 15px;}
.whitephone p {color: #ffffff; font-size: 12pt; margin: 15px; text-align: left;}
.whitephone a {color: #ffffff; text-decoration: none; font-weight: bold;}
.whitephone a:hover {text-decoration: underline;}

.pinkpig {width: 177px; height: 193px; background: #a0c0ef url(../img/pig.gif) no-repeat top left; font-family: Arial, Helvetica, Sans-Serif;}
.pinkpig h4 {color: #26549a; font-weight: bold; font-size: 18pt; margin: 0; padding: 10px 15px 0 15px;}
.pinkpig p {color: #26549a; font-size: 12pt; margin: 5px 15px 15px 15px; text-align: left;}
.pinkpig a {color: #26549a; text-decoration: none; font-weight: bold;}
.pinkpig a:hover {text-decoration: underline;}

.padlock {width: 177px; height: 177px; background: #b00000 url(../img/padlock.gif) no-repeat top left; font-family: Arial, Helvetica, Sans-Serif;}
.padlock h4 {color: #ffffff; font-weight: bold; font-size: 14pt; margin: 0; padding: 15px 15px 0 15px;}
.padlock p {color: #ffffff; font-size: 12pt; margin: 15px;}
.padlock a {color: #ffffff; text-decoration: none; font-weight: bold;}
.padlock a:hover {text-decoration: underline;}

.managedsupport {width: 250px; height: 270px; background: #b8cff1 url(../img/supportpageboxes.gif) no-repeat top right; float: right;}
.managedsupport h3 {font-weight: bold; font-size: 12pt; margin: 0; padding: 13px 15px 0 15px;}
.managedsupport h3 a {color: #3969b7;}
.managedsupport p {margin: 7px 15px;}
.managedsupport ul {margin: 7px 15px 15px 15px; padding: 0; line-height: 17px;}
.managedsupport li {margin: 0 0 6px 15px;}
.managedsupport a {color: #ffffff; text-decoration: none; font-weight: bold;}
.managedsupport a:hover {text-decoration: underline;}

.monthlysupport {width: 250px; height: 127px; background: #b8cff1 url(../img/supportpageboxes.gif) no-repeat bottom left;}
.monthlysupport h3 {font-weight: bold; font-size: 12pt; margin: 0; padding: 13px 15px 0 15px;}
.monthlysupport h3 a {color: #3969b7;}
.monthlysupport p, .monthlysupport ul {margin: 7px 15px; padding: 0;}
.monthlysupport li {margin-left: 15px;}
.monthlysupport a {color: #ffffff; text-decoration: none; font-weight: bold;}
.monthlysupport a:hover {text-decoration: underline;}

.oncallsupport {width: 250px; height: 127px; background: #b8cff1 url(../img/supportpageboxes.gif) no-repeat top left; margin-bottom: 16px;}
.oncallsupport h3 {font-weight: bold; font-size: 12pt; margin: 0; padding: 13px 15px 0 15px;}
.oncallsupport h3 a {color: #3969b7;}
.oncallsupport p {margin: 7px 15px;}
.oncallsupport a {color: #ffffff; text-decoration: none; font-weight: bold;}
.oncallsupport a:hover {text-decoration: underline;}

#mansup h3 {margin: 0px;}
#mansup p {margin: 0; padding: 10px 15px 0px 15px; background-color: #dbe6f7;}
#mansup p.more {padding: 3px 5px 1px 0; background: #dbe6f7 url(../img/mansupmore.gif) no-repeat bottom right; line-height: 22px; text-align: right; font-weight: bold; font-family: Arial, helvetica, Sans-Serif; margin: 0 0 10px 0;}
#mansup p.more a {text-decoration: none; padding: 3px 32px 3px 5px;}
#mansup p.more a:hover {text-decoration: underline;}
#remotesupport a, #networkmonitoring a, #networkmanagement a, #antivirus a, #backup a {height: 40px; display: block; background-color: #9fbfef; background-position: top left; background-repeat: no-repeat; line-height: 37px; padding: 0 0 0 57px; color: #383b6e; text-decoration: none;}
#remotesupport a:hover, #networkmonitoring a:hover, #networkmanagement a:hover, #antivirus a:hover, #backup a:hover {text-decoration: underline;}
#remotesupport a {background-image: url(../img/mansupsupbar.gif);}
#networkmonitoring a {background-image: url(../img/mansupmonbar.gif);}
#networkmanagement a {background-image: url(../img/mansupmanbar.gif);}
#antivirus a {background-image: url(../img/mansupantivirusbar.gif);}
#backup a {background-image: url(../img/mansupbackupbar.gif);}


p.arrow {width: 162px; margin: 0 auto;}
.arrow a {font-size: 12pt; font-family: arial, helvetica, Sans-Serif; font-weight: bold; text-decoration: none; display: block; width: 127px; height: 37px; line-height: 37px; padding-left: 35px; background: transparent url(../img/smallredarrow.gif) no-repeat top left;}
.arrow a:hover {background-position: bottom left; text-decoration: none;}

.featurebox {width: 517px; background: #b00000 url(../img/featureboxr.gif) no-repeat bottom right; margin: 15px 0 15px 0;}
.featurebox ul {margin: 0; padding: 10px 15px; background: transparent url(../img/featureboxr.gif) no-repeat top left;}
.featurebox li {list-style: none; background: transparent url(../img/redtick.gif) no-repeat 0px 4px; padding-left: 25px; line-height: 24px; font-weight: bold; color: #313816;}
.featurebox a, .featureboxn a  {color: #ffffff; text-decoration: none;}
.featurebox a:hover, .featureboxn a:hover {text-decoration: underline;}

.featureboxn {float: left; width: 321px; background: #b00000 url(../img/featureboxrn.gif) no-repeat bottom right; margin: 15px 0 15px 0;}
.featureboxn ul {margin: 0; padding: 10px 15px; background: transparent url(../img/featureboxrn.gif) no-repeat top left;}
.featureboxn li {list-style: none; background: transparent url(../img/redtick.gif) no-repeat 0px 4px; padding-left: 25px; line-height: 24px; font-weight: bold; color: #ffffff;}

