html { background:url(/images/backgrounds/main.gif) #cccccc repeat-x; font-family: Arial, Helvetica, sans-serif; font-size:11px;}

body { background:url(/images/backgrounds/header.gif) no-repeat top center;}

#wrap { width:950px; margin:auto; }

#header { height:116px;}
#header h1 { margin-left:-13px; float:left;}
#header h1 a { background:url(/images/logo.gif) no-repeat; width:227px; height:116px; display:block; text-indent:-99999px; overflow:hidden;}

#header ul.top-nav { float:right; margin-top:20px;}	
#header ul.top-nav li a { display:block; width:70px; height:18px; text-indent:-99999px; overflow:hidden;}
#header ul.top-nav li.login a { background:url(/images/buttons/login.gif) no-repeat; margin-bottom:12px;}
#header ul.top-nav li.live-chat a { background:url(/images/buttons/live-chat.gif) no-repeat;}

#header ul.main-nav { float:right; margin-top:16px; clear:right;}
#header ul.main-nav li { float:left; margin-left:10px;}
#header ul.main-nav li a { color:#ffffff; text-decoration:none; padding:4px; display:block;}
#header ul.main-nav li a.active { background:url(/images/backgrounds/main-nav-dropdown.png);}
#header ul.main-nav li ul { display:none; position:absolute; z-index:1000; background:url(/images/backgrounds/main-nav-dropdown.png); padding:5px 0px;}
#header ul.main-nav li ul li { float:none; margin-left:5px; margin-right:5px; }
#header ul.main-nav li ul li a { padding-left:9px;}
#header ul.main-nav li ul li a:hover { background:#5580d7; text-decoration:none;}
#header ul.main-nav li ul li.section-title a { font-weight:bold; padding-left:4px;}

#header ul.main-nav li:hover { background:url(/images/backgrounds/main-nav-dropdown.png);}
#header ul.main-nav li:hover ul { display:block;}

#content { overflow:hidden;}
#content .content-header { height:105px;}
#content .content-header h2 { display:none;}
#content .content-header p { display:none;}
body.managed-hosting #content .content-header { background:url(/images/content-headers/managed-hosting.png) no-repeat 7px 0px; }
body.managed-services #content .content-header { background:url(/images/content-headers/managed-services.png) no-repeat 7px 0px; }
body.why-vi #content .content-header { background:url(/images/content-headers/why-vi.png) no-repeat 7px 0px; }
body.cloud-hosting #content .content-header { background:url(/images/content-headers/cloud-hosting.png) no-repeat 7px 0px; }
body.messaging-collaboration #content .content-header { background:url(/images/content-headers/messaging-collaboration.png) no-repeat 7px 0px; }
body.support #content .content-header { background:url(/images/content-headers/support.png) no-repeat 7px 0px; }
body.contact #content .content-header { background:url(/images/content-headers/contact-vi.png) no-repeat 7px 0px; }

#content .page-content { overflow:hidden;}
#content .page-content h1 { margin:15px 0px; font-size:180%; line-height:150%; color:#676265; }
#content .page-content h2 { margin:15px 0px; font-size:180%; line-height:150%; color:#676265; }
#content .page-content h3 { margin:15px 0px; font-size:150%; line-height:150%; color:#676265; }
#content .page-content h4 { margin:15px 0px; font-size:120%; line-height:150%; color:#676265; }
#content .page-content h5 { margin:15px 0px; font-size:120%; line-height:150%; color:#676265; }
#content .page-content p { margin:15px 0px; color:#676265; line-height:150%;}
#content .page-content ul { margin:10px 0px; color:#676265;}
#content .page-content ul li { }
#content .page-content table { margin:15px 0px; color:#676265;}
#content .page-content a { color:#103876; text-decoration:none; }
#content .page-content a:hover { text-decoration:underline; }
#content .page-content b { font-weight:bold;}
#content .page-content strong { font-weight:bold;}
#content .page-content .red-text { color:#ff0000;}
#content .page-content .float-left { float:left;}

#content .page-content img.float-left { margin:0px 10px 10px 17px; }

#content .page-content .left-col { width:200px; float:left; background:url(/images/backgrounds/vertical-divide.png) no-repeat top right; min-height:400px; }
#content .page-content .left-col h2 { color:#ffffff; background:url(/images/backgrounds/side-nav-title.png) no-repeat; border-bottom:none; padding:7px 7px 5px 10px; margin:20px 0px 0px 0px; line-height:100%; font-size:130%;}
#content .page-content .left-col ul.side-nav { padding:10px;}
#content .page-content .left-col ul.side-nav li a { padding:6px 5px 4px 5px; padding-left:30px; color:#676265; display:block; text-decoration:none; height:14px;}
#content .page-content .left-col ul.side-nav li a:hover { text-decoration:underline; }
#content .page-content .left-col ul.side-nav li.section-title a { font-weight:bold; padding-left:23px; }
#content .page-content .left-col ul.side-nav li a.active { background-image:url(/images/backgrounds/side-nav-active.png); background-repeat:no-repeat; background-position:0px 0px; }
#content .page-content .left-col ul.side-nav li.section-title a.active { }

#content .page-content .left-col .contact-details { background:url(/images/backgrounds/contact-details-left-col.png) repeat-y; overflow:hidden; margin-left:10px; }
#content .page-content .left-col .contact-details p { color:#ffffff; font-size:120%; margin:0px; padding:5px 10px; background:url(/images/backgrounds/white-border.png) no-repeat left bottom;}
#content .page-content .left-col .contact-details strong { display:block; color:#4d4d4d; font-size:130%;}
#content .page-content .left-col .contact-details strong a { color:#4d4d4d;}
#content .page-content .left-col img { margin:15px; margin-top:20px; margin-left:25px; margin-bottom:0px;}
#content .page-content .left-col a.data-centre-tour { background:url(/images/backgrounds/data-centre-tour-button.png) no-repeat; width:186px; height:55px; display:block; text-indent:-99999px; overflow:hidden; margin-left:10px; }
#content .page-content .left-col a.vi-control-panel { background:url(/images/backgrounds/vi-control-panel-button.png) no-repeat; width:186px; height:56px; display:block; text-indent:-99999px; overflow:hidden; margin-left:10px; }


#content .page-content .right-col { padding-left:20px; padding-bottom:20px; float:left; width:730px;}
#content .page-content .right-col h1 { background:url(/images/icons/side-nav-bullet.png) no-repeat 0px 7px; padding-left:25px;}
#content .page-content .right-col h2 { background:url(/images/icons/side-nav-bullet.png) no-repeat 0px 7px; padding-left:25px;}
#content .page-content .right-col h3 { margin-left:25px; clear:both; }
#content .page-content .right-col h4 { margin-left:25px; clear:both;}
#content .page-content .right-col h5 { margin-left:25px; }
#content .page-content .right-col hr { clear:both; width:805px;}
#content .page-content .right-col p { margin-left:25px;}
#content .page-content .right-col .pdf-icon { background:url(/images/icons/pdf.png) no-repeat center left; padding-left:30px; padding-top:7px; padding-bottom:4px; display:inline-block;} 
#content .page-content .right-col .request-quote { background-image:url(/images/buttons/button-sprite.png); background-repeat:no-repeat; background-position:-425px -20px; width:100px; height:18px; text-indent:-999999px; overflow:hidden; display:inline-block;}
#content .page-content .right-col .request-quote-red { background-position:-425px -76px;}
#content .page-content .right-col .request-quote-green { background-position:-425px -104px;}
#content .page-content .right-col .request-quote-blue { background-position:-425px -132px;}
#content .page-content .right-col .request-quote:hover { background-position:-425px -48px;}

#content .page-content .right-col .configure-buy { background-image:url(/images/buttons/button-sprite.png); background-repeat:no-repeat; background-position:-535px -20px; width:107px; height:18px; text-indent:-999999px; overflow:hidden; display:inline-block;}
#content .page-content .right-col .configure-buy-red { background-position:-535px -76px;}
#content .page-content .right-col .configure-buy-green { background-position:-535px -104px;}
#content .page-content .right-col .configure-buy-blue { background-position:-535px -132px;}
#content .page-content .right-col .configure-buy:hover { background-position:-535px -48px;}

#content .page-content .right-col .contact-sales { margin-bottom:-4px; background-image:url(/images/buttons/button-sprite.png); background-repeat:no-repeat; background-position:-652px -20px; width:94px; height:18px; text-indent:-999999px; overflow:hidden; display:inline-block;}
#content .page-content .right-col .contact-sales-red { background-position:-652px -76px;}
#content .page-content .right-col .contact-sales-green { background-position:-652px -104px;}
#content .page-content .right-col .contact-sales-blue { background-position:-652px -132px;}
#content .page-content .right-col .contact-sales:hover { background-position:-652px -48px;}

#content .page-content .right-col .more-info { margin-bottom:-6px; background-image:url(/images/buttons/button-sprite.png); background-repeat:no-repeat; background-position:-756px -20px; width:77px; height:18px; text-indent:-999999px; overflow:hidden; display:inline-block;}
#content .page-content .right-col .more-info-red { background-position:-756px -76px;}
#content .page-content .right-col .more-info-green { background-position:-756px -104px;}
#content .page-content .right-col .more-info-blue { background-position:-756px -132px;}
#content .page-content .right-col .more-info:hover { background-position:-756px -48px;}

#content .page-content .right-col .details-link { margin-bottom:-5px; margin-left:4px; background-image:url(/images/buttons/button-sprite.png); background-repeat:no-repeat; background-position:-843px -20px; width:67px; height:18px; text-indent:-999999px; overflow:hidden; display:inline-block;}
#content .page-content .right-col .details-link-red { background-position:-843px -76px;}
#content .page-content .right-col .details-link-green { background-position:-843px -104px;}
#content .page-content .right-col .details-link-blue { background-position:-843px -132px;}
#content .page-content .right-col .details-link:hover { background-position:-843px -48px;}

#content .page-content .right-col ul { margin-left:25px; overflow:hidden;}
#content .page-content .right-col ul.half-width { float:left; width:325px; margin-top:0px;}
#content .page-content .right-col ul li { background:url(/images/icons/arrow.gif) no-repeat 0px 2px; padding-left:15px; margin:5px 0px;}
#content .page-content .right-col ul.three-cols li { float:left; width:210px;}
#content .page-content .right-col ul.partner-logos { margin-left:65px;}
#content .page-content .right-col ul.partner-logos li { padding:0px; float:left; background:none; margin-left:30px; }
#content .page-content .right-col ul.partner-logos li.microsoft { margin-top:6px;}
#content .page-content .right-col ul.partner-logos li.cisco { margin-top:25px;}
#content .page-content .right-col table { margin-left:25px; margin-right:25px; width:705px; }
#content .page-content .right-col table tr td { padding:5px; border:1px solid #b3b3b3; border-top:none;}
#content .page-content .right-col table tr.even td { background:#ecebeb;}
#content .page-content .right-col table tr th { padding:5px; border:1px solid #b3b3b3; font-weight:bold; border-top:none;}
#content .page-content .right-col table tr.even th { background:#ecebeb;}
#content .page-content .right-col table tr .no-border { border:none;}
#content .page-content .right-col table tr td ul { margin-left:5px;}

#content .page-content .right-col .grey-top-border { margin-left:17px; ; height:33px; }
#content .page-content .right-col .white-box { background:#ffffff; margin-left:25px; overflow:hidden;}
#content .page-content .right-col .white-box table { width:663px; margin:25px; background:url(/images/backgrounds/grey-top-border.gif) no-repeat top center;}
#content .page-content .right-col .white-box table thead td { padding:9px 5px; color:#ffffff; font-weight:bold; }
#content .page-content .right-col .white-box table tr td ul { margin:0px 10px;}
#content .page-content .right-col .white-box table tr td .yes-tick { display:inline-block; text-indent:-99999px; background:url(/images/icons/green-tick.jpg) no-repeat; width:24px; height:26px; }
#content .page-content .right-col .white-box table tr td.text-centre { text-align:center;}
#content .page-content .right-col .white-box h2 { margin-right:25px;}
#content .page-content .right-col .white-box h3 { margin-right:25px; clear:none;}
#content .page-content .right-col .white-box h4 { margin-right:25px;}
#content .page-content .right-col .white-box h5 { margin-right:25px;}
#content .page-content .right-col .white-box p { margin-right:25px;}
#content .page-content .right-col .white-box p.half-width { float:left; width:40%; display:block; clear:none; margin-right:0px; margin-top:0px; padding:0px;}
#content .page-content .right-col .white-box ul { margin-right:25px;}
#content .page-content .right-col .white-box img.float-left { margin-top:17px; margin-bottom:15px; }

#content .page-content .right-col .white-box .dedicated-server { overflow:hidden;}
#content .page-content .right-col .white-box .dedicated-server h3 { border-bottom:1px solid #8f8f8f; width:300px; float:left;}
#content .page-content .right-col .white-box .dedicated-server ul { float:right; width:160px; margin-top:-10px;}
#content .page-content .right-col .white-box .dedicated-server ul li { background:none; padding-left:0px; margin:2px 0px;}
#content .page-content .right-col .white-box .dedicated-server p { float:left; width:440px; margin-top:0px; }
#content .page-content .right-col .white-box .dedicated-server p.contact-link { float:left; color:#000000; font-weight:bold; width:160px; margin-top:-35px; margin-bottom:0px;}
#content .page-content .right-col .white-box .dedicated-server p.upgrade-options a { background:url(/images/icons/down-arrow.png) no-repeat; padding-left:20px; padding-top:1px; color:#a73333; }
#content .page-content .right-col .white-box .dedicated-server .upgrade-box { display:none;}
#content .page-content .right-col .white-box .dedicated-server dl.upgrade-options { float:none; overflow:hidden; color:#676265; clear:both; width:auto; margin-bottom:16px; margin-top:0px; margin-left:25px;}
#content .page-content .right-col .white-box .dedicated-server dl.upgrade-options dt { float:left; clear:left; width:115px; font-weight:bold; margin-bottom:4px; text-align:right; margin-right:10px;}
#content .page-content .right-col .white-box .dedicated-server dl.upgrade-options dd { float:left; width:500px; margin-bottom:6px;}

#content .page-content .right-col .bottom-shadow { margin-left:25px; background:url(/images/backgrounds/bottom-shadow.png) no-repeat top center; height:33px;}

#content .page-content .right-col .white-box.form { }
#content .page-content .right-col .white-box.form table { background:none;}
#content .page-content .right-col .white-box.form table thead td {  }
#content .page-content .right-col .white-box.form table tr td { padding:5px; border:1px solid #b3b3b3;}
#content .page-content .right-col .white-box.form table tr td ul {  }
#content .page-content .right-col .white-box.form table tr td table { width:600px;}
#content .page-content .right-col .white-box.form table tr td.textarea p { margin:20px; margin-bottom:0px;}
#content .page-content .right-col .white-box.form table tr td.no-top-margin p { margin:0px 20px;}
#content .page-content .right-col .white-box.form table tr td textarea { margin:20px; margin-top:10px; width:602px;}
#content .page-content .right-col .white-box.form table tr td .red { color:#ff0000;}

#content .page-content .right-col .grey-box-top { background:url(/images/backgrounds/grey-box-top.gif) no-repeat; height:2px; margin-left:17px; margin-top:15px;}
#content .page-content .right-col .grey-box { background:url(/images/backgrounds/grey-box-repeat.gif) repeat-y; overflow:hidden; margin-left:17px; margin-bottom:15px; border-bottom:1px solid #797979; color:#ffffff;}
#content .page-content .right-col .grey-box h2 { color:#ffffff; }
#content .page-content .right-col .grey-box h3 { color:#ffffff; }
#content .page-content .right-col .grey-box h4 { color:#ffffff; }
#content .page-content .right-col .grey-box h5 { color:#ffffff; }
#content .page-content .right-col .grey-box li { color:#ffffff; }
#content .page-content .right-col .grey-box p { color:#ffffff; margin-right:25px; }
#content .page-content .right-col .grey-box ul.half-width { margin-top:10px;}
#content .page-content .right-col .grey-box img.float-left { margin-top:17px;}
#content .page-content .right-col .grey-box table { width:665px; }
#content .page-content .right-col .grey-box table tr td { border:1px solid #ffffff; color:#ffffff;}
#content .page-content .right-col .grey-box table tr th { border:1px solid #ffffff; color:#ffffff; text-align:right; width:70px;}

#content .page-content .right-col .grey-box table.no-border tr td { border:none; color:#ffffff;}
#content .page-content .right-col .grey-box table.no-border tr th { border:none; color:#ffffff; text-align:right; width:70px;}

#content .page-content .right-col .half-width-box { width:50%; float:left;}
#content .page-content .right-col .align-centre { text-align:center;}
#content .page-content .right-col .box-row { clear:both;}

#content .page-content .right-col .tour { width:380px; margin:auto;}

#content .page-content .right-col ul.at-glance li { background:none; padding:0px; float:left; width:206px; height:270px; margin-left:15px; text-align:center; }
#content .page-content .right-col ul.at-glance li h4 { padding:3px 10px 0px 10px; margin:5px 0px; text-align:center; background:#666666; color:#ffffff;}
#content .page-content .right-col ul.at-glance li p { padding:0px; margin:5px 10px; text-align:left;}

/* Homepage Styles */

#home #content .content-header { height:214px; width:949px; }
#home #content .content-header .header-wrap { position:absolute; z-index:10; height:214px; width:949px; overflow:hidden;}
#home #content .content-header .header-wrap div { position:relative; display:none; height:214px; width:949px;}
#home #content .content-header .header-wrap div .item-number { display:none;}
#home #content .content-header .header-wrap div.active {}
#home #content .content-header .header-1 {background:url(/images/content-headers/header-1.jpg) no-repeat; }
#home #content .content-header .header-2 {background:url(/images/content-headers/header-2.jpg) no-repeat; }
#home #content .content-header .header-3 {background:url(/images/content-headers/header-3.jpg) no-repeat; }
#home #content .content-header ul.header-nav { position:absolute; margin-top:190px; margin-left:10px; z-index:20;}
#home #content .content-header ul.header-nav li { float:left; margin-right:10px;}
#home #content .content-header ul.header-nav li a { color:#676265; text-decoration:none; text-indent:-999999px; height:18px; overflow:hidden; display:block; background-image:url(/images/buttons/button-sprite.png); background-repeat:no-repeat;}
#home #content .content-header ul.header-nav li .item-number { display:none;}
#home #content .content-header ul.header-nav li.header-link-1 a { background-position:-43px -20px; width:107px;}
#home #content .content-header ul.header-nav li.header-link-1 a:hover { background-position:-43px -48px; }
#home #content .content-header ul.header-nav li.header-link-1.active a { background-position:-43px -48px; }
#home #content .content-header ul.header-nav li.header-link-2 a { background-position:-160px -20px; width:112px;}
#home #content .content-header ul.header-nav li.header-link-2 a:hover { background-position:-160px -48px; }
#home #content .content-header ul.header-nav li.header-link-2.active a { background-position:-160px -48px; }
#home #content .content-header ul.header-nav li.header-link-3 a { background-position:-282px -20px; width:133px;}
#home #content .content-header ul.header-nav li.header-link-3 a:hover { background-position:-282px -48px; }
#home #content .content-header ul.header-nav li.header-link-3.active a { background-position:-282px -48px; }

#home #content .page-content { background:url(/images/backgrounds/home-content-header-bottom.gif) no-repeat; min-height:100px; padding-top:20px; overflow:hidden; margin-bottom:20px;}

#home #content .page-content .info-box-row { background:url(/images/backgrounds/divide-full.gif) no-repeat center bottom; overflow:hidden; padding-bottom:10px; margin-bottom:20px;}

#home #content .page-content .half-width-box { width:50%; float:left; overflow:hidden;}
#home #content .page-content .half-width-box h4 { font-size:150%; margin:15px 10px; color:#676265;}
#home #content .page-content .half-width-box p { margin:0px 70px 0px 10px; color:#676265; line-height:150%; padding:0pc;}
#home #content .page-content .half-width-box p.read-more { float:right; margin-top:0px;}
#home #content .page-content .half-width-box p.read-more.left { margin-top:16px;}
#home #content .page-content .half-width-box p.read-more a { display:block; width:60px; height:18px; text-indent:-99999px; overflow:hidden; background-image:url(/images/buttons/more-button-sprite.gif); background-repeat:no-repeat; background-position:-20px -20px;}
#home #content .page-content .half-width-box p.read-more a:hover { background-position:-20px -58px;}

#home #content .page-content .third-width-box { width:287px; background:url(/images/backgrounds/small-box-bottom.png) no-repeat bottom; margin-right:44px; margin-bottom:15px; float:left; overflow:hidden; padding-bottom:26px; }
#home #content .page-content .third-width-box .background { background:#ffffff; overflow:hidden; height:170px;}
#home #content .page-content .third-width-box.end { border-right:none; margin-right:0px;}
#home #content .page-content .third-width-box h4 { font-size:120%; margin:0px 0px; color:#ffffff; background-repeat:no-repeat; padding:7px 0px 5px 40px;}
#home #content .page-content .third-width-box p { line-height:150%; margin:5px 20px 5px 20px; color:#676265; padding:0px;}
#home #content .page-content .third-width-box ul { margin:5px 20px 5px 40px;}
#home #content .page-content .third-width-box ul li { margin:5px 0px 0px 0px; color:#676265; list-style:disc;}
#home #content .page-content .third-width-box p.read-more { float:right; margin-top:0px;}
#home #content .page-content .third-width-box p.read-more a { display:block; width:60px; height:18px; text-indent:-99999px; overflow:hidden; background-image:url(/images/buttons/more-button-sprite.gif); background-position:-20px -20px;}
#home #content .page-content .third-width-box p.read-more a:hover { background-position:-20px -58px}


#home #content .page-content .third-width-box.red h4 {  background-image:url(/images/backgrounds/red-box-title.jpg); }
#home #content .page-content .third-width-box.green h4 {  background-image:url(/images/backgrounds/green-box-title.jpg);}
#home #content .page-content .third-width-box.blue h4 { background-image:url(/images/backgrounds/blue-box-title.jpg);}
#home #content .page-content .third-width-box.blue p.read-more { margin-top:49px;}

#content .footer { clear:both; overflow:hidden; background: url(/images/backgrounds/divide-full.gif) no-repeat scroll center top; padding-top:20px;}
#home #content .footer { background:none; padding-top:0px;}
#content .footer ul { overflow:hidden; float:right; margin:0px;}
#content .footer ul li { float:left; margin-left:10px; background:none; padding:0px;}
#content .footer ul li a { color:#676265; text-decoration:none;}
#content .footer ul li a:hover { text-decoration:underline;}
#content .footer ul.footer-logos { float:left;  }
#content .footer ul.footer-logos li { margin-right:12px;}
#content .footer p { float:right; clear:right; color:#676265; margin-top:5px;}

/* I.E 6 Specific Styles */
* html #header ul.main-nav li ul li { width:180px;}
* html #content { height:1%; }
* html #content .page-content { height:1%;}
* html #content .page-content .right-col .white-box { height:1%; width:713px; margin-left:17px;}
* html #content .page-content .right-col .white-box h3 { margin-left:10px;}
* html #content .page-content .right-col .white-box h4 { margin-left:10px;}
* html #content .page-content .right-col .white-box p { margin-left:10px;}
* html #content .page-content .right-col .white-box .dedicated-server p.upgrade-options { padding-bottom:10px;}
* html #content .page-content .right-col .white-box table tr td .configure-buy { display:block;}
* html #content .page-content .right-col .white-box table tr td .request-quote { display:block;}
* html #content .page-content .right-col .grey-box { height:1%; width:713px;}
* html #content .page-content .right-col .grey-box-top { margin-bottom:-12px;}
* html #content .page-content .right-col .grey-box { height:1%;}
* html #content .page-content .right-col ul.half-width { margin-left:10px; float:left; width:325px; margin-top:0px;}
* html #home #content .page-content .info-box-row { height:1%;}
* html #content .page-content .right-col .half-width-box { width:49%;}
* html #content .footer p { width:200px; text-align:right;}

/* I.E 7 Specific Styles */
* + html #content .page-content .right-col .white-box .dedicated-server p.upgrade-options { padding-bottom:10px;}
* + html #content .page-content .right-col .white-box .dedicated-server dl.upgrade-options { margin-top:-10px; }
* + html #content .page-content .right-col .white-box table tr td .configure-buy { display:block;}
* + html #content .page-content .right-col .white-box table tr td .request-quote { display:block;}
* + html #content .page-content .right-col .half-width-box { width:49%;}
* + html #content .footer p { width:200px; text-align:right;}