/* Screen */
body, html {margin:0; padding:0;}
body {text-align:center; background:#3e3e3e}

#skypedetectionswf,#ajxanalyticsframe {position:absolute;top:-9999px;left:-9999px;}
#wBG {background:#fff url(body.png) repeat-x 0px 0px; min-width:990px}

hr {display:none;}
hr.show, .showHR hr {display:block;}
.showHR hr.hide  {display:none;}
.hrbigspace hr {margin:30px 0;}

.fourcol {width:23%; float:left; margin:0 1%}
.subBannerContent .fourcol {width:22%;}
.threecol, .threecolmiddle {width:31%; float:left; margin:0 0 0 2%;}
.twocol {width:48%; float:left; margin:0 0 0 1%;}

.twentyfive {width:22.5%; margin:0 1%; float:left;}
.fifty {width:48%; margin:0 0 0 1%; float:left;}

.fssmall p {font-size:0.75em; line-height:1.4em; font-family:tahoma;}
.contentexcerpt {font-family:Georgia;}

p.pricing {margin:8px 0 -8px; padding:0;}
.pricing .price {font:bold 19px Arial, Sans-Serif; color:#900}
.pricing .vat {font:9px Verdana, Arial, Sans-Serif; color:#656565}
.pricing .extra {font:bold 9px Verdana, Arial, Sans-Serif; color:#06C; text-transform:uppercase}

ul.pointers {margin:0; padding:0;}
ul.pointers li {list-style-type:none; padding:0; margin:0; font:10pt Arial, Sans-Serif;}

.gui1 {text-align:left; margin:0 auto; width:980px;}
.hide {display:none;}

img#logo {margin:16px 0;}

#topNav {float:left; width:auto;}
#topSearch {float:right; width:auto;}
#topNav img {position:relative; top:1px;}
.tnBox {background:url(top-nav-left.png) no-repeat 0px 0px; height:20px; overflow:hidden; font-size:8pt;}
.tnBox .level2 {background:url(top-nav-right.png) no-repeat right 0px; padding:0 11px;}
.tnBox .level3 {background:url(top-nav.png) repeat-x 0px 0px; line-height:20px; margin:0;}
.tnBox a {padding:0 3px;}
.tnBox, .tnBox a {color:#BBB;}

#topSearch label {display:none;}
#topSearch span {display:block; float:left;}
#topSearch .input {width:100px; margin:0 5px; height:20px; overflow:hidden; position:relative;}
#topSearch .input input {border:none; background:transparent; width:100px; color:#FFF; padding-top:2px;}
#topSearch .input input.blur {color:#888; font-style:italic; font-size:8pt; padding-top:3px;}
#topSearch button {width:20px; cursor:pointer; height:20px; margin:0 -10px 0 0; border:none; background:transparent url(buttons/search-go.png) no-repeat center center;}
#topSearch button.focus {background-image:url(buttons/search-go-ov.png);}
#topSearch button span {display:none}

#topBar {z-index:999; position:relative;}

#webBanner h3, #webBanner a, #webBanner h4, #footer h2.web, #footer h2.web a, #webListMenu, #webListMenu a, #overlayHeader .web h3, #overlayHeader .web h3 a, #interactiveIcons.web div.logoLarge h2 a em, h1.web, .headingweb, .headingweb a, body.web #z2 a
{color:#4a81c1;}
#cmsBanner h3, #cmsBanner a, #cmsBanner h4, #footer h2.cms, #footer h2.cms a, #cmsListMenu, #cmsListMenu a, #overlayHeader .cms h3, #overlayHeader .cms h3 a, #interactiveIcons.cms div.logoLarge h2 a em, h1.cms, .headingcms, .headingcms a, body.cms #z2 a
{color:#EEA04A;}
#logoBanner h3, #logoBanner a, #logoBanner h4, #footer h2.logo, #footer h2.logo a, #logoListMenu, #logoListMenu a, #overlayHeader .logo h3, #overlayHeader .logo h3 a, #interactiveIcons.logo div.logoLarge h2 a em, h1.logo, .headinglogo, .headinglogo a, body.logo #z2 a
{color:#B840AB;}
#mobileBanner h3, #mobileBanner a, #mobileBanner h4, #footer h2.mobile, #footer h2.mobile a, #mobileListMenu, #mobileListMenu a, #overlayHeader .mobile h3, #overlayHeader .mobile h3 a, #interactiveIcons.mobile div.logoLarge h2 a em, h1.mobile, .headingmobile, .headingmobile a, body.mobile #z2 a
{color:#59B02B;}
#socialBanner h3, #socialBanner a, #socialBanner h4, #footer h2.social, #footer h2.social a, #socialListMenu, #socialListMenu a, #overlayHeader .social h3, #overlayHeader .social h3 a, #interactiveIcons.social div.logoLarge h2 a em, h1.social, .headingsocial, .headingsocial a, body.social #z2 a
{color:#BA3D3D;}

#socialBanner a:hover,
#mobileBanner a:hover,
#logoBanner a:hover,
#cmsBanner a:hover,
#webBanner a:hover {color:#E33;}

.headingweb a:hover,
.headingcms a:hover,
.headinglogo a:hover,
.headingmobile a:hover,
.headingsocial a:hover {color:#333 !important;}

#overlayHeader .contact h3, #overlayHeader .contact h3 a  {color:#FFF;}

.hzGapSubFix {position:relative; top:-80px; left:0px; margin-bottom:-40px;}
.pageHeading {position:relative; top:-50px; left:0px; margin:0 0 -40px; width:780px;}
.pageHeading h1,
.pageHeading .bcrumbs {margin:0; padding:0 0 8px;}
.pageHeading .bcrumbs {font:11px Arial;}

#interactiveIcons.contact div.logoLarge h2 a em {color:#ddd;}
#interactiveIcons {background:url(bar.png) repeat-x 0px 0px; position:relative; top:-110px; left:0px; width:100%;}
#interactiveIcons div.logoLarge {width:245px; float:left; text-align:center; position:relative;}
#interactiveIcons div.logoLarge img {position:absolute; cursor:pointer;}
#interactiveIcons div.logoLarge img {top:40px; left:57px; border:none;}
#interactiveIcons div.logoLarge h2 {margin:0; padding:8px 0 115px;}
#interactiveIcons div.logoLarge h2,
#interactiveIcons div.logoLarge h2 a {color:#AAA; font-size:14pt; text-transform:lowercase;}
#interactiveIcons div.logoLarge h2 a em {font-size:16pt; font-style:normal;}
#interactiveIcons div.logoLarge a:hover {text-decoration:none;}
#interactiveIcons div.logoLarge h2 a:hover {color:#fff}
#interactiveIcons div.greyed h2 a,
#interactiveIcons div.greyed h2 a em {color:#555 !important;}

#interactiveSubBanner {width:100%; text-align:center;}
#interactiveSubBanner .level1,
#interactiveSubBanner .level2,
#interactiveSubBanner .level3 {width:975px; text-align:left; margin:0 auto;}
#interactiveSubBanner .level1 {background:url(sub-banner-frametop.png) no-repeat 0px 0px; height:22px; overflow:hidden;}
#interactiveSubBanner .level2 {background:url(sub-banner-framebg.png) repeat-y 0px 0px; padding:0 0 67px;}
#interactiveSubBanner .level3 {background:url(sub-banner-framebottom.png) no-repeat 0px bottom; height:22px; overflow:hidden;}
#interactiveSubBanner .subBannerContent {
    margin:0 10px;
    min-height:280px;
    height:auto !important;
    height:280px;
    position:relative;
    top:-20px;
    left:0px;
    display:none;
    }
#interactiveSubBanner .subBannerContent h4 a {
    color:#656565;
}
#interactiveSubBanner #defaultBanner {display:block;}

#interactiveSubBanner .ovbanner01 {padding-right:205px; background:url(../images/sub-banner-backgrounds/01.jpg) no-repeat right bottom;}
#interactiveSubBanner .ovbanner02 {padding-right:320px; background:url(../images/sub-banner-backgrounds/02.jpg) no-repeat right bottom;}
#interactiveSubBanner .ovbanner03 {padding-right:340px; background:url(../images/sub-banner-backgrounds/03.jpg) no-repeat right bottom;}
#interactiveSubBanner .ovbanner04 {padding-right:250px; background:url(../images/sub-banner-backgrounds/04.jpg) no-repeat right bottom;}
#interactiveSubBanner .ovbanner05 {padding-right:255px; background:url(../images/sub-banner-backgrounds/05.jpg) no-repeat right bottom;}
#interactiveSubBanner .ovbanner06 {padding-right:320px; background:url(../images/sub-banner-backgrounds/06.jpg) no-repeat right bottom;}
#interactiveSubBanner .ovbanner07 {padding-right:280px; background:url(../images/sub-banner-backgrounds/07.jpg) no-repeat right bottom;}
#interactiveSubBanner .ovbanner08 {padding-right:330px; background:url(../images/sub-banner-backgrounds/08.jpg) no-repeat right bottom;}
#interactiveSubBanner .ovbanner09 {padding-right:370px; background:url(../images/sub-banner-backgrounds/09.jpg) no-repeat right bottom;}
#interactiveSubBanner .ovbanner10 {padding-right:340px; background:url(../images/sub-banner-backgrounds/10.jpg) no-repeat right bottom;}
#interactiveSubBanner .ovbanner11 {padding-right:330px; background:url(../images/sub-banner-backgrounds/11.jpg) no-repeat right bottom;}
#interactiveSubBanner .ovbanner12 {padding-right:330px; background:url(../images/sub-banner-backgrounds/12.jpg) no-repeat right bottom;}
#interactiveSubBanner .ovbanner13 {padding-right:340px; background:url(../images/sub-banner-backgrounds/13.jpg) no-repeat right bottom;}
#interactiveSubBanner .ovbanner14 {padding-right:290px; background:url(../images/sub-banner-backgrounds/14.jpg) no-repeat right bottom;}

#webListMenu, #logoListMenu, #mobileListMenu, #cmsListMenu, #socialListMenu {font:10pt Arial;}



ul.subClientAvatars {margin:0 auto; text-align:left; padding:0; height:80px;}
ul.subClientAvatars li,
ul.subClientAvatars span {display:block; width:80px; height:80px;}
ul.subClientAvatars li {position:relative; float:left; margin:0; top:0px; left:0px;}
ul.subClientAvatars span,
ul.subClientAvatars img {position:absolute;}
ul.subClientAvatars span {top:0px; left:0px;}
ul.subClientAvatars span {background:url(small-logo-mediumgrey.png) no-repeat 0px 0px;}
ul.subClientAvatars span.over {background:url(small-logo-mediumgrey-ov.png) no-repeat 0px 0px;}
ul.subClientAvatars img {top:12px; left:12px; border:none; background:#fff;}
ul.subClientAvatars span strong {display:none;}

.clientReference .icon {width:182px; height:184px; float:left; overflow:hidden;}
.clientReference .icon img {position:absolute; top:30px; left:29px; z-index:1;}
.clientReference .icon span {position:absolute; top:0px; left:0px; width:182px; height:184px; z-index:2; display:block;}
.clientReference .icon span.web {background:url(large-logo-web.png) no-repeat 0px 0px;}
.clientReference .icon span.logo {background:url(large-logo-logo.png) no-repeat 0px 0px;}
.clientReference .icon span.mobile {background:url(large-logo-mobile.png) no-repeat 0px 0px;}
.clientReference .icon span.cms {background:url(large-logo-cms.png) no-repeat 0px 0px;}
.clientReference .icon span.social {background:url(large-logo-social.png) no-repeat 0px 0px;}
.clientReference .details {width:780px; float:right; padding:20px 0 0;}
.clientReference .testimonial {background:url(quote1-left.png) no-repeat 0px 0px; padding:0 35px; margin:15px 50px 15px 0; font-size:12px;}
.clientReference .testimonial p {background:url(quote1-right.png) no-repeat bottom right; padding:0 35px 8px 0;}
.clientReference .testimonial p.from {background:none; text-align:right;}

p.page_footer {font:12px/11px Arial; margin:0; color:#ddd; background:#7d7d7d url(bar3.png) repeat-x 0px bottom; line-height:8pt; padding:3px 0 12px;}
p.page_footer a {color:#ddd;}
p.page_footer a:hover {color:#FFF; text-decoration:underline;}

#footer {background:#3e3e3e url(footbg2.png) repeat-x center 0px; padding:20px 0 10px; min-width:990px}
#footer .menu {width:16%; margin:0 0 0 3%; float:left; text-align:left;}
#footer #socialListMenu {width:13%;}
#footer .content p {display:none;}
#footer h2 a {font-size:9pt;}
#footer h3 {padding:4px 0; position:relative;}
#footer h3, #footer h3 a {font-size:10pt; font-weight:bold;}
#footer ul, #footer ul a {font-size:8pt; padding:0;}
#footer h3, #footer ul {margin:0; padding:0 0 10px;}
#footer ul li {padding:0; line-height:9pt; list-style-type:none;}
#footer h2.menu {font-weight:bold; font-size:12pt; margin-bottom:8px; border-bottom:1px solid #aaa; padding:0 0 10px;}
#footer h2.menu a {color:#777;}

#footer .socialLinks {padding:0; margin:0 auto 20px; width:280px; height:49px;}
#footer .socialLinks a {display:block; width:79px; height:49px; margin:0 10px 0 0; background:#900; float:left;}
#footer .socialLinks a span {display:none;}
#footer .socialLinks a.facebook {background:url(buttons/snfoot-facebook.png) no-repeat 0px 0px;}
#footer .socialLinks a.facebook:hover {background-image:url(buttons/snfoot-facebook-ov.png);}
#footer .socialLinks a.twitter {background:url(buttons/snfoot-twitter.png) no-repeat 0px 0px;}
#footer .socialLinks a.twitter:hover {background-image:url(buttons/snfoot-twitter-ov.png);}
#footer .socialLinks a.blogger {background:url(buttons/snfoot-blogger.png) no-repeat 0px 0px;}
#footer .socialLinks a.blogger:hover {background-image:url(buttons/snfoot-blogger-ov.png);}
#footer .socialLinks a.myspace {background:url(buttons/snfoot-myspace.png) no-repeat 0px 0px;}
#footer .socialLinks a.myspace:hover {background-image:url(buttons/snfoot-myspace-ov.png);}
#footer .socialLinks a.rssfeeds {width:63px; background:url(buttons/snfoot-feeds.png) no-repeat 0px 0px;}
#footer .socialLinks a.rssfeeds:hover {background-image:url(buttons/snfoot-feeds-ov.png);}

#preload {width:1px; height:1px; overflow:hidden; position:absolute; top:-9999px; left:-9999px;}


p.readmore1 a {font:11px Verdana, Arial, Sans-Serif; color:#777 !important;}

.footer2 {background:#1d1d1d; font:12px Arial; width:100%; min-width:980px}
.footer2, .footer2 a {color:#ccc;}
.footer2 .padd {padding:15px;}
.footer2 .info {float:left; margin:0 -100% 0 0; width:100%;}
.footer2 .info .pd {padding:0 0 0 230px; text-align:left;}
.footer2 .info p {margin:0; padding:0 0 6px;}
.footer2 .info p.contact a {margin:0;}
.footer2 .info p.contact strong.spc {margin:0 0 0 40px;}
.footer2 .info p.links {margin:0 0 0 -15px;}
.footer2 .info p.links a {padding:0 15px;}

.footer2 p.copyright, .footer2 p.validator {margin:0; padding:10px 0; color:#aaa; font-size:11px;}
.footer2 p.copyright a, .footer2 p.validator a {color:#aaa;}
.footer2 p.copyright {width:100%; float:left;}
.footer2 p.copyright span {padding:0 200px 0 0;}
.footer2 p.validator {width:200px; float:left; margin:0 0 0 -200px;}

#tickersearch {background:#151515; min-width:990px; font:12px Arial; padding:10px 0;}
#tickersearch .ticker {color:#aaa; float:right; width:100%; margin:0 0 0 -240px;}
#tickersearch .ticker .l1 {padding:0 0 0 240px;}
#tickersearch .ticker a {font:12px Arial;}
#tickersearch .ticker .l2 {margin:0 auto; width:740px; height:20px; background:url(ticker-tweeter.png) no-repeat 0px 0px; position:relative; left:0px; top:0px;}
#tickersearch .ticker .l2 .pos {position:absolute; top:2px; left:125px; text-align:left;}
#tickersearch .ticker a {color:#ccc;}

form#footsearch {width:200px; margin:0 20px; float:left; height:16px; padding:0;}
form#footsearch h5 {float:left; line-height:16px; font-weight:100;}
form#footsearch .textF1 {background:#fff url(footsearchl.png) no-repeat 0px 0px; width:146px; height:16px; float:left; margin:0 0 0 5px}
form#footsearch .textF2 {background:url(footsearchr.png) no-repeat right 0px; height:16px; overflow:hidden; text-align:left;}
form#footsearch .textF2 input {border:none; width:120px; height:16px; margin:0 0 0 6px; float:left; background:#FFF; font:11px Arial;}
form#footsearch .textF2 button {width:16px; height:16px; float:right; margin:0 2px 0 0; border:none; background:url(buttons/search-go.png) no-repeat center center; cursor:pointer;}
form#footsearch .textF2 button span {display:none;}

.dark, a.dark {color:#333 !important;}
.mediumgrey, a.mediumgrey {color:#656565 !important;}

.comparisonTable {width:90%; margin:-8px 5% 20px; font-size:12px; line-height:27px;}
.comparisonTable hr {margin:0 !important;}

.comparisonTable .lightGrey {background:#f6f6f6;}
.comparisonTable .darkhighlight {background:#f1f1f1;}

.comparisonTable img.help {margin:5px; float:left;}
.comparisonTable img.options {margin:5px 0 6px;}
.comparisonTable .clear {margin:0 0 -1px;}
.comparisonTable .comparisonItem,
.comparisonTable .comparisonItemOver {width:100%; position:relative; top:0px; left:0px;}
.comparisonTable .comparisonItem {z-index:1;}
.comparisonTable .comparisonItemOver {z-index:999;}
.comparisonTable .infoText {display:none; text-align:justify; position:absolute; width:265px; height:auto; padding:12px; top:28px; left:26px; background:#444; color:#CCC; font:11px/14px Arial; z-index:999;}
.comparisonTable .comparisonItemOver .infoText {display:block;}

div#contToggle.expanded .contToggleContent {display:block;}
div#contToggle.collapsed .contToggleContent {display:none;}
div#contToggle .contToggler {width:100%; height:1px; position:relative; background:#aaa; border-bottom:2px solid #ddd; margin:40px 0 10px;}
div#contToggle.expanded .contToggler {background:#fff; border-bottom-color:#eee; margin-bottom:30px;}

div#contToggle .contToggler span {display:block; width:176px; height:85px; position:absolute; top:-48px; left:10px; background:#fff; cursor:pointer;}
div#contToggle .contToggler span em {display:none;}
div#contToggle.collapsed .contToggler span {background:url(expand-icon.png) no-repeat center 0px;}
div#contToggle.expanded .contToggler span {background:#fff url(collapse-icon.png) no-repeat center 0px; width:117px; height:24px; top:-12px;}


div#footToggle.expanded .contToggleContent {display:block;}
div#footToggle.collapsed .contToggleContent {display:none;}
div#footToggle .contToggler {width:100%; height:1px; position:relative; border-bottom:1px dashed #333; margin:-15px 0 -10px;}
div#footToggle.expanded .contToggler {margin-bottom:30px;}

div#footToggle .contToggler span {display:block; width:95px; height:24px; position:absolute; top:-22px; right:10px; cursor:pointer;}
div#footToggle .contToggler span em {display:none;}
div#footToggle.collapsed .contToggler span {background:url(expand-icon-plain.png) no-repeat center 0px;}
div#footToggle.expanded .contToggler span {background:url(collapse-icon-plain.png) no-repeat center 0px;}


a.silverbutton, a.silverbutton strong, a.silverbutton em {display:block; height:22px; font:11px/21px Arial; color:#333;}
a.silverbutton {background:url(the-button-left.png) no-repeat 0px 0px; width:auto; float:left; clear:right; padding:0 0 0 7px;}
a.silverbutton strong {background:url(the-button-right.png) no-repeat right 0px; padding:0 7px 0 0;}
a.silverbutton em {background:#ddd url(the-button.png) repeat-x 0px 0px; padding:0 3px;}
a.silverbutton:hover, a.silverbutton:hover strong, a.silverbutton:hover em {text-decoration:none; color:#777;}

#FAQModResource {display:none;}

div.EnquireForm {font:12px Arial; width:100%;}
div.EnquireForm form {margin:0; padding:20px;}
div.EnquireForm em {display:none;}

div.EnquireForm div.ffield {width:100%; padding:3px 0; margin:0 0 5px;}
div.EnquireForm div.ffield label {display:block; width:32%; float:left; padding:3px 0; margin:0 0 0 1%;}
div.EnquireForm div.ffield input.text,
div.EnquireForm div.ffield select,
div.EnquireForm div.ffield textarea {margin:0 1% 0 0; border:1px solid #ccc; padding:0; outline:none; font:12px Arial; width:63%; float:right; color:#555;}
div.EnquireForm div.ffield input.text,
div.EnquireForm div.ffield select {height:18px;}

div.EnquireForm div.submit {padding:10px 0 0;}
div.EnquireForm div.submit button {border:1px solid #999; float:right; background:#ccc; color:#444; cursor:pointer; padding:2px 3px; margin:0 1% 0 0;}

div.EnquireForm div.required input.text {border-color:#eba; background:#FFFAF3; color:#D84;}
div.EnquireForm div.error {background:#fee; color:#D44;}
div.EnquireForm div.error input.text {border-color:#F67; background:#fff; color:#D44;}

.colRight div.EnquireForm {font-size:11px;}
.colRight div.EnquireForm form {padding:0;}
.colRight div.EnquireForm em {display:block; font:italic 11px Arial; color:#888; padding:0 0 5px;}
.colRight div.EnquireForm div.ffield {margin:0; padding:1px 0;}
.colRight div.EnquireForm div.ffield textarea {width:98%; height:50px; margin:0 0 0 1%;}
.colRight div.EnquireForm div.submit button {padding:0;}

#sitemapList {width:100%; background:#090;}
#sitemapList, #sitemapList * {font-family:arial;}
#sitemapList,
#sitemapList ul,
#sitemapList li {list-style-type:none; padding:0; margin:0;}
#sitemapList li {border:1px solid #ccc; margin:10px 1.5%; width:46%; float:left;}
#sitemapList h3,
#sitemapList h4 {margin:0; padding:0;}
#sitemapList li ul li {border:none; padding:0 0 10px; margin:0; width:auto; float:none;}
#sitemapList li ul li ul li {padding:0;}
#sitemapList h3 a {padding:5px; color:#333; background:#DDD; display:block; font-size:12pt; line-height:1em; font-weight:bold;}
#sitemapList h3 a:hover {color:#A00;}
#sitemapList ul {padding:10px; border-top:1px solid #ccc;}
#sitemapList ul ul {margin:10px 0 0;}
#sitemapList h4 {font-size:11pt; font-weight:bold;}
#sitemapList em,
#sitemapList em a {font-size:12px; color:#444; line-height:1em;}

.ovBannerBGCont {width:670px;}