/* 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
*/

body {
       margin: 0;
       padding: 0;
       background: #1a1a1a;
       font: normal 10pt Arial, Helvetica, sans-serif;
}

h1 {
       font-size: 16pt;
       font-weight: bold;
       padding: 0;
       margin: 0 0 6pt;
       color: #1a1a1a;
}

h2 {
       font-size: 12pt;
       line-height: 13pt;
       font-weight: bold;
       padding: 0;
       margin: 0 0 6pt;
}

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;
        
}*/

a {
	   color: #ee2e01;
	   text-decoration: none;
}

a:hover {
		color: #ee2e01;
		text-decoration: underline;
}

ul {		
		margin: 0;
		padding: 0;	
}

li {
		margin: 0;
		padding: 0;
}

.Clear {
    clear:both;
    overflow:hidden;
    height:0px;
    display:block;

}

input, textarea {
    	font-size: 10pt;
		color:#009cd1;
		font-weight:bold;
		font-family: Arial, Helvetica, sans-serif;
}

.LogoNoBorder
{
    border: none;
}

/*  ------------------
 	Page Position	
	------------------  */

.ToolBarContainer
{
    /*width: 100%;*/ height: 25px; background: #000000;
    border-bottom: 1px solid #7d7d7d;
    
}

.ToolBarContainerSent
{
    /*width: 100%;*/ 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);
			
}

.ContentBody li
{
		margin-bottom: 15px;
	
}
.ContentBody .ExampleImage
{
	margin: 0px 0px 20px;}

/*  ------------------
 	Header	
	------------------  */
	
div.FlashBanner
{
		float:left;
		width: 967px;
		height: 288px;
		margin: 0;
		padding:0;
		
}

div.FlashBannerPosition
{
		position: absolute;		
}

div.HeaderContainer
{
		float:left;
		overflow: hidden;
		width: 967px;
		background-color: #1a1a1a;		
}

.HeaderContainerLeft
{
		float:left;
		margin: 20px 0px 0px 18px;
		background-color: #1a1a1a;
}

.HeaderContainerRight
{
		float:right;
		margin: 42px 0px 0px 0px;
}

.HeaderContainer_Right_Top
{
	height: 42px;
}

.HeaderContainer_Right_Btm
{
}

/*  ------------------
 	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;	
}

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:url(../Images/Interface/CatNavBulltetY.gif);*/
		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
	------------------  */

.EmailPopupContainer
{
}

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;
}

.KeyBennefitsMid li
{
    float:left;
    width: 160px; 
    margin: 10px 0px 10px;     
}

.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; 
        /*border-left: 1px dotted #1a1a1a;*/
}

/*  ------------------
 	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;
	/*margin: 0;*/
	color: #222222;
}


/*  ------------------
 	Services Page Items
	------------------  */

div.ItemContainer
{
        float:left; 
        /*margin: 0px 0px 20px 30px;    */
}

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;
    /*min-height:  150px;*/
    background: #e6f1f5;
}

.ServiceItemMiddle a
{
    color: #009cd1;
}

.ServiceItemMiddle a:hover
{
    color: #009cd1;
}

div.ServiceItemMiddleblue
{
    float:left;
    width: 270px;
    /*min-height:  150px;*/
    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;
    /*text-transform: uppercase;  */
    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);
		/*list-style-image: none;*/
		
}

#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;
}

/*.SiteMap
{
  line-height: 5px;
   padding: 20px 0px 0px 0px;}*/

/*.SiteMap a
{
    color: #1a1a1a;
    text-decoration: underline;
}*/

/*.SiteMap a:hover
{
    color: #000000;
}*/

/*.SiteMap ul
{
    margin: 15px 0px 30px 30px;
    list-style: none;
}*/


/*  ------------------
Modal
------------------  */



.modalBackground {
        background-color: #000000;
        filter:alpha(opacity=70);
        opacity:0.7;
        z-index: 1;
}

.popUp {
        width: 480px;
        /*background: #FFFFFF;*/
        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;
	/*padding-top: 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
{
	height: 760px;
}

/*  ------------------
 	IT Support LM
	------------------  */

/*icomm-illustration*/

.whyChooseIcomm
{
    margin: 10px 0 25px 60px;
}

/*link to comparison page*/ 

div.compareLink
{
    margin: 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;
}

.itSupportOption .itOptionBox li
{
    margin-bottom: 5px;
}

.itOptionBoxBtm a
{
     color: #FFFFFF;
}

.itOptionBoxBtm a span
{
        float:right;
        padding-top: 4px;
        height: 19px;
        font-size: 10pt;
        font-weight: bold;
        text-decoration: none;
        
        background: #1a1a1a;
       
        cursor: pointer;
}

.itOptionBoxBtm a span.left
{
        float:right;
        
        height: 20px;
        width: 10px;
        background: url(../Images/Interface/CallLeft.gif) top right no-repeat;
        color: #FFFFFF;
        cursor: pointer;
}

.itOptionBoxBtm 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;
}

/*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: 10px;
}

.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: 3px 7px;
    text-align: center;
}

.noBorder
{
    border: none;
}

.serviceOption
{
    width: 60px;
    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*/
.itSupportQuote
{
    padding: 17px 85px 27px 18px;
    color: #464646;
    font-size: 11pt;
}

.itSupportQuote .quoter
{
    font-size: 9pt;
}

.itSupportQuote span
{
    font-weight: bold;
}

#spiritQuote
{
    background: url(../Images/Content/spiritQuoteBg.gif) left top no-repeat; 
}

#paygQuote,
#standardQuote
{
    background: url(../Images/Content/paygQuoteBg.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;
}

/*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;
}