/* CSS Document Icomm re-design*/
/* Default */

/* StyleGuide - Colour Palette

#009cd1 - Darker blue
#6acaeb - Lighter blue
#1ea6d3 - Middle Blue
#ee2e01 - Orange link
#ffde00 - Yellow side
#e6f1f5 - even lighter blue
#72921b - quote Green
*/

/*GOT*/body {
       margin: 0;
       padding: 0;
       background: #1a1a1a;
       font: normal 10pt Arial, Helvetica, sans-serif;
}
/*GOT*/h1 {
       font-size: 16pt;
       font-weight: bold;
       padding: 0;
       margin: 0 0 6pt;
       color: #1a1a1a;
}
/*GOT*/h2 {
       font-size: 12pt;
       line-height: 13pt;
       font-weight: bold;
       padding: 0;
       margin: 0 0 6pt;
      
}


/*GOT*/p {
	   padding: 4px 0px 4px;
	   margin: 0px;
	   line-height: 13pt;
}
p.Quote {
        background: url(../Images/interface/quote.gif) no-repeat;
        padding: 30px 80px 10px 40px;    
        /*font-weight: bold;*/
        font-size: 13pt;
        color: #72921b;
        line-height: 17px;
}
p.Quote:first-letter {
        font-size: 28px;
        margin: 0px 0px 0px 27px;
        line-height: 26px;
        font-weight: bold;
        color: #72921b;
}

/* now used differently
p.Action
{    
    float:left;
    width: 558px; 
    padding: 10px;
    background: #e6f1f5;

}
*/

/* now used differently
p.IntroStyle
{
        font-size: 11pt;
        font-weight: bold;
        color: #4a4a4a;        
        color: #ee2e01;
        color: #8b1b92;
        
}*/
/*GOT*/a {
	   color: #ee2e01;
	   text-decoration: none;
}
/*GOT*/a:hover {
		color: #ee2e01;
		text-decoration: underline;
}
/*GOT*/ul {		
		margin: 0;
		padding: 0;	
}
/*GOT*/li {
		margin: 0;
		padding: 0;
}
/*GOT*/.Clear {
    clear:both;
    overflow:hidden;
    height:0px;
    display:block;
}
/*GOT*/input, textarea {
    	font-size: 10pt;
		color:#009cd1;
		font-weight:bold;
		font-family: Arial, Helvetica, sans-serif;
}
.LogoNoBorder {
    border: none;
}
/*  ------------------
 	Page Position	
	------------------  */
.ToolBarContainer {
    height: 25px; background: #000000;
    border-bottom: 1px solid #7d7d7d;
}
.ToolBarContainerSent {
    height: 25px; background: #438420;
    border-bottom: 1px solid #7d7d7d;
    
}
.ToolBarInner {
    width: 967px;
    margin: auto;   
    text-align: right;
}
.ToolBarInner a {
    border: 0;
    margin: 0px 0px 0px 10px;
    padding: 0;
    display: inline;
}
.ToolBarInner h3 {
	display:inline;
    color: #CECECE;
    font-size: 14px;
    font-weight: normal;   
}
.ToolBarInner div {
    float:right;
    border-right: 1px solid #CECECE;
    height: 23px;
    display:inline;
    font-weight: bold;  
    color: #FFFFFF;
    padding: 0px 10px;
    margin: 0px 5px 0px 5px;
}
.ToolBarInner div span {
		font-weight: bold;
		color: #FFFFFF;
		margin: 0;
		padding: 0;
}
.ToolBarContainer span a:hover {
		text-decoration: none;
}
.ToolBarInner div.NoBorder {
		border: none;
		margin: 0px;
		padding: 3px 0px 0px;
}
div.ToolBarSpacing {
		height: 15px;
		padding: 8px 10px 0px 0px;
}
p.messageSent {
		padding: 6px 0px 0px;
		font-weight: normal;
		font-size: 14px;
}
.PageContainer {
		width: 967px;
		margin: auto;
}
div.MainContentContainer {
		clear:both;
		background:#FFFFFF;
}
.ContentBody {
		margin-left:30px; 
		margin-right: 30px;
}
.ContentBody h1 {
		margin-top: 10px;
		margin-bottom: 15px;
		padding: 0;
}
.ContentBody h2 {
		margin-bottom: 15px;
		padding: 0;
}
.ContentBody h2 a {
		color: #000000;
}
.ContentBody h2 a:hover {
		text-decoration: underline;
}
.ContentBody h3 {
		margin-bottom: 15px;
		font-size: 11pt;
		line-height: 15pt;
		padding: 0;
}
.ContentBody p.IntroStyle {
		margin-bottom: 15px;
		font-size: 11pt;
		font-weight: bold;
		color: #4a4a4a;        
}
.ContentBody p.InfoStyle {
		margin-bottom: 15px;
		font-size: 11pt;
		font-weight: bold;
		color: #d64340;        
}
.ContentBody p.Action {   
		overflow:hidden;
		width: 96%;
		margin-top: 15px;
		padding-left: 10px;
		padding-top: 10px;
		padding-bottom: 10px;
		padding-right: 10px;
		background: #e6f1f5;
		clear: both;
}
.ContentBody p {
		margin-bottom: 15px;
}
.ContentBody ul {
		margin-bottom: 15px;
		/*padding-left: 20px;*/
		/*list-style-image: url(../Images/Interface/BulletBlue.png);*/
		list-style-type: none;
}
.ContentBody li {
		margin-bottom: 15px;
	    background: url(../Images/Interface/BulletBlue.png) top left no-repeat;
	    padding-left: 20px;
}
.ContentBody .ExampleImage {
	margin: 0px 0px 20px;}
/*  ------------------
 	Header	
	------------------  */
div.FlashBanner {
		float:left;
		width: 967px;
		height: 288px;
		margin: 0;
		padding:0;
		
}
div.FlashBannerPosition {
		position: absolute;		
}
/*GOT*/div.HeaderContainer {
		float:left;
		overflow: hidden;
		width: 967px;
		background-color: #1a1a1a;		
}
/*GOT*/.HeaderContainerLeft {
		float:left;
		margin: 20px 0px 0px 18px;
		background-color: #1a1a1a;
}
/*GOT*/.HeaderContainerRight {
		float:right;
		margin: 42px 0px 0px 0px;
}
/*GOT*/.HeaderContainer_Right_Top {
	height: 42px;
}


/*  ------------------
 	BreadCrumb	
	------------------  */
div.BreadCrumb {
    	width: 642px;		
		padding:0;
		margin: 0;
		
}
div.BreadCrumb ul {
		display:block;
		width: 642px;			
		padding: 0;
		margin: 0;
}
.BreadCrumb ul a {
		display: block;
		margin: 0px 0px 0px 32px;
		color:#FFFFFF;	
}
.BreadCrumb ul a:hover { 
		color:#FFFFFF;
}
div.BreadCrumb li {
		margin: 0;
		padding: 8px 0px 5px 0px;
		list-style: none;
		list-style-image:none;
}
li.BreadCrumbLevel1 {
		background: url(../Images/Interface/BreadcrumbLevel1bg.gif);
		font-size: 8pt;
}
li.BreadCrumbLevel2 {
		background: url(../Images/Interface/BreadcrumbLevel2bg.gif);		
		font-size: 8pt;
}
.BreadCrumbLevel2Current 
/*For level 2 current */
{	
		background: url(../Images/Interface/BreadcrumbLevel2Currentbg.gif) no-repeat;	
		height: 5px !important;
		font-size: 0px;
}
/*  ------------------
 	Content Page Specific	
	------------------  */
div.ContentContainer {
		float:left;
		width: 642px;
		min-height: 400px;
		background: #FFFFFF url(../Images/Interface/Contentbg.png);			
}
#WebMarketingImage {
		background: url(../Images/Interface/ContentTopbg.png) right top no-repeat;	
}
#ReportFaultImage {
		background: url(../Images/Interface/ContentTopBlankbg.gif) right top no-repeat;	
}
#PressImage {
    background: url(../Images/Interface/ContentTopPressbg.gif) right top no-repeat;
}
#CostCalcImage {
    background: url(../Images/Interface/ContentTopCostcalcbg.gif) right top no-repeat;
}
#SuportcallImage {
    background: url(../Images/Interface/ContentTopSupportcallbg.gif) right top no-repeat;
}
#SuportserviceImage {
    background: url(../Images/Interface/ContentTopItSupportbg.gif) right top no-repeat;
}
#SecurityImage {
    background: url(../Images/Interface/ContentTopSecurity.gif) right top no-repeat;
}
#ContactImage {
    background: url(../Images/Interface/ContentContactbg.gif) right top no-repeat;
}
#NetworkImage {
    background: url(../Images/Interface/ContentTopNetworkingbg.gif) right top no-repeat;
}
#WebdesignImage {
    background: url(../Images/Interface/ContentTopWebdesignbg.gif) right top no-repeat;
}
#ConsTrainImage {
    background: url(../Images/Interface/ContentTopConstrainbg.gif) right top no-repeat;
}
#MailDefenderImage {
		background: url(../Images/Interface/ContentTopMailDefenderbg.gif) right top no-repeat;	
}
#SpiritImage {
		background: url(../Images/Interface/ContentTopSpiritbg.gif) right top no-repeat;	
}
#SpiritOfferImage {
		background: url(../Images/Interface/ContentTopSpiritOfferbg.gif) right top no-repeat;	
}
#HealthCheckImage {
		background: url(../Images/Interface/ContentTopFreeITReviewbg.gif) right top no-repeat;	
}
#DittoImage {
		background: url(../Images/Interface/ContentTopDittobg.gif) right top no-repeat;	
}
#OfferImage {
		background: url(../Images/Interface/ContentTopOffersbg.gif) right top no-repeat;	
}
#ServicesImage {
		background: url(../Images/Interface/ContentTopServbg.gif) right top no-repeat;	
}
#CustomersImage {
		background: url(../Images/Interface/ContentTopCustsBG.gif) right top no-repeat;	
}
#HealthImage {
		background: url(../Images/Interface/ContentTopHealthBG.gif) right top no-repeat;	
}
#RemoteImage {
		background: url(../Images/Interface/ContentTopRemoteBG.gif) right top no-repeat;	
}
#ExpressWebImage {
    background: url(../Images/Interface/ContentTopExpressSites.gif) right top no-repeat;
}
#virtualisationImage {
    background: url(../Images/Interface/ContentTopVirtualisationbg.gif) right top no-repeat;
}
span.BreadcrumbLevel3 {		
		display: block;
		background: url(../Images/Interface/BreadCrumbLevel3.png) left top no-repeat ;
		margin: 0 !important;
		padding: 6px 0px 0px 32px !important;
		font-size: 8pt;
}

div.WebTitle {
	
		color: #009cd1;
}
div.ContentContainerFoot {
		clear: both;
		width: 967px;
		background: #FFFFFF url(../Images/Interface/Contentfoot.png) left no-repeat;
}
.ContentContainer a {
		color: #009cd1;
}
.ContentContainer a:hover {
		color:#009cd1;
}
#OfferImage h1.ContentHeader {
		margin: 62px 30px 0px;
}
.CurrentEshot {
		clear:both; 
		margin: 0px auto 20px;
		width: 582px; 
		border-bottom: 1px solid #d9ddd8;
}
.CurrentEshot h2 {
	   font-size: 11pt;
       line-height: 13pt;
       font-weight: bold;
       padding: 0;
       margin: 0px 0px 10px;
}
.CurrentEshot p {
		line-height: 13pt;
}
.CurrentEshot p.eshotLead {
		margin: 0px 0px 10px;
		padding: 0;
		font-size: 12pt;       
		font-weight: bold;
		color: #4a4a4a; 	
}
.CurrentEshot p.eshotStandard {
		margin: 0px 0px 10px;
		padding: 0;
		font-size: 10pt;   
		line-height: 13pt;
}
.CurrentEshot p.eshotAction {
		margin: 0;
		padding: 20px 0px;
		border-top: 1px solid #d9ddd8;
		color:#067db7; font-size: 11pt;
}
.CurrentEshot h1, h2, p {
		margin: 0;
		padding: 0;
}
.CurrentEshot .EshotImage {
		background-color: Blue; 
		overflow: hidden;
		margin: 0px 0px 10px;
}
h1.ContentHeader {	
		line-height: 1.2em;
		margin: 62px 30px 20px;
		font-size: 30px;
		color: #009cd1;
		border-bottom: 1px solid #6acaeb;
}
h2.ContentSubHeader {
		font-size: 20px;	 
}
/*  ------------------
 	ContentRight Panel	
	------------------  */
.ContentContainerOptions {
		float:left;
		width: 325px;
}
.ContentContainerRight {
		float:left;
		width: 325px;
		border-top: 4px solid #6acaeb;
}
.ContentContainerRightHome {
		float:left;
		width: 325px;
}
.ContentContainerRight h1, h2, p {
		margin: 0;
		padding: 0;
}

/*  ------------------
 	Homepage Right Panel	
	------------------  */
div.Testimonials {
		padding: 20px 30px 0px;
}
.Testimonials h2 {
		margin: 0px 0px 15px;
}
div.TestimonialItem {    
		width: 265px;
		margin: 0px 0px 20px;

}
div.TestimonialItemTop {
		width: 265px;
		background: url(../Images/Interface/TestimonialTop.gif) top left no-repeat;
		height: 20px;
}
div.TestimonialItemTopFace1 {
		width: 265px;
		background: url(../Images/Interface/TestimonialTopFace1.gif) top left no-repeat;
		height: 40px;
}
.TestimonialItemTopSimonSimms {
		width: 265px;
		background: url(../Images/Interface/TestimonialTopSimonSimms.gif) top left no-repeat;
		height: 40px;
}
div.TestimonialItemMid {
		background: #e2efbf;
		padding: 10px 35px; 
}
div.TestimonialItemMid P {
		font-weight: bold;
		font-size: 9pt;
		color: #1a1a1a;
}
div.TestimonialItemBtm {
		width: 230px;
		min-height: 26px;
		padding: 0px 0px 10px 35px;
		background: #e2efbf url(../Images/Interface/TestimonialBtm.gif) bottom no-repeat;
}
div.TestimonialItemBtm p {
		font-weight: bold;
		font-size: 8pt;
		color: #686d62;
		line-height: 14px;
}
div.QuickCase {
      padding-left: 30px;
}
div.QuickCaseItem {   
		width: 265px;
}
.QuickCase h2 {
		margin-bottom: 15px;
}
div.AboutIcomm {
		float:left;
		margin: 0px 30px;      
}
div.AboutIcommInner {
		float:left;	
		margin-left: 34px;
		margin-right: 34px;
}
div.AboutIcommsServices {
		border-bottom: 1px solid #1a1a1a;
		text-align: right;
		padding: 0px 0px 30px 0px;
}
.AboutIcommsServices a {
    color: #FFFFFF;
}
.AboutIcommsServices a span {
        float:right;
        padding-top: 3px;
        height: 20px;
        font-size: 10pt;
        font-weight: bold;
        text-decoration: none;
        background: #1a1a1a;
        cursor: pointer;
}
.AboutIcommsServices a span.left {
        float:right;
        height: 20px;
        width: 10px;
        background: url(../Images/Interface/CallLeft.gif) top right no-repeat;
        color: #FFFFFF;
        cursor: pointer;
}
.AboutIcommsServices a span.right {
        float:right;
        height: 20px;
        width: 30px;
        background: url(../Images/Interface/CallArrow.gif) top right no-repeat;
        color: #FFFFFF;
        cursor: pointer;        
}
.AboutIcommsServices a {   
        clear:both;
        color: #1a1a1a;        
        font-size: 12pt;
        line-height: 18px;
}
.AboutIcomm h1 {
		margin: 0px 0px 20px 0px;
		line-height: 25px;
}
.AboutIcomm p {
		margin: 0px 0px 10px 0px;
		line-height: 13pt;
}
/* Sub Navigation */
.SubNav /*ul class*/
{
		float: left;
		background: #6acaeb;
		padding: 0px 0px 72px 0px;
		overflow: hidden;
}
#SubNavLevel2 {
        padding: 0px 0px 52px 0px !important;
}
#SubNavLevel3 {
	    padding: 0px 0px 72px 0px;
}
.SubNav li {
		float:left;
		list-style:none;				
}
.SubNav a {
		float:left;
		display: block;
		padding-top: 56px;
		padding-bottom: 12px;
		text-align:center;
		font-size: 8pt;
		color: #FFFFFF;
}
.SubNav a:hover {
		color: #FFFFFF;
}
.SubNav a.QuickLink1 {
		width: 88px;
		background: url(../Images/Interface/SubNav_QL_1.gif) no-repeat left top;
}
.SubNav a.QuickLink2 {
		width: 71px;
		background: url(../Images/Interface/SubNav_QL_2.gif) no-repeat left top;
}
.SubNav a.QuickLink3 {
		width: 80px;
		background: url(../Images/Interface/SubNav_QL_3.gif) no-repeat left top;
}
.SubNav a.QuickLink4 {
		width: 86px;
		background: url(../Images/Interface/SubNav_QL_4.gif)  no-repeat left top;
}
/* hover states */
.SubNav a:hover.QuickLink1 {
		background: url(../Images/Interface/SubNav_QLhov_1.gif) no-repeat left top;
}
.SubNav a:hover.QuickLink2 {
		background: url(../Images/Interface/SubNav_QLhov_2.gif) no-repeat left top;
}
.SubNav a:hover.QuickLink3 {
		background: url(../Images/Interface/SubNav_QLhov_3.gif) no-repeat left top;
}
.SubNav a:hover.QuickLink4 {
		background: url(../Images/Interface/SubNav_QLhov_4.gif) no-repeat left top;
}
/* H2 */
h2.CatNavTitle {
		background: #6acaeb  url(../Images/Interface/CatNav_H2bg.gif) left bottom no-repeat;
		padding: 0px 0px 10px 25px;	
		font-size: 8pt;
		font-weight: normal;
		text-transform: uppercase;
}
h2.CatNavTitleBlue {
		background: #6acaeb  url(../Images/Interface/OptionsH2Type1.gif) left bottom no-repeat;
		padding: 0px 0px 10px 25px;	
		font-size: 8pt;
		font-weight: normal;
		text-transform: uppercase;
}

/*  ------------------
 	Online Tools Navigation
	------------------  */
.ToolNav /*ul class*/
{
		float: left;
		background: #6acaeb;
		padding: 0px 0px 0px 0px;
		overflow: hidden;
}
.ToolNav li {
		float:left;
		list-style:none;
				
}
.ToolNav a {
		float:left;
		display: block;
		padding-top: 56px;
		padding-bottom: 8px;
		text-align:center;
		font-size: 8pt;
		color: #FFFFFF;
}
.ToolNav a:hover {
		color: #FFFFFF;
}
.ToolNav a.ToolLink1 {
		width: 100px;
		background: url(../Images/Interface/ToolNav_TL_1.gif) no-repeat left top;
}
.ToolNav a.ToolLink2 {
		width: 83px;
		background: url(../Images/Interface/ToolNav_TL_2.gif) no-repeat left top;
}
.ToolNav a.ToolLink3 {
		width: 76px;
		background: url(../Images/Interface/ToolNav_TL_3.gif) no-repeat left top;
}
.ToolNav a.ToolLink4 {
		width: 66px;
		background: url(../Images/Interface/ToolNav_TL_4.gif) no-repeat left top;
}
/* hover states */
.ToolNav a:hover.ToolLink1 {
		background: url(../Images/Interface/ToolNav_TLhov_1.gif) no-repeat left top;
}
.ToolNav a:hover.ToolLink2 {
		background: url(../Images/Interface/ToolNav_TLhov_2.gif) no-repeat left top;
}
.ToolNav a:hover.ToolLink3 {
		background: url(../Images/Interface/ToolNav_TLhov_3.gif) no-repeat left top;
}
.ToolNav a:hover.ToolLink4 {
		background: url(../Images/Interface/ToolNav_TLhov_4.gif) no-repeat left top;
}
/*  ------------------
 	Category Navigation
	------------------  */
ul#Level1 /*level specific*/
{
		background: #e6f1f5;
}
ul#Level1 li {
		list-style:url(../Images/Interface/CatNavBulltetG.gif);
		border-bottom: 2px dotted #6c6f71;
}
ul#Level1 a:hover {
        background: #f4fafc;
}
ul#Level2 {
		background: #ffde00;	
}
ul#Level2 li {
		list-style-type: none;
		background: url(../Images/Interface/CatNavBulltetY-lm.gif) left center no-repeat;
		border-bottom: 2px dotted #635812;
}
ul#Level3 {
		background: #ffde00;	
}
.CatNav /*ul class*/ {			
		overflow: hidden;
}
.CatNav li {
		margin-left: 26px;			
		padding: 0 0 0 18px;
		line-height: normal;
}
.CatNav li.NoBorder {
		border:none !important;
}
.CatNav a {
		display: block;
		margin: 0;
		padding-left:10px;	
		padding-top: 10px;
		padding-bottom: 10px;
		line-height: normal;
		font-size: 9pt;		
		font-weight: normal;
		color: #1a1a1a;
}
.CatNav a:hover {
		color: #1a1a1a;
		text-decoration: none;
		background-color: #ffe53a;
}
div.ContentContainerRightDivider {
		width: 325px;
		height: 40px;
		background: url(../Images/Interface/RightColDiv.gif) no-repeat;
}
div.OptionsFeatured {
		background:#e6f1f5;
		padding: 22px 0px 0px 22px;
}
div.ContentContainerOptionsDivider, div.ContentContainerBlueDivider {
		width: 325px;
		height: 40px;
		background: url(../Images/Interface/RightColDivL1.gif) no-repeat;
}
.ContentContainerOptions h2#Type1 {
		font-size: 10pt;
		color: #FFFFFF;
		width: 302px;
		height: 22px;
		padding: 5px 0px 0px 23px;
		background: url(../Images/Interface/OptionsH2Type1.gif) no-repeat;
}
.ContentContainerOptions h2#Type2 {
		font-size: 10pt;
		color: #FFFFFF;
		width: 302px;
		height: 23px;
		padding: 15px 0px 0px 23px;
		background: url(../Images/Interface/OptionsH2Type2.gif) no-repeat;
}

/*  ------------------
 	Footer Container	
	------------------  */
div.FooterContainer {
		float: left;
		width: 967px;
}
.FooterTitleBar {		
		float:left;
		width: 967px;
		color: #FFFFFF;
		background: #1ea6d3;
		margin: 0;
}
.FooterTitleBar h3 {
		font-size: 12pt;
		margin: 15px 0px 5px 30px;
		color: #FFFFFF;
}
.FooterLeft {
		float:left;		
		width: 567px;
		color:#FFFFFF;
		background: #1a1a1a url(../Images/Interface/Footer.gif) no-repeat top left;
}
.FooterEndText {
		margin: 50px 0px 18px 37px;
		width: 530px;
}
.FooterLeftRow {
		float: left;
		width: 530px;
}
#FooterLeftRow {
		margin: 0px 0px 20px 0px
}
.FooterEndTextCol1 {
		float:left; 
		width: 150px;
}
.FooterEndTextCol2 {
		float:left;
		width: 250px;		
}
#Row1MiddleCol {
		text-align: right;
		margin: 0px 30px 0px 0px;
}
.FooterEndTextCol3 {
		float:left; 
		width: 150px;
}
.FooterEndText h4 {
		font-size: 10pt;
		color: #FFF;
		margin:0;
}
.FooterEndText p {
		font-size: 0.9em;
}
.FooterLinkList {
		width: 535px;
		margin: 5px 0px 0px 32px;
		height: 87px;		
}
.FooterLinkListCol1 {
		float: left;
		width: 150px;
		height: 92px;	
}
.FooterLinkListCol2 {
		float: left;
		width: 150px;
        height: 92px;
}
.FooterLinkList ul {
        list-style: inside;
}
.FooterLinkList a, a:hover {
		color: #FFFFFF;
}
.FooterFlashList {
		width: 535px;
		height: 92px;
		padding: 5px 0px 5px 32px;
}
.FooterRight {
		float:left;
		width: 400px;	
		background: #1a1a1a url(../Images/Interface/Mouse.gif) no-repeat top right;
		font-size: 8pt;
}
.FooterRight p {
		margin: 315px 31px 0px 0px; 
		text-align: right;
		line-height: 35px;
		color:#FFFFFF;
}
.FooterRight a {		
		color: #1ea6d3;
		text-decoration: none;
}
.FooterRight a:hover {
		text-decoration: underline;
}
/*  ------------------
 	Form Information Panels
	------------------  */
div.InformationPanel {
		padding-top: 27px;
		background: url(../Images/Interface/InformationBG.gif) no-repeat top left;
}
div.InformationPanelContent {
		overflow: hidden;
		background-color: #FFFFFF;
		padding-left:6px;
		width:562px;
}
div.InformationPanelBody {
		overflow: hidden;
		background-color: #FFFFFF;
		border-left:4px solid #6acaeb; 
		border-right: 4px solid #6acaeb; 
		width:554px;
}
.InformationPanel h3 {
		font-size: 12pt;
		color: #1a1a1a;
		padding-left: 15px;
}
div.InformationPanelBottom {	
		background: url(../Images/Interface/InformationBottomBG.gif) top left no-repeat;
		margin-left: 6px;
		margin-bottom: 15px;
		height: 8px; 
}
/*  ------------------
 	Form Section Panels
	------------------  */
div.FormSection {
		float:left;		
		
		background: #e6f1f5 url(../Images/Interface/FormRowTopBG.gif) top left no-repeat;
}
div.FormSection h3 {
		font-size: 12pt;
		padding-top: 15px;
		padding-left: 10px;
		width: 552px;
}
div.FormSectionBase {
		float:left;
		background: #e6f1f5 url(../Images/Interface/FormRowBottomBG.gif) bottom left no-repeat; 
		width: 562px;
		margin-bottom: 10px;
}
/*JR 15/10/09*/
div.FormRow {	
		clear: left;
		display: block;
		
		width: 562px;
}
.FormRow .Image {
		width: 562px; 
		text-align: center;
}

div.FormRow .noLabelFieldText {
    margin-top: 7px; 
    margin-left: 155px; 
    color: #334466; 
}
.FormRowButton {
		clear: left;
		display: block;
		text-align: right;
		padding-right: 20px;
		width: 542px;
}
div.FormRow label {
		display: block;  /* block float the labels to left column, set a width */
		float: left; 
		width: 150px; 
		padding-right: 5px; 
		margin-top: 7px;
		text-align: right; 
}
div.FormRow label.followsLabel {
       margin-top: 0;
}
div.FormRow .fieldText,
div.FormRow .fieldTextFollowsLabel {
              display: block;  /* block float the labels to left column, set a width */
              float: left; 
              font-weight: bold;
              font-size: 15px;
              padding-left: 5px; 
              margin-top: 7px;
              text-align: left; 
}
div.FormRow .fieldTextFollowsLabel {
       margin-top: 0;
}
.FormRow input {
		width:auto;      
		margin-top: 5px;
}
.FormRow textarea {
		width:auto;      
		margin-top: 5px;
}
.FormRow select {
		width:auto;      
		margin-top: 5px;
}
input.SubmitEmailButton, input.ReportFaultButton {
        color:#009cd1 ; 
        font-weight: bold;
        font-family: Arial, Helvetica, sans-serif;
        background-color:#FFF; 
        border:4px solid; 
        border-color: #1ea6d3;
        cursor: pointer;
}

.Dropstyle {
        color:#009cd1 ;
        font-weight: bold;
}
div.FormSubmissionBar {
        float:right;
}
/*  ------------------
 	Form Alert Panel
	------------------  */
.AlertPanel {
		float:left; 
		color: #FFFFFF;
		background: url(../Images/Interface/AlertBG.gif) no-repeat top left;
}
.AlertPanel ul {
	   margin-top: 30px;
	   margin-left: 30px;
}
.AlertPanel li {
		color: #DD0000;
		list-style-image:none;
		font-weight: bold;
}
.AlertPanelContent {
		float:left;
		border-left:4px solid #f40404; 
		border-right: 4px solid #f40404; 
		width:554px;
}
.AlertPanel h3 {
		font-size: 12pt;
		color: #1a1a1a;
}
.AlertPanelBottom {
		float:left;
		background: url(../Images/Interface/AlertBottomBG.gif) no-repeat top left;
		width:562px; height:8px; 
}
/*  ------------------
 	Contact Right 
	------------------  */
div.MoreContactDetails {
        padding: 10px 0px 10px 26px;
        background:#e6f1f5;
}
.MoreContactDetails h3 {
        font-size: 10pt;
        font-weight: bold;
        color: #009cd1;
        margin: 10px 0px;
}
/*  ------------------
 	Partner Page 
	------------------  */
div.PartnerList {
        margin: 30px 30px 0px 30px;
}
div.PartnerListItem {
        text-align: center; 
        float:left; 
        width: 174px;
        height: 120px; 
        margin: 20px 0px 0px 0px; 
        border-bottom: 1px solid #d5e0e4;
}
div.PartnerListItemBottom {
        text-align: center; 
        float:left; 
        width: 194px;
        height: 120px; 
        margin: 20px 0px 0px 0px; 
}
#NoBorder {
        border: none !important;
}
div.PartnerListItem p {
        margin: 5px 0px; 
}
div.PartnerImage {
        min-height: 70px; 
}
/*  ------------------
 	News 
	------------------  */
div.AboutSpiritTop {
		overflow: hidden;
		height: 14px;
		background: #1a1a1a url(../Images/Interface/SpiritTop.gif) top left no-repeat;
}
span.SpiritIdent {
		float:left; 
		display: inline; 
		margin: 3px 10px 20px 0px;
}
div.Feature {
	    padding: 0px 0px 10px;
}
.Feature p {
		color: #222222;
}
div.AboutIcommContent {
		float:left;
		width: 634px;
		background-color: #FFFFFF;
		border-right: 4px solid #68cbea;
		border-left: 4px solid #68cbea;
}
div.AboutIcommContent  h2 {
    line-height: 25px;
}
.AboutIcommContent p {
	margin: 10px 30px 10px 20px;
	padding-top: 0px;
}
/*  ------------------
 	News 
	------------------  */
div.KeyBennefitsContainer {
    float:left;
    margin-bottom: 15px;
    width: 574px; 
}
.KeyBennefitsMid ul {   
    list-style-type: disc;
    list-style-image: none;
    padding-left: 20px;
}
.KeyBennefitsMid li {
    float:left;
    width: 160px; 
    margin: 10px 0px 10px;
    background-image: none;  
    padding-left: 0;   
}
.KeyBennefitsMid li p {
	font-weight: bold;
	margin: 0;
	padding: 0;
}
.KeyBennefitsMid li span {   
  float:left;
    font-weight: normal;
    font-size: 9pt;width: 160px;
}
.KeyBennefitsMid li span p {
	font-weight: normal;
	margin: 0;
	padding: 0;	
}
div.KeyBennefitsTop {
		float:left;
        width: 574px;
        background: url(../Images/Interface/KeyBennefitsTop.gif) top left no-repeat;
        height: 23px;
}
div.KeyBennefitsMid {
        float:left;
        width: 554px;
        padding: 0px 0px 10px 20px;        
        background: #e6f1f5;        
}
div.KeyBennefitsBtm {
        float:left;
        width: 574px;
        background: url(../Images/Interface/KeyBennefitsBtm.gif) top left no-repeat;
}
.KeyBennefitsBtm a {
    color: #FFFFFF;
}
.KeyBennefitsBtm a span {
        float:right;
        padding-top: 4px;
        height: 19px;
        font-size: 10pt;
        font-weight: bold;
        text-decoration: none;
        background: #1a1a1a;
        cursor: pointer;
}
.KeyBennefitsBtm a span.left {
        float:right;
        height: 20px;
        width: 10px;
        background: url(../Images/Interface/CallLeft.gif) top right no-repeat;
        color: #FFFFFF;
        cursor: pointer;
}
.KeyBennefitsBtm a span.right {
        float:right;
        height: 20px;
        width: 30px;
        background: url(../Images/Interface/CallArrow.gif) top right no-repeat;
        color: #FFFFFF;
        cursor: pointer;
        margin-right: 10px;
}
div.CaseContainer {
		float:left;
		width: 634px;
		background-color: #FFFFFF;
		border-right: 4px solid #68cbea;
		border-left: 4px solid #68cbea;
}
div.CaseContainer a {
        clear:both;
        color: #1a1a1a;        
        font-size: 12pt;
        line-height: 18px;
}
div.CaseTop {
        float:left;
        width: 276px;
        background: url(../Images/Interface/CaseTop.gif) top left no-repeat;
        height: 31px;
}
div.CaseMid {
        float:left;
        width: 276px;
        padding: 0px 0px 10px;
        background: #f9f8aa;
}
.CaseMid h3 {
    margin: 5px 20px 5px 40px; padding: 0;
    font-size: 9pt;
}
.CaseMid p {
    margin: 5px 10px 5px 40px;
    padding: 0;
    font-size: 9pt;
}

div.CaseBtm {
        float:left;   
        width: 276px;
        background: url(../Images/Interface/CaseBtm.gif) top left no-repeat;
        height: 20px;
}
/* OLD
.CaseBtm a span
{
        float:right;
        height: 20px;
        font-size: 10pt;
        font-weight: bold;
        text-decoration: none;
        margin: 0px 10px 0px 0px;
        padding: 0px 30px 0px 10px;
        background: #1a1a1a url(../Images/Interface/CaseArrow.gif) top right no-repeat;
        color: #FFFFFF;
        cursor: pointer;
}*/
.CaseBtm a {
     color: #FFFFFF;
}
.CaseBtm a span {
        float:right;
        padding-top: 4px;
        height: 19px;
        font-size: 10pt;
        font-weight: bold;
        text-decoration: none;
        background: #1a1a1a;
        cursor: pointer;
}
.CaseBtm a span.left {
        float:right;
        height: 20px;
        width: 10px;
        background: url(../Images/Interface/CallLeft.gif) top right no-repeat;
        color: #FFFFFF;
        cursor: pointer;
}
.CaseBtm a span.right {
        float:right;
        height: 20px;
        width: 30px;
        background: url(../Images/Interface/CallArrow.gif) top right no-repeat;
        color: #FFFFFF;
        cursor: pointer;
        margin-right: 10px;
}
div.CaseTopContainer {
        float:left; 
        margin:0px 30px 30px; 
        padding:0px 0px 20px 0px; 
        border-bottom: 1px solid #777777;
}
div.CaseLeft {
        float:left; 
        width: 276px; 
        min-height: 120px; 
        margin: 20px 0px 0px 0px;
}
div.CaseRight {
        float:left; 
        width: 276px; 
        min-height: 120px;  
        margin: 20px 0px 0px 20px; 
}
/*  ------------------
 	Home Page News column
	------------------  */
.NewsSummary {
	float:left;
	margin-left: 34px;
	margin-right: 34px;
}
.NewsSummary h2 {
	margin: 0px 0px 30px;
}
.NewsSummary ul {
	margin: 0;
	padding: 0;
}
.NewsSummary ul li {
	margin: 0;
	padding: 0;
	list-style-position: inside;
}
.NewsSummary ul li h3 {
	font-size: 11pt;
	margin: 0;
	padding: 0px 0px 0px 5px;
	display: inline;
}
.NewsSummary ul li h3 a {
	color: #000000;
}
.NewsSummary ul li p {
	padding: 0px 0px 10px 30px;
	margin: 5px 0px 10px 0px;
	color: #222222;
}
/*  ------------------
 	Services Page Items
	------------------  */
div.ItemContainer {
        float:left; 
}
div.ServiceItem {
        float:left; 
        width: 270px; 
        margin-bottom: 15px;
}
div.ServiceItemCol1 {
    float:left;
    width: 270px;
    padding-bottom: 15px;
	background-color: #FFFFFF;
    
}
div.ServiceItemCol2 {
    float: left;
    width: 270px;
	padding-bottom: 15px;
	padding-left: 42px;
	background-color: #FFFFFF;
}

div.ServiceItemTop {
    float:left;
    width: 270px;
    height:  20px;
    background: url(../Images/Interface/ServiceItemTopBGblue.gif) top left no-repeat;    
}
div.ServiceItemTopblue {
    float:left;
    width: 270px;
    height:  20px;
    background: url(../Images/Interface/ServiceItemTopBGblue.gif) top left no-repeat;    
}
div.ServiceItemTopSpirit {
    float:left;
    width: 270px;
    height:  20px;
    background: url(../Images/Interface/ServiceItemTopBGSpirit.gif) top left no-repeat;    
}
div.ServiceItemTopDitto {
    float:left;
    width: 270px;
    height:  20px;
    background: url(../Images/Interface/ServiceItemTopBGDitto.gif) top left no-repeat;    
}
div.ServiceItemMiddle {
    float:left;
    width: 270px;
    background: #e6f1f5;
}
.ServiceItemMiddle a {
    color: #009cd1;
}
.ServiceItemMiddle a:hover {
    color: #009cd1;
}
div.ServiceItemMiddleblue {
    float:left;
    width: 270px;
    background: #e6f1f5;
    color: #000000;
}
.ServiceItemMiddleblue a {
    color: #000000;
}
.ServiceItemMiddleblue a:hover {
    color: #FFFFFF;
}
.ItemContainer  p {
    font-size: 8pt;
    padding: 0;
    margin: 10px 15px 10px 15px;
    line-height: normal;
}
.ItemContainer  a {
    font-weight: bold;
    margin: 0px 0px 10px 15px;
}
.ItemContainer h3 {
    font-size: 10pt;
    padding:0 ;
    margin: 5px 0px 10px 15px;
}
div.ServiceItemBottom {
    float:left;
    height: 10px;
    width: 270px;   
    background: url(../Images/Interface/ServiceItemBtmBGblue.gif) top no-repeat;
}
.ServiceItemBottom a {
    color: #FFFFFF;
}
.ServiceItemBottom a span {
        float:right;
        padding-top: 4px;
        height: 19px;
        font-size: 10pt;
        font-weight: bold;
        text-decoration: none;
        background: #1a1a1a;
        cursor: pointer;
}
.ServiceItemBottom a span.left {
        float:right;
        height: 20px;
        width: 10px;
        background: url(../Images/Interface/CallLeft.gif) top right no-repeat;
        color: #FFFFFF;
        cursor: pointer;
}
.ServiceItemBottom a span.right {
        float:right;
        height: 20px;
        width: 30px;
        background: url(../Images/Interface/CallArrow.gif) top right no-repeat;
        color: #FFFFFF;
        cursor: pointer;
        margin-right: 10px;
}
div.ServiceItemBottomblue {
    float:left;
    height: 10px;
    width: 270px;   
    font-size: 10px;
    background: url(../Images/Interface/ServiceItemBtmBGblue.gif) top no-repeat;
}
.ServiceItemBottomblue a {
    color: #FFFFFF;
}
.ServiceItemBottomblue a span {
        float:right;
        padding-top: 4px;
        height: 19px;
        font-size: 10pt;
        font-weight: bold;
        text-decoration: none;
        background: #1a1a1a;
        cursor: pointer;
}

.ServiceItemBottomblue a span.left {
        float:right;
        height: 20px;
        width: 10px;
        background: url(../Images/Interface/CallLeft.gif) top right no-repeat;
        color: #FFFFFF;
        cursor: pointer;
}
.ServiceItemBottomblue a span.right {
        float:right;
        height: 20px;
        width: 30px;
        background: url(../Images/Interface/CallArrow.gif) top right no-repeat;
        color: #FFFFFF;
        cursor: pointer;
        margin-right: 10px;
}
.FeaturedImage {
padding-right:20px;
}
/*  ------------------
 	Miscelaneous
	------------------  */
.MailDefenderIMG {
    margin-left: 10px;
}
/*  ------------------
 	Press
	------------------  */
h2.headline {
font-size: 15px;
margin: 29px 30px 14px 29px;
}
h2.headline a {
    color: #000000;
    line-height: 0;
}
p.Press {
    margin: 0px 0px 30px 30px;
    padding: 0;
}
a.PDFLink {
    margin: 0;
    padding: 0;
    color: #DD0000;
}
a:hover.PDFLink {
    color: #DD0000;    
}
/*  ------------------
Portfolio
------------------  */
div.FolioItem {
    width: 580px;
    margin: 0px 30px 60px 30px;
    border-bottom: 1px solid #DDDDDD;
}
div.FolioItemTitle {
    text-align:right;
    margin: 0px 0px 5px 0px;
    width: 580px;
    border-bottom: 1px solid #999999;
}
div.FolioItem h2 {
    font-size: 22px;
    color: #7bc144;
    margin: 0px 0px 10px 0px;  

}
div.FolioItemImg {   
    padding: 10px;    
    margin: 0;   
    padding: 0;   
}
div.FolioItemDetails { 
    margin: 5px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    float:left;
    width: 580px;    
}
.FolioItemDetails p {
    line-height: 12pt;
    margin: 0;
    padding:0;  
}
.FolioItemDetailsRow
{
    float:left;
    margin: 0px 0px 5px 0px;
}
.FolioItemDetailsLinkRow {
    float:left;
    margin: 5px 0px 5px 0px;
    padding: 10px 0px;
    border-top: 1px dotted #DDDDDD;
    
}
.FoltioItemDetailsCol1 {
    float:left;
    width: 70px;
    padding-right: 3px;
}
.FolioItemDetailsCol2 {
    float:right;
    width: 507px;
}
/*  ------------------
Site Map
------------------  */
#SiteMap ul {
		margin-bottom: 15px;
		padding-left: 20px;
		list-style-image: url(../Images/Interface/BulletBlue.png);		
}
#SiteMap li {
		margin-bottom: 15px;
}
#SiteMap ul li ul li ul li {
    list-style-image: none;
    list-style-type: lower-alpha;
}
#SiteMap ul li ul li {
	margin-top: 10px;
    list-style-image: none;
    list-style-type: lower-roman;
}
/*  ------------------
Modal
------------------  */

.modalBackground {
        background-color: #000000;
        filter:alpha(opacity=70);
        opacity:0.7;
        z-index: 1;
}
.popUp {
        width: 480px;
        padding: 0;
}
.popUpTop {
    width: 480px;
    padding: 0px;
    height: 10px;
    background-image: url(../Images/Interface/popUpTopbg.png);
    }
.popUpMid {
    width: 452px;
    padding: 10px;
    background-color: #FFFFFF;
    border-right: 4px solid #5ec4e8;
    border-left: 4px solid #5ec4e8;
}
.popUpBtm {
    width: 460px;
    height: 20px;
    padding: 10px;
    text-align: right;
    background-image: url(../Images/Interface/popUpbtmbg.png);
}
.popUpCancel {
    cursor: pointer;
}
div.popUpForm {
		float:left;
		background: #FFFFFF;
		margin: 0; 
		padding: 0;
		width: 420px;
}
div.popUpRow
{	
	    width: 420px;
}
p.popUpRow {
    margin: 70px 0px 0px;
}
div.popUpRow h3 {
    margin: 0px 0px 5px;
}
div.popUpRow input, textarea, select {
    width: 320px;
    margin: 0;
    padding: 0;
    color: #000000;
}
div.popUpRow label {
    float:left;width: 95px;
    text-align: right;
    margin: 5px 5px 0px 0px; 
}
.TopBarSwitchContainer {
	width: 100%;	
	z-index: 103;
	height: 30px;
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
}
.TopBarSwitchContainer_Position {
	width: 967px;
	height: 40px;
	margin: auto;
}
.TopBar_Phone_noSwitch {
	width: 100px;
	position: relative;
	top: 0px;
	background: #f1f1f1 url(../Images/Interface/callNumber_tab.gif) bottom left no-repeat;
	text-align: center;
	color: #000000;
	height: 20px;
	/*padding-top: 20px;*/
	left: 867px;
}
.TopBar_Callback_Switch {			
	z-index: 101;
	width: 100px;
	position: relative;
	top: -40px;	
	background: #f1f1f1 url(../Images/Interface/callModal_tab.gif) bottom left no-repeat;
	text-align: left;
	color: #000000;
	height: 20px;
	left: 764px;
}
.TopBar_Contact_Switch {			
	width: 100px;
	position: relative;
	top: -20px;
	background: #f1f1f1 url(../Images/Interface/mailModal_tab.gif) bottom left no-repeat;
	text-align: left;
	color: #000000;
	height: 20px;
	left: 661px;
}
/*.TopBar_Callback_Switch:hover {
	top: -61px;
	cursor: pointer;
}
.TopBar_Contact_Switch:hover {
	top: -21px;
	cursor: pointer;
}*/
.TopBarSwitchContainer_Position a {
	color: #000000;	
	font-size: 8pt;	
	padding-left: 4px;
}
.TopBarSwitchContainer_Position a:hover {
	color: #000000;
	font-size: 8pt;
	padding-left: 4px;
}
/*picture container divs */
#commercial {
	width: 240px;
	float: left;
	padding: 0px 0px 0px 0px;
	margin: 0px 19px 10px 0px;
}
#commercial div {
	position: relative;
	width: 58px;
	height: 58px;
	float: left;
	margin: 2px 2px 0px 0px;
}
#commercial img {
	width: 58px;
	height: 58px;
	position: absolute;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}
#industrial {
	width: 180px;
	float: left;
	margin: 0px 19px 10px 0px;
}
#industrial div {
	position: relative;
	width: 58px;
	height: 58px;
	float: left;
	margin: 2px 2px 0px 0px;
}
#industrial img {
	width: 58px;
	height: 58px;
	position: absolute;
	padding: 0px 0px 0px 0px;
}
#intranets {
	width: 58px;
	float: left;
	margin: 10px 19px 10px 0px;
}
#intranets div {
	position: relative;
	width: 58px;
	height: 58px;
	float: left;
	margin: 2px 2px 0px 0px;
}
#intranets img {
	width: 58px;
	height: 58px;
	position: absolute;
	padding: 0px 0px 0px 0px;
}
#applications {
	width: 58px;
	float: left;
	margin: 10px 19px 10px 0px;
}
#applications div {
	position: relative;
	width: 58px;
	height: 58px;
	float: left;
	margin: 2px 0px 0px 0px;
}
#applications img {
	width: 58px;
	height: 58px;
	position: absolute;
	padding: 0px 0px 0px 0px;
}
#e-newsletter {
	width: 58px;
	float: left;
	margin: 10px 0px 10px 0px;
}
#e-newsletter div {
	position: relative;
	width: 58px;
	height: 58px;
	float: left;
	margin: 2px 0px 0px 0px;
}
#e-newsletter img {
	width: 58px;
	height: 58px;
	position: absolute;
	padding: 0px 0px 0px 0px;
}
#picture_links {
	padding: 10px 0px 20px 0px;
}
#picture_links h4 
{
	font-size: 9pt;
	margin-bottom: 5px;
}
/* Remnants of Icomm v1*/

/* tab bar */
#slTabBar {
	background: #ffffff;
	height: 17px;
	border-bottom: 1px solid #c1c8d4;
	padding: 0px 0px 0px 0px;
	margin: 0px 20px 0px 20px;
}
#slTabBar img {
	margin-top: 0px;
	padding-left: 0px;
}
#slTabBar img.first {
	margin-left: 28px;
}

.web_design_selector {
	margin-left: 20px; margin-bottom: 20px;
}
/* rest of page */
.slRestOfPage{
	padding: 0px 0px 20px 0px;
}
.slRestOfPage img {
	padding: 2px 0px 2px 0px;
	margin: 0px 0px 0px 20px;
	border-bottom: 1px solid #c1c8d4;
}
/* set dynamic screenshot defaults */
#screenshotA,
#screenshotB,
#screenshotC {
	display: none;
}
#web_design_contentbody
{
	min-height: 880px;
}
/*  ------------------
 	IT Support LM
	------------------  */
/*icomm-illustration*/

.whyChooseIcomm
{
    margin: 10px 0 25px 60px;
}
/*link to comparison page*/ 
div.compareLink
{
    margin: 0 0 40px 0;   
    padding: 0;
}
.compareLink a
{
    color: #FFFFFF;
}
.compareLink a span
{
        float:right;
        padding-top: 4px;
        height: 19px;
        font-size: 10pt;
        font-weight: bold;
        text-decoration: none;
        background: #65cd49;
        cursor: pointer;
}
.compareLink a span.left
{
        float:right;
        height: 20px;
        width: 10px;
        background: url(../Images/Interface/compareLeft.gif) top right no-repeat;
        color: #FFFFFF;
        cursor: pointer;
}
.compareLink a span.right
{
        float:right;
        height: 20px;
        width: 30px;
        background: url(../Images/Interface/compareArrow.gif) top right no-repeat;
        color: #FFFFFF;
        cursor: pointer;
        margin-right: 10px;
}
/*three options on it support page*/
.itSupportOption 
{
    clear: both;
}
.itOptionImg 
{
    /*width: 113px;*/
    float: left;
    margin-right: 15px;
}
div.itOptionBox
{
    float:left;
    margin-bottom: 15px;
    width: 454px; 
}
.itOptionBoxTop
{
        width: 454px;
        background: url(../Images/Interface/itOptionTop.gif) bottom left no-repeat;
        height: 10px;
}
div.itOptionBoxMid
{
        width: 434px;
        padding: 0px 0px 10px 20px;        
        background: #e6f1f5;        
}
div.itOptionBoxBtm
{
        width: 454px;
        background: url(../Images/Interface/KeyBennefitsBtm.gif) top left no-repeat;
}
.itSupportOption .itOptionBox ul
{
    list-style-image: none;
    list-style-type: disc;
    margin-bottom: 0px;
    padding-left: 20px;
}
.itSupportOption .itOptionBox li
{
    margin-bottom: 5px;
    background-image: none;
    padding-left: 0;
}

.itOptionBoxBtm a
{
     color: #FFFFFF;
}
.itOptionBoxBtm span
{
        float:right;
        padding-top: 4px;
        height: 19px;
        font-size: 10pt;
        font-weight: bold;
        text-decoration: none;
        
        background: #1a1a1a;
       
        cursor: pointer;
}
.itOptionBoxBtm span.left
{
        float:right;
        
        height: 20px;
        width: 10px;
        background: url(../Images/Interface/CallLeft.gif) top right no-repeat;
        color: #FFFFFF;
        cursor: pointer;
}
.itOptionBoxBtm span.right
{
        float:right;
        height: 20px;
        width: 30px;
        background: url(../Images/Interface/CallArrow.gif) top right no-repeat;
        color: #FFFFFF;
        cursor: pointer;
        margin-right: 10px;
}
/*IT services page*/

div.KeyBennefitsContainer h3
{
    font-size: 10pt;
    margin-bottom: 0;
    margin-left: 20px;
}
/*comparison page*/
.comparePackage
{   
    float: left;
    width: 194px;
    text-align: center;
    margin-bottom: 25px;
    color: #009CD1;
}
.comparePackage img
{   
    padding-bottom: 10px;
}
.comparePackage p:hover
{
    text-decoration: underline;
}
/*comparison table*/
table 
{
    border-collapse: collapse;
    margin-bottom: 10px;
}
td,
th
{
    border: 1px solid #aeb0b2;
    padding: 5px 7px;
    text-align: center;
}
.noBorder
{
    border: none;
    width: 222px;
}
.serviceOption
{
    width: 120px;
    padding: 10px 25px;
}
/*.checked
{
    background: url(../Images/Content/tableChecked.gif) center no-repeat;
}
.optional
{
    background: url(../Images/Content/tableOptional.gif) center no-repeat;
}*/
#tableKey
{
    text-align: right;
}
#tableKey img
{
    margin-left: 15px;
    margin-right: 5px;
}
/*customer quotes*/
.newStyleQuote2,
.newStyleQuote3,
.newStyleQuote4,
.newStyleQuote5,
.newStyleQuote6,
.newStyleQuote7,
.newStyleQuote8,
.newStyleQuote9
{
    padding: 17px 85px 27px 18px;
    color: #464646;
    font-size: 11pt;
}
.newStyleQuote2 .quoter,
.newStyleQuote3 .quoter,
.newStyleQuote4 .quoter,
.newStyleQuote5 .quoter,
.newStyleQuote6 .quoter,
.newStyleQuote7 .quoter,
.newStyleQuote8 .quoter,
.newStyleQuote9 .quoter
{
    font-size: 9pt;
}
.newStyleQuote2 span,
.newStyleQuote3 span,
.newStyleQuote4 span,
.newStyleQuote5 span,
.newStyleQuote6 span,
.newStyleQuote7 span,
.newStyleQuote8 span,
.newStyleQuote9 span
{
    font-weight: bold;
}
.newStyleQuote2
{
    background: url(../Images/Content/spiritQuoteBg.gif) left top no-repeat; 
}
.newStyleQuote3
{
    background: url(../Images/Content/paygQuoteBg.gif) left top no-repeat; 
}
.newStyleQuote4
{
    background: url(../Images/Content/quote_4_lines.gif) left top no-repeat;
}
.newStyleQuote5
{
    background: url(../Images/Content/quote_5_lines.gif) left top no-repeat;
}
.newStyleQuote6
{
    background: url(../Images/Content/quote_6_lines.gif) left top no-repeat;
}
.newStyleQuote7
{
    background: url(../Images/Content/quote_7_lines.gif) left top no-repeat;
}
.newStyleQuote9
{
    background: url(../Images/Content/quote_9_lines.gif) left top no-repeat; 
}
.newStyleQuote8
{
    background: url(../Images/Content/quote_8_lines.gif) left top no-repeat; 
}

/*pay as you go page*/

#PayAsYouGoImage
{
    background: url(../Images/Interface/ContentTopPaygBg.gif) right top no-repeat;
}
.paygIllustration
{
    margin-bottom: 40px;
}
/*standard contract page*/

#StandardContractImage
{
    background: url(../Images/Interface/ContentTopStandardBg.gif) right top no-repeat;
}
/*key benefits lists*/
.itSupportBenefits
{
    padding-bottom: 5px;
}
.itSupportBenefits li
{
    margin-bottom: 8px;
}
.ServiceItem a:hover,
.KeyBennefitsContainer a:hover,
.itOptionBox a:hover,
.icommPromo a:hovers
{
    color: #6acaeb;
    text-decoration: none;
}
.compareLink a:hover
{
        color: #363636;
        text-decoration: none;
}

.spiritBenefits
{
    overflow: hidden;
}

.spiritBenefits li
{
    float: left;
    width: 260px;
}

/*links within contact details*/
.MoreContactDetails a
{
    color: #009cd1;
}
/*internet policy*/
.policyImg
{
    margin: 20px 0 40px 0;
}
#itDocsImage
{
     background: url(../Images/Interface/ContentTopItDocsbg.gif) right top no-repeat;
}
/*home page policy docs link*/
div.icommPromo
{
      padding-left: 30px;
      padding-top: 30px;
	  
}
div.icommPromoItem
{   
		width: 265px;
		padding-bottom: 5px;
}
.icommPromo h2
{
		margin-bottom: 5px;
}
.icommPromoTop
{
    float:left;
    width: 276px;
    background: url(../Images/Interface/icommPromoTopBG.gif) top left no-repeat;
    height: 20px;
}
.icommPromoMid
{
    float:left;
    width: 276px;
    padding: 0px 0px 10px;
    background: #e6f1f5;
}
div.icommPromoBtm
{
        float:left;   
        width: 276px;
        background: url(../Images/Interface/icommPromoBtmBG.gif) top left no-repeat;
        height: 20px;
}
.icommPromoBtm a
{
     color: #FFFFFF;
}
.icommPromoBtm a span
{
        float:right;
        padding-top: 4px;
        height: 19px;
        font-size: 10pt;
        font-weight: bold;
        text-decoration: none;
        
        background: #1a1a1a;
       
        cursor: pointer;
}
.icommPromoBtm a span.left
{
        float:right;
        
        height: 20px;
        width: 10px;
        background: url(../Images/Interface/CallLeft.gif) top right no-repeat;
        color: #FFFFFF;
        cursor: pointer;
}
.icommPromoBtm a span.right
{
        float:right;
       
        height: 20px;
        width: 30px;
        background: url(../Images/Interface/CallArrow.gif) top right no-repeat;
        color: #FFFFFF;
        cursor: pointer;
        margin-right: 10px;
}
.icommPromoMid h3
{
    margin: 5px 20px 5px 40px; padding: 0;
    font-size: 9pt;
}
.icommPromoMid p
{
    margin: 5px 10px 5px 40px;
    padding: 0;
    font-size: 9pt;
}
/*ditto banner on call booking page*/

.dittoBannerStatic
{
    margin: 20px 0;
}

/* Spirit Offer page */
.spiritStats 
{
	float: right;
	margin: 0 0 30px 30px;
}
/* Spirit packages */
.spiritPackages
{
    margin: 10px 0 30px 60px;
}
.extraProductivity
{
    font-size: 18px;
    line-height: 24px;
    margin-left: 245px;
    width: 285px;
}
.pcOptimisation
{
    margin-top: 20px;
}
/*Web design express packages*/

.headingFeaturesTable 
{
	clear: both;
	font-size: 10px;
	margin-top: 20px;
}

p.price
{
    font-weight: bold;
    font-size: 11pt;
    text-align: right;
}
h2.basic,
h2.standard,
h2.advanced
{
	font-size: 14px;
    font-weight: normal;
    margin: 0;
    padding: 5px 0;
}
th.basic,
th.standard,
th.advanced
{
	font-size: 13px;
    font-weight: bold;
    padding: 10px 25px;
    width: 120px;
}

th.basic,
h2.basic span,
p.basic
{
    color: #ff9c00;
	font-weight: bold;
}

th.standard,
h2.standard span,
p.standard
{
    color: #39c614;
	font-weight: bold;
}

th.advanced,
h2.advanced span,
p.advanced
{
    color: #8628fc;
	font-weight: bold;
}

.itOptionBox p
{
    padding-right: 20px;
}

.black a:hover
{
    color: #009cd1;
    background-color: #1a1a1a;
}

.black a span
{
    background-color: #1a1a1a;
}

.black a span.left
{
        float:right;
        height: 20px;
        width: 10px;
        background: url(../Images/Interface/CallLeft.gif) top right no-repeat;
        color: #FFFFFF;
        cursor: pointer;
}
.black a span.right
{
        float:right;
        height: 20px;
        width: 30px;
        background: url(../Images/Interface/CallArrow.gif) top right no-repeat;
        color: #FFFFFF;
        cursor: pointer;
        margin-right: 10px;
}
.firstColumn
{
	background: #e6f1f5;
	text-align: left;
	font-size: 11px;
}
.expressTemplate
{
    width: 120px;
    float: left;
    margin-left: 10px;
    margin-bottom: 30px;
}
.expressTemplateFirst
{
    margin-left: 0px;
}
.expressTemplate h4
{
    /*border-bottom: 1px solid #585858;
    padding-bottom: 4px;*/
    margin-bottom: 5px;
}
#express_contentbody li
{
    margin-bottom: 8px;
}
td.price 
{
    font-weight: bold;
}
.terms,
.terms p
{
    text-align: left;
    font-size: 7.5pt;
    line-height: normal;
}
.terms h3
{
    font-size: 9pt;
    margin-bottom: 0;
    padding-bottom: 0;
}
.terms ul 
{
	padding: 20px 0;
}
.terms li
{
	padding: 3px 4px;
	margin: 0 20px;
}
.steps
{
    margin-bottom: 20px;
}


.subCol
{
    width: 180px;
    float: right;
    margin-left: 40px;
}


.subCol img
{
    margin: 15px 0 5px 0;
}

.listOfServices {
    font-size: 11px;
    margin: 0;
    padding: 0;
}
.listOfServices li {
       display: inline;
       background-image: none;
       padding-left: 0;
}
ul.listOfServices li a {
       display: inline-block;
       width: 180px;
}

.satisfactoryServiceLevels
{
    background: url(../Images/Content/satisfactoryServiceLevels.jpg) bottom right no-repeat;
}

.halfColumLeft,
.halfColumRight
{
    width: 280px;
    float: left;
    margin-bottom: 25px;
}

.halfColumLeft
{
    margin-right: 22px;
}

.viewCaseStudy a
{
    display: inline-block;
    height: 0px;
    width: 256px;
    padding: 44px 0 0 0;
    overflow: hidden;
    background: url(../Images/Interface/caseStudyButton.jpg) top left no-repeat;
}

.viewCaseStudy a:hover
{
    background: url(../Images/Interface/caseStudyButton.jpg) top right no-repeat;
}


/*-- case studies categories --*/

.caseStudyCategories
{
    margin-left: 25px;
}
.caseStudyCategories li
{
    padding: 0 0 0 30px;
    margin: 0 0 0 0;
    background-image: none;
    background-position: top left;
    background-repeat: no-repeat;
    font-size: 11px;
    font-weight: bold;
    text-transform: uppercase;
    line-height: 20px;
    height: 20px;
}

.caseStudyCategories li a
{
    padding: 0 0 0 0;
    margin: 0 0 0 0;
}

.caseStudyCategories li.securityCaseStudy
{
    background-image: url(../Images/Content/miniIcon_security.gif)
}
.caseStudyCategories li.hardwareCaseStudy
{
    background-image: url(../Images/Content/miniIcon_hardware.gif)
}
.caseStudyCategories li.networkCaseStudy
{
    background-image: url(../Images/Content/miniIcon_network.gif)
}
.caseStudyCategories li.spiritCaseStudy
{
    background-image: url(../Images/Content/miniIcon_spirit.gif)
}
.caseStudyCategories li.softwareCaseStudy
{
    background-image: url(../Images/Content/miniIcon_software.gif)
}
.caseStudyCategories li.itsupportCaseStudy
{
    background-image: url(../Images/Content/miniIcon_support.gif)
}
.caseStudyCategories li.webdesignCaseStudy
{
    background-image: url(../Images/Content/miniIcon_webdesign.gif)
}
.caseStudyCategories li.consultingCaseStudy
{
    background-image: url(../Images/Content/miniIcon_consultancy.gif)
}
.caseStudyCategories li.dittoCaseStudy
{
    background-image: url(../Images/Content/miniIcon_ditto.gif)
}
.caseStudyCategories li.trainingCaseStudy
{
    background-image: url(../Images/Content/miniIcon_training.gif)
}
.caseStudyCategories li.virtualisationCaseStudy
{
    background-image: url(../Images/Content/miniIcon_virtualisation.gif)
}
.caseStudyCategories li.infrastructureCaseStudy
{
    background-image: url(../Images/Content/miniIcon_infrastructure.gif)
}
.caseStudyCategories li.databaseCaseStudy
{
    background-image: url(../Images/Content/miniIcon_database.gif)
}

.ContentBody ol li
{
    background-image: none;
}

.avSpeedBenefits
{
    background: url(../Images/Content/avSpeedImg.jpg) bottom right no-repeat;
}

.avSpeedBenefits li
{
    width: 350px;
}

.avTable
{
    margin-bottom: 25px;
}

.avRiskPic,
.avValuePic
{
    margin-bottom: 25px;
}

.findOutMoreButton a
{
    display: inline-block;
    height: 0px;
    width: 142px;
    padding: 25px 0 0 0;
    overflow: hidden;
    background: url(../Images/Interface/findOutMoreButton.jpg) top left no-repeat;
}

.findOutMoreButton a:hover
{
    background: url(../Images/Interface/findOutMoreButton.jpg) top right no-repeat;
}

.avLink 
{
    width: 240px;
    margin: 0 0 25px 25px;
    padding-top: 18px;
    float: right;
    background: url(../Images/Interface/avBoxTop.gif) top center no-repeat;
}

.avLink h2 
{
    width: 142px;
    margin-left: 18px;
}

.avLink p
{
    padding-left: 18px;
    margin: 0 !important;
    padding-right: 18px;
    padding-bottom: 10px;
    background: url(../Images/Interface/boxBg.gif) top center repeat-y;
}

.avLink h2 a
{
    color: #009cd1;
}

.avLinkBtm
{
    height: 5px;
    background: url(../Images/Interface/avBoxBtm.gif) bottom center no-repeat;
}

/*buying an express website: features*/

.Caption
{
    color: #000000;
    font-style: italic;
    display: block;
    font-weight: bold;
    padding: 10px 0 0 40px;
    clear: both;
}

#express_contentbody .featuresList
{
    /*padding-left: 30px;*/
    padding-top: 5px;
    padding-bottom: 20px;
}

#express_contentbody .featuresList li
{
    color: #009cd1;
    background-image: none;
    padding: 0;
    margin-bottom: 2px;
    display: inline;
}

#express_contentbody .featuresList li a
{
    display: inline-block;
    width: 265px;
}

.backToTopLink
{
    padding-bottom: 40px;
}

.contentImageRight
{
	float: right;
	padding: 5px;
}

.largeContentImg
{
	padding-bottom: 20px;
}