/* CSS Document */

.prop
{
    height: 140px;
    float: right;
    width: 1px;
}

.clear
{
    clear: both;
    height: 1px;
    overflow: hidden;
}


/* slightly enhanced, universal clearfix hack */

.clearfix:after
{
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
}

.clearfix
{
    display: inline;
}

/* start commented backslash hack \*/

* html .clearfix
{
    height: 1%;
}

.clearfix
{
    display: block;
}

/* stop commented backslash hack */

html
{
    font-size: 100%;
}

body
{
    font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif; /*	font-size: 62.5%;*/
    font-size: 1em;
    background-color: #FFFFFF;
    margin: 0px;
    padding: 0px;
    text-align: center;
    color: #989898;
    height: 100%;
}
form
{
    padding: 0;
    margin: 0;
}
img
{
    border: 0;
}
p
{
    font-size: 0.819em;
    text-align: left;
    margin: 0;
    padding: 0 0 1em 0;
    color: #666666;
    line-height: 1.2em;
}

form
{
    padding: 0;
    margin: 0;
}

.bodytext
{
    color: #000;
}
h1
{
    font-size: 1.5em;
    text-align: left;
    font-weight: normal;
    color: #244a84;
    background: url(../../assets/large-link-icon.png) no-repeat top left;
    padding: 8px 0 10px 50px;
    margin-left: 0px;
    border-bottom: 0;
}
h1.products
{
}
h2, h3
{
    font-size: 18px;
    text-align: left;
    font-weight: normal;
    color: #244a84;
    padding: 8px 0 5px 0;
    margin: 0;
}
h2
{
    background: url(../../assets/large-link-icon.png) no-repeat top left;
    width: 400px;
    height: 28px;
}
h2 a
{
    padding: 10px 0 10px 50px;
}
h2 a:link, h2 a:visited
{
    color: #244a84;
}
h2 a:hover, h2 a:active
{
    color: #6c7f9c;
}
h1.grey
{
    background: url(../../assets/large-link-icon-grey.png) no-repeat top left;
    color: #666666;
    position: static;
    font-size: 1.5em;
    text-align: left;
    font-weight: normal;
    padding: 8px 0 10px 50px;
    margin: 0 0 10px 0px;
}
h3
{
    background: url(../../assets/medium-link-icon.png) no-repeat top left;
    color: #666666;
    margin: 0 0 10px 0;
    padding: 0 0 0 25px;
}
h3.full-page-underline
{
    border-bottom: 1px solid #999999;
    padding-bottom: 5px;
    width: 640px;
}
h3.content-page-underline
{
    border-bottom: 1px solid #999999;
    padding-bottom: 5px;
    width: 458px;
}
h3 a:link, h3 a:visited
{
    color: #666666;
}
h3 a:hover, h3 a:active
{
    color: #999999;
}
a:link, a:visited
{
    color: #e87403;
    text-decoration: none;
}
a:hover, a:active
{
    color: #e19142;
    text-decoration: none;
}

/*--------------------------------------------------------IDs------------------------------------------------------*/
/*------------------------------------------------------General----------------------------------------------------*/

#header-top-blue-line-bg
{
    background-color: #244a84;
    height: 5px;
    width: 100%;
}
#header-top-bg
{
    background: url(../../assets/headerTopBG.jpg) bottom repeat-x #f0f0f0;
    width: 100%;
    height: 4.5em;
}
#header-inner
{
    position: relative;
    width: 960px;
    margin: 0 auto 0 auto;
    height: 100%;
    background: url(../../assets/logo-top.jpg) left bottom no-repeat;
}
#menuHome
{
    width: 42px;
}
#search-bar
{
    float: right;
    padding: 5px 19px 5px 5px;
    margin: 0;
    font-weight: bold;
}
#search-bar #searchInput
{
    width: 275px;
    float: left;
    height: 25px;
    padding: 0;
    margin-top: 2px;
    background: url(../../assets/searchBG.gif) no-repeat top right;
}
#search-bar #searchInput input
{
    border: 0;
    width: 100px;
    height: 18px;
    padding: 2px 0 2px 10px;
    margin: 0;
    background-color: transparent;
}
#search-bar #goButton
{
    float: left;
    padding: 0 0 0 2px;
    height: 20px;
    margin-top: 2px;
}
#header-inner ul
{
    position: absolute;
    list-style: none;
    bottom: 0;
    right: 0;
    padding: 0 0 5px 0;
    margin: 0;
    width: 645px;
}
#header-inner ul li
{
    float: left;
    padding-right: 5px;
    font-size: 0.9em;
    font-weight: bold;
}
#header-inner ul li a:link, #header-inner ul li a:visited
{
    color: #244a84;
}
#header-inner ul li a:hover, #header-inner ul li a:active
{
    color: #6c7f9c;
    text-decoration: none;
}
#header-inner ul li.selected a:link, #header-inner ul li.selected a:visited, #header-inner ul li.selected a:hover, #header-inner ul li.selected a:active
{
    color: #fb820c;
    text-decoration: none;
}

/*-------------------------------------------------------HOME-----------------------------------------------------*/
#home-banner-area-outer
{
    width: 100%;
    background: url(../../assets/home-banner-bg.jpg) top repeat-x;
}
#home-banner-area-inner
{
    width: 960px;
    margin: 0 auto 0 auto;
    padding: 0;
    height: 202px;
    background: url(../../assets/home-header-no-flash.jpg) no-repeat top;
}
#home-banner-area-inner-flash
{
}

#home-featured-area-outer
{
    width: 100%;
    background: url(../../assets/home-featured-area-outer-bg.jpg) repeat-x bottom;
}
#home-featured-area-inner1, #home-featured-area-inner2
{
    width: 960px;
    margin: 0 auto 0 auto;
    background: url(../../assets/home-featured-area-inner1-bg.jpg) repeat-y center;
}
#home-featured-area-inner2
{
    background: url(../../assets/home-featured-area-inner2-bg.jpg) no-repeat bottom center;
}
#featured-infrastructure-home, #featured-services-home
{
    width: 480px; /*height:16em;*/
    background: url(../../assets/infrastuctureIcon.png) no-repeat top left;
    float: left;
    position: relative;
    padding-bottom: 20px;
}
#featured-services-home
{
    background: url(../../assets/servicesIcon.png) no-repeat top left;
}
#home-featured-area-shadow
{
    width: 960px;
    margin: 0 auto 0 auto;
    background: url(../../assets/home-featured-area-shadow.jpg) no-repeat top left;
    height: 20px;
}
#featured-product-area
{
    width: 920px;
    margin: 0 auto 0 auto;
    background: url(../../assets/featured-product-bg.jpg) repeat-x bottom left;
    margin-bottom: 20px;
}
#home-sections-area
{
    width: 920px;
    margin: 0 auto 0 auto;
    margin-bottom: 20px;
    background: url(../../assets/grey-section-outer-bg.jpg) repeat-x bottom left;
}

/*----------------------------------------------------GENERIC SUB PAGES-------------------------------------------------------*/
#sub-page-banner-area-outer
{
    width: 100%;
}
#sub-page-banner-area-inner
{
    width: 960px;
    margin: 0 auto 0 auto;
    padding: 0;
    height: 122px;
}
#sub-page-banner-area-inner-flash
{
}
#sub-page-blue-strip
{
    width: 100%;
    height: 30px;
    background: url(../../assets/top-bar-bg.jpg) repeat-x top;
    overflow: hidden;
    background-color: #65a9ce;
}
#sub-page-featured-area
{
    text-align: left;
    width: 880px;
    margin: 0 auto 0 auto;
    background: url(../../assets/main-titlebar-bg.jpg) repeat-x bottom center;
    background-color: #d8eaf4;
    position: relative;
    padding: 0 20px 5px 20px;
}
#sub-page-featured-area .main-link
{
    padding-bottom: 10px;
}
#sub-page-featured-area img
{
    float: left;
    border: #a2d6eb 4px solid;
    margin: 0 20px 20px 0;
    padding: 0;
}
#sub-page-featured-area p
{
    color: #244a84;
    width: 650px;
    margin: 0 0 15px 0;
    padding: 0;
}
#sub-page-content-holder
{
    width: 940px;
    margin: 0 auto 0 auto;
    padding-left: 20px;
}
#sub-page-no-nav-left-holder
{
    width: 708px;
    float: left;
    padding: 0;
    margin: 0;
}
#sub-page-right-holder
{
    width: 210px;
    float: right;
    padding-left: 20px;
}
#secondary-nav
{
    float: left;
    width: 140px;
    border-top: #999999 4px solid;
    background-color: #f2f2f2;
    margin-right: 20px;
    padding: 5px 20px 10px 20px;
}
#secondary-nav ul
{
    text-align: left;
    list-style: none;
    padding: 0;
    margin: 0;
}
#secondary-nav ul li
{
    border-bottom: 1px solid #999999;
    display: block;
    font-weight: bold;
    padding: 5px 0 5px 0;
}
#secondary-nav ul li.bottom
{
    border-bottom: none;
}
#content-page-body-content
{
    text-align: left;
    width: 468px;
    border-top: #999999 4px solid;
    float: left;
    margin: 0px 0px 00px 0px; /*padding:0 20px 20px 18px;*/
    padding: 10px 20px 2px 20px;
    background: url(../../assets/grey-section-plain-bg.jpg) repeat-x bottom;
}
#breadcrumb
{
    width: 920px;
    margin: 0 auto 0 auto;
    padding: 9px 0 0 40px;
}
#breadcrumb p
{
    color: #FFFFFF;
    font-size: 0.75em;
}
#breadcrumb p a:link, #breadcrumb p a:visited
{
    color: #bbe1f6;
    text-decoration: underline;
}
#breadcrumb p a:active, #breadcrumb p a:hover
{
    color: #d5ebf7;
    text-decoration: none;
}
#footer-area-outer
{
    width: 100%;
    background: url(../../assets/footer-outer-bg.jpg) repeat-x top;
}
#footer-area
{
    width: 920px;
    height: 71px;
    margin: 0 auto 0 auto;
    border-top: #999999 4px solid;
    padding: 0;
}
#sub-footer-area
{
    width: 920px;
    height: 10em;
    margin: 0 auto 0 auto;
    background: url(../../assets/sub-footer-bg.jpg) no-repeat top;
    padding: 0;
}
#footer-area img
{
    float: left;
}
/*----------------------------------------------------PRODUCT SECTION-------------------------------------------------------*/
#products-featured-area-inner2
{
    width: 920px;
    margin: 0 auto 0 auto;
    background: url(../../assets/home-featured-area-inner2-bg.jpg) no-repeat bottom center;
    padding-bottom: 5px;
    padding-left: 40px;
}
#product-page-body-content
{
    text-align: left;
    width: 668px;
    border-top: #999999 4px solid;
    float: left;
    margin: 0 0 20px 0; /*padding:0 20px 20px 18px;*/
    padding: 10px 20px 20px 20px;
    background: url(../../assets/grey-section-plain-bg.jpg) repeat-x bottom;
}
#product-page-body-content img, #content-page-body-content img
{
    float: right;
    border: #cccccc 4px solid;
    margin: 0 0 20px 20px;
    padding: 0;
}
#featured-infrastructure-products, #featured-services-products
{
    width: 430px;
    float: left;
    position: relative;
    padding-left: 0px;
    margin-right: 37px;
    text-align: left;
}
#featured-services-products
{
    margin-right: 0px;
}
#icon-infrastructure, #icon-services, #icon-vertical
{
    position: absolute;
    right: 20px;
    top: -15px;
    width: 195px;
    height: 150px;
    background: url(../../assets/infrastuctureIcon-sub.png) no-repeat top right;
}
#icon-services
{
    background: url(../../assets/servicesIcon-sub.png) no-repeat top right;
}
#icon-vertical
{
    background: url(../../assets/verticalIcon-sub.png) no-repeat top right;
    top: 10px;
    height: 200px;
}
#products-bottom-panel
{
    text-align: left;
    position: relative;
    border-top: #999999 4px solid;
    width: 880px;
    padding: 0 20px 20px 20px;
    margin: 0 auto 0 auto;
    background: url(../../assets/grey-section-plain-bg.jpg) repeat-x bottom left;
    margin-bottom: 20px;
}
#products-text-area
{
    width: 920px;
    margin: 0 auto 0 auto;
    background: url(../../assets/products-text-bg.jpg) repeat-x bottom left;
    padding-bottom: 20px;
    margin-bottom: 20px;
}
#products-text-area-right
{
    width: 415px;
    padding-left: 25px;
}
#products-text-area-left, #products-text-area-right
{
    width: 420px;
    float: left;
    margin-bottom: 20px;
    padding: 0 20px 0px 20px;
}
#products-bottom-panel-area-left
{
    padding: 0;
    float: left;
    margin-bottom: 20px;
    width: 650px;
}

.intro-text-panel
{
    width: 40%;
    border: 2px black solid;
}

/*-------------------------------------------------------SUPPORT----------------------------------------------------*/
#support-webmail
{
    background: #ededed url(../../assets/support-bg-webmail.jpg) no-repeat left;
}
#support-tools
{
    background: #ededed url(../../assets/support-bg-tools.jpg) no-repeat left;
}
#support-ticket
{
    background: #ededed url(../../assets/support-bg-ticket.jpg) no-repeat left;
}
#support-knowledgebase
{
    background: #ededed url(../../assets/support-bg-knowledgebase.jpg) no-repeat left;
}
#support-network-graphing
{
    background: #ededed url(../../assets/support-bg-graph-n.jpg) no-repeat left;
}
#support-hosting-graphing
{
    background: #ededed url(../../assets/support-bg-graph-h.jpg) no-repeat left;
}
#support-billing
{
    background: #ededed url(../../assets/support-bg-billing.jpg) no-repeat left;
}
#support-phones
{
    background: #ededed url(../../assets/support-bg-phone.jpg) no-repeat left;
}
/*-------------------------------------------------------CLASSES----------------------------------------------------*/

.featured-product
{
    text-align: left;
    border-top: #65abd2 4px solid;
    width: 420px;
    float: left;
    padding: 0 20px 20px 20px;
}
.featured-product p
{
    padding: 10px 0 10px 0;
    font-size: 0.819em;
    color: #244a84;
}
.featured-product img
{
    border: 4px solid #c0deee;
    float: left;
    margin: 0 20px 0 0;
}

.main-link, .module-link
{
    padding: 0;
    font-weight: bold;
    text-align: left;
    font-size: 0.945em;
}
.module-link
{
    font-size: 1em;
    width: 148px; /*padding:8px 0 8px 0px;*/
    padding: 4px 0 4px 0px;
    border-bottom: 1px solid #b4c1d5;
}
.module-link-bottom
{
    border-bottom: none;
}
.main-link a:link, .main-link a:visited, .module-link a:link, .module-link a:visited
{
    background: none;
    color: #e87403;
    background: url(../../assets/small-link-line.gif) repeat-y;
    line-height: 90%;
    margin-top: 4px;
    margin-bottom: 4px;
    display: inline-block;
    border: 0px;
}
.main-link a:hover, .main-link a:active, .module-link a:hover, .module-link a:active
{
    color: #e19142;
}
.section-area
{
    text-align: left;
    border-top: #999999 4px solid;
    width: 190px;
    float: left; /*padding:0 20px 20px 18px;*/
    padding: 10px 20px 20px 20px;
    height: 100%;
}

.section-area-home
{
    text-align: left;
    border-top: #999999 4px solid;
    width: 230px;
    float: left; /*padding:0 20px 20px 18px;*/
    padding: 10px 0px 20px 0px;
    height: 100%;
}

.section-area-home img
{
    border: #cccccc 4px solid; /*margin:0 5px 0 0;*/
    margin-left: -4px;
    padding: 0;
}
.section-area-home p
{
    color: #666666;
    margin-bottom: 10px;    
}

.section-area img
{
    border: #cccccc 4px solid; /*margin:0 5px 0 0;*/
    margin-left: -4px;
    padding: 0;
}
.section-area p
{
    color: #666666;
}


.section-area p.leading-text
{
    font-weight: bold;
}
.home-featured-main-link-infrastructure, .home-featured-main-link-services
{
    position: absolute; /*top:8.8em;*/
    bottom: 0;
    left: 60px;
    width: 390px;
/*    margin-bottom: 20px;*/
}
.home-featured-main-link-services
{
    left: 50px;
}
.products-main-link
{
    font-size: 1.4em;
    padding: 0 0 0 0;
}

.home-featured-main-link-infrastructure p, .home-featured-main-link-services p
{
    color: #244a84;
    font-size: 16px;
    line-height: 1.0em;
    padding: 0 0 5px 0;
    margin: 0;
}
.featured-links
{
    padding: 5px 35px 25px 0;
    float: right;
    width: 230px;
}
.featured-links p
{
    color: #244a84;
}
.pdf-link
{
    background: url(../../assets/pdf-icon.gif) no-repeat;
    padding-left: 20px;
}
.pdf-link a:link, .pdf-link a:visited
{
    text-decoration: underline;
}
.pdf-link a:hover, .pdf-link a:active
{
    text-decoration: none;
}
.header-products
{
    background: url(../../assets/header-products-no-flash.jpg) no-repeat top;
}
.product-intro-text
{
    width: 200px;
    float: left;
}
.product-intro-text p
{
    color: #244a84;
}
.leading-text
{
    font-size: 1em;
}

.content-item-text-short
{
    margin-left: 140px;
    font-size: 0.9em;
}

.content-item-text-long
{
    margin-left: 210px;
    font-size: 0.9em;
}

.content-item-long
{
    text-align: left;
    width: 670px;
    border-top: #999999 4px solid;
    padding: 10px 20px 20px 20px;
    background: url(../../assets/grey-section-plain-bg.jpg) repeat-x bottom left;
    margin-bottom: 20px;
    font-size: 12px;
}
.content-item-long h3
{
    width: 600px;
}
.content-item-long img
{
    border: #cccccc 4px solid;
    margin: 3px 20px 0 0;
    padding: 0;
    float: left;
}
.content-item-short
{
    text-align: left;
    border-top: #999999 4px solid;
    width: 196px;
    float: left; /*padding:0 20px 20px 18px;*/
    padding: 10px 20px 20px 20px;
    font-size: 14px;
}
.content-item-short img
{
    border: #cccccc 4px solid;
    margin: 0 20px 0 0;
    padding: 0; /*margin:0 5px 0 0;*/
    margin: 0;
}
.content-item-short p.leading-text
{
    font-weight: bold;
}
.rhs-module
{
    text-align: left;
    width: 150px;
    border-top: #244a84 4px solid;
    padding: 10px 18px 18px 18px;
    background: url(../../assets/dark-blue-bg.jpg) repeat-x bottom left;
    margin-bottom: 20px;
    float: left;
}
.rhs-module h3
{
    font-size: 1em;
    line-height: 1em;
    font-weight: bold;
    width: 135px;
    color: #244a84;
    padding: 2px 0 0 25px;
    margin: 0;
}
.rhs-module h3 a:link, .rhs-module h3 a:visited
{
    width: 125px;
    padding: 0;
    color: #e87403;
}
.rhs-module h3 a:hover, .rhs-module h3 a:active
{
    color: #e19142;
}
.rhs-module p
{
    color: #244a84;
    padding: 10px 0 0 0;
}
.content-item-short-row-holder
{
    margin: 0 auto 0 auto;
    background: url(../../assets/content-item-short-bg.jpg) repeat-x bottom left;
    float: left;
}
.content-item-short-spacer
{
    height: 20px;
    width: 600px;
    float: left;
}
.text-panel, .support-panel
{
    margin: 0 auto 0 auto;
    padding: 20px 20px 10px 20px;
    background-color: #ededed;
    margin-bottom: 20px;
}
.support-panel
{
    padding: 12px 0 0 60px;
}
.support-panel-small-tick, .support-panel-small-excl
{
    width: 76px;
    float: left;
    margin-bottom: 20px;
    padding: 10px;
    height: 120px;
}
.support-panel-small-tick
{
    background: #ededed url(../../assets/support-tick-bg.jpg) no-repeat 33% 80%;
}
.support-panel-small-excl
{
    background: #ededed url(../../assets/support-excl-bg.jpg) no-repeat 33% 80%;
}
.support-small-spacer
{
    width: 18px;
    height: 20px;
    float: left;
}
.blue-title
{
    font-size: 1em;
    color: #65abd2;
    font-weight: bold;
    padding-bottom: 2px;
}
.blue-support-title, .orange-support-title, .green-support-title
{
    font-size: 1.2em;
    color: #65abd2;
    font-weight: bold;
}
.blue-support-title-small
{
    font-size: 1em;
    color: #65abd2;
    font-weight: bold;
}
.orange-support-title
{
    color: #FF6600;
}
.green-support-title
{
    color: #00CC00;
}
.support-text
{
    padding-left: 20px;
}
.bold
{
    font-weight: bold;
}
.item-category
{
    font-size: 0.8em;
    color: #65abd2;
    padding-left: 5px;
}
.hr
{
    border-bottom: 1px solid #999999;
    width: 100%;
    height: 0em;
    padding: 0em;
    float: left;
    margin-bottom: 1em;
    overflow: hidden;
}
.footer-text, .footer-text-right
{
    width: 500px;
    float: left;
    font-size: 0.9em;
    padding: 20px 20px 0 20px;
}
.footer-text-right
{
    width: 250px;
    float: right;
}
.footer-text p, .footer-text-right p
{
    color: #244a84;
    line-height: 1.5em;
    padding-bottom: 5px;
}
.footer-text-right p
{
    text-align: right;
    color: #999999;
}

.footer-text-right a:link, .footer-text-right a:visited, .footer-text-right a.komodo:link, .footer-text-right a.komodo:visited
{
    text-decoration: underline;
}
.footer-text-right a:active, .footer-text-right a:hover, .footer-text-right a.komodo:active, .footer-text-right a.komodo:hover
{
    text-decoration: none;
}
.footer-text-right a.komodo:link, .footer-text-right a.komodo:visited
{
    color: #a70b0b;
}
.footer-text-right a.komodo:active, .footer-text-right a.komodo:hover
{
    color: #b04d4d;
}

div#product-page-body-content table tbody tr td img.no-border.no-border{
	border:0;
    float: right;
    margin: 0 0 20px 20px;
    padding: 0;
}


/*Add By Freetimers for SEO
 **********************************************************************************************************/
#products-featured-area-inner2 h2.products{
    font-size: 1.5em;
    text-align: left;
    font-weight: normal;
    color: #244a84;
    background: url(../../assets/large-link-icon.png) no-repeat top left;
    padding: 8px 0 10px 50px;
    margin-left: 0px;
    border-bottom: 0;
	width:200px;
}

#ft-title{font-size:11px;text-align:left;font-weight:normal;color:#999;padding:2px 0;margin:0 0 0 -460px;position:absolute;left:50%;width:920px;display:block;text-align:right;background:none;}
.clear{clear:both;display:block;overflow:hidden;visibility:hidden;width:0;height:0}
.spacer{clear:both;display:block;overflow:hidden;visibility:hidden;width:0;height:5px}

/*Two Column*/
.content-left,.content-right{width:324px;float:left;display:inline-block;margin:0 20px 10px 0;}
.content-right{margin:0 0 10px 0;}

/*Enquiry Forms*/
.enquiry-form{width:254px;height:auto;margin:0 auto;border:#cad3d8 1px solid;background: #ddf0f7 url(../../assets/form_header.png) no-repeat top center;padding:180px 20px 10px 20px;font-size:11px;text-align:left;}
.enquiry-form label{width:96px;float:left;color:#525657;font-weight:bold;display:block;padding:0 4px 4px 0;}
.enquiry-form label em{float:right;}
.enquiry-form input[type="text"]{width:140px;float:left;color:#525657;padding:5px;background-color:#fff;border:#cad3d8 1px solid;margin:0 0 5px 0;float:left;font-size:11px;}
.enquiry-form textarea{width:140px;float:left;color:#525657;padding:5px;background-color:#fff;border:#cad3d8 1px solid;margin:0 0 5px 0;float:left;font-size:11px;font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;}
.enquiry-form select{width:140px;float:left;color:#525657;padding:5px;background-color:#fff;border:#cad3d8 1px solid;margin:0 0 5px 0;float:left;font-size:11px;}
.enquiry-form .cmd_quote{width:254px;height:56px;border:0;padding:0;margin:0;background:transparent url(../../assets/cmdQuote.png) no-repeat 0 0;cursor:pointer;}
.enquiry-form .cmd_quote:hover{background-position:0 -56px;}
label.error {  width: 100%; float: left; float: none; color: red;  vertical-align: top; }