/* Global Styles */

body {font-size:75%; font-family:arial,verdana,helvetica; background:#bccdd2 url(../images/Layout/page_background.gif) repeat-x; margin:0 0 0 0; padding:0;}
div {font-size:100%;}
#MainContainer {	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	padding: 0px;
	width: 970px;
	position: relative;}

.clear {clear:both; width: 100%; height:0px;overflow:hidden;display:block;}
.bold {font-weight: bold;}
#SkipNav {display:none;}

a {color:#509aaf; border: 0;}
img {border: 0;}
/* Box Styles */

#BoxContainer {width: 970px;}
#BoxContainer.PageTop {background: no-repeat url(../images/Layout/page_header_background.gif);}
.BoxBottom {background: repeat-y url(../images/Layout/box_bottom.gif); height:10px;}
.BoxBottomShowcase {background: repeat-y url(../images/Layout/box_bottom_showcase.gif); height:10px;}
.BoxBottomFooter {background: repeat-y url(../images/Layout/box_bottom_footer.gif); height:10px;}



/* Header Styles */

#HeaderContainer {position:relative; width: 950px; height: 67px; background-color: #FFF; margin:0px 10px 6px 10px;}

#HeaderContainer #Logo {position: absolute; width: 195px; height: 47px; top: 10px; left: 20px;}
#HeaderContainer #Logo a {display: block; background: url(../images/header_logo.gif); width: 195px; height: 47px;}
#HeaderContainer #Logo a span.SiteName {display: none;}

#HeaderContainer #HeaderNavigation, #FooterContainer #FooterNavigation {font-family: "Century Gothic", Verdana; position:absolute; right: 0px; margin-right:11px; line-height:20pt;}
#FooterContainer #FooterNavigation {margin-top:5px;}
#HeaderContainer #HeaderNavigation ul, #FooterContainer #FooterNavigation ul {list-style-type: none; margin: 0px; padding: 0px;}
#HeaderContainer #HeaderNavigation ul li, #FooterContainer #FooterNavigation ul li {display: block; float: left; width: 95px; height: 32px;  margin-left: 3px; text-align: center; background: no-repeat url(../images/Layout/header_link_background.gif);}
#HeaderContainer #HeaderNavigation ul li a, #FooterContainer #FooterNavigation ul li a {display: block; color:#000; text-decoration: none; padding: 0 4px; height: 32px;}
#HeaderContainer #HeaderNavigation ul li a:hover, #FooterContainer #FooterNavigation ul li a:hover {text-decoration: underline;}

#HeaderContainer .Telephone {width:385px; height:22px; position:absolute; bottom:6px; right:14px;}
#HeaderContainer .Telephone a {display:block; background:url(../images/telephone-no.gif) no-repeat; height:22px;}
#HeaderContainer .Telephone span {display:none;}

/* Eye Candy Homepage */

#EyeCandyContainer {height:167px; text-align:center; background: url(/images/Layout/EyeCandy_background.gif);}
#EyeCandyContainer.homepage {height: 200px; background:white; width:950px;margin-left:10px;}


/* Content Layout */

#ContentBox {position:relative; background: repeat-y url(../images/Layout/content_background_default.gif);}
#ContentBox.homepage {background: repeat-y url(../images/Layout/content_background.gif);}

#ContentBox div.background {position:relative; background: no-repeat url(../images/Layout/content_background_withfade_default.gif); padding:20px 0 0 0;}
#ContentBox.homepage div.background {background: no-repeat url(../images/Layout/content_background_withfade.gif);}


#ContentContainer {position:relative; width: 950px; margin: 0 auto; min-height: 7px; background: no-repeat bottom url(../images/Layout/content_background_bottom_default.gif); padding-bottom:16px;}
#ContentBox.homepage #ContentContainer {background: no-repeat bottom url(../images/Layout/content_background_bottom.gif);}

#ContentContainer #NavigationColumn {float:left; margin-left:10px; margin-right: 3px; width: 163px; min-height:740px;}

#ContentContainer #ContentColumn {border:1px solid #E3E3E3; float:left; margin-left: 10px; width: 613px;}
#ContentContainer #ContentColumn.Homepage {border: 0; width: 431px;}
#ContentContainer #ContentColumn.CaseStudies {width: 540px;}

#ContentContainer #QuickLinksColumn, #ContentContainer #AssociatedSolutionsColumn {float:right; right: 8px; top: 31px; width:122px; margin-right: 16px;}
#ContentContainer #QuickLinksColumn.Homepage {width: 305px; }

#ContentContainer #AssociatedSolutionsColumn {width:180px; border:1px solid #E3E3E3;}

/* Navigation Column Styles */

#NavigationColumn {font-family: "Century Gothic", Verdana;}
#NavigationColumn #MainNavigation {font-size:105%; min-height: 152px; background: none;}
#NavigationColumn #MainNavigation ul {list-style-type: none; margin: 3px 0 8px 0; padding: 4px 0;}
#NavigationColumn #MainNavigation ul li {border-bottom: 1px solid #d6d6d6; text-indent: 3px; min-height:20px; background: repeat-y url(../images/Layout/mainnavigation_background.gif);}
#NavigationColumn #MainNavigation ul li a {display: block; color:#333; text-decoration: none;}
#NavigationColumn #MainNavigation ul li a:hover {text-decoration: underline;}
#NavigationColumn #MainNavigation ul li.cmsListMenuLI.highlightedLI > a {color: #3fb9ea; background: url(../images/Layout/mainnavigation_arrow_down.gif) no-repeat;}

#NavigationColumn #MainNavigation > ul > li.cmsListMenuLI.highlightedLI { border: 1px solid #CCC; border-top:0; margin:0px 0 4px 0; padding-bottom:0; padding-top:0px; background:#FFF;}
#NavigationColumn #MainNavigation > ul > li.cmsListMenuLI.highlightedLI {border-top: 1px;}

/* Second Level */
#NavigationColumn #MainNavigation > ul > li.cmsListMenuLI.highlightedLI.openLi ul {padding-bottom:0px;padding-left:4px;}
#NavigationColumn #MainNavigation > ul > li.cmsListMenuLI.highlightedLI.openLi {border-top:1px solid #CCC; border-bottom:1px solid #CCC;}
#NavigationColumn #MainNavigation > ul > li.cmsListMenuLI.highlightedLI.openLi li {text-indent:10px;}
#NavigationColumn #MainNavigation > ul > li.cmsListMenuLI.highlightedLI.openLi li.highlightedLI a {background: url(../images/Layout/mainnavigation_arrow_right.gif) no-repeat;}

#NavigationColumn #MainNavigation ul li ul {margin:0;}
#NavigationColumn #MainNavigation ul ul li {border:0;}


#NavigationColumn #Banners {min-height: 254px; margin-top: 8px;}
#NavigationColumn #Banners a {display: block; background: url(/Images/Banners/i2i_download.gif); height:171px;}
#NavigationColumn #Banners a .Text {display: none;}


/* Content Column Styles */

#ContentColumn #WhatsNew {}
#ContentColumn #WhatsNew h2 {font-family: "Century Gothic", Verdana; font-weight:normal; font-size:120%; color: #509aaf; border: 1px solid #E3E3E3; margin: 0; padding: 7px 12px 6px 12px;}
#ContentColumn #WhatsNew .NewsItem {clear: both;}
#ContentColumn #WhatsNew .NewsItem .HeadLine {font-weight:bold; float:left; margin: 0px; height:100%; background: #FFF; width: 358px; border: 1px solid #E3E3E3; border-top:0px; padding: 7px 12px 6px 12px;}
#ContentColumn #WhatsNew .NewsItem .HeadLine a {color:#000; text-decoration:none;}
#ContentColumn #WhatsNew .NewsItem .HeadLine a:hover {text-decoration:underline;}
#ContentColumn #WhatsNew .NewsItem .View {float:left; margin: 0px; height:100%; background:url(/images/Layout/WhatsNew_arrow_right.gif) no-repeat; width: 41px; border: 1px solid #E3E3E3; border-top:0px; border-left: 0; padding: 7px 0 6px 5px;}
#ContentColumn #WhatsNew .NewsItem .View a {color: #509aaf; text-decoration: none;}
#ContentColumn #WhatsNew .NewsItem .View a:hover {text-decoration: underline;}

#ContentColumn #Content {min-height:440px; padding: 12px;}
#ContentColumn.Homepage #Content {min-height:246px; border:1px solid #E3E3E3;margin-bottom:10px;}
#ContentColumn #Content h1, #ContentColumn.CaseStudies h1 {font-family: "Century Gothic", Verdana; font-weight:normal; color: #509aaf; margin:0; padding:0; font-size: 120%;}
#ContentColumn.CaseStudies h1 {padding:12px 0 0 12px;}
#ContentColumn #Content h2 {font-family: "Century Gothic", Verdana; font-weight:normal; color: #509aaf; padding:0; font-size: 120%;}
#ContentColumn.Homepage #Content h2 {font-size:220%;}

#ContentColumn #Content #Quote {background:url(/images/Layout/quote_background.gif) repeat-x; width:530px; height:150px; padding:5px 30px;}
#ContentColumn #Content #QuoteTop {background:url(/images/Layout/quote_top.gif); width:590px; height:20px;}
#ContentColumn #Content #QuoteBottom {background:url(/images/Layout/quote_bottom.gif); width:590px; height:20px;}

/* Quick Links Column Styles */

#QuickLinksColumn {}
#QuickLinksColumn .QuickLinkContainer a {color:#000;text-decoration:none;}
#QuickLinksColumn .QuickLinkContainer h2 a {color: #509aaf;}
#QuickLinksColumn .QuickLinkContainer {position: relative; border: 1px solid #E3E3E3; min-height: 85px; padding: 0; margin-bottom: 5px; float:left; width:279px;}
#QuickLinksColumn.Homepage .QuickLinkContainer { min-height: 76px; padding: 7px 12px 0px 12px;}
#QuickLinksColumn .QuickLinkContainer h2 {font-family: "Century Gothic", Verdana; font-weight:normal; color: #509aaf; margin:0; padding:0 0 2px 0; font-size: 120%;}
#QuickLinksColumn.InnerPage .QuickLinkContainer {text-align:center; padding-top:3px;}
#QuickLinksColumn.InnerPage .QuickLinkContainer h2 {bottom:0; width:122px;}
#QuickLinksColumn.Homepage .QuickLinkContainer h2 {font-family: "Century Gothic", Verdana; color: #509aaf; margin:0; padding:0 0 10px 0; font-size: 120%;}
#QuickLinksColumn .QuickLinkContainer .Content {float:left; width: 185px; font-size:90%; text-decoration:none;color:#000000;}
#QuickLinksColumn.Homepage .QuickLinkContainer .Content a { display:inline; }
#QuickLinksColumn .QuickLinkContainer .Image img {border:0;}
#QuickLinksColumn.Homepage .QuickLinkContainer .Image {position: absolute; right: 0; top: 15px;}
#QuickLinksColumn .QuickLinkContainer a h2 { color: #509aaf; text-decoration:none;}
#QuickLinksColumn .QuickLinkContainer a h2 {cursor:pointer;}
#QuickLinksColumn .QuickLinkContainer:hover a h2 {text-decoration:underline;}
#QuickLinksColumn.Homepage .QuickLinkContainer a {display:block;}
#QuickLinksColumn.Homepage .QuickLinkContainer:hover a {cursor:pointer;}

#QuickLinksColumn.InnerPage .QuickLinkContainer .Image { float:left; }
#QuickLinksColumn.InnerPage .QuickLinkContainer { width:auto; }


/* Associated Solutions Column */
#AssociatedSolutionsColumn {width:195px; padding:6px; text-align:center;}
#AssociatedSolutionsColumn h2 {font-family: "Century Gothic", Verdana; font-weight:normal; color: #509aaf; margin:0; padding:0 0 8px 0; font-size: 120%;}

/* Showcase */
#Showcase {clear:both; background: repeat-y url(../images/Layout/box_background_showcase.gif); height: 90px; text-align:center;}
#Showcase #ShowcaseAlternativeContent img {border:0px; margin: 0px; padding: 0px;}

/* Footer Styles */

#FooterContainer {position:relative; clear:both;  background: repeat-y url(../images/Layout/box_background.gif); height: 62px;}
#FooterContainer #ContactDetails {font-size: 90%; border-top: 5px solid #EEE; padding:6px 12px 7px 0px; width: 918px; margin: 0 auto; line-height: 116%;}
#FooterContainer #ContactDetails a {color: #000; text-decoration:none;}
#FooterContainer #ContactDetails a:hover {text-decoration:underline;}
/*#FooterContainer #ContactDetails div {float:left; color: #509aaf;padding-right:6px;width:20px;}*/

#FooterContainer #AddressDetails {width:520px;}
.blueText {color:#509AAF;}

#FooterLinksHolder {padding-left:9px;}
#FooterLinksHolder ul {list-style-type: none; margin: 3px 0 8px 0; padding: 4px 0;}
#FooterLinksHolder ul li a {text-decoration:none;color: #000}
#FooterLinksHolder ul li a:hover {text-decoration:underline;}
#FooterLinksHolder img {position:absolute; right:10px; padding-top:3px;}

/* Table Styles */
div.Table {}
div.Table div.Row {clear: both; margin:0;  padding:2px;}
div.Table div.Row textarea {width:100%;}
div.Table div.Row div.Label {float:left; width:40%;}
div.Table div.Row div.Value {float:left; width:50%;}
div.Table div.Row div.Value textarea, div.Table div.Row div.Value input, div.Table div.Row div.Value select {width:300px; font-family:Arial;border: 1px solid #a5acb2;}
div.Table div.Row div.Value select {width:302px;}
div.Table div.Row div.Submit {text-align:center;}


.solutionlink {width: 140px; padding: 0px; margin: 0px; float: left; min-height:25px; text-align:left;}
.tick {padding: 0px 10px 0px 0px; float: left; clear: left;}

#NewsRoom div.NewsItem {padding-top:30px;}
#NewsRoom div.NewsItem div.NewsDate {font-family: "Century Gothic", Verdana; color: #509aaf; font-weight:bold; padding-bottom:2px;}
#NewsRoom div.NewsItem div.Title {font-family: "Century Gothic", Verdana; color: #509aaf; padding-bottom:2px;}
#NewsRoom div.NewsItem div.Title a {text-decoration:none;}
#NewsRoom div.NewsItem div.Title a:hover {text-decoration:underline;}
#NewsRoom div.NewsItem div.Summary { padding-bottom:2px;}
#NewsRoom div.NewsItem div.More {font-style:italic; background:URL(/images/Layout/LatestNews_arrow_right.gif) no-repeat; text-indent:20px;}
#NewsRoom div.NewsItem div.More a {text-decoration:none;}
#NewsRoom div.NewsItem div.More a:hover {text-decoration:underline;}


#CaseStudies div.CaseStudy {border:1px solid #E3E3E3; padding:10px;margin-top:12px; min-height: 10px;}
#CaseStudies div.CaseStudy div.TOCIcon {float:left; width:102px;padding-right:10px;}
#CaseStudies div.CaseStudy div.CaseStudySummary {float:left; width: 450px;}
#CaseStudies div.CaseStudy div.adxTOCTitle {}
#CaseStudies div.CaseStudy div.adxTOCTitle a {font-size:110%; font-family: "Century Gothic", Verdana; color: #509aaf; text-decoration:none;}
#CaseStudies div.CaseStudy div.adxTOCTitle a:hover {text-decoration:underline;}
#CaseStudies div.CaseStudy div.adxTOCSummary {padding:2px 0;min-height:30px;}
#CaseStudies div.CaseStudy div.View, #CaseStudies div.CaseStudy div.Read {float:left; background:URL(/images/Layout/LatestNews_arrow_right.gif) no-repeat; text-indent:20px; padding-right:25px;}
#CaseStudies div.CaseStudy div.View a, #CaseStudies div.CaseStudy div.Read a {text-decoration:none; font-style:italic;}
#CaseStudies div.CaseStudy div.View a:hover, #CaseStudies div.CaseStudy div.Read a:hover {text-decoration:underline;}

#CaseStudies div.CaseStudy div.Read {clear:right;}
.CaseStudies div img {padding-right	:10px;}

div.Launch {float:left; background:URL(/images/Layout/LatestNews_arrow_right.gif) no-repeat; text-indent:20px;}
div.Launch a {text-decoration:none; font-style:italic;}
div.Launch a:hover {text-decoration:underline;}

#MainNavContactDetails {width:163px;}

#FooterContent {color:Gray; font-size:80%;padding-bottom:25px;}

/*Map Styles */
#MapWrap {width: 510px;height:330px; margin-bottom: 15px; float:left; z-index: -1;}
#myMap {position: relative; float:left;}
#directions {margin-left:10px; float:left; width: 450px;}
#route {float:left; margin-top: 10px; display:none;}
.routebox {width: 225px;}
.dest {color:#509aaf;}
.customInfoBox-body {z-index:10;}
.boxtitle {font-family: "Century Gothic", Verdana; color: #509aaf; padding-bottom:2px;}

/* i2i Links */
#i2iLink a {width: 163px; height: 66px; display: block; background: url(/images/downloadNewslettermoff.gif); float:left;}
#i2iLink a:hover {background: url(/images/downloadNewslettermon.gif)}
#i2iLink {margin-bottom: 5px; height: 66px;}