﻿/* Body Style - [Start] */
body
{
    background-image: url(images/background004.jpg);
    background-repeat: repeat-x;
    margin-bottom: 0;
    margin-top:10px;
    
    font-family: Arial, Helvetica, sans-serif;
    font-weight: normal;
    font-size: 9pt;
    text-transform: none;
    color: #000000;
    font-style: normal;
    font-variant: normal;
    text-decoration: none;
    text-align:center;
}
/* Body Style - [Finish] */

.Wrapper { margin: 0px auto; width: 940px; text-align:center; }

/* Links - [Start] */
a.link1:link    { font-family: Arial, Helvetica, sans-serif; font-size: 8.5pt; font-style: normal; line-height: normal; font-weight: normal; font-variant: normal; text-transform: none; color: #FFFFFF; text-decoration: none;}
a.link1:visited { font-family: Arial, Helvetica, sans-serif; font-size: 8.5pt; font-style: normal; line-height: normal; font-weight: normal; font-variant: normal; text-transform: none; color: #FFFFFF; text-decoration: none;}
a.link1:active  { font-family: Arial, Helvetica, sans-serif; font-size: 8.5pt; font-style: normal; line-height: normal; font-weight: normal; font-variant: normal; text-transform: none; color: #FFFFFF; text-decoration: none;}
a.link1:hover   { font-family: Arial, Helvetica, sans-serif; font-size: 8.5pt; font-style: normal; line-height: normal; font-weight: normal; font-variant: normal; text-transform: none; color: #FFFFFF; text-decoration: underline;}

a.link2:link    { font-family: Arial, Helvetica, sans-serif; font-size: 8.5pt; font-style: normal; line-height: normal; font-weight: normal; font-variant: normal; text-transform: none; color: #000000; text-decoration: none;}
a.link2:visited { font-family: Arial, Helvetica, sans-serif; font-size: 8.5pt; font-style: normal; line-height: normal; font-weight: normal; font-variant: normal; text-transform: none; color: #000000; text-decoration: none;}
a.link2:active  { font-family: Arial, Helvetica, sans-serif; font-size: 8.5pt; font-style: normal; line-height: normal; font-weight: normal; font-variant: normal; text-transform: none; color: #000000; text-decoration: none;}
a.link2:hover   { font-family: Arial, Helvetica, sans-serif; font-size: 8.5pt; font-style: normal; line-height: normal; font-weight: normal; font-variant: normal; text-transform: none; color: #000000; text-decoration: underline;}

a.link3:link    { font-family: Arial, Helvetica, sans-serif; font-size: 10pt; font-style: normal; line-height: normal; font-weight: normal; font-variant: normal; text-transform: none; color: #000000; text-decoration: none;}
a.link3:visited { font-family: Arial, Helvetica, sans-serif; font-size: 10pt; font-style: normal; line-height: normal; font-weight: normal; font-variant: normal; text-transform: none; color: #000000; text-decoration: none;}
a.link3:active  { font-family: Arial, Helvetica, sans-serif; font-size: 10pt; font-style: normal; line-height: normal; font-weight: normal; font-variant: normal; text-transform: none; color: #000000; text-decoration: none;}
a.link3:hover   { font-family: Arial, Helvetica, sans-serif; font-size: 10pt; font-style: normal; line-height: normal; font-weight: normal; font-variant: normal; text-transform: none; color: #000000; text-decoration: underline;}

a.link4:link    { font-family: Arial, Helvetica, sans-serif; font-size: 9pt; font-style: normal; line-height: normal; font-weight: normal; font-variant: normal; text-transform: none; color: #000000; text-decoration: none;}
a.link4:visited { font-family: Arial, Helvetica, sans-serif; font-size: 9pt; font-style: normal; line-height: normal; font-weight: normal; font-variant: normal; text-transform: none; color: #000000; text-decoration: none;}
a.link4:active  { font-family: Arial, Helvetica, sans-serif; font-size: 9pt; font-style: normal; line-height: normal; font-weight: normal; font-variant: normal; text-transform: none; color: #000000; text-decoration: none;}
a.link4:hover   { font-family: Arial, Helvetica, sans-serif; font-size: 9pt; font-style: normal; line-height: normal; font-weight: normal; font-variant: normal; text-transform: none; color: #000000; text-decoration: underline;}

a.link5:link    { font-family: Arial, Helvetica, sans-serif; font-size: 9pt; font-style: normal; line-height: normal; font-weight: normal; font-variant: normal; text-transform: none; color: #FFFFFF; text-decoration: none;}
a.link5:visited { font-family: Arial, Helvetica, sans-serif; font-size: 9pt; font-style: normal; line-height: normal; font-weight: normal; font-variant: normal; text-transform: none; color: #FFFFFF; text-decoration: none;}
a.link5:active  { font-family: Arial, Helvetica, sans-serif; font-size: 9pt; font-style: normal; line-height: normal; font-weight: normal; font-variant: normal; text-transform: none; color: #FFFFFF; text-decoration: none;}
a.link5:hover   { font-family: Arial, Helvetica, sans-serif; font-size: 9pt; font-style: normal; line-height: normal; font-weight: normal; font-variant: normal; text-transform: none; color: #FFFFFF; text-decoration: underline;}

a.link6:link    { font-family: Arial, Helvetica, sans-serif; font-size: 9pt; font-style: normal; line-height: normal; font-weight: normal; font-variant: normal; text-transform: none; color: #124682; text-decoration: underline;}
a.link6:visited { font-family: Arial, Helvetica, sans-serif; font-size: 9pt; font-style: normal; line-height: normal; font-weight: normal; font-variant: normal; text-transform: none; color: #124682; text-decoration: underline;}
a.link6:active  { font-family: Arial, Helvetica, sans-serif; font-size: 9pt; font-style: normal; line-height: normal; font-weight: normal; font-variant: normal; text-transform: none; color: #124682; text-decoration: underline;}
a.link6:hover   { font-family: Arial, Helvetica, sans-serif; font-size: 9pt; font-style: normal; line-height: normal; font-weight: normal; font-variant: normal; text-transform: none; color: #124682; text-decoration: underline;}

a.link7:link    { font-family: Arial, Helvetica, sans-serif; font-size: 9pt; font-style: normal; line-height: normal; font-weight: normal; font-variant: normal; text-transform: none; color: #FFFFFF; text-decoration: underline;}
a.link7:visited { font-family: Arial, Helvetica, sans-serif; font-size: 9pt; font-style: normal; line-height: normal; font-weight: normal; font-variant: normal; text-transform: none; color: #FFFFFF; text-decoration: underline;}
a.link7:active  { font-family: Arial, Helvetica, sans-serif; font-size: 9pt; font-style: normal; line-height: normal; font-weight: normal; font-variant: normal; text-transform: none; color: #FFFFFF; text-decoration: underline;}
a.link7:hover   { font-family: Arial, Helvetica, sans-serif; font-size: 9pt; font-style: normal; line-height: normal; font-weight: normal; font-variant: normal; text-transform: none; color: #FFFFFF; text-decoration: underline;}

a.link8:link    { font-family: Arial, Helvetica, sans-serif; font-size: 10.5pt; font-style: normal; line-height: normal; font-weight: bold; font-variant: normal; text-transform: none; color: #000000; text-decoration: underline;}
a.link8:visited { font-family: Arial, Helvetica, sans-serif; font-size: 10.5pt; font-style: normal; line-height: normal; font-weight: bold; font-variant: normal; text-transform: none; color: #000000; text-decoration: underline;}
a.link8:active  { font-family: Arial, Helvetica, sans-serif; font-size: 10.5pt; font-style: normal; line-height: normal; font-weight: bold; font-variant: normal; text-transform: none; color: #000000; text-decoration: underline;}
a.link8:hover   { font-family: Arial, Helvetica, sans-serif; font-size: 10.5pt; font-style: normal; line-height: normal; font-weight: bold; font-variant: normal; text-transform: none; color: #124682; text-decoration: underline;}

a.link9:link    { font-family: Arial, Helvetica, sans-serif; font-size: 9pt; font-style: normal; line-height: normal; font-weight: normal; font-variant: normal; text-transform: none; color: #000000; text-decoration: underline;}
a.link9:visited { font-family: Arial, Helvetica, sans-serif; font-size: 9pt; font-style: normal; line-height: normal; font-weight: normal; font-variant: normal; text-transform: none; color: #000000; text-decoration: underline;}
a.link9:active  { font-family: Arial, Helvetica, sans-serif; font-size: 9pt; font-style: normal; line-height: normal; font-weight: normal; font-variant: normal; text-transform: none; color: #000000; text-decoration: underline;}
a.link9:hover   { font-family: Arial, Helvetica, sans-serif; font-size: 9pt; font-style: normal; line-height: normal; font-weight: normal; font-variant: normal; text-transform: none; color: #124682; text-decoration: underline;}

.QuickLinks li a, .QuickLinks li a:visited, .QuickLinks li a:active { font-family: Arial, Helvetica, sans-serif; font-size: 10pt; font-style: normal; line-height: normal; font-weight: normal; font-variant: normal; text-transform: none; color: #000000; text-decoration: none; }
.QuickLinks li a:hover { font-family: Arial, Helvetica, sans-serif; font-size: 10pt; font-style: normal; line-height: normal; font-weight: normal; font-variant: normal; text-transform: none; color: #000000; text-decoration: underline; }

.QuickLinks2 li a, .QuickLinks2 li a:visited, .QuickLinks2 li a:active { font-family: Arial, Helvetica, sans-serif; font-size: 10pt; font-style: normal; line-height: normal; font-weight: normal; font-variant: normal; text-transform: none; color: #000000; text-decoration: none; }
.QuickLinks2 li a:hover { font-family: Arial, Helvetica, sans-serif; font-size: 10pt; font-style: normal; line-height: normal; font-weight: normal; font-variant: normal; text-transform: none; color: #000000; text-decoration: underline; }

.News_PressReleases h1 a, .News_PressReleases h1 a:visited, .News_PressReleases h1 a:active { font-family: Arial, Helvetica, sans-serif; font-size: 11pt; font-style: normal; line-height: normal; font-weight: bold; font-variant: normal; text-transform: none; color: #000000; text-decoration: none; }
.News_PressReleases h1 a:hover { font-family: Arial, Helvetica, sans-serif; font-size: 11pt; font-style: normal; line-height: normal; font-weight: bold; font-variant: normal; text-transform: none; color: #000000; text-decoration: underline; }

.Clients a:link, .Clients a:visited, .Clients a:active { font-family: Arial, Helvetica, sans-serif; font-weight: normal; font-size: 10pt; text-transform: none; color: #FFFFFF; font-style: normal; font-variant: normal; text-decoration: none; }
.Clients a:hover { font-family: Arial, Helvetica, sans-serif; font-weight: normal; font-size: 10pt; text-transform: none; color: #FFFFFF; font-style: normal; font-variant: normal; text-decoration:underline; }

.Partners a:link, .Partners a:visited, .Partners a:active { font-family: Arial, Helvetica, sans-serif; font-weight: normal; font-size: 10pt; text-transform: none; color: #FFFFFF; font-style: normal; font-variant: normal; text-decoration: none; }
.Partners a:hover { font-family: Arial, Helvetica, sans-serif; font-weight: normal; font-size: 10pt; text-transform: none; color: #FFFFFF; font-style: normal; font-variant: normal; text-decoration:underline; }

.ServiceMessage a, .ServiceMessage a:visited, .ServiceMessage a:active { font-family: Arial, Helvetica, sans-serif; font-weight: normal; font-size: 10pt; text-transform: none; color: #FFFFFF; font-style: normal; font-variant: normal; text-decoration: none; }
.ServiceMessage a:hover { font-family: Arial, Helvetica, sans-serif; font-weight: normal; font-size: 10pt; text-transform: none; color: #FFFFFF; font-style: normal; font-variant: normal; text-decoration:underline; }

/*.ServiceTitle a { padding:30px 2px 0px 0px; margin:0px; border:0px; }*/
.ServiceTitle a:link, .ServiceTitle a:visited, .ServiceTitle a:active { font-family: Arial, Helvetica, sans-serif; font-weight: Bold; font-size: 10.5pt; text-transform: none; color: #FFFFFF; font-style: normal; font-variant: normal; text-decoration: none; }
.ServiceTitle a:hover { font-family: Arial, Helvetica, sans-serif; font-weight: Bold; font-size: 10.5pt; text-transform: none; color: #FFFFFF; font-style: normal; font-variant: normal; text-decoration:underline; }

.ColumnCentre li a:link, .ColumnCentre li a:visited, .ColumnCentre li a:active { font-family: Arial, Helvetica, sans-serif; font-weight: normal; font-size: 9pt; text-transform: none; color: #000000; font-style: normal; font-variant: normal; text-decoration: underline; }
.ColumnCentre li a:hover { font-family: Arial, Helvetica, sans-serif; font-weight: normal; font-size: 9pt; text-transform: none; color: #124682; font-style: normal; font-variant: normal; text-decoration: underline; }

.azurridirectcontacttxt a, .azurridirectcontacttxt a:visited, .azurridirectcontacttxt a:active { font-family: Arial, Helvetica, sans-serif; font-weight: normal; font-size: 9pt; text-transform: none; color: #FFFFFF; font-style: normal; font-variant: normal; text-decoration: none; }
.azurridirectcontacttxt a:hover { font-family: Arial, Helvetica, sans-serif; font-weight: normal; font-size: 9pt; text-transform: none; color: #FFFFFF; font-style: normal; font-variant: normal; text-decoration:underline; }

.News_PressReleases a, .News_PressReleases a:visited, .News_PressReleases a:active { font-family: Arial, Helvetica, sans-serif; font-weight: normal; font-size: 9pt; text-transform: none; color: #000000; font-style: normal; font-variant: normal; text-decoration: none; }
.News_PressReleases a:hover { font-family: Arial, Helvetica, sans-serif; font-weight: normal; font-size: 9pt; text-transform: none; color: #000000; font-style: normal; font-variant: normal; text-decoration:underline; }

.NewsBox h1 a, .NewsBox h1 a:visited, .NewsBox h1 a:active { font-family: Arial, Helvetica, sans-serif; font-size: 11pt; font-style: normal; line-height: normal; font-weight: bold; font-variant: normal; text-transform: none; color: #FFFFFF; text-decoration: none; }
.NewsBox h1 a:hover { font-family: Arial, Helvetica, sans-serif; font-size: 11pt; font-style: normal; line-height: normal; font-weight: bold; font-variant: normal; text-transform: none; color: #FFFFFF; text-decoration: underline; }

.NewsBox a, .NewsBox a:visited, .NewsBox a:active { font-family: Arial, Helvetica, sans-serif; font-weight: normal; font-size: 9pt; text-transform: none; color: #FFFFFF; font-style: normal; font-variant: normal; text-decoration: none; }
.NewsBox a:hover { font-family: Arial, Helvetica, sans-serif; font-weight: normal; font-size: 9pt; text-transform: none; color: #FFFFFF; font-style: normal; font-variant: normal; text-decoration:underline; }

.PageHeader a, .PageHeader a:visited, .PageHeader a:active { font-family: Arial, Helvetica, sans-serif; font-weight: Bold; font-size: 10.5pt; text-transform: none; color: #000000; font-style: normal; font-variant: normal; text-decoration: none; }
.PageHeader a:hover { font-family: Arial, Helvetica, sans-serif; font-weight: Bold; font-size: 10.5pt; text-transform: none; color: #000000; font-style: normal; font-variant: normal; text-decoration:underline; }
/* Links - [Finish] */

/* Page Header - [Start] */
.header { background-image: url(images/header.jpg); width: 940px; height: 155px; position: relative; text-align: center; }
.header-admin { background-image: url(images/header-admin.jpg); width: 940px; height: 155px; position: relative; text-align: center; }

.header2 { background-image: url(images/header.jpg); width: 920; height: 145; }
.Search { position: absolute; top:120px; right:9px; }
.Logo { position: absolute; top:35px; left:26px; }
.Clock { position: absolute; top:27px; right:17px; }
.Date { position: absolute; top:79px; right:90px; }
.Message { position: absolute; top:35px; right:90px; }
.TableNavigation { position: absolute; top:87px; left:20px; }
/* Page Template Styles - [Finish] */

/* Default.asp - [Start] */
h1
{
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    font-size: 11pt;
    text-transform: none;
    color: #000000;
    font-style: normal;
    font-variant: normal;
    text-decoration:none;
    
    margin: 0px;
    padding: 0px;
}
.hr1
{
    width: 100%;
    height:1px;
    background: #FFFFFF;
    overflow:hidden;
}

.hr2
{
    width: 100%;
    height:1px;
    background: #AFAFAF;
    float:left;
}
.vr1
{
    margin-top:5px;
    margin-right:10px;
    width: 1px;
    height:125px;
    background: #AFAFAF;
    float:left;
}
.vr2
{
    width: 1px;
    height:125px;
    background: #AFAFAF;
    float:left;
}
.NewsBox
{
    background-image: url(images/GreyBox.jpg);
    width: 190px;
    top: 10px;
    height: 240px;
    
    font-family: Arial, Helvetica, sans-serif;
    font-weight: normal;
    font-size: 8.5pt;
    text-transform: none;
    color: #FFFFFF;
    font-style: normal;
    font-variant: normal;
    text-decoration: none;
    
    text-align:left;
    vertical-align:top;
    
    padding: 10px;
    position:absolute;
    top:10px;
    left:10px;
    z-index:5;
}
.IntroBox
{
    background-image: url(images/GreyBox.jpg);
    width: 190px;
    top: 10px;
    height: 240px;
    
    font-family: Arial, Helvetica, sans-serif;
    font-weight: normal;
    font-size: 8.5pt;
    text-transform: none;
    color: #FFFFFF;
    font-style: normal;
    font-variant: normal;
    text-decoration: none;
    
    text-align:left;
    vertical-align:top;
    
    padding: 10px;
    position:absolute;
    top:10px;
    z-index:5;
}
.azurri24
{
    /*background-image: url(images/azurri24Box.jpg);*/
    position:absolute;
    width: 210px;
    height: 57px;
    /*margin-bottom:11px; */
    top:281px;
    z-index:5;
}
.azurridirect
{
    /*background-image: url(images/azurridirectBox.jpg);*/
    position:absolute;
    width: 210px;
    height: 57px;
    /*margin-bottom:10px;*/
    top:347px;
    z-index:5;
}
.Clients
{
    background-image: url(images/PartnerBox.jpg);
    width: 190px;
    height: 105px;
    padding: 10px;
    text-align:left;
    
    font-family: Arial, Helvetica, sans-serif;
    font-weight: normal;
    font-size: 9pt;
    text-transform: none;
    color: #FFFFFF;
    font-style: normal;
    font-variant: normal;
    text-decoration: none;
    position:absolute;
    top:280px;
    z-index:0;
}
.Partners
{
    background-image: url(images/PartnerBox.jpg);
    width: 190px;
    height: 105px;
    padding: 10px;
    text-align:left;
    
    font-family: Arial, Helvetica, sans-serif;
    font-weight: normal;
    font-size: 9pt;
    text-transform: none;
    color: #FFFFFF;
    font-style: normal;
    font-variant: normal;
    text-decoration: none;
    position:absolute;
    top:415px;
    z-index:0;
}
.AdPanel
{
    /*background-image: url(images/Ads/DisasterRecovery.jpg);*/
    position:relative;
    width: 480px;
    height: 260px;
    margin-bottom:10px;
}
.azurri24Panel_UnderNews
{
    width: 235px;
    height:63px;
    position:absolute;
    bottom:0;
    left:0px;
}
.azurridirectPanel_UnderNews
{
    width: 235px;
    height:63px;
    position:absolute;
    bottom:0;
    left:245px;
}

.News_PressReleases
{
    width: 480px;
    height: 125px;
    float:left;
    margin-bottom:4px;
}

.QuickLinks
{
    width: 239px;
    height: 125px;
    float: left;
}

.QuickLinks2
{
    width: 229px;
    height: 125px;
    float: left;
}
.ServiceLogo
{
    width:53px;
    height:62px;
    float:left;
    display:inline;
    margin:0px;
    padding:0px;
    border:0px;
    text-align:left;
}
.ServiceLogo img
{
    padding:10px 0px 0px 10px;
    margin:0px;
    border:0px; 
}
.ServiceTitle p
{
    padding:25px 10px 0px 10px;
    margin:0px;
    border:0px;
}
.ServiceMessage p
{
    padding:0px 10px 0px 10px;
    margin:0px;
    border:0px;
}
.ServiceTitle
{
    width:157px;
    height:62px;
    text-align:right;
    float:left;
    margin:0px;
    padding:0px;
    border:0px;
    display:inline;
    
    font-family: Arial, Helvetica, sans-serif;
    font-weight: Bold;
    font-size: 10.5pt;
    text-transform: none;
    color: #FFFFFF;
    font-style: normal;
    font-variant: normal;
    text-decoration: none;
}
.ServiceTitle-azurriDirect
{
    width:140px;
    height:31px;
    text-align:right;
    float:left;
    margin: 10px 0 10px 10px;
    
    font-family: Arial, Helvetica, sans-serif;
    font-weight: Bold;
    font-size: 10.5pt;
    text-transform: none;
    color: #FFFFFF;
    font-style: normal;
    font-variant: normal;
    text-decoration: none;
    
    padding: 12px 7px 0 0;

    background-image:url(images/azurridirect-section-bg.jpg)
}
.ServiceTitle-azurriCharity
{
    width:140px;
    height:31px;
    text-align:right;
    float:left;
    margin: 10px 0 10px 10px;
    
    font-family: Arial, Helvetica, sans-serif;
    font-weight: Bold;
    font-size: 10.5pt;
    text-transform: none;
    color: #FFFFFF;
    font-style: normal;
    font-variant: normal;
    text-decoration: none;
    
    padding: 12px 7px 0 0;

    background-image:url(images/azurriCharity-section-bg.jpg)
}
.ServiceMessage
{
    margin: 0;
    width:210px;
    height:63px;
    padding:0px;
    margin:0px;
    border:0px;
    
    text-align:left;
    
    font-family: Arial, Helvetica, sans-serif;
    font-weight: normal;
    font-size: 10pt;
    text-transform: none;
    color: #FFFFFF;
    font-style: normal;
    font-variant: normal;
    text-decoration: none;
    line-height:20px;
}

.General
{
    width:190px;
    /*height:31px;*/
    text-align:left;
    float:left;
    margin: 0 0 0 0;
    
    font-family: Arial, Helvetica, sans-serif;
    font-weight: Bold;
    font-size: 9pt;
    text-transform: none;
    color: #FFFFFF;
    font-style: normal;
    font-variant: normal;
    text-decoration: none;
    
    padding: 12px 10px 10px 10px;
}
.SupportAndServices
{
    position:absolute;
    background-image: url(images/SupportAndServicesBox.jpg);
    width: 210px;
    height: 125px;
    padding: 0px;
    top:10px;
    left:10px;
}

.RetailServices
{
    position:absolute;
    background-image: url(images/RetailServicesBox.jpg);
    width:210px;
    height:125px;
    padding:0px;
    margin:0px;
    border:0px;
    top:145px;
    left:10px;
}
.Hardware, .azurriDirect
{
    position:absolute;
    background-image: url(images/HardwareServiceBox.jpg);
    width: 210px;
    height: 125px;
    padding: 0px;
    top:280px;
    left:10px;
}
.Software, .azurriCharity
{
    position:absolute;
    background-image: url(images/SoftwareServiceBox.jpg);
    width: 210px;
    height: 125px;
    padding: 0px;
    top:415px;
    left:10px;
}
/* Default.asp - [End] */

/* Page Footer - [Start] */
.bottom { background-image: url(images/bottom.jpg); background-repeat: no-repeat; width: 940px; height: 13px; }
.footer { background-image: url(images/footer.jpg); background-repeat: no-repeat; width: 946px; height: 30px; position: relative; }
.FooterLinks { position: absolute; top:8px; right:18px; }
.Copyright { position: absolute; top:8px; left:18px; }
/* Page Footer Styles - [Finish] */

/* Unordered List <UL><LI> - [Start] */
.QuickLinks ul { padding: 0; margin: 10px 0px 10px 26px ; }
.QuickLinks li { margin-bottom:1px; }

.QuickLinks2 ul { padding: 0; margin: 10px 0px 10px 16px ; }
.QuickLinks2 li { margin-bottom:1px; }

.News_PressReleases ul { list-style: none; padding: 0; margin: 10px 0px 10px 26px ; }
.News_PressReleases li { margin-bottom:10px; }

.NewsBox ul { list-style: none; padding: 0; margin: 10px 0px 10px 16px ; }
.NewsBox li { margin-bottom:10px; }

.ColumnCentre li { margin-bottom:10px; }
/* Unordered List </UL></LI> - [End] */

/* fonts - [Start] */
.font1  { font-family: Arial, Helvetica, sans-serif; font-weight: normal; font-size: 8.5pt; text-transform: none; color: #000000; font-style: normal; font-variant: normal; text-decoration: none; }
.font2  { font-family: Arial, Helvetica, sans-serif; font-weight: normal; font-size: 8.5pt; text-transform: none; color: #FFFFFF; font-style: normal; font-variant: normal; text-decoration: none; }
.font3  { font-family: Arial, Helvetica, sans-serif; font-weight: normal; font-size: 14pt; text-transform: none; color: #FFFFFF; font-style: normal; font-variant: normal; text-decoration: none; }
.font4  { font-family: Arial, Helvetica, sans-serif; font-weight: bold; font-size: 10pt; text-transform: none; color: #A72F30; font-style: normal; font-variant: normal; text-decoration: none; }
.font5  { font-family: Arial, Helvetica, sans-serif; font-weight: bold; font-size: 10pt; text-transform: none; color: #DF7D24; font-style: normal; font-variant: normal;  text-decoration: none; }
.font6  { font-family: Arial, Helvetica, sans-serif; font-weight: bold; font-size: 10pt; text-transform: none; color: #779C37; font-style: normal; font-variant: normal; text-decoration: none; }
.font7  { font-family: Arial, Helvetica, sans-serif; font-weight: bold; font-size: 10pt; text-transform: none; color: #2792A2; font-style: normal; font-variant: normal; text-decoration: none; }
.font8  { font-family: Arial, Helvetica, sans-serif; font-weight: bold; font-size: 10pt; text-transform: none; color: #000000; font-style: normal; font-variant: normal; text-decoration: none; }
.font9  { font-family: Arial, Helvetica, sans-serif; font-weight: bold; font-size: 9pt; text-transform: none; color: #A20303; font-style: normal; font-variant: normal; text-decoration: none; }
.font10 { font-family: Arial, Helvetica, sans-serif; font-weight: bold; font-size: 10pt; text-transform: none; color: #000000; font-style: normal; font-variant: normal; text-decoration: none; }
.font11 { font-family: Arial, Helvetica, sans-serif; font-weight: normal; font-size: 9pt; text-transform: none; color: #FFFFFF; font-style: normal; font-variant: normal; text-decoration: none; }
.font12 { font-family: Arial, Helvetica, sans-serif; font-weight: normal; font-size: 9pt; text-transform: none; color: #000000; font-style: normal; font-variant: normal; text-decoration: none; }
.font13 { font-family: Arial, Helvetica, sans-serif; font-weight: bold; font-size: 10pt; text-transform: none; color: #000000; font-style: normal; font-variant: normal; text-decoration:underline; }
/* fonts - [End] */

/* Page Main - [Start] */
#container
{
position:relative;
width:940px;
margin:0px auto;
background-image: url(images/main.jpg);
/*padding:10px 10px 0 10px;*/
}

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
/* End hide from IE-mac */
/*div.container
{
    background-color:blue;
    background-image: url(images/main.jpg);
    padding-bottom:1px; Must set this, or you will get a white space
    width: 940px;
    height:530px;
    overflow:inherit;
    text-align: left;
    vertical-align: top;
    padding-top:10px;
    padding-bottom:1px;
    margin: 0px;
    position:relative;

}*/
/* Page Main Styles - [Finish] */

/* Columns - [Start] */
div.ColumnLeft
{
    position:relative;
    width:210px;
    height:530px;
    display:inline; 
    margin:10px 10px 0px 10px; 
    padding:0px; 
    border:0px; 
    position:relative; 
    float:left; 
    text-align:left;
    /*position:relative;
    float:left;
    width: 210px;
    height: 530px;
    margin: 0 0 0 10px;
    display:inline;*/
    z-index:-1;
}

/*main*/
div.Main
{
    /*position:relative;
    float:left;
    width:700px;
    display:inline;
    margin-left:10px;
    background-color:green; */
    width:700px; 
    display:inline; 
    margin:10px 10px 0px 0px; 
    padding:0px; 
    border:0px; 
    position:relative; 
    float:left; 
    text-align:left;
}

div.ColumnRight
{
    position:relative;
    z-index:20;
    float:right;
    width: 210px;
    margin: 0;
}
/* Columns - [End] */

/* 
This style will stop the left and right columns
overlapping if the text in the center is shorter than
the left and right columns.
Hidden - [Start]
*/
div.hidden
{
    clear:both;
}
/* Hidden - [End] */

.GeneralBox
{
    background-image: url(images/GeneralBox.jpg);
    width: 210px;
    top: 10px;
    height: 260px;
    margin-bottom:10px;
    
    font-family: Arial, Helvetica, sans-serif;
    font-weight: normal;
    font-size: 8.5pt;
    text-transform: none;
    color: #FFFFFF;
    font-style: normal;
    font-variant: normal;
    text-decoration: none;
    
    text-align:left;
    vertical-align:top;
    
    padding: 0;
    position:absolute;
    top:10px;
    left:10px;
    z-index:5;
}

.azurridirectBox
{
    background-image: url(images/azurridirectGeneralBox.jpg);
    width: 210px;
    top: 10px;
    height: 260px;
    margin-bottom:10px;
    
    font-family: Arial, Helvetica, sans-serif;
    font-weight: normal;
    font-size: 8.5pt;
    text-transform: none;
    color: #FFFFFF;
    font-style: normal;
    font-variant: normal;
    text-decoration: none;
    
    text-align:left;
    vertical-align:top;
    
    padding: 0;
    
    position:absolute;
    top:10px;
    left:10px;
    z-index:5;
}
.azurridirectcontactbox
{
    width:190px;
    position:absolute;
    left:10px;
    bottom:10px;
    padding:0;
    margin:0;
}
.azurridirectcontactimg
{
    height:25px;
    width:25px;
    float:left;
    margin: 0 4px 4px 0;
    padding: 0;
}
.azurridirectcontacttxt
{
    float:left;
    height:19px;
    width:160px;
    margin: 5px 0 4px 0;
    padding: 0;
    
    text-align:left;
    vertical-align:middle;
    
    font-family: Arial, Helvetica, sans-serif;
    font-weight: normal;
    font-size: 9pt;
    text-transform: none;
    color: #FFFFFF;
    font-style: normal;
    font-variant: normal;
    text-decoration: none;
    border-bottom: solid 1px #FFFFFF;
}

.RetailBox
{
    background-image: url(images/RetailBox.jpg);
    width: 210px;
    top: 10px;
    height: 260px;
    margin-bottom:10px;
    
    font-family: Arial, Helvetica, sans-serif;
    font-weight: normal;
    font-size: 8.5pt;
    text-transform: none;
    color: #FFFFFF;
    font-style: normal;
    font-variant: normal;
    text-decoration: none;
    
    text-align:left;
    vertical-align:top;
    
    padding: 0px;
    position:absolute;
    top:10px;
    left:10px;
    z-index:5;
}
.SupportBox
{
    background-image: url(images/SupportBox.jpg);
    width: 210px;
    top: 10px;
    height: 260px;
    margin-bottom:10px;
    
    font-family: Arial, Helvetica, sans-serif;
    font-weight: normal;
    font-size: 8.5pt;
    text-transform: none;
    color: #FFFFFF;
    font-style: normal;
    font-variant: normal;
    text-decoration: none;
    
    text-align:left;
    vertical-align:top;
    
    padding: 0px;
    position:absolute;
    top:10px;
    left:10px;
    z-index:5;
}
.SoftwareBox, .azurriCharityBox
{
    background-image: url(images/SoftwareBox.jpg);
    width: 210px;
    top: 10px;
    height: 260px;
    margin-bottom:10px;
    
    font-family: Arial, Helvetica, sans-serif;
    font-weight: normal;
    font-size: 8.5pt;
    text-transform: none;
    color: #FFFFFF;
    font-style: normal;
    font-variant: normal;
    text-decoration: none;
    
    text-align:left;
    vertical-align:top;
    
    padding: 0px;
    position:absolute;
    top:10px;
    left:10px;
    z-index:5;
}
.HardwareBox
{
    background-image: url(images/HardwareBox.jpg);
    width: 210px;
    top: 10px;
    height: 260px;
    margin-bottom:10px;
    
    font-family: Arial, Helvetica, sans-serif;
    font-weight: normal;
    font-size: 8.5pt;
    text-transform: none;
    color: #FFFFFF;
    font-style: normal;
    font-variant: normal;
    text-decoration: none;
    
    text-align:left;
    vertical-align:top;
    
    padding: 0px;
    position:absolute;
    top:10px;
    left:10px;
    z-index:5;
}

.NewsBox
{
    background-image: url(images/GreyBox.jpg);
    width: 190px;
    top: 10px;
    height: 240px;
    
    font-family: Arial, Helvetica, sans-serif;
    font-weight: normal;
    font-size: 8.5pt;
    text-transform: none;
    color: #FFFFFF;
    font-style: normal;
    font-variant: normal;
    text-decoration: none;
    
    text-align:left;
    vertical-align:top;
    
    padding: 10px;
    z-index:5;
}


.AdBox
{
    background-image: url(images/GreyLightBox.jpg);
    width: 210px;
    top: 10px;
    height: 260px;
    margin-bottom:10px;
    
    font-family: Arial, Helvetica, sans-serif;
    font-weight: normal;
    font-size: 8.5pt;
    text-transform: none;
    color: #FFFFFF;
    font-style: normal;
    font-variant: normal;
    text-decoration: none;
    
    text-align:left;
    vertical-align:top;
    
    /*padding: 10px;*/
}
.PageHeader p
{
    padding:25px 0px 0px 0px;
    margin:0px;
    border:0px;
}
.PageHeader
{
    width:700px;
    height:62px;
    text-align:left;
    
    font-family: Arial, Helvetica, sans-serif;
    font-weight: Bold;
    font-size: 10.5pt;
    text-transform: none;
    color: #000000;
    font-style: normal;
    font-variant: normal;
    text-decoration: none;
    
    margin:0px;
    padding:0px;
    border:0px;
    
    background-color:#FFFFFF;
    
    position:relative;
}


/* MasterNav ------- */

.MasterImgNavigation    { position:absolute; top:87px; left:20px; }
.MasterImgNavigation ul { list-style: none; padding:0; margin:0; }
.MasterImgNavigation li { float:left; margin:0 20px 0 0; width:40px; height:41px; text-align:center; }

a.NavImgLink          { background: url(images/blank.gif); cursor:pointer; position:relative; width:40px; height:41px; display:block; z-index:500;  }



.MasterTxtNavigation    { position:absolute; top:133px; left:20px; }
.MasterTxtNavigation ul { list-style: none; padding:0; margin:0; }

/* ----------------- */

/* Contact Form -------------------- */

.ContactForm                                                                { width: 480px; float:left; }
.ContactFormLbl                                                             { width:150px; float:left; text-align:left; margin: 0 5px 5px 0; }
.ContactFormFields                                                          { width:320px; float:left; text-align:left; margin: 0 5px 5px 0; }
.ContactFormFields input                                                    { width:280px; margin: 0 5px 0 0; }
.ContactFormFields textarea                                                 { width:280px; margin: 0 5px 0 0; }
.ContactFormLbl span, .ContactFormFields input, .ContactFormFields textarea { font-family: Arial, Helvetica, sans-serif; font-weight: normal; font-size: 9pt; text-transform: none; color: #000000; font-style: normal; font-variant: normal; text-decoration: none; }

.ContactFormButtons { width:480px; padding-left:155px; float:left; }
.ContactFormButtons input { float:left; width:75px; margin: 0 3px 5px 0; }

/* --------------------------------- */

/* azurri24 Form ------------------- */
.azurri24LoginHeader, .azurri24ErrorMessage  { position:relative; width:700px; margin-bottom:10px; }
.azurri24FormLbl            { width:100px; margin:0px 10px 10px 0px; position:relative; float:left; }
.azurri24FormField          { width:590px; margin:0px 0px 10px 0px; position:relative; float:left; }
.azurri24FormField input    { font-family: Arial, Helvetica, sans-serif; font-weight: normal; font-size: 9pt; text-transform: none; color: #000000; font-style: normal; font-variant: normal; text-decoration: none; }
/* --------------------------------- */

/* Search Form / Page -------------- */

.SearchForm         { width:475px; float:left; margin: 5px 0 5px 0; }
.SearchBox          { width:255px; float:left; text-align:left; margin: 0 5px 5px 0; }
.SearchButton       { width:210px; float:left; text-align:left; margin: 0 5px 5px 0; }
.SearchForm input   { font-family: Arial, Helvetica, sans-serif; font-weight: normal; font-size: 9pt; text-transform: none; color: #000000; font-style: normal; font-variant: normal; text-decoration: none; }

.SearchRadioButtons { width:475px; float:left; margin: 5px 0 5px 0; }
.SearchResults { width:690px; float:left; margin: 5px 0 5px 0; padding:2px; }
.SearchInfo { width:690px; float:left; margin: 10px 0 5px 0; background-color:#3e3e3e; color:#FFFFFF; padding:2px; }
.Paging             { width:690px; float:left; margin: 5px 0 5px 0; background-color:#3e3e3e; color:#FFFFFF; padding:2px; height:18px; }

/* --------------------------------- */


.Navigation                                                     { clear:both; margin: 0; width:190px; padding: 4px 1px 0 1px; font-family: Arial, Helvetica, sans-serif; font-weight: normal; font-size: 9pt; text-transform: none; color: #FFFFFF; font-style: normal; font-variant: normal; text-decoration: none; line-height:20px; }
.Navigation ul                                                  { list-style: none; padding: 0; margin: 0; }
.Navigation a                                                   { width:190px; display:block; padding: 0 9px 1px 9px; }
.Navigation a:link, .Navigation a:visited, .Navigation a:active { font-family: Arial, Helvetica, sans-serif; font-weight: normal; font-size: 9pt; text-transform: none; color: #FFFFFF; font-style: normal; font-variant: normal; text-decoration: none; }
.Navigation a:hover                                             { font-family: Arial, Helvetica, sans-serif; font-weight: normal; font-size: 9pt; text-transform: none; color: #000000; font-style: normal; font-variant: normal; text-decoration:none; background-color:#FFFFFF; }
.Navigation span                                                { width:190px; display:block; padding: 0 9px 1px 9px; }

.SupportNavigation                                                                      { width:150px; background-color:#E69043; border-color:#FFFFFF; border-width:1px; border-style:solid; color:#000000; padding: 1px; margin:0; clear:both; position:absolute; z-index:400; left:150px; top:65px; font-size:9pt; line-height:20px; visibility:hidden; }
.SupportNavigation ul                                                                   { list-style: none; padding: 0; margin: 0; }
.SupportNavigation li                                                                   { border-bottom:solid 1px #E07E25; }
.SupportNavigation a                                                                    { width:142px; display:block; padding: 0 4px 1px 4px; }
.SupportNavigation a:link, .SupportNavigation a:visited, .SupportNavigation a:active    { font-family: Arial, Helvetica, sans-serif; font-weight: normal; font-size: 9pt; text-transform: none; color: #FFFFFF; font-style: normal; font-variant: normal; text-decoration: none; }
.SupportNavigation a:hover                                                              { font-family: Arial, Helvetica, sans-serif; font-weight: normal; font-size: 9pt; text-transform: none; color: #000000; font-style: normal; font-variant: normal; text-decoration:none; background-color:#FFFFFF; }

.ManagedServicesNavigation                                                                                      { width:150px; background-color:#E69043; border-color:#FFFFFF; border-width:1px; border-style:solid; color:#000000; padding: 1px; margin:0; clear:both; position:absolute; z-index:200; left:150px; top:86px; font-size:9pt; line-height:20px; visibility:hidden; }
.ManagedServicesNavigation ul                                                                                   { list-style: none; padding: 0; margin: 0; }
.ManagedServicesNavigation li                                                                                   { border-bottom:solid 1px #E07E25; }
.ManagedServicesNavigation a                                                                                    { width:142px; display:block; padding: 0 4px 1px 4px; }
.ManagedServicesNavigation a:link, .ManagedServicesNavigation a:visited, .ManagedServicesNavigation a:active    { font-family: Arial, Helvetica, sans-serif; font-weight: normal; font-size: 9pt; text-transform: none; color: #FFFFFF; font-style: normal; font-variant: normal; text-decoration: none; }
.ManagedServicesNavigation a:hover                                                                              { font-family: Arial, Helvetica, sans-serif; font-weight: normal; font-size: 9pt; text-transform: none; color: #000000; font-style: normal; font-variant: normal; text-decoration:none; background-color:#FFFFFF; }

.ConsultancyNavigation                                                                              { width:150px; background-color:#E69043; border-color:#FFFFFF; border-width:1px; border-style:solid; color:#000000; padding: 1px; margin:0; clear:both; position:absolute; z-index:200; left:150px; top:128px; font-size:9pt; line-height:20px; visibility:hidden; }
.ConsultancyNavigation ul                                                                           { list-style: none; padding: 0; margin: 0; }
.ConsultancyNavigation li                                                                           { border-bottom:solid 1px #E07E25; }
.ConsultancyNavigation a                                                                            { width:142px; display:block; padding: 0 4px 1px 4px; }
.ConsultancyNavigation a:link, .ConsultancyNavigation a:visited, .ConsultancyNavigation a:active    { font-family: Arial, Helvetica, sans-serif; font-weight: normal; font-size: 9pt; text-transform: none; color: #FFFFFF; font-style: normal; font-variant: normal; text-decoration: none; }
.ConsultancyNavigation a:hover                                                                      { font-family: Arial, Helvetica, sans-serif; font-weight: normal; font-size: 9pt; text-transform: none; color: #000000; font-style: normal; font-variant: normal; text-decoration:none; background-color:#FFFFFF; }

.SystemsManagementNavigation                                                                                        { width:150px; background-color:#A6CA4E; border-color:#FFFFFF; border-width:1px; border-style:solid; color:#000000; padding: 1px; margin:0; clear:both; position:absolute; z-index:200; left:150px; top:65px; font-size:9pt; line-height:20px; visibility:hidden; }
.SystemsManagementNavigation ul                                                                                     { list-style: none; padding: 0; margin: 0; }
.SystemsManagementNavigation a                                                                                      { width:142px; display:block; padding: 0 4px 1px 4px; }
.SystemsManagementNavigation a:link, .SystemsManagementNavigation a:visited, .SystemsManagementNavigation a:active  { font-family: Arial, Helvetica, sans-serif; font-weight: normal; font-size: 9pt; text-transform: none; color: #FFFFFF; font-style: normal; font-variant: normal; text-decoration: none; }
.SystemsManagementNavigation a:hover                                                                                { font-family: Arial, Helvetica, sans-serif; font-weight: normal; font-size: 9pt; text-transform: none; color: #000000; font-style: normal; font-variant: normal; text-decoration:none; background-color:#FFFFFF; }

.CharityCaseStudiesNavigation                                                                                        { width:150px; background-color:#A6CA4E; border-color:#FFFFFF; border-width:1px; border-style:solid; color:#000000; padding: 1px; margin:0; clear:both; position:absolute; z-index:200; left:150px; top:213px; font-size:9pt; line-height:20px; visibility:hidden; }
.CharityCaseStudiesNavigation ul                                                                                     { list-style: none; padding: 0; margin: 0; }
.CharityCaseStudiesNavigation li                                                                                   { border-bottom:solid 1px #81AE34; }
.CharityCaseStudiesNavigation a                                                                                      { width:142px; display:block; padding: 0 4px 1px 4px; }
.CharityCaseStudiesNavigation a:link, .CharityCaseStudiesNavigation a:visited, .CharityCaseStudiesNavigation a:active  { font-family: Arial, Helvetica, sans-serif; font-weight: normal; font-size: 9pt; text-transform: none; color: #FFFFFF; font-style: normal; font-variant: normal; text-decoration: none; }
.CharityCaseStudiesNavigation a:hover                                                                               { font-family: Arial, Helvetica, sans-serif; font-weight: normal; font-size: 9pt; text-transform: none; color: #000000; font-style: normal; font-variant: normal; text-decoration:none; background-color:#FFFFFF; }     

.CharityNewslettersNavigation                                                                                        { width:150px; background-color:#A6CA4E; border-color:#FFFFFF; border-width:1px; border-style:solid; color:#000000; padding: 1px; margin:0; clear:both; position:absolute; z-index:200; left:150px; top:234px; font-size:9pt; line-height:20px; visibility:hidden; }
.CharityNewslettersNavigation ul                                                                                     { list-style: none; padding: 0; margin: 0; }
.CharityNewslettersNavigation li                                                                                   { border-bottom:solid 1px #81AE34; }
.CharityNewslettersNavigation a                                                                                      { width:142px; display:block; padding: 0 4px 1px 4px; }
.CharityNewslettersNavigation a:link, .CharityNewslettersNavigation a:visited, .CharityNewslettersNavigation a:active  { font-family: Arial, Helvetica, sans-serif; font-weight: normal; font-size: 9pt; text-transform: none; color: #FFFFFF; font-style: normal; font-variant: normal; text-decoration: none; }
.CharityNewslettersNavigation a:hover                                                                               { font-family: Arial, Helvetica, sans-serif; font-weight: normal; font-size: 9pt; text-transform: none; color: #000000; font-style: normal; font-variant: normal; text-decoration:none; background-color:#FFFFFF; }     

.RetailNewslettersNavigation                                                                                        { width:150px; background-color:#B63A3A; border-color:#FFFFFF; border-width:1px; border-style:solid; color:#000000; padding: 1px; margin:0; clear:both; position:absolute; z-index:200; left:150px; top:191px; font-size:9pt; line-height:20px; visibility:hidden; }
.RetailNewslettersNavigation ul                                                                                     { list-style: none; padding: 0; margin: 0; }
.RetailNewslettersNavigation li                                                                                   { border-bottom:solid 1px #A72F30; }
.RetailNewslettersNavigation a                                                                                      { width:142px; display:block; padding: 0 4px 1px 4px; }
.RetailNewslettersNavigation a:link, .RetailNewslettersNavigation a:visited, .RetailNewslettersNavigation a:active  { font-family: Arial, Helvetica, sans-serif; font-weight: normal; font-size: 9pt; text-transform: none; color: #FFFFFF; font-style: normal; font-variant: normal; text-decoration: none; }
.RetailNewslettersNavigation a:hover                                                                               { font-family: Arial, Helvetica, sans-serif; font-weight: normal; font-size: 9pt; text-transform: none; color: #000000; font-style: normal; font-variant: normal; text-decoration:none; background-color:#FFFFFF; }     

.SupportNewslettersNavigation                                                                                        { width:150px; background-color:#E69043; border-color:#FFFFFF; border-width:1px; border-style:solid; color:#000000; padding: 1px; margin:0; clear:both; position:absolute; z-index:200; left:150px; top:170px; font-size:9pt; line-height:20px; visibility:hidden; }
.SupportNewslettersNavigation ul                                                                                     { list-style: none; padding: 0; margin: 0; }
.SupportNewslettersNavigation li                                                                                   { border-bottom:solid 1px #DD7D26; }
.SupportNewslettersNavigation a                                                                                      { width:142px; display:block; padding: 0 4px 1px 4px; }
.SupportNewslettersNavigation a:link, .SupportNewslettersNavigation a:visited, .SupportNewslettersNavigation a:active  { font-family: Arial, Helvetica, sans-serif; font-weight: normal; font-size: 9pt; text-transform: none; color: #FFFFFF; font-style: normal; font-variant: normal; text-decoration: none; }
.SupportNewslettersNavigation a:hover                                                                               { font-family: Arial, Helvetica, sans-serif; font-weight: normal; font-size: 9pt; text-transform: none; color: #000000; font-style: normal; font-variant: normal; text-decoration:none; background-color:#FFFFFF; }     

.NetworkingNavigation                                                                          { width:150px; background-color:#33BDCA; border-color:#FFFFFF; border-width:1px; border-style:solid; color:#000000; padding: 1px; margin:0; clear:both; position:absolute; z-index:200; left:150px; top:128px; font-size:9pt; line-height:20px; visibility:hidden; }
.NetworkingNavigation ul                                                                       { list-style: none; padding: 0; margin: 0; }
.NetworkingNavigation a                                                                        { width:142px; display:block; padding: 0 4px 1px 4px; }
.NetworkingNavigation a:link, .NetworkingNavigation a:visited, .NetworkingNavigation a:active  { font-family: Arial, Helvetica, sans-serif; font-weight: normal; font-size: 9pt; text-transform: none; color: #FFFFFF; font-style: normal; font-variant: normal; text-decoration: none; }
.NetworkingNavigation a:hover                                                                  { font-family: Arial, Helvetica, sans-serif; font-weight: normal; font-size: 9pt; text-transform: none; color: #000000; font-style: normal; font-variant: normal; text-decoration:none; background-color:#FFFFFF; }

.ServersStorageNavigation                                                                                   { width:150px; background-color:#33BDCA; border-color:#FFFFFF; border-width:1px; border-style:solid; color:#000000; padding: 1px; margin:0; clear:both; position:absolute; z-index:200; left:150px; top:65px; font-size:9pt; line-height:20px; visibility:hidden; }
.ServersStorageNavigation ul                                                                                { list-style: none; padding: 0; margin: 0; }
.ServersStorageNavigation a                                                                                 { width:142px; display:block; padding: 0 4px 1px 4px; }
.ServersStorageNavigation a:link, .ServersStorageNavigation a:visited, .ServersStorageNavigation a:active   { font-family: Arial, Helvetica, sans-serif; font-weight: normal; font-size: 9pt; text-transform: none; color: #FFFFFF; font-style: normal; font-variant: normal; text-decoration: none; }
.ServersStorageNavigation a:hover                                                                           { font-family: Arial, Helvetica, sans-serif; font-weight: normal; font-size: 9pt; text-transform: none; color: #000000; font-style: normal; font-variant: normal; text-decoration:none; background-color:#FFFFFF; }

/* Paging ---------------- */

a.Next:link img, a.Next:visited img, a.Next:active img {background: url("images/PagingButtons/NextUp.jpg") no-repeat;}
a.Next:hover img {background: url("images/PagingButtons/NextDown.jpg") no-repeat;}

a.NextTen:link img, a.NextTen:visited img, a.NextTen:active img {background: url("images/PagingButtons/NextTenUp.jpg") no-repeat;}
a.NextTen:hover img {background: url("images/PagingButtons/NextTenDown.jpg") no-repeat;}

a.Last:link img, a.Last:visited img, a.Last:active img {background: url("images/PagingButtons/LastUp.jpg") no-repeat;}
a.Last:hover img {background: url("images/PagingButtons/LastDown.jpg") no-repeat;}

a.First:link img, a.First:visited img, a.First:active img {background: url("images/PagingButtons/FirstUp.jpg") no-repeat;}
a.First:hover img {background: url("images/PagingButtons/FirstDown.jpg") no-repeat;}

a.Previous:link img, a.Previous:visited img, a.Previous:active img {background: url("images/PagingButtons/PreviousUp.jpg") no-repeat;}
a.Previous:hover img {background: url("images/PagingButtons/PreviousDown.jpg") no-repeat;}

a.PreviousTen:link img, a.PreviousTen:visited img, a.PreviousTen:active img {background: url("images/PagingButtons/PreviousTenUp.jpg") no-repeat;}
a.PreviousTen:hover img {background: url("images/PagingButtons/PreviousTenDown.jpg") no-repeat;}

/* ----------------------- */

/* azurridirect Product Category styles -------- */

.CatImage2       { padding:0; margin:0; vertical-align:baseline; border-right: solid 17px #FFFFFF; border-top: solid 10px #FFFFFF; }
.CatImage1       { padding:0; margin:0; vertical-align:baseline; border-top: solid 10px #FFFFFF; }
/*164883*/
.CatName2        { background-color: #3E3E3E; text-align:left; vertical-align:top; margin: 0; padding: 2px; border-top: solid 2px #FFFFFF; border-right: solid 17px #FFFFFF; }
.CatName1        { background-color: #3E3E3E; text-align:left; vertical-align:top; margin: 0; padding: 2px; border-top: solid 2px #FFFFFF; }

.CatEditUpdate2  { background-color: #164883; text-align:left; vertical-align:top; padding: 2px; border-top: solid 1px #FFFFFF; border-right: solid 17px #FFFFFF; margin: 0; }
.CatEditUpdate1  { background-color: #164883; text-align:left; vertical-align:top; padding: 2px; border-top: solid 1px #FFFFFF; margin: 0; }

.SubCatName2        { background-color: #FFFFFF; text-align:left; vertical-align:bottom; margin: 0; padding: 2px; border-right: solid 13px #FFFFFF; border-bottom: solid 1px #3E3E3E; }
.SubCatName1       { background-color: #FFFFFF; text-align:left; vertical-align:bottom; margin: 0; padding: 2px; border-bottom: solid 1px #3E3E3E; }

.CatImageSpacer { padding:0; margin:0; vertical-align:baseline; border-top: solid 10px #FFFFFF; }
.CatNameSpacer  { text-align:left; vertical-align:top; margin: 0; padding: 2px; border-top: solid 2px #FFFFFF; }
.CatEditSpacer  { text-align:left; vertical-align:top; padding: 2px; border-top: solid 1px #FFFFFF; margin: 0; }

/* --------------------------------------------- */

.TR1Products { background-color: #FFFFFF; text-align:left; vertical-align:top;}
.TR2Products { height:18px; background-color: #FFFFFF; text-align:left; vertical-align:top;}

.TRNewsPressReleases { height:30px; background-color: #FFFFFF; text-align:left; vertical-align:top;}


.SearchBar
{
    font-family: Arial, Helvetica, sans-serif;
    font-weight: normal;
    font-size: 9pt;
    text-transform: none;
    color: #FFFFFF;
    font-style: normal;
    font-variant: normal;
    text-decoration: none;
    background-color: #30AFC2;
    /*A80D11*/
    width:690px;
    height:22px;
    
    margin: 10px 0 5px 0;
    
    padding: 2px 5px 2px 5px;
    position: relative;
}
.SearchBarAdmin
{
    font-family: Arial, Helvetica, sans-serif;
    font-weight: normal;
    font-size: 9pt;
    text-transform: none;
    color: #FFFFFF;
    font-style: normal;
    font-variant: normal;
    text-decoration: none;
    background-color: #164883;
    /**/
    width:690px;
    height:22px;
    
    margin: 10px 0 5px 0;
    
    padding: 2px 5px 2px 5px;
    position: relative;
}
.SearchBar2
{
    font-family: Arial, Helvetica, sans-serif;
    font-weight: normal;
    font-size: 9pt;
    text-transform: none;
    color: #FFFFFF;
    font-style: normal;
    font-variant: normal;
    text-decoration: none;
    background-color: #A80D11;
            
    width:693px;
    height:20px;
    
    margin: 10px  0 0 0;
    
    padding: 2px 5px 2px 2px;
}
.SearchBar ul, .SearchBarAdmin ul { list-style: none; padding:0; margin:0; position:absolute; top:2px; right:0; }
.SearchBar li, .SearchBarAdmin li { float:left; margin:0; padding: 0 5px 0 0;  }

.ProductPaging
{
    font-family: Arial, Helvetica, sans-serif;
    font-weight: normal;
    font-size: 9pt;
    text-transform: none;
    color: #FFFFFF;
    font-style: normal;
    font-variant: normal;
    text-decoration: none;
    background-color: #3E3E3E;
    float:left;
    
    width:696px;
    
    margin: 0;
    
    padding: 2px;
    height: 18px;
}
.ProductPaging ul li a:link, .ProductPaging ul li a:visited, .ProductPaging ul li a:active    { font-family: Arial, Helvetica, sans-serif; font-weight: normal; font-size: 9pt; text-transform: none; color: #FFFFFF; font-style: normal; font-variant: normal; text-decoration: none; }
.ProductPaging ul li a:hover                                                      { font-family: Arial, Helvetica, sans-serif; font-weight: normal; font-size: 9pt; text-transform: none; color: #FFFFFF; font-style: normal; font-variant: normal; text-decoration: underline; }


.SortProductResults
{
    font-family: Arial, Helvetica, sans-serif;
    font-weight: normal;
    font-size: 9pt;
    text-transform: none;
    color: #FFFFFF;
    font-style: normal;
    font-variant: normal;
    text-decoration: none;
    background-color: #3E3E3E;
    
    width:690px;
    height: 20px;
    
    margin: 10px 0 0px 0;
    padding: 2px 5px 2px 5px;
    
    position:relative;
}
.SortProductResults ul { list-style: none; padding:0; margin:0; }
.SortProductResults li { float:left; margin:0; text-align:left; }
.SortProductResults ul li a:link, .SortProductResults ul li a:visited, .SortProductResults ul li a:active    { font-family: Arial, Helvetica, sans-serif; font-weight: normal; font-size: 9pt; text-transform: none; color: #FFFFFF; font-style: normal; font-variant: normal; text-decoration: none; }
.SortProductResults ul li a:hover                                                      { font-family: Arial, Helvetica, sans-serif; font-weight: normal; font-size: 9pt; text-transform: none; color: #FFFFFF; font-style: normal; font-variant: normal; text-decoration: underline; }

.NewsLine        { background-color: #FFFFFF; text-align:left; vertical-align:middle; margin:0 0 0 0; padding: 2px; border-bottom: solid 1px #164883; }
.NewsLine2       { background-color: #FFFFFF; text-align:left; vertical-align:middle; margin:0 0 0 0; padding: 10px 2px 10px 2px; border-bottom: solid 1px #164883; }
.AdminNewsLine   { background-color: #FFFFFF; vertical-align:top; margin:0 0 0 0; padding: 4px 0px 2px 0px; border-bottom: solid 1px #000000; }

.SubHeader
{
    width:690px;
    height:18px;
    background-color: #124682;
    
    padding: 2px 5px 2px 5px;
    margin:0;
    
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    font-size: 9pt;
    text-transform: none;
    color: #FFFFFF;
    font-style: normal;
    font-variant: normal;
    text-decoration: none;
    
    position:relative;
}

/*main*/


.AdminBox
{
    background-image: url(images/AdminBox.jpg);
    
    /*top:10px;
    left:10px;*/
    width: 210px;
    height: 530px;
    /*margin: 0 0 0 10px;*/
    display:inline; 
    margin:10px 10px 0px 10px; 
    
    position:relative;
    
    padding:0px; 
    border:0px; 
    position:relative; 
    float:left; 
    text-align:left;
    /*position:relative;
    float:left;
    width: 210px;
    height: 530px;
    margin: 0 0 0 10px;
    display:inline;*/

    
    font-family: Arial, Helvetica, sans-serif;
    font-weight: normal;
    font-size: 8.5pt;
    text-transform: none;
    color: #FFFFFF;
    font-style: normal;
    font-variant: normal;
    text-decoration: none;
    
}
.AdminMain
{
    /*position:relative;
    top:10px;
    left:230px;
    z-index:0;
    margin-top:10px;
    margin-left:230px;
    width: 700px;
    margin-left:10px;*/

    float:left;
    
    width:700px; 
    display:inline; 
    margin:10px 10px 0px 0px; 
    padding:0px; 
    border:0px; 
    position:relative; 
    float:left; 
    text-align:left;
}

.AdminSubHeader
{
    width:690px;
    height:18px;
    background-color: #124682;
    padding:  3px 5px 2px 5px;
    
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    font-size: 9pt;
    text-transform: none;
    color: #FFFFFF;
    font-style: normal;
    font-variant: normal;
    text-decoration: none;
    
}
.GeneralHeader {  width:700px; font-family: Arial, Helvetica, sans-serif; font-weight: bold; font-size: 9pt; text-transform: none; color: #FFFFFF; font-style: normal; font-variant: normal; text-decoration: none; height:18px; padding-top:2px; background-color: #124682; }
.GeneralHeader ul { list-style: none; padding:0; margin:0; }
.GeneralHeader li { float:left; margin:0; height:18px; text-align:left; }

.GeneralHeader2 {  margin-bottom:5px; width:700px; font-family: Arial, Helvetica, sans-serif; font-weight: bold; font-size: 9pt; text-transform: none; color: #000000; font-style: normal; font-variant: normal; text-decoration: none; height:18px; padding-top:2px; background-color: #FFFFFF; }
.GeneralHeader2 ul { list-style: none; padding:0; margin:0; }
.GeneralHeader2 li { float:left; margin:0; height:18px; text-align:left; }
.GeneralHeader2 select { font:Arial; font-size:8.5pt; }

/* Admin News/Press Release Form -------------------- */

.NewsPressReleaseForm                                                                               { width:700px; float:left; margin: 0 0 5px 0; }
.NewsPressReleaseFormLbl                                                                            { width:150px; float:left; text-align:left; margin: 0 5px 5px 0; }
.NewsPressReleaseFormFields                                                                         { width:540px; float:left; text-align:left; margin: 0 5px 5px 0; }
.NewsPressReleaseFormFields textarea                                                                { width:280px; margin: 0 5px 0 0; }
.NewsPressReleaseLbl span, .NewsPressReleaseFormFields input, .NewsPressReleaseFormFields textarea  { font-family: Arial, Helvetica, sans-serif; font-weight: normal; font-size: 9pt; text-transform: none; color: #000000; font-style: normal; font-variant: normal; text-decoration: none; }
.NewsPressReleaseFormButtons        { width:700px; padding-left:155px; float:left; margin: 5px 0 0 0; }
.NewsPressReleaseFormButtons input  { float:left; margin: 0 3px 5px 0; }

/* --------------------------------- */

/* Admin Users Form --------------------------------- */
.UserForm                                                                               { width:700px; float:left; margin: 0 0 5px 0; }
.UserFormLbl                                                                            { width:150px; float:left; text-align:left; margin: 0 5px 5px 0; }
.UserFormFields                                                                         { width:540px; float:left; text-align:left; margin: 0 5px 5px 0; }
.UserFormFields textarea                                                                { width:280px; margin: 0 5px 0 0; }
.UserLbl span, .UserFormFields input, .UserFormFields textarea  { font-family: Arial, Helvetica, sans-serif; font-weight: normal; font-size: 9pt; text-transform: none; color: #000000; font-style: normal; font-variant: normal; text-decoration: none; }
.UserFormButtons        { width:700px; padding-left:155px; float:left; margin: 5px 0 0 0; }
.UserFormButtons input  { float:left; margin: 0 3px 5px 0; }
/* -------------------------------------------------- */

.LoginHeader
{
	background-image: url(images/LoginHeader.jpg);
	width: 500px;
	height: 155px;
	position: relative;
	text-align: center;
}
.LoginContainer
{
    background-image: url(images/LoginMain.jpg);
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 25px;
    padding-bottom:5px; /*Must set this, or you will get a white space*/
    width: 480px;
    height:106px;
    text-align: left;
    vertical-align: top;
    margin: 0px;
    
}
.LoginWrapper
{
    margin: 0px auto;
    width:480px;
    text-align:center;
}
.LoginBottom
{
	background-image: url(images/LoginBottom.jpg);
	background-repeat: no-repeat;
	width: 500px;
	height: 13px;
}
.LoginFooter
{
	background-image: url(images/LoginFooter.jpg);
	background-repeat: no-repeat;
	width: 500px;
	height: 30px;
	position: relative;
}
.LoginTitle
{
    position: absolute;
	top:114px;
	left:26px;
	
	font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    font-size: 9pt;
    text-transform: none;
    color: #FFFFFF;
    font-style: normal;
    font-variant: normal;
    text-decoration: none;
}
.LoginDate
{
    position: absolute;
	top:114px;
	right:21px;
	
	font-family: Arial, Helvetica, sans-serif;
    font-weight: normal;
    font-size: 9pt;
    text-transform: none;
    color: #FFFFFF;
    font-style: normal;
    font-variant: normal;
    text-decoration: none;
}
.LoginClock
{
    position: absolute;
	top:34px;
	right:23px;
}

.LoginFormDesc  { width:165px; float:left; text-align:right; margin: 0 5px 5px 0; }
.LoginFormField { width:310px; float:left; text-align:left; margin: 0 0 5px 0; }
.LoginFormField input 
{
    font-family: Arial, Helvetica, sans-serif;
    font-weight: normal;
    font-size: 9pt;
    text-transform: none;
    color: #000000;
    font-style: normal;
    font-variant: normal;
    text-decoration: none;
}
.LoginFormButton { width:310px; padding-left:170px; float:left;}
.LoginFormButton input 
{
    font-family: Arial, Helvetica, sans-serif;
    font-weight: normal;
    font-size: 9pt;
    text-transform: none;
    color: #000000;
    font-style: normal;
    font-variant: normal;
    text-decoration: none;
}
.LoginErrorMessage
{
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    font-size: 9pt;
    text-transform: none;
    color: #A72F30;
    font-style: normal;
    font-variant: normal;
    text-decoration: none;

    text-align:center;
    height:18px;
    
    width:480px;
    margin: 5px 0 5px 0;
}
.Name
{
    position: absolute;
	top:114px;
	left:26px;
	
	font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    font-size: 9pt;
    text-transform: none;
    color: #FFFFFF;
    font-style: normal;
    font-variant: normal;
    text-decoration: none;
}
.Logout
{
    position: absolute;
	top:114px;
	right:29px;
}
.Logout a, .Logout a:visited, .Logout a:active
{
	font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    font-size: 9pt;
    text-transform: none;
    color: #FFFFFF;
    font-style: normal;
    font-variant: normal;
    text-decoration: none;
}
.Logout a:hover
{
    font-family: Arial, Helvetica, sans-serif;
    font-weight: Bold;
    font-size: 9pt;
    text-transform: none;
    color: #FFFFFF;
    font-style: normal;
    font-variant: normal;
    text-decoration:underline;
}

/* Category Add / Edit / Update form fields ------------------------------ */

.CatFormDesc  { width:165px;  float:left; text-align:right; margin: 0 5px 5px 10px; padding-top: 4px; }
.CatFormField { width:501px; height:22px; float:left; text-align:left; margin: 0 0 5px 0; }
.CatFormField2 { width:501px; height:22px; float:left; text-align:left; margin: 0 0 5px 0; padding-top: 4px; }

.CatFormField input 
{
    font-family: Arial, Helvetica, sans-serif;
    font-weight: normal;
    font-size: 9pt;
    text-transform: none;
    color: #000000;
    font-style: normal;
    font-variant: normal;
    text-decoration: none;
}

/* ----------------------------------------------------------------------- */

.GeneralTb, .DivWysiwyg
{
    position:relative;
    width:700px;
    margin: 0;
}
/*.TableProducts TD { border-bottom: solid 1px #164883; }*/

.SearchTextField
{
    font-family: Arial, Helvetica, sans-serif;
    font-weight: normal;
    font-size: 8.5pt;
    text-transform: none;
    color: #000000;
    font-style: normal;
    font-variant: normal;
    text-decoration: none;
    vertical-align:baseline;
    height:13px;
    width:150px;
}
.DivSearchText
{
    position:absolute; right:180px; padding: 3px 0 0 0;
}
.DivSearchTextBox
{
    position:absolute;
    right:21px;
}
.DivSearchImageButton
{
    position:absolute; bottom:0; right:0;
}
.LoaderTransparant
{
    position:absolute;
    z-index:100; 
    top:62px; 
    left:0;
    
    width:700px; 
    height:460px;
    
    padding:0;
    margin:0;
    background-color:#FFFFFF;
    
    text-align:center; 
    
    filter:alpha(opacity=50); 
    opacity:0.5; 
    -moz-opacity:0.5; 
    -khtml-opacity:0.5; 
    
    color:#000000;
    visibility:hidden;
}
.LoaderBox
{
    background-color:#FFFFFF;
    padding:10px 10px 5px 10px;
    width:130px;
    height:38px;
    border: solid 1px #00559F;
    
    position:absolute;
    z-index:110; 
    top:105px; 
    left:250px;
    visibility:hidden;
}
.LoaderImage
{
     float:left;
     margin:0 10px 0 0;
}
.LoaderText
{
    float:left;
    font-size:10pt;
    font-weight:bold;
    height:24px;
    padding:8px 0 0 0;
}


/* Style for Client and Partner Logos on Clients.aspx */
.Client { position:relative; width:132px; float:left; margin:0px 10px 10px 0px; }
.ClientImage { width:130px; height:130px; border:solid 1px #124682; position:relative; float:left; }
.ClientText { background-color:#124682; width:128px; margin:1px 0px 0px 0px; padding:2px; text-align:center; display:inline; position:relative; float:left; color:#FFFFFF; }

/* Style for Charity Client Logos on azurriCharity.aspx */
.Client_azurriCharity { position:relative; width:132px; float:left; margin:0px 10px 10px 0px; }
.ClientImage_azurriCharity { width:130px; height:130px; border:solid 1px #124682; position:relative; float:left; }
.ClientText_azurriCharity { background-color:#124682; width:128px; height:31px; margin:1px 0px 0px 0px; padding:2px; text-align:center; display:inline; position:relative; float:left; color:#FFFFFF; }