* {
    margin: 0;
    padding: 0;
    }
    
.float_left { float:left; }


body {
    background-color: #FFF;
    color:#333;
    font-family:Arial,sans-serif;
    font-size:12px;
    line-height:1.25em;
    min-width:100%;
    }

h1 {
    color:#212121;
    font-size:1.8em;
    font-weight:400;
    line-height:1.388889em;
    margin-bottom:.69444444444em;
    }

h2 {
    color:#309;
    font-size:1.6em;
    font-weight:700;
    line-height:1.5625em;
    margin-bottom:.78125em;
    }

h3 {
    clear:both;
    color:#309;
    font-size:1.25em;
    font-weight:700;
    line-height:1em;
    margin-bottom:1em;
    }

h3.contactusmessage {
    margin-bottom:2px;
    }

h3.prod_head {
    clear:none;
    color:#309;
    font-size:1.25em;
    font-weight:700;
    line-height:1em;
    margin-bottom:0.5em;
    }

a {
    color:#8fbf60;
    text-decoration:none;
    margin: 0;
    padding: 0;
    border: none;
    outline: 0;
    }

em {
    font-style:italic;
    }

ul,ol {
    padding-left:2.5em;
    }

ol li {
    list-style-type:decimal;
    margin-bottom:1.25em;
    }

ol ol {
    margin-top:1.25em;
    }

dl {
    margin:1.25em 0;
    }

dd {
    margin-left:1.25em;
    margin-bottom:1.25em;
    }

img.newsrss {
    margin-top:0;
    float:right;
    }

table {
border-collapse:collapse;
font-size:1em;
line-height:1.25em;
}

tr.odd {
background-color:#f9f9f9;
}

th {
border-bottom:2px solid #44b6ff;
font-weight:700;
text-align:left;
padding:7px .5em 6px;
}

td {
    border-top:1px solid #ccc;
    padding: 7px 0 7px 0;
    }

fieldset {
background-color:#fff;
border:1px solid #ccc;
padding:.625em .625em 1px;
}

label {
display:block;
font-weight:700;
line-height:1.25em;
margin-bottom:.25em;
}

sup {
    vertical-align: super;
    font-size: x-small;
    }

.homediv {
border-top-width:0;
height:94px;
}

#alt-content {
height:298px;
}

.hide { display:none !important; }
.show { display:block !important; }

.directions {
    margin: 8px;
    }

#locationSearch {
    border: 4px solid #665fa3;
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -o-border-radius: 8px;
    background: #e9e8fa;
    margin:0 0 10px 0;
    text-align: center;
}

#locationSearch label {
    margin: 8px;
}

#locationSearch input {
    margin: 0 8px 8px 8px;
}

#locationSearch input {
    border: 2px solid #665fa3;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -o-border-radius: 4px;
    padding: 5px;
}

#locationSearch input.btnGo {
    color: #FFF;
    background: #665fa3;
    height: 32px;
    border: none;
    border: 3px solid #19162f;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -o-border-radius: 4px;
    margin: 0;
}

#locationSearch input.btnGo:hover {
    cursor: pointer;
    color: #19162f;
    background: #FFF;  
}

#map {
    width: 691px;
    height:300px;
    border: 4px solid #665fa3;
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -o-border-radius: 8px;
    margin: 0 0 0 8px;
}


#directions table {
    border: 4px solid #665fa3;
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -o-border-radius: 8px;
    background: #e9e8fa;
}

#directions table td {
    border: 4px solid #665fa3;
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -o-border-radius: 8px;
    background: #e9e8fa;
    
}

#directions table a {
    color: #665fa3;
    padding: 5px;       
}

.breadcrumb {
font-size:.92em;
line-height:1.27551em;
margin-bottom:1.27551em;
text-transform:lowercase;
}

.breadcrumb a {
color:#999;
font-weight:400!important;
}

.clear {
clear:both;
height:0;
overflow:hidden;
}

.left {
float:left;
margin:0 1.25em 1.25em 0;
}

img.left {
border:1px solid #ccc;
margin-bottom:2.5em;
padding:2px;
}

.right {
float:right;
margin:0 0 1.25em 1.25em;
}

.small,.footnote {
font-size:.92em;
line-height:1.358696em;
margin-bottom:1.358696em;
}

.col-first {
float:left;
width:270px;
}

.col-last {
float:right;
width:270px;
}

.highlight {
    color: #309;
    font-weight: 900;
    font-size: 1.3em;
    }

.wrapper {
    width: 100%;
    background: url(../images/bg-wide2.jpg) center top no-repeat; 
    margin: 0;
    padding: 0 0 10px 0;
    }
    
.wrapperhome {
    width: 100%;
    height: 792px;
    background:url(../images/bg-wide2.jpg) center top no-repeat; 
    margin: -9px 0 0 0;
    }
  

#container {
    width: 976px;
    margin:0 auto !important;
    }

#container-index {
    width: 1004px;
    margin: 0 auto;
    }

#header {
    height: 98px;
    background: #FFF;
    padding: 0;
    }
    
#header-inner {  
    width: 1024px;
    background:  url(../images/block_menu_94_back.jpg) 302px 10px no-repeat;
    height: 98px;
    position: relative;
    margin: 0 auto;
    }  

#logo {
    border-right: 1px dotted #ccc;
    width: 280px;
    height: 88px;
    padding: 0 0 10px 0;
    position: absolute;
    top: 0;
    left: 0;
    }
    
#logo a.HomeLogo:link,
#logo a.HomeLogo:visited {
    display: block;
    width: 280px;
    height: 88px;
    margin: 10px 0 0 0;
    background: url(../images/mxdata_logo.png) 0 0 no-repeat;
    }    
    
#logo a.HomeLogo:hover {
    background: url(../images/mxdata_logo.png) 0 -88px no-repeat;
    }  
    
a.header_phones {
    width: 144px;
    height: 64px;
    position: absolute;
    right: 10px;
    bottom: 10px;
    background: url(../Images/header_phones.png) 0 0 no-repeat;
    }    
    
.bookmarkshare {
    width: 300px;
    height: 40px !important;
    }      
      

#block-menu-94 {
position:relative;
height:135px;
overflow:hidden;
float:left;
width:650px;
text-transform:lowercase;
margin:6px 0 0 5px;
}

#block-menu-94 li {
background-image:none;
float:left;
list-style:none;
list-style-image:none;
margin-left:20px;
padding:0 7.5px 0 0;
}

#block-menu-94 li a {
color:#88c65e;
font-size:1.4em;
line-height:.89285714286em;
text-decoration:none;
}

#block-menu-94 li ul {
border-top:solid 1px #ccc;
margin-top:2px;
}

#block-menu-94 li li {
float:none;
margin-left:0;
}

#block-menu-94 li li a {
color:#999!important;
font-size:.92em;
line-height:1.27551em;
}

#block-menu-94 li.active li a,#block-menu-94 li.over li a {
color:#999!important;
}

#block-menu-94 li li a:hover,#block-menu-94 li li a.active {
color:#333!important;
}

#main {
    clear:both;
    float:left;
    width:715px;
    padding-top:1px;
    margin:10px 0 0 0;
    }

#main ul {
padding-left:.625em;
}

ul {
    margin: 0 0 20px 0;
    padding: 0;
    }
    
ul li {
    color: #76ca3d;
    font-style: italic;
    background: none;
    list-style-image: url(../images/sm-li101.png);
    list-style-position: inside;
    margin: 0 !important;
    padding: 0 0 5px 0;
    font-weight: 500;
    font-size: 12px;
    }
    
ul.tech {
    margin: 0 0 10px 17px;  
    font-size: 11px;  
}  

ul.mxi {
    margin: 0 0 10px 24px;
    }

ul.tech li,
ul.mxi li {
    list-style-image: url(../images/sm-li201.png) !important;
   
}

ul.tech li a {
    color: #333092 !important;
    list-style-position: inside; 
}

ul.mxi li {
    color: #333092;
    font-style: normal;   
    list-style-position: outside;      
}

ul.general {
    margin: 0 0 20px 24px;
    }

ul.general li {
    color: #5E5E5E;
    font-style: normal;
    padding: 0 0 8px 0;
    list-style-position: outside;
    }
    
ul.general li.general {
    color: #76ca3d;
    font-weight: 900;
    }       
    
ul.general li.general > p {
    color: #5E5E5E;
    font-weight: 500;
    }    
    
   
ul li a:link,
ul li a:visited {
    color: #76ca3d;
    text-decoration: none;
    }    
    
ul li a:active,
ul li a:hover {
    color: #497ef6;
    text-decoration: none;
    }    
    
ul li ul {
    margin: 5px 0 5px 24px;
    padding: 0;
    }    
    
ul li ul li {    
    color: #a0d867;
    font-style: normal;
    background: none !important;
    list-style-image: url(../images/sm-li102.png) !important;
    list-style-position: outside;
    font-weight: 500;
    }
    
ul li ul li ul {
    margin: 5px 0 5px 10px;
    padding: 0;
    }    
    
ul li ul li ul li {
    color: #9bcb7a;
    background: none !important;
    font-style: italic;
    list-style-image: url(../images/sm-li103.png) !important;
    list-style-position: outside;
    font-weight: 500;
    }      

#main img.newsfeed {
position:relative;
width:20px;
height:20px;
margin-left:10px;
top:2px;
}

#main img.newsfeedatom {
position:relative;
width:20px;
height:20px;
margin-left:0;
top:2px;
}

#sidebar-right-wrapper {
    float:right;
    margin:10px 0 10px 0px;
    width:240px;
    }

#sidebar-right-wrapper-index {
position:relative;
float:right;
margin-right:30px;
margin-top:10px;
width:240px;
}

#sidebar-right-top {
background:transparent url(../images/sidebar_bg_bottom.png) no-repeat 0 bottom;
float:right;
padding-bottom:7px;
margin-right:30px;
width:240px;
}

#sidebar-right-top .sidebar-wrapper {
background:transparent url(../images/sidebar_bg_top.png) no-repeat;
float:left;
overflow:hidden;
width:240px;
min-height:293px;
}

#sidebar-right-top h2 {
color:#333;
font-size:1em;
line-height:1.25em;
margin-bottom:1.25em;
}

#sidebar-right-top table {
margin-bottom:.0em;
}

#sidebar-right-top .view ul {
margin-bottom:0;
padding-left:0;
}

#sidebar-right-top .view li {
list-style:none;
margin-bottom:5px;
padding-bottom:3px;
}

#sidebar-right-top .view-data-node-created,#sidebar-right-top .view-data-node-data-field-date-of-event-field-date-of-event-value {
color:#85c458;
margin-bottom:0;
padding-bottom:0;
float:right;
}

#sidebar-right-top .ie-divider {
text-align:right;
}

#sidebar-right-top .view-data-node-created .ie-pubdatefix {
padding-bottom:3px;
}

#sidebar-right-top .view-item {
border-bottom:dotted 1px #ccc;
padding-bottom:50px;
padding-right:5px;
}

#sidebar-right-bottom {
float:right;
margin-right:30px;
width:240px;
}

#sidebar-right-bottom .block {
padding-bottom:15px;
margin:15px 0;
}

#sidebar-right-bottom h2 {
color:#999;
font-size:.92em;
font-weight:400;
line-height:1.358696em;
margin-bottom:1.358696em;
}

#block-views-news,#block-views-events {
margin:15px 10px;
}

#block-block-10 {
padding-bottom:14px;
}

#block-block-9 {
margin:45px 15px 0 30px;
}

#block-block-9 .content {
color:#666;
font-size:1.2em;
line-height:1.136364em;
}

#block-block-9 strong {
color:#052a6d;
display:block;
}

#block-block-20 .content,
#block-block-21 .content,
#block-block-22 .content {
    float:left;
    border-left:1px solid #ccc;
    padding:0 0 0 14px;
    margin: 0 0 10px 20px;
    width:300px;    
    }
    
#block-block-20 .content {
    height:190px;

    }

#block-block-21 .content {
    height:188px;
    }

#block-block-22 .content {
    height: 188px;
    }

.clear-contact-block {
clear:both;
height:14px;
}

#myFooter {
    width: 100%; 
    min-height: 109px !important; 
    background: #0c0b31 url(../Images/footer-bg.png) 0 0 repeat-x; 
    margin: -14px 0 0 0;
    visibility: hidden;
    }
  
#myFooterContent {
    width: 976px; 
    min-height: 109px !important; 
    background:url(../Images/footer-centre.png) 0 0 no-repeat;
    margin: 0 auto;
 }

#myFooterContent p.regular,
#myFooterContent p.smaller {
    font-family: Arial, sans-serif;
    color: #FFF;  
    text-align: center;
}

#myFooterContent p.regular {
    padding: 12px 0 12px 0;
    }
    
#myFooterContent p.smaller {
    font-size: 11px;
    padding: 0 0 12px 0 !important;
    margin: -16px 0 0 0;
    }    
    
#myFooterContent p.smaller.last {
    margin: 0;
    }    
    
#myFooterContent p a {
    color: #c7c6f7;
    text-decoration: none;
    border-bottom: 1px dotted #c7c6f7;
    }    

#myFooterContent p a:hover,
#myFooterContent p a:active {
    color: #FFF;
    border-bottom: 1px solid #FFF;
}
.messages {
color:#cf242a;
margin-bottom:1.25em;
}

.more-link {
font-size:.92em;
line-height:1.358696em;
text-align:right;
padding-top:10px;
}

.more-link a {
color:#000!important;
}

.pager {
border-top:1px solid #ccc;
clear:both;
font-size:.92em;
line-height:1.358696em;
padding-top:14px;
text-align:center;
}

.pager a,.pager strong.pager-current {
padding:.625em;
}

a.ext {
background:url(../images/extlink.png) right center no-repeat;
padding-right:12px;
}

.admin .left {
float:left;
width:270px;
margin:0;
padding:0;
}

.admin .right {
float:right;
width:270px;
margin:0;
padding:0;
}

.admin-panel {
background-color:#fff;
border:1px solid #ccc;
float:left;
margin-bottom:1.25em;
width:238px;
padding:15px;
}

table.watchdog-event th,table.system-status-report th {
border-top:1px solid #ccc;
border-bottom:none;
text-align:right;
}

table.watchdog-event tr:first-child th,table.system-status-report tr:first-child th,table.watchdog-event tr:first-child td,table.system-status-report tr:first-child td {
border-top:none;
}

#tabs {
margin-bottom:1px;
margin-top:20px;
}

#tabs span {
background-color:#eee;
font-weight:700;
padding:7px 12px;
}

#tabs span a {
cursor:pointer;
}

#tabs span.information {
background-color:#d2ebb9;
font-weight:700;
padding:7px 12px;
}

ul.menu {
margin:0 0 0 76px !important;
padding:0;
}

ul.menuleft {
width:100%;
float:left;
margin:0;
padding:0;
}

ul.menuleft_yb {
width:145px;
float:left;
margin:0;
padding:0;
}

li.leaf,li.expanded,li.collapsed {
background:transparent url(../images/menu-leaf.png) no-repeat 0 3px;
list-style-image:none;
list-style-type:none;
}

li.leaf,li.collapsed {
margin:0;
padding:0 0 0 1.25em;
}

li.expanded {
padding-right:5px;
background-image:url(../images/menu-expanded.png);
height:94px;
}

li.expanded_extended {
list-style-image:none;
list-style-type:none;
width:65px;
height:94px;
padding:0 5px 0 1.25em;
}

li.expanded_extended_yb {
list-style-image:none;
list-style-type:none;
width:145px;
height:94px;
padding:0 5px 0 0;
}

#block-menu-94 li.expanded_extended_oc {
list-style-image:none;
list-style-type:none;
margin-left:10px;
height:94px;
padding:0 5px 0 0;
}

li.collapsed {
background-image:url(../images/menu-collapsed.png);
}

.form-item {
line-height:1.25em;
margin-bottom:1.25em;
}

.form-item .option {
font-weight:400;
}

.form-required {
color:#cf242a;
}

.form-text {
height:1.25em;
margin:0;
}

.form-checkbox,.form-radio {
margin:0 .5em 0 0;
padding:0;
}

.tips li {
background-image:none!important;
padding-left:1.5em!important;
}

#node-form .body-filter {
border-bottom:1px solid #999;
margin-bottom:1.25em;
}

#node-form .admin {
border-top:1px solid #999;
padding-top:1.25em;
}

#wysiwyg4body {
display:block;
width:95%;
text-align:right;
}

#node-form #edit-preview,#node-form #edit-submit,#node-form #edit-delete {
margin-top:2.5em;
}

.contact-left {
float:left;
width:100px;
margin:0;
padding:0;
}

.contact-right {
float:right;
width:300px;
margin:0;
padding:0;
}

.team-content-right {
float:right;
padding-left:15px;
margin-bottom:2.5em;
border-left:1px solid #ccc;
width:390px;
}

h3.team {
    color: #6ab637;
    font-size:17px;
    font-style: italic;
    width: 300px;
}

h3.team span {
    font-size: 15px;
    font-style: normal;
    display: block;
    color: #C1C1C1;
} 



#node-admin-filter ul,#user-admin-filter ul {
margin:0;
padding:0;
}

#node-admin-filter ul li,#user-admin-filter ul li {
list-style-type:none;
padding:0;
}

dl.multiselect {
overflow:hidden;
}

dl.multiselect dd.b,dl.multiselect dd.b .form-item,dl.multiselect dd.b select {
width:15em;
}

dl.multiselect dd.a,dl.multiselect dd.a .form-item {
width:7.5em;
}

dl.multiselect dt,dl.multiselect dd {
float:left;
line-height:1.25em;
margin:0 1em 0 0;
padding:0;
}

dl.multiselect .form-item {
height:2.5em;
margin:0;
}

#autocomplete {
position:absolute;
border:1px solid #ccc;
overflow:hidden;
z-index:100;
}

#autocomplete ul {
list-style:none;
margin:0;
padding:0;
}

#autocomplete ul li {
background-color:#fff;
background-image:none;
color:#000;
cursor:default;
margin:0;
padding:.25em .625em;
}

#autocomplete li.selected {
background:#052a6d;
color:#fff;
}

html.js input.form-autocomplete {
background-image:url(../../../../../../misc/throbber.gif);
background-repeat:no-repeat;
background-position:100% 2px;
}

html.js input.throbbing {
background-position:100% -18px;
}

html.js fieldset.collapsed {
background-color:transparent;
border:none;
border-left:1px solid #fff;
height:1.25em;
margin-bottom:0;
padding:0 .625em 1.25em;
}

html.js fieldset.collapsed legend {
display:block;
}

html.js fieldset.collapsible legend a {
background:url(../images/menu-expanded.png) no-repeat 0 2px;
padding-left:1.25em;
}

html.js fieldset.collapsed legend a {
background-image:url(../images/menu-collapsed.png);
display:block;
}

html.js fieldset.collapsible .fieldset-wrapper {
overflow:auto;
}

.resizable-textarea .grippie {
height:9px;
overflow:hidden;
background:#f2f2f3 url(../../../../../../misc/grippie.png) no-repeat center 2px;
border:1px solid #d7d8d9;
border-top-width:0;
cursor:s-resize;
}

.resizable-textarea .grippie:hover {
background-color:#ebebec;
}

html.js .resizable-textarea textarea {
margin-bottom:0;
width:100%;
display:block;
}

.progress .bar {
background:#fff url(../../../../../../misc/progress.gif);
border:1px solid #052a6d;
height:1.25em;
}

.progress .filled {
background-color:#052a6d;
height:1.25em;
width:0;
}

.progress .percentage {
float:right;
}

.container-inline-date {
border:none;
padding:0;
}

.filefield-icon-container {
margin-top:.25em;
text-align:center;
}

#node-form .filefield-icon-container {
margin-top:0;
margin-left:.25em;
text-align:left;
}

body.mceContentBody {
background:none;
background-color:#fff;
}

.view-content-partners,.view-industry-partners,.view-other-partners {
border-bottom:none;
margin-bottom:1.25em;
}

.panel-2col-stacked .view h2 {
font-size:1.25em;
line-height:1em;
margin-bottom:1em;
}

td.view-field{border-top:none;padding:7px .5em 8px .5em;} 

.view-content-investors .node,.view-content-partners .node,.view-industry-partners .node,.view-other-partners .node,.view-content-events .node {
margin-bottom:2.5em;
}

.view-content-news table tbody tr {
border-bottom:dotted 1px #ccc;
}

.view-content-news table tbody tr td {
padding-bottom:0;
}

.view-content-investors .node .logo,.view-content-partners .node .logo,.view-industry-partners .node .logo,.view-other-partners .node .logo,.view-content-events .node .logo {
float:left;
width:9em;
}

.view-content-events .node .logo {
width:10em;
}

#block-views-events .content {
padding-left:5px;
}

.view-content-investors .node .content,.view-content-partners .node .content,.view-industry-partners .node .content,.view-other-partners .node .content,.view-content-events .node .content {
border-left:1px solid #ccc;
padding-left:14px;
margin-left:10em;
}

.view-content-events .node .content {
margin-left:11em;
}

td.view-field-node-created {
white-space:nowrap;
}

.news table {
width:100%;
line-height:1em;
vertical-align:middle;
}

.news td.image {
width:35%;
text-align:left;
vertical-align:middle;
}

.news td.summary {
width:65%;
text-align:left;
vertical-align:middle;
}

.news td.summary a {
    color: #5d5d5d !important;
    }

.news td.link {
text-align:center;
padding-bottom:2px;
vertical-align:middle;
}

.news td.pubdate {
width:15%;
}

.news td {
border:0;
}

.news .seperator {
    background: #CCC;
    height: 1px !important;
    line-height: 1px !important;
    margin: 0;
    padding: 0;
    }

.news .morenews {
margin-top:0;
float:right;
height:23px;
}

.news .morenews img {
vertical-align:middle;
}

.news .latestnews {
margin-top:0;
float:left;
}

.news .latestnews img.latestnews {
position:relative;
margin-right:7px;
margin-left:18px;
bottom:5px;
}

.news .morenews img.morenews {
position:relative;
margin-left:7px;
margin-right:11px;
bottom:18px;
}

#main #traffictv-page .content img.tmobile {
margin-bottom:15px;
}

#main #partners_panel #techpartners ul,#main #partners_panel #buspartners ul {
    float:left;
    list-style:none !important;
    text-align:center;
    margin: 0 auto;
    padding:0;
    }

#main #partners_panel #techpartners li,#main #partners_panel #buspartners li {
    font-style: normal;
    background-image:none;
    float:left;
    list-style:none !important;
    list-style-image:none;
    width:175px;
    margin-left:10px;
    padding:0;
    }

#main #partners_panel #techpartners li.first,#main #partners_panel #buspartners li.first {
    font-style: normal;
    background-image:none;
    float:left;
    list-style:none;
    list-style-image:none;
    width:175px;
    margin-left:0;
    padding:0;
    }

#main #metrotv-page .content img.iphone {
float:right;
margin-left:15px;
margin-bottom:0;
}

#main #tube-page .content .reminder {
float:right;
font-style:italic;
}

#main #travelfc-page .content img.logo {
float:right;
margin-left:15px;
margin-bottom:10px;
padding-right:20px;
}

#main #imagenodes .imagenode {
margin-left:5px;
}

#spacemark {
margin: 8px;
text-align:center;
}

#local-authorities {
background-image:url(../images/local_auth_back.jpg);
background-repeat:no-repeat;
background-position:50% 230px;
height:540px;
}

#events {
background-image:url(../images/events_back.gif);
background-repeat:no-repeat;
background-position:bottom right;
height:625px;
}

#mobile-network {
height:675px;
background-image:url(../images/mobile_back.png);
background-repeat:no-repeat;
background-position:bottom right;
}

#directory {
background-image:url(../images/directory_back.gif);
background-repeat:no-repeat;
background-position:right 146px;
height:595px;
}

#nav-business {
background-image:url(../images/nav_back.jpg);
background-repeat:no-repeat;
background-position:50% 280px;
height:585px;
}

#website-back {
background-image:url(../images/website_back.png);
background-repeat:no-repeat;
background-position:50% 320px;
height:620px;
}

#aboutus-page {
height:620px;
}

#livetravel-page {
background-image:url(../images/livetravel.jpg);
background-repeat:no-repeat;
background-position:bottom;
height:705px;
}

#services-page {
background-image:url(../images/services_back.jpg);
background-repeat:no-repeat;
background-position:bottom;
height:560px;
}

#products-page {

    }

.Products-Array {
    width: 715px;
    margin: 0 0 20px 0;
}

.Product-Bucket {
    width: 110px;
    margin: 0 11px 11px 0;
    padding: 0;
    float: left;
    position: relative;
}

.Product-Bucket.Last {
    margin: 0 0 11px 0;
}

.Product-Bucket-Desc {
    width: 560px;
    display: block;
    float: left;
    margin: 5px 0 5px 0;
}

a.Product-Icon {
    display: block;
    width: 110px;
    height: 110px;
    margin: 0;
    cursor: pointer;
    background-image: url(../Images/products/products-array.png);
    background-repeat: no-repeat;
}

div.Overlay {
    display: block;
    width: 110px;
    height: 110px;
    background-image: url(../Images/products/products-array.png);
    background-repeat: no-repeat;
    position: absolute;
    top: 0;
    left: 0;
    visibility: hidden;
    }

a.Product-Icon.Tube {
    background-position: 0 0;
}

.Overlay.Tube {
    background-position: 0 -110px;    
}

a.Product-Icon.Metrolink {
    background-position: -110px 0;
}

.Overlay.Metrolink {
    background-position: -110px -110px;    
}

a.Product-Icon.CL {
    background-position: -220px 0;
}

.Overlay.CL {
    background-position: -220px -110px;    
}

a.Product-Icon.TTV {
    background-position: -330px 0;
}

.Overlay.TTV {
    background-position: -330px -110px;    
}

a.Product-Icon.TubePro {
    background-position: -440px 0;
}

.Overlay.TubePro {
    background-position: -440px -110px;    
}

a.Product-Icon.TrafficEye {
    background-position: -550px 0;
}

.Overlay.TrafficEye {
    background-position: -550px -110px;    
}

a.Product-Icon.myTrains {
    background-position: 0px -220px;
}

.Overlay.myTrains {
    background-position: 0px -330px;    
}

a.Product-Icon.NYCSub {
    background-position: -110px -220px;
}

.Overlay.NYCSub {
    background-position: -110px -330px;    
}

a.Product-Icon.Barca {
    background-position: -220px -220px;
}

.Overlay.Barca {
    background-position: -220px -330px;    
}

a.Product-Icon.MetroTV {
    background-position: -330px -220px;
}

.Overlay.MetroTV {
    background-position: -330px -330px;    
}

a.Product-Icon.TravelFC {
    background-position: -440px -220px;
}

.Overlay.TravelFC {
    background-position: -440px -330px;    
}

a.Product-Icon.FootiePubs 
{
    background-position: 0px -440px;
}

.Overlay.FootiePubs {
    background-position: 0px -550px;    
}

a.Product-Icon.GoCommute 
{
    background-position: -110px -440px;
}

.Overlay.GoCommute {
    background-position: -110px -550px;    
}

a.Product-Icon.BusLondon 
{
    background-position: -220px -440px;
}

.Overlay.BusLondon {
    background-position: -220px -550px;    
}

a.Product-Icon.BerlinSubway 
{
    background-position: -330px -440px;
}

.Overlay.BerlinSubway {
    background-position: -330px -550px;    
}

a.Product-Icon.MadridMetro 
{
    background-position: -440px -440px;
}

.Overlay.MadridMetro {
    background-position: -440px -550px;    
}

a.Product-Icon.TokyoSubway 
{
    background-position: -550px -440px;
}

.Overlay.TokyoSubway {
    background-position: -550px -550px;    
}

a.Product-Icon.MyFlights 
{
    background-position: 0px -660px;
}

.Overlay.MyFlights {
    background-position: 0px -770px;    
}

a.Product-Icon.Beijing 
{
    background-position: -110px -660px;
}

.Overlay.Beijing {
    background-position: -110px -770px;    
}

a.Product-Icon.Shanghai 
{
    background-position: -220px -660px;
}

.Overlay.Shanghai {
    background-position: -220px -770px;    
}

a.Product-Icon.Guangzhou 
{
    background-position: -330px -660px;
}

.Overlay.Guangzhou {
    background-position: -330px -770px;    
}

a.Product-Icon.CashPointer 
{
    background-position: -440px -660px;
}

.Overlay.CashPointer {
    background-position: -440px -770px;    
}


a.Product-Icon.DubaiMetro 
{
    background-position: -550px -660px;
}

.Overlay.DubaiMetro {
    background-position: -550px -770px;    
}

a.Product-Icon.Blank {
    background-position: -550px -330px;
}




#webdev-page {
    /*height: 986px;*/
    }   
    
#webdev-page ul li {
    background: transparent url(../images/menu-leaf.png) no-repeat 0 3px;
    list-style-image: none;
    list-style-type: none;
    margin-bottom: 2px;
    margin-left: 20px;
    }    
    
.wdSS-container {
    width: 320px;
    margin: 0 0 15px 15px;
    float: right;   
}    

.wdSS-container p {
    font-size: 11px;
    font-style: italic;
    margin: -15px 0 0 0;
    text-align: center !important;
    padding: 0;   
}
    
.wdCommuteLondonSS {
    width: 100%;    
    height: 259px;
    border: 1px solid #CCC;
    border-bottom: none;
    background: #CCC;
}

.wdSS-Shadow {
    width: 100%;    
    height: 36px;
    background: url(../Images/webdev/SS-shadow.png) 0 0 no-repeat;
}

/*
  Twitter_________________________________________ */
  
.twitter_button,
.twitter_birds,
.twitter_button_s {
    background-image: url(../Images/twitter.png);
    background-repeat: no-repeat;
}  

.twitter_button {
    width: 111px;
    height: 43px;
    margin: 10px auto;
    background-position: 0 0;   
}

.twitter_birds {
    width: 94px;
    height: 51px;
    margin: 10px auto;
    background-position: 0 -43px;      
}

.twitter_button_s {
    width: 111px;
    height: 36px;
    margin: 10px auto;
    background-position: 0 -94px;
}
       
a.twitter_reg {
    border: none !important;
    position: relative;
    top: 8px;   
}   

a.facebook_btn {  width:210px; height:80px; display:block; padding:8px 0 0 15px; text-decoration:none !important; background:url(../images/facebook_btn.png) no-repeat; 
                  color:#fff !important;
font-size:1.1em;
                  }

a.soc_net_icon {
    width:35px;
    height:35px;
    display:inline-block;
    border: none !important;
    position: relative;
    top: 8px;
    background-image:url(../images/social_network_icons.png);
    background-repeat:no-repeat;
} 

a.facebook_icon { margin-left:5px; background-position:0px 0px; }
a.twitter_icon { background-position:-35px 0px; }

   
       
#yourbusiness-page {
background-image:url(../images/yourbusiness_back.jpg);
background-repeat:no-repeat;
background-position:bottom;
height:565px;
}

#contact-us .cbList input {
float:left;
list-style:none;
text-align:center;
}

#contact-us .cbList label {
float:left;
font-weight:400;
}

#contact-us .contactus-divider {
height:10px;
border-top:solid 1px #ccc;
width:568px;
}

#contact-us #box {
overflow:hidden;
width:600px;
}

#contact-us .formspace {
width:100%;
height:5px;
}

/* Contact */

.contact-box {
    width: 342px;
    float: left;
    margin: 0 15px 15px 0;
    border: 4px solid #b9d1a1;
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -o-border-radius: 8px;
    position: relative;
}

.contact-box.right {
    margin-right: 0;
}

.contact-box h3 {
    color: #81c63c; 
    font-size: 15px;
    font-weight: bold;
    margin: 8px;
    padding: 0 0 4px 0; 
    border-bottom: 1px dotted #b9d1a1;
}

.contact-box div.telephone,
.contact-box div.email,
.contact-box div.location,
.contact-box div.fax,
.contact-box a.directors,
.contact-box a.exec_team,
.contact-box a.sales_team,
.contact-box a.developers {
    width: 16px;
    height: 16px;
    background-image: url(../images/contactform-icons.png);
    background-repeat: no-repeat;
    margin: 8px;
    position: absolute;
    top: 0;
    right: 0;
}


.contact-box div.telephone {
    background-position: 0 0;   
}

.contact-box div.email {
    background-position: -16px 0;   
}

.contact-box div.location {
    background-position: 0 -16px;   
}

.contact-box div.fax {
    background-position: -16px -16px;   
}

.contact-box a.exec_team {
    background-position: -16px -32px;   
}

.contact-box a.directors {
    background-position: 0px -32px;   
}

.contact-box a.sales_team {
    background-position: 0 -48px;   
}

.contact-box a.developers {
    background-position: -16px -48px;   
}



a.headshots 
{
   width:326px;
   clear:both;
   margin:5px 9px 10px 9px;
   float:left; 
}
    
a.headshots span
{
    display:inline-block; 
    float:left;
    width:50px;
    height:50px;
    margin-left:1px;
    background-image:url(../images/head_thumbs.jpg)
}

a.headshots span.brian_mcbride { background-position: 0 0; }
a.headshots span.david_james { background-position: -50px 0; }
a.headshots span.steve_cunningham { background-position: -100px 0; }
a.headshots span.roger_jeynes { background-position: -150px 0; }
a.headshots span.anne_marie_alexander { background-position: -200px 0; }
a.headshots span.michael_cliffe { background-position: -250px 0; }
a.headshots span.will_drummond { background-position: -300px 0; }
a.headshots span.rick_smith { background-position: 0 -50px; }
a.headshots span.olivia_biviano { background-position: -50px -50px; }
a.headshots span.david_weetman { background-position: -100px -50px; }
a.headshots span.penny_wolfe { background-position: -300px -50px; }
a.headshots span.beard { background-position: -150px -50px; }
a.headshots span.sandal { background-position: -200px -50px; }
a.headshots span.geek_glasses { background-position: -250px -50px; }



div.headshots img.first_img { margin-left:0px; }


div#developers { width:330px; margin:0 0 18px 20px; float:right; }

div#developers .headshot { width:108px; height:108px; display:none; position:absolute; background-image:url(../images/developer_sprite.jpg); }

div#developers div.img_cntr { width:108px; height:108px; display:inline-block; position:relative; float:left; margin:0 0 2px 2px; }


#dev0 { background-position:-108px 0px; } /* Alec_Bettinson */
#dev1 { background-position:-216px 0px; } /* Angus_Rose */
#dev2 { background-position:0px -108px; } /* Chris_Bramley */
#dev3 { background-position:-108px -108px; } /* Clive_Jefferies */
#dev4 { background-position:-216px -108px; } /* Colin_Davis */
#dev5 { background-position:-324px -108px; } /* Graeme_English */
#dev6 { background-position:-432px -108px; } /* Hamid_Elaosta */
#dev7 { background-position:0px -216px; } /* James_Kelly */
#dev8 { background-position:-108px -216px; } /* Jia_Li */
#dev9 { background-position:-432px -216px; } /* John_Heath */
#dev10 { background-position:0px -324px; } /* Kris_Tost */
#dev11 { background-position:-108px -324px; } /* Marc_Chesworth */
#dev12 { background-position:-216px -324px; } /* Michael_Cliffe */
#dev13 { background-position:-324px -324px; } /* Mitesh_Lad */
#dev14 { background-position:0px -432px; } /* Paul_Gowland */
#dev15 { background-position:-108px -432px; } /* Sam_Taylor */
#dev16 { background-position:-216px -432px; } /* Shaun_Hollywood */
#dev17 { background-position:-324px -432px; } /* Simon_Sturge */
#dev18 { background-position:-432px -432px; } /* Stephen_Balmer */
#dev19 { background-position:-108px -540px; } /* Stuart_Cunningham */
#dev20 { background-position:-324px -540px; } /* Wei_Lu */

/*#dev0 { background-position:0px 0px; }*/ /* Adrian_Cuthbert */
/*#dev2 { background-position:-432px 0px; }*/ /* Bill_Watson */
/*#dev10 { background-position:-324px -216px; }*/ /* John_Barker */
/*#dev27 { background-position:-216px -540px; }*/ /* Tony_Simcock */
/*#dev25 { background-position:-0px -540px; }*/ /* Stephen_Lloyd */
/*#dev19 { background-position:-432px -324px; }*/ /* Paul_Bayley */
/*#dev12 { background-position:-216px -216px; }*/ /* Johan_Buys */
/*#dev3 { background-position:-324px 0px; }*/ /* Antony_Murphy */

.contact-box p {
    color: #808080; 
    margin: 8px;
    padding: 0 0 4px 0;  
}

.contact-box p.right {
    text-align: right;
}

.contact-box h4 {
    color: #180b80;    
    font-size: 14px;
    margin: 8px;
    padding: 0 0 4px 0;
    text-align: right;
    }  
    
.contact-box div.Label {
    width: 80px;
    float: left;   
    margin: 0 8px 0 8px;
    padding: 0;
    }    
    
.contact-box div.Label p {    
    color: #180b80;   
    padding: 0;
    margin: 0;
    }    
    
.contact-box div.Input {
    float: right;
    margin: 0 8px 8px 0;   
    padding: 0;
    }   
    
.Input input,
.Input select,
.Input textarea {
    font-family: inherit;
    color: #3c2fa8;
    width: 220px;
    height: 20px;
    padding: 0 3px 3px 3px;
    float: right;
    border: 2px solid #665fa3;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -o-border-radius: 4px;
    background: #e9e8fa;
    resize: none;
    }
    
.Input select {
    cursor: pointer;
    width: 201px !important;
    }
        
input.btnSend {
    color: #FFF;
    background: #93ce57;
    width: 146px;
    height: 32px;
    border: none;
    border: 3px solid #b9d1a1;
    border-radius: 6px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -o-border-radius: 6px;
    margin: 8px 8px 8px 104px;
    }
    
input.btnSend:hover { 
    color: #93ce57;
    background: #FFF;
    cursor: pointer;
    }  
    
div.validation {
    color: #0d007a !important;
    font-size: 14px;
    font-weight: bold;
    margin: 8px;
}    
    
div.validation > ul {
    margin: 8px;
    }     
    
div.validation > ul li {
    color: Red;
    list-style-image: url(../images/val-li.png) !important;
    list-style-position: inside;
    font-style: normal;
    }    
    
/* END Contact */            
    
#node-7 .content p.intro {
margin-bottom:5px;
}

#container-index #main {
    width:635px !important;
    margin: 0 45px 0 55px;
    }
    
#container-index #main #node-6 {
width:635px;
}

#adPhoneArray {
width:400px;
margin:0 auto 20px;
}

blockquote.webdev {
    display: block;
    padding: 0 0 0 20px;
    width: 350px;
    }

blockquote.webdev:before, 
blockquote.webdev:after {
    color: #69c;
    display: block;
    font-size: 700%;
    width: 50px;
    }    
    
blockquote.webdev:before {
    content: open-quote;
    height: 0;
    margin-left: -0.55em;
    }
    
blockquote.webdev:after {
    content: close-quote;
    height: 50px;
    margin-top: -70px;
    margin-left: 360px;
    }    

#mxiPlatform {
margin:0 0 20px;
}

#mxiPlatform p {
width: 360px;
margin:0 10px 10px 0;
}

#mxiPlatform img {
margin:-12px 0 0;
}

#information {
display:block;
margin-top:7px;
padding-top:15px;
border-top:solid 1px #ccc;
position: relative;
}

#support {
display:none;
margin-top:7px;
padding-top:15px;
border-top:solid 1px #ccc;
}

#support ul li {
margin-bottom:3px;
}

#support .divider {
margin-top:15px;
border-top:solid 1px #ccc;
padding-top:15px;
}

.downloadbox {
background-color:#f7f7f7;
border:solid 1px #ccc;
margin-top:10px;
margin-bottom:10px;
padding:10px;
}

#banner-wrapper {
    position:relative;
    height:420px;
    z-index:101;
    margin:10px 0 30px 10px;
    background: url(../images/banner-wrapper.png) 0 0 no-repeat;
    }

#banner {
    width:975px;
    height:390px;
    position:relative;
    overflow:hidden;
    margin: 0 0 20px 0 !important;
    }
    
.slideshowCPanel {
    position: absolute;
    bottom: 50px;
    width: 100%;
    display: block;
    z-index: 200;
    }   

.slideshowCPanel #navcontainer {    
    width: 110px;
    height: 29px;
    background:url(../images/homegallery-ctrls.png) -14px -87px no-repeat;    
    position: relative;
    margin: 0 0 -27px 439px;
    }
    
#navcontainer ul#nav {
    width: 100%;
    display: inline;
    list-style: none !important;
    z-index: 200;
    position: absolute;
    top: 9px;
    left: 9px;
    }  
     
#navcontainer ul#nav li {
    list-style-image: none;   
    margin: 0 !important;
    padding: 0 !important;
    }
    
#navcontainer ul#nav li a { 
    width: 11px;
    height: 11px;
    background: url(../images/homegallery-ctrls.png) -23px -38px no-repeat;
    display: block !important; 
    float: left; 
    margin: 0 !important; 
    padding: 0 3px 0 0 !important;
    list-style: none !important; 
    } 
    
#navcontainer ul#nav li a:link,
#navcontainer ul#nav li a:visited { 
    background: url(../images/homegallery-ctrls.png) -23px -38px no-repeat;
    }
    
#navcontainer ul#nav li a:hover { 
    background: url(../images/homegallery-ctrls.png) -37px -38px no-repeat;
    }    
    
#navcontainer ul#nav li.activeSlide a,
#navcontainer ul#nav li.activeSlide a:hover { 
    background: url(../images/homegallery-ctrls.png) -51px -38px no-repeat;
    }
    
#nav a:focus { 
    outline: none; 
    }    

#slideshow {
    position: absolute;
    width:100%;
    height:350px;
    float:right;
    top:10px;
    right: 0;
    margin: 10px 0 0 0;
    background-image:url(../images/banner_back.png);
    background-position:center center;
    background-repeat:no-repeat;
    padding:0;
    }

.slideshowCPanel .slideshowFwd,
.slideshowCPanel .slideshowBack {
    background-image: url(../images/homegallery-ctrls.png);
    background-repeat: no-repeat;
    width: 29px;
    height: 29px;
    padding: 0;
    float: left;
    }       
    
.slideshowCPanel .slideshowFwd {
    background-position: -146px 0;
    margin: 0 0 2px 0;
    }
    
.slideshowCPanel .slideshowFwd:hover {
    background-position: -117px 0;
    cursor: pointer;
    }  
    
.slideshowCPanel .slideshowFwd:active {
    background-position: -88px 0;
    cursor: pointer;
    }      

.slideshowCPanel .slideshowBack {
    background-position: 0 0;
    margin: 0 914px 2px 2px;
    }    
    
.slideshowCPanel .slideshowBack:hover {
    background-position: -29px 0;
    cursor: pointer;
    }
    
.slideshowCPanel .slideshowBack:active {
    background-position: -58px 0;
    cursor: pointer;
    }    
    
.slide {
    width: 976px;
    position: absolute;
    bottom: 0;
    }    
    
.slide img {
    position: absolute;
    bottom: 1px;
    left: 1px;
    }   
    
.slWhite * {
    color: #FFF;
    }    
    
.slBlack * {
    color: #000;
    }  
       
.slide div.slideText {
    width: 280px;
    position: absolute;
    top: 20px;
    right: 20px;
    }
    
div.slideText > p {
    text-align: left;
    margin: 0;
    padding: 0;    
    }          
    
div.slideText.slideText p.stTitle {
    font-size: 28px;
    line-height: 24px;
    font-weight: bold; 
    margin: 0;
    padding: 0 0 12px 0;
    }     
    
.slBlack p.stTitle a:hover {
    color: #868686 !important;
    }    
    
.slWhite p.stTitle a:hover {
    color: #8fbf60 !important;
    }       
    
div.slideText p.stContent {
    font-size: 16px;
    line-height: 20px;
    padding: 0 0 12px 0;
    font-weight: normal;
    }     
    
div.slideText p.stPub {
    font-size: 12px;
    line-height: 24px;  
    text-align: right; 
    }    

.slideText p.slideNews {
    text-align: right !important;
    font-weight: normal;
    }
    
p.slideNews a.RSS {
    display: block;
    width: 21px;
    height: 21px;
    background: url(../images/mxdatarss-small.png) 0 0 no-repeat;
    float: right;
    position: relative;
    top: -5px;
    }    
    
p.slideNews a.RSS:hover {
    background: url(../images/mxdatarss-small.png) 0 -21px no-repeat;    
    } 

p.slideNews img {
    padding: 0 0 0 5px;
    }

#bannerContent a {
text-decoration: none;
}

#bannerContent.imageReset {
background-position:center top;
}





.bannerImage {
    float:left;
    position:relative;
    display:none;
    list-style:none !important;
    z-index:10;

    }

.bannerImage span.desc {
    position:absolute;
    right:0;
    font:12pt Arial, Helvetica, sans-serif;
    color:#FFF;
    width:150px;
    height:270px;
    background-color:#000;
    filter:alpha(opacity=70);
    -moz-opacity:.7;
    -khtml-opacity:.7;
    opacity:.7;
    display:none;
    z-index:10;
    top:0px;
    margin:0 00;
    padding:15px;
    left: 557px;
    }

span.morenews {
position:relative;
float:right;
font:12pt Arial, Helvetica, sans-serif;
color:#ccc;
width:148px;
height:20px;
background-image:url(../images/bannermorenewstab.png);
background-repeat:repeat-x;
background-position:0 0;
display:none;
z-index:400;
bottom:73px;
text-align:right;
margin:0;
padding:10px 13px 8px 12px;
}

span.morenews a {
color:#ccc;
font-size:10pt;
}

span.morenews a:hover {
text-decoration:none;
color:#fff;
}

#bannerTabs {
    width: 244px;
    float:left;
    background-image:url(../images/bannertabs4.png);
    background-repeat:repeat;
    margin:10px 0 0 0;
    padding:0;
    }
    
#bannerTabs .btinner {
    display: block;
    width: 224px;
    height: 51px;
    padding: 10px;
    border-bottom: 1px solid #FFF;
    }

.btinner p {
    display: block;
    width: 100%;
    height: 100%;
    color: #FFF;
    margin: 0;
    
    }

.btinner p.over {
    background-color:#83c740;
    color:#fff;
    text-decoration:none;
    height: 51px;
    padding: 10px;
    margin: -10px;
    }

.btinner:hover {
    background-color:#83c740;
    color:#fff;
    text-decoration:none;
    cursor: pointer;
    }



div.careersBanner .stTitle a{ width:179px; height:87px; display:block; margin-left:15px !important; padding:0px!important; background-image:url(../images/banners/banner-CareersTitle.jpg); background-position:0px 0px; background-repeat:no-repeat; }
div.careersBanner .stTitle a:hover { background-position:0px -87px; cursor:pointer; }
div.careersBanner div.stContent { margin:20px 0 0 18px; float:left; width:240px; }
div.careersBanner div.stContent p { padding:0px; margin:0px 0px 10px 0px !important; font-size:15px;}

#defaultbanner {
    position:relative;
    z-index:101;
    float:right;
    width:730px;
    height:300px;
    left:0;
    }

div.homedivision {
    position:absolute;
    top: 480px;
    margin:36px 0 30px 10px;
    width:976px;
    overflow:visible;
    }
    
div.homedivision h4 {
    font-size: 16px;
    font-weight: 900;
    padding: 0 0 10px 0;
    margin: 0 0 0 10px;
}    
    
.homedivision .bucket {
    width: 304px;
    height: 325px;
    margin: 0 32px 0 0;
    float: left;
    position: relative;
}   

.homedivision .bucket p { 
    line-height: 16px;
    letter-spacing: 0.09em;
    margin: 0 10px 0 10px;
}

.homedivision .bucket.last {
    margin: 0;
}


#mwc-page .slideshow img {
text-align:center;
margin:0 auto;
}

#mwc-page .MWCLogo,
#mwc-page .MWCLogo a {
    width: 295px;
    float: right;
    border: none;
    outline: none;
    }

div.nokia {
float:right;
background-image:url(../images/nokiahandset.png);
background-repeat:no-repeat;
height:398px;
width:223px;
margin:0 0 10px 20px;
padding:0;
}

div.nokia img {
margin-top:50px;
padding-left:8px;
}

div.iphone,
div.iMac,
div.galaxy_s2,
div.ios_android  {
    float: right;
    margin:0 0 0 20px;
    }

div.ios_android div { background:none !important; }
    
div.ipad,
div.Blackberry {
    float: left;
    margin: 20px 20px 0 0;
    }    

div.iphone {
    /*background:url(../images/iphone.jpg) 0 0 no-repeat;*/
    background:url(../images/iphone_4.jpg) 0 0 no-repeat;
    /*height:380px;*/
    height:430px;
    width:198px;
    }
    
div.ipad {
    background: url(../Images/ipad.png) 0 0 no-repeat;
    width: 555px;
    height: 469px;
    } 
    
div.ipad_portrait 
{
    float: left;
    margin: 0px 20px 0 0;
    background: url(../images/ipad_portrait.png) 0 0 no-repeat;
    width: 434px;
    height: 585px;
    }  
    
div.iMac {
    background:url(../images/320x295_iMac.png) 0 0 no-repeat;
    height:296px;
    width:320px;
    }  
    
div.BlackBerry {
    width: 240px;
    height: 459px;
    background: url(../images/240x459_BlackberryTorch.png) 0 0 no-repeat;
    }      
          
div.galaxy_s2 
{
    background:url(../images/samsung_galaxy_s2.jpg);
    height:427px;
    width:200px;
    }

div.ios_android {
    width: 347px;
    height: 455px;
    background:url(../images/ios_android.jpg);
    }

/*div.iphone img {
    margin: 60px 0 0 17px;
    width:164px;
    height:257px;
    }*/
    
div.iphone img {
    margin: 70px 0 0 18px;
    width:164px;
    height:257px;
    }
        
div.ipad img {
    width: 448px;
    height: 336px;
    margin: 50px 0 0 53px;
    }    

div.ipad_portrait img {
    width: 336px;
    height: 448px;
    margin: 53px 0 0 48px;
    }
    
div.iMac img {
    margin: 11px 0 0 11px;
    width: 297px;
    height: 170px;
    }    

div.galaxy_s2 img {
    margin: 67px 0 0 13px;
    width:175px;
    height:252px;
    }
    
div.ios_android img {
    margin: 50px 0 0 15px;
    width:317px;
    height:303px;
    }

div.BlackBerry img {
    margin: 77px 0 0 24px;
    width: 187px;
    height: 249px;
    }  
    
div.BlackberryText {
    float: right; 
    width: 100%;
    } 
    
div.BlackberryText p {
    margin-left: 260px;
    }        
    
#navigation {
    padding: 0;
    margin: 0;
    position: absolute;
    top: 36px;
    left: 300px;
    }

#navigation span.strapline {
width:500px;
height:20px;
line-height:18px;
display:inline-block;
color:#180b80;
font-size:20px;
font-weight:bolder;
margin:0 0 0 14px;

}

#navigation ul {
float:none;
text-transform:lowercase;
margin:5px 0 0 0;
padding:0;
}

#navigation ul li {
    float:left;
    list-style:none !important;
    font-style: normal;
    position:relative;
    }

#navigation ul li a {
    display:block;
    text-decoration:none;
    border-left:solid 1px #ccc;
    color:#88c65e;
    font-size:15px;
    white-space:nowrap;
    height:20px;
    padding:0 15px;
    }
    
#navigation ul li a span {color:#88c65e;
    font-size:15px; font-weight:normal;}

#navigation ul li a.last {
    border-right:none;
    padding-right:0;
}

#navigation ul li a.first {
    
}

#navigation ul li a:hover,
#navigation ul li a:hover span {
    color:#1f1183;
    text-decoration:underline;
}

/*#navigation ul li ul {
position:absolute;
display:none;
background: url(../images/50pc-fff.png) 0 0 repeat;
border-left:solid 1px #ccc;
border-right:solid 1px #ccc;
border-bottom:solid 1px #ccc;
z-index:1500;
width:auto;
margin:0;
padding:0;
}

#navigation ul li ul li {
float:none;
display:inline;
}

#navigation ul li ul li a {
font-size:12px;
color:#9999af;
border-left:none;
margin:5px;
padding:4px 6px 0 6px !important;
}

#navigation ul li ul li a:hover {
background-color:#abe373;
color:#474747;
text-decoration:none;
}*/

#navigation ul li ul li a span {
color:red;
font-style:italic;
font-size:12px;
display:inline-block;
}

#navigation ul li ul li a span.nav_arrow {
    width:10px;
    height:10px;
    display:block !important;
    position:absolute;
    top:9px;
    right:-10px;
    background:url(../images/nav_arrow.png) no-repeat;
    }

div#navigation ul.subMenu li,
div#navigation ul.subsubMenu li { list-style:none !important; }

div#navigation ul.subMenu {
position:absolute;
display:none;
background: url(../images/50pc-fff.png) 0 0 repeat;
border-left:solid 1px #ccc;
border-right:solid 1px #ccc;
border-bottom:solid 1px #ccc;
z-index:9999 !important;
width:auto;
margin:0;
padding:0 0 0 3px;
}

@media screen and (min-device-width: 768px) and (max-width:1024px) {
    
    #navigation ul li a:hover, #navigation ul li a:hover span {
        color:#88c65e;
        text-decoration:none;
    }
    
    div#navigation ul.subMenu {
        -webkit-background:none;
        -webkit-background-color: rgba(255,255,255,0.93);
        -moz-background:none;
        -moz-background-color: rgba(255,255,255,0.93);
        -o-background:none;
        -o-background-color: rgba(255,255,255,0.93);
        -chrome-background:none;
        -chrome-background-color: rgba(255,255,255,0.93);
        -ms-background:none;
        -ms-background-color: rgba(255,255,255,0.93);
        background:none;
        background-color: rgba(255,255,255,0.93);
    }
}

div#navigation ul.subMenu li {
width:auto;
display:block;
float:left;
clear:both;
margin:0px !important;
padding:0px !important;
}

div#navigation ul.subMenu a {
font-size:12px;
color:#9999af;
border-left:none;
margin:2px 5px;
padding:4px 6px 0 6px !important;
display:block;
white-space:nowrap;
text-transform:lowercase;
}

div#navigation ul.subMenu a.show {
    color:#1f1183;
    font-weight:bold;
    font-size:14px;
}

div#navigation ul.subMenu a:active, div#navigation ul.subMenu a:hover {
    background-color:#abe373;
    color:#474747;
    text-decoration:none;
}

div#navigation ul.subMenu a span {
    color:red;
    font-style:italic;
    font-size:12px;
    display:inline-block;
    font-weight:bold;
}

div#navigation ul.subMenu a:hover span { text-decoration:none; } 

ul#sub_about { left:-13px; } 
ul#sub_services {left:74px;} 
ul#sub_products {left:161px;} 
ul#sub_business {left:250px;}
ul#sub_news {left:374px;}

div#navigation ul.subMenu li a.secondlevel_hover { background-color:#abe373 !important; color:#474747 !important; font-weight:700; }

div#navigation ul.subsubMenu {
    min-width: 148px;
    position:absolute;
    display:none;
    z-index:9999 !important;
    width:auto;
    margin:0;
    padding:0;
    top: 2px; 
    background: #abe373;
}

div#navigation ul.subsubMenu li.secondLevel { position:absolute; z-index:10000 !important; }

#products_latest {
    left: 100px;    
}

#products_subway {
    left: 64px;     
}

div#navigation ul.subsubMenu li a,
div#navigation ul.subsubMenu li a span {
    text-transform: capitalize !important;    
    color: #FFF;
    font-size: 11px; 
    font-weight: 700;
    padding: 5px 3px 0 3px !important;
    margin: 0 0 0 10px !important;
}

div#navigation ul.subsubMenu li a span {
    font-weight: 500;
    padding: 0 !important;
    margin: 0 0 0 5px !important;
} 

p,blockquote,dl,fieldset,form,ol,ul,table,.help,.more-help-link,.compact-link,.form-submit,.fieldset-wrapper .description,.container-inline select,.imagefield-edit-image-description,.node {
margin-bottom:1.25em;
}

h2 a,#sidebar-right-top .block a {
color:#052a6d;
}

h3.teamlink,#sidebar-right-top .view-data-node-data-field-date-of-event-field-date-of-event-value p,#main .admin-panel ul li,.form-radios .form-item,.form-checkboxes .form-item,#main .h1-with-feed {
margin-bottom:0;
}

h4,strong,dt,.error,.progress,.container-inline-date legend {
font-weight:700;
}

a:hover,#sidebar-right-top .block a:hover {
text-decoration:underline;
}

#block-menu-94 li.active a,#block-menu-94 li.over a,#block-menu-94 li a:hover,#block-menu-94 li a.active,#footer-message-left strong {
color:#309;
}

#sidebar-right-wrapper #sidebar-right-top,#sidebar-right-wrapper #sidebar-right-bottom,#sidebar-right-wrapper-index #sidebar-right-top,#sidebar-right-wrapper-index #sidebar-right-bottom {
margin-right:0;
}

#block-menu-94 li.leaf {
padding:0;
}

#sidebar-right-top .view-field a,#sidebar-right-top .view-item a,#tabs span.information a {
color:#576651;
}

#sidebar-right-top #block-views-events,#block-views-news .content,.view-content-news {
margin-top:0;
}

#block-block-20 .logo,#block-block-21 .logo,#block-block-22 .logo {
    float:left;
    width:275px;
    margin: 0 0 0 20px;
    }

#block-block-20 span,#block-block-21 span,#block-block-22 span {
color:#999;
}

#techRow2,#techRow3,#techRow4,#techRow5,#busRow1,#busRow2,#busRow3,#busRow4 {
margin-left:0;
}

.form-item .description,.node .submitted {
color:#999;
font-size:.92em;
line-height:1.358696em;
margin-bottom:1.358696em;
}

.form-textarea,#node-form .form-text,#edit-body,.resizable-textarea,td.view-field-node-title {
width:95%;
}

.container-inline div,.container-inline label,.container-inline .form-submit,* html.js fieldset.collapsed legend,* html.js fieldset.collapsed legend *,* html.js fieldset.collapsed table *,.container-inline-date .form-item {
display:inline;
}

html.js fieldset.collapsed *,.container-inline-date label,.field-field-website .field-label,th.view-cell-header {
display:none;
}

.view table,.news tr.row,#main #partners_panel #techpartners ul.menu,#main #partners_panel #buspartners ul.menu {
width:100%;
}

#main #traffictv-page .content img.iphone,#main #tube-page .content img.iphone {
float:right;
margin-bottom:15px;
margin-left:15px;
}

#main #traffictv-page .content img,#main #metrotv-page .content img {
margin-bottom:10px;
margin-left:15px;
}

#main #traffictv-page .content a img,#main #metrotv-page .content a img {
margin:0;
}

#main #traffictv-page .content p,.content p,#main #travelfc-page .content p {
text-align:left;
}

#main .content .networks,#main #partners_panel #techpartners,#main #partners_panel #buspartners,#main #metrotv-page .content .councils,#main #tube-page .content .map,#main #imagenodes,#node-7 .content .team-marks, .center {
text-align:center !important;
}

#quoterow1,#quoterow3 {
border-top:solid 1px #ccc;
padding-top:7px;
width:auto;
}

#quoterow2,#quoterow4 {
border-top:solid 1px #ccc;
padding-top:7px;
vertical-align:top;
width:50%;
}

/* iSubway */

#isubway {
    width: 715px;
    height: 209px;
    margin: 0 0 10px 0;
    position: relative;
}

#isubTitle,
#isubLineGreen,
#isubLineRed,
#isubLineBlack,
#isubLineBrown,
#isubInterchange,
#isubDoubleInterchange,
#isubBarcelona,
#isubBeijing,
#isubBerlin,
#isubGuangzhou,
#isubManchester,
#isubMadrid,
#isubNYC,
#isubShanghai,
#isubTokyo,
#isubLondon,
#isubDubai,
.isubSoon {
    display: none;
    position: absolute;
    background-image: url(../Images/iSubway.png);
    background-repeat: no-repeat;
    margin: 0;
    padding: 0;
}

.oSoon {
    position: relative;
}

.oSoon:hover {
    cursor: auto;
}    

.Open {
    -webkit-transition: -webkit-transform .1s ease-in-out;
}

.Open:hover {
    cursor: pointer;
    background-color: #FFF;
    border: 3px solid #FFF;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -o-border-radius: 2px;
    transform: scale(1.2);
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -o-transform: scale(1.2);
    box-shadow: #000 0 0 1px;
    -webkit-box-shadow: #000 0 0 1px;
    -moz-box-shadow: #000 0 0 1px;
    -o-box-shadow: #000 0 0 1px;
}



#isubTitle {
    width: 246px;
    height: 91px;
    background-position: 0 0;
    top: 0;
    left: 235px;
}

#isubLineGreen {
    width: 236px;
    height: 50px;
    background-position: 0 -91px;
    top: 63px;
    left: 118px;
}

#isubLineRed {
    width: 244px;
    height: 50px;
    background-position: -302px -65px;
    top: 107px;
    right: 117px;
}

#isubLineBlack {
    width: 66px;
    height: 149px;
    background-position: -236px -65px;
    top: 30px;
    left: 295px;
}

#isubLineBrown {
    width: 158px;
    height: 39px;
    background-position: -302px -115px; 
    top: 63px;
    left: 386px;
}

#isubInterchange {
    width: 12px;
    height: 12px;
    background-position: -546px -101px; 
    top: 104px;
    left: 348px;   
}

#isubDoubleInterchange {
    width: 12px;
    height: 22px;
    background-position: -546px -115px; 
    top: 94px;
    left: 379px;   
}

#isubBarcelona {
    width: 108px;
    height: 27px;
    background-position: -241px 0; 
    top: 122px;
    left: 212px;          
}

#isubBeijing {
    width: 66px;
    height: 27px;
    background-position: -350px 0; 
    top: 137px;
    left: 608px;          
}

#isubBerlin {
    width: 65px;
    height: 27px;
    background-position: -418px 0; 
    top: 67px;
    left: 377px;          
}

#isubGuangzhou {
    width: 82px;
    height: 27px;
    background-position: -485px 0; 
    top: 160px;
    left: 451px;          
}

#isubManchester {
    width: 84px;
    height: 27px;
    background-position: -567px 0; 
    top: 20px;
    left: 258px;          
}

#isubMadrid {
    width: 94px;
    height: 28px;
    background-position: -242px -31px; 
    top: 160px;
    left: 200px;          
}

#isubNYC {
    width: 80px;
    height: 28px;
    background-position: -338px -31px; 
    top: 57px;
    left: 34px;          
}

#isubShanghai {
    width: 69px;
    height: 28px;
    background-position: -419px -31px; 
    top: 116px;
    left: 500px;          
}

#isubTokyo {
    width: 101px;
    height: 28px;
    background-position: -489px -31px; 
    top: 56px;
    left: 550px;          
}

#isubLondon {
    width: 79px;
    height: 28px;
    background-position: -590px -31px;
    top: 78px;
    left: 267px;    
}

#isubDubai {
    width: 58px;
    height: 26px;
    background-position: -180px 0px;
    top: 125px;
    left: 383px;    
}

.isubSoon {
    display: block;
    width: 77px;
    height: 20px;
    background-position: -567px -101px;
    top: 5px;
    left: 5px;    
}

.isubway_form { width:715px; }

.isubway_form div.float_left { width:355px; float:left; display:inline-block; }

.isubway_form div.Label {
    width: 110px;
    float: left;   
    margin: 0 8px 0 8px;
    padding: 0;
    }    
    
.isubway_form div.lbl_message { width:70px; margin-left:40px; }
    
.isubway_form div.Input {
    float: right;
    margin: 0 8px 8px 0;  
    } 

.isubway_form .Input input,
.isubway_form .Input textarea {
    width: 200px;
    font-size:12px !important;
    font-family:Arial,sans-serif !important;
    }    

.isubway_form .Input textarea { padding-top:3px; }

.isubway_form div.Input select {
    width: 210px !important;
    height: 30px;
    padding-top:3px;
    cursor: pointer;
    }
    
    
    
.isubway_form input.btnSend {
    margin: 8px 8px 8px 140px;
    } 

.isubway_form h4 {
    text-align: left;
    }  

/* Store etc Links */

p.line {
    display: block;
    width: 100%;
    border-bottom: 1px solid #e2e2e2;
    margin: 0 0 10px 0;
    padding: 0;
    }

.storelink {
    display: block;
    height: 38px !important;
    border: none;
    background-image: url(../Images/AppStores.png);
    background-repeat: no-repeat;
    margin: 0 10px 0 0;
    padding: 0;
    float: left;
    }
    
.storelink:hover {
    cursor: pointer;
    }    
    
.appleitunes {
    width: 109px;
    background-position: 0 0;
    }   
    
.androidmarketplace {
    width: 33px;
    background-position: -251px 0;
    } 
    
.blackberryappworld {
    width: 140px;
    background-position: -110px 0;
    }
    
.mxdinstallservice {
    width: 119px;
    background-position: -340px 0;    
    }    
    
.ovistore {
    width: 53px;
    background-position: -286px 0;
    }  
    
.windowsappstore {
    width: 183px;
    background-position: -460px 0;
    }    
    
.TMATop,
.TMABottom {
    display: block;
    width: 120px;
    height: 120px;
    background: url(../Images/TMA_sticker-alt.png) 0 0 no-repeat;
    margin: 0;
    padding: 0;
    z-index: 1000 !important;
    }            
    
.TMATop:hover,
.TMABottom{
    cursor: pointer;
    background: url(../Images/TMA_sticker-alt.png) 0 0 no-repeat;
    }   
    
#information .TMATop {
    position: absolute;
    right: -10px;
    top: -20px;
    }     
    
#information .TMABottom {
    position: absolute;
    right: -10px;
    top: 240px;
    } 
    
a.sidebarRSS {  
    display: block;  
    width: 21px;
    height: 21px !important;
    position: relative;
    top: -5px;
    left: 198px;
    background: url(../images/mxdatarss-small.png) 0 0 no-repeat;
    }    
    
a.sidebarRSS:hover {
    background: url(../images/mxdatarss-small.png) 0 -21px no-repeat;
    }  
   
#sitemap {
    background: url(../images/sitemap_back.jpg) 0 0 no-repeat;
    }   
   
ul.Sitemap li.first {
    font-size: larger;
    font-weight: bold;
}
         
/* Miscellany */

.border {
    border-bottom: 1px solid #CCC !important;
}

.nomargin-bottom {
    margin-bottom: 0;       
}

.FCUM-Logo {
    width: 200px;
    height: 200px;
    float: right;
    background: url(../images/company_logos/FCUMLogo-Body.png) 0 0 no-repeat;
}

.AppsMag-Logo {
    display: block;
    width: 234px;
    height: 110px;
    float: right;
    background: url(../images/company_logos/appsmag-logo.png) 0 0 no-repeat;
}

.BMcB-Logo {
    display: block;
    width: 220px;
    height: 187px;
    float: right;
    background: url(../images/BMcB.jpg) 0 0 no-repeat;
}

a.TubeMapPRO,
a.Spacemark,
div.FutureDev,
div.BusLondonFutDev,
a.BusLondonBadge,
a.GoCommuteBadge,
div.RootleFutDev {
    display: block;
    width: 304px;
    height: 230px;
    position: absolute;
    bottom: 0;  
}

a.TubeMapPRO {
    background: url(../Images/TubePro-badge.png) 0 0 no-repeat;
}       

a.Spacemark {
    background: url(../Images/Spacemark-badge.png) 0 0 no-repeat;
}  

a.GoCommuteBadge{
    background: url(../Images/GoCommute-badge.png) 0 0 no-repeat;
}

div.FutureDev {
    background: url(../Images/future-badge.png) 0 0 no-repeat;
} 

div.BusLondonFutDev {
    background: url(../Images/london_bus_futdev.png) 0 0 no-repeat;
} 

a.BusLondonBadge {
    background: url(../Images/bus_london_badge.png) 0 0 no-repeat;
}

div.RootleFutDev {
    background: url(../Images/rootle_futdev.png) 0 0 no-repeat;
} 

div.quote  
{
    width:490px;
    float:left;
    margin-bottom:30px;
}

div.quote blockquote { color:#330099; font-weight:bold; margin:0 0 7px 0; }

div.quote a.quote_link  
{
    display:block; 
    clear:both;
    cursor:pointer;
    }
    
div.quote a.quote_link span 
{
    width:120px;
    display:inline-block;
    cursor:pointer;
    background-image:url(../images/footie_pubs_logos.jpg);
    background-repeat:no-repeat;
    margin-left:5px;
      }

div.quote a.quote_link span#esquire { background-position:0px -57px; height:20px; padding:0; margin:0 0 -5px 5px; background-color:#FFF;}
div.quote a.quote_link span#globalcool { background-position:0px -81px; height:20px; padding:0; margin:10px 0 -2px 5px; background-color:#FFF;}

a#shortlist_link { width:390px; height:56px; display:block; margin-bottom:20px; cursor:pointer; background:url(../images/footie_pubs_logos.jpg) no-repeat;}

/* recruitment pop out */

.workhere,
.workhere_tab {
    background-image: url(../Images/workhere.png);
    background-repeat: no-repeat;
}

.workhere {
    display: block;
    width: 28px;
    height: 158px;
    background-position: 0 0;
    position: fixed; 
    top: 100px;
    left: 0;   
}

.workhere_tab {
    display: block;
    width: 28px;
    height: 76px;
    background-position: -28px -41px;
    position: absolute; 
    top: 41px;
    left: -14px;              
}