/*****
Common
*****/

h1 {
    font-size: 2.3em;
}
h2 {
    font-size: 2em;
    margin: 20px 0 10px 0;
}
h3 {
    font-size: 1.4em;
    margin: 20px 0 5px 0;
}
h4 {
    font-size: 1.2em;
}

/*****
Layout
*****/
#wrapper {
    padding-bottom: 10px;
}

#container {
    margin-left: 200px;
}

#mainContent {
    margin-left: 0;
}

#mainContent #splash {
    background: #B2C0E3 /*url(/mmw/i/business/splashmap.png) no-repeat 100% -50px*/;
    background: #f5f3ea url(/mmw/i/business/globe_keyboard.jpg) no-repeat 110% 0;
    background: #B2C0E3 url(/mmw/i/business/red_circle.jpg) no-repeat 85% -30px;
    float: left;
    width: 100%;
}
 
.column {
    width: 200px;
}

div.signUp {
    float: right;
    width: 205px;
    padding: 10px;
    border: 1px solid #666;
}


div.signUp h2 {
    margin: 0 0 10px 0;
}
div.sign_in, div.forgotten {
    float: left;
    width: 310px;
}
div.forgotten {
    clear: both;
}

.gifts #section div {
    overflow: hidden;
    padding-left: 170px;
    border-top: 1px solid #eee;
    margin: 0 0 10px -4px;
    padding-top: 5px;
}
.gifts #section div.first{
    border: 0;
    padding-top: 0;
}
.gifts #section div img {
    margin: -2.6em 0 0 -170px;
    float: left;
}

.block h2 {
    font-size: 1.5em;
    letter-spacing: 0;
    font-weight: bold;
    cursor: default;
    margin: 0;
    padding: 0;
}

 
/*****
Navigation
*****/

.addNav {
    background: #1d45a7;
    padding: 0;
}
#localNav h2, .box .alt h2 {
    padding: 10px 8px 10px;
}

.addNav ul  {
    list-style: none;
    border-top: 1px solid #4a69bb;
}

.addNav ul li {
    border-bottom: 1px solid #4a69bb;
}

.addNav ul li a, .addNav ul li a:visited {
    color: #b8d1e7;
    display: block;
    text-decoration: none;
    padding: 3px 8px 3px 18px;
    background: url(/mmw/i/ui/bullet_white.png) no-repeat 8px 6px;
}
 
.addNav ul li a:hover, .addNav ul li#active_local_nav a {
    color: #fff;
    background-color: #3057b6;
}
#glossary .addNav {
    overflow: hidden;
    width: 200px;
}
#glossary .addNav ul {
    margin-right: -1px;
}
#glossary .addNav ul li {
    float: left;
    width: 66px;
    border-right: 1px solid #4a69bb;
}
 
.column .alt {
    background: #cbcbcb;
}

.column .alt ul {
    border-top: 1px solid #999;
}
 
.column .alt ul li {
    border-bottom: 1px solid #999;
}
 
.column .alt ul li a, .column .alt ul li a:visited {
    background-image: url(/mmw/i/ui/bullet_blue.png);
    color: #555;
}
 
.column .alt ul li a:hover {
    color: #000;
    background-color: #bcbcbc;
}
#mymultimap .column .alt ul li a:hover {
    background-color: #cbcbcb;
}

#glossary #inThisSection ul {
    margin: 10px 0 -8px;
    list-style: none;
}
#glossary #inThisSection ul li a {
    display: block;
    padding: 5px 18px;
    background: url(/mmw/i/ui/bullet_blue.png) no-repeat 10px 8px;
    margin: 0 -8px;
}
#glossary #inThisSection ul li a:hover {
    background-color: #ddd;
    color: #333;
    text-decoration: none;
}
 
/*****
Body
*****/
 
.box {
    margin: 10px -4px 0 0;
    position: relative;
}

.column .first {
    margin-top: 0;
}
 
.box .block {
    border: 1px solid #a0a0a0;
    background: #f3f3f3;
    width: 182px;
}
.block h3 {
    margin: 0;
}
.box .alt {
    width: 198px;
}
.box .alt ul {
    margin-bottom: -1px;
}

#business #aboutMultimap p {
    text-align: center;
}
 
#heading {
    background: url(/mmw/i/business/splash-blue-80.png);
    cursor: default;
    padding: 8px 20px;
    color: #fff;
    font-family: "Trebuchet MS";
    float: left;
    margin: 90px 0 0 20px;
    display: inline;
}
 
#body {
    background: #fff;
    float: left;
    width: 100%;
    margin-bottom: 20px;
    background: url(/mmw/i/business/splash_line.png) no-repeat 20px 0;
}
 
#section {
    margin: 20px 220px 0 20px;
}

#section.tour {
    margin-right: 0px;
}


.thumbGallery {
    margin: 5px 0;
}
.thumbGallery a {
    margin-right: 10px;
}
 
#advertise .block {
    text-align: left;
    margin: 0;
    padding: 0;
    width: 200px;
    border: 0;
}
 
#advertise .block a {
    padding: 6px 18px 6px;
    border: 1px solid #1d45a7;
    border-left: 0; border-right: 0;
    text-decoration: none;
    background: #1d45a7 url(/mmw/i/ui/bullet_white.png) no-repeat 8px 50%;
    display: block;
    color: #fff;
}
#advertise .block a:hover {
    background-color: #3057b6;
}

#contactDetails .block {
    border: 0;
    background: #dfdfdf;
}
 
#contactDetails .container {
    border: 1px solid #b0b0b0;
    position: relative;
}
 
#contactDetails #multimapOffices {
    background: #cbcbcb url(/mmw/i/business/officelocations.png) no-repeat 50% 25px;
    height: 108px;
}
 
#contactDetails address {
    font-style: normal;
    margin-bottom: 10px;
}
#contactDetails p {
    margin: 0 0 10px;
}
 
#contactDetails .email, #contactDetails .phone {
    padding-left: 18px;
    text-decoration: none;
    line-height: 1.5em;
    background: url(/mmw/i/ui/ico-email.png) no-repeat 0 50%;
}
#contactDetails .phone {
    background: url(/mmw/i/ui/ico-phone.png) no-repeat 0 50%;
}
 
#contactDetails .container h4 {
    background: url(/mmw/i/ui/dots.png) repeat-x;
    padding: 8px 0 3px 0;    
}

hr {
    margin: 10px 0;
    width: 100%;
    height: 3px;
    background: #1d45a7;
    border: 0;
    color: #1d45a7;
    clear: both;
}
 
dl, table {
    background: url(/mmw/i/ui/dots.png) repeat-x 0 100%;
    overflow: hidden;
    margin-bottom: 10px;
}
dl dt, table tbody th {
    float: left;
    text-align: left;
    font-weight: bold;
    width: 180px;
    clear: left;   
    padding: 5px 20px 5px 10px;
    background: url(/mmw/i/ui/bullet_blue.png) no-repeat 0 8px;
    vertical-align: top;
} 
dl dd, table tbody td {
    background: url(/mmw/i/ui/dots.png) repeat-x 0 0;
    padding: 5px 0;
    padding-left: 210px;
/*    color: #777;*/
    vertical-align: top;
}

table {
    overflow: visible;
}
table tbody th {
    padding-left: 4px;
    background: url(/mmw/i/ui/dots.png) repeat-x 0 0;
    float: none;
}
table tbody th a {
    background: url(/mmw/i/ui/bullet_blue.png) no-repeat 0 4px;
    padding-left: 10px;
    margin-left: -4px;
    float: left;
}
table tbody td {
    padding-left: 0;
}
#content table tbody td p {
    margin: 0 0 5px 0;
}

#POItable {
    width: 100%;
}
#POItable th, #POItable td {
    vertical-align: middle;
}
#POItable th {
    width: 25px;
    padding-right: 5px;
}

.new {
    position: relative;
    top: 0;
    margin-left: 4px;
    font-size: .9em;
    text-decoration: none;
    color: #DE4927;
    padding: 0 0 4px 0;
}

.FAQsection {
    background: none;
    clear: both;
}
.FAQsection dt, .FAQsection dd {
    display: block;
    float: none;
    width: auto;
}
.FAQsection dt {
    font-weight: bold;
    font-size: 1.2em;
    background-position: 2px 8px;
}
.FAQsection dd {
    background: none;
    color: #333;
    padding: 0 5px;
    margin: 0 0 5px 2px;
}
.FAQsection dd.hide {
    display: none;
}
.FAQsection dt.selected {
    background: transparent url(/mmw/i/ui/bullet_blue.png) no-repeat scroll 0 -85px;
}
.FAQsection dt.selected a:link, .FAQsection dt.selected a:visited {
    text-decoration: none;
}
.FAQsection dd.selected {
    display: block;
    color: #000;
    padding-bottom: 5px;
    border-left: 3px solid #1d45a7;
    border-bottom: 1px solid #1d45a7;
}
#showAll {
    float: right;
    display: none;
}
#showAll a {
    background: url(/mmw/i/ui/bullet_blue.png) no-repeat 2px 4px;
    padding-left: 10px;
}
#showAll a.selected {
    background: transparent url(/mmw/i/ui/bullet_blue.png) no-repeat scroll 0 -85px;
}
#showAll a #showHide, #showAll a.selected #showShow {
    display: none;
}
#showAll a.selected #showHide, #showAll a #showShow {
    display: inline;
}

.to_top {
    float: right;
    padding-left: 10px;
    background: transparent url(/mmw/i/ui/bullet_blue.png) no-repeat scroll 0 -44px;
}

img.button {
    margin-bottom: -5px;
}

#mainContent .container  {
    margin-bottom: 20px;
    width: 100%;
    float: left;
}

form p {
    clear: both;
}

label {
    display: block;
    font-weight: bold;
    margin-bottom: 5px;
}

label span.text {
    font-weight:normal;
}

form p.selection  label{
    font-weight: normal;
    padding-left: 20px;
    text-indent: -18px;
}

.signin form p input.text {
    width: 300px;
    font-size: 120%;
}
.register form p input.text, .register form p select, .account form p input.text, .account form p select {
    width: 220px;
}

.register .helper button {
    margin-top:  -4px;
}

.register form p input.countryCode {
    width: 30px;
}
.register form p input.phone {
    width: 170px;
}

#content  form .col {
    float: left;
    width: 250px;
    clear: none;
}

.register #terms {
    width: 98%;
    height: 150px;
    background: #f5f5f5;
    overflow: auto;
    clear: both;
    border: 1px solid #a0a0a0;
}

.register .termpage #terms {
    width: 98%;
    height: auto;
    background: none;
    overflow: auto;
    clear: both;
    border: none;
}

ul#sectionTabs {
    border-bottom: 1px solid #1D45A7;
    list-style: none;
    float: left;
    margin: 10px 0;
    width: 100%;
}
ul#sectionTabs li {
    float: left;
    list-style: none;
    padding: 0;
    margin: 0;
}
ul#sectionTabs li a {
    float: left;
    margin-right: 1px;
    padding: 5px 10px;
    background: #ddd;
    text-decoration: none;
    border-bottom: 0;
    position: relative;
    color: #333;
}
ul#sectionTabs li a:hover {
    background: #C4CDE4;
    color: #000;
}
ul#sectionTabs li.active a, ul#sectionTabs li.active a:hover {
    background: #fff;
    padding: 7px 10px 6px;
    margin: -3px 0 -1px -1px;
    color: #333;
    font-weight: bold;
    border: 1px solid #1D45A7;
    border-bottom: 0;
}

ul#sectionLogos, #content .case_block {
    float: left;
    width: 100%;
    margin: 10px 0 20px 0;
    padding: 0;
}

ul#sectionLogos li, #content .case_logo {
    float: left;
    list-style: none;
    padding: 0;
    list-style: none;
    margin: 0 10px 0 0;
    border: 1px solid #eee;
}

ul#sectionLogos li a, #content .case_logo a, .groupwrapper .example a img {
    padding: 5px;
    border: 1px solid #ccc;
    background: url(/mmw/i/ui/shade-x.png) repeat-x 0 100%;
}
ul#sectionLogos li a, #content .case_logo a {
    float: left;
}
ul#sectionLogos li a:hover, #content .case_logo a:hover, .groupwrapper .example a:hover img {
    border: 1px solid #777;
    background-position: 0 0;
}

.case_studies .article h2 {
    float: left;
    width: 100%;
    border-bottom: 1px solid #ccc;
    padding-bottom: 5px;
}

#content .case_block {
    margin: 0 0 10px;
}
#content .casestudy_body {
    margin-left: 142px;
}
#content .casestudy_body p {
    margin: 5px 0;
}

#caseFull img {
    border: 1px solid #777;
    float: left;
}

#caseFull {
    position: relative;
    clear: both;
    margin-top: 10px;
}
#caseFull .closed {
    display: none;
}

.caseTitle {
    margin: 0 0 -20px;
    padding: 0;
    clear: both;
}

.article .caseBlock ul {
    margin-left: 370px;
}

.caseBlock h3 {
    color: #1D45A7;
    margin-bottom: 15px;
    padding-top: 0;
}
.thumbnails .caseBlock p, .thumbnails .caseBlock ul {
    clear: both;
    margin-left: 0;
}

.article ul, ol {
    margin-left: 0;
}

.article ol {
    font-weight: bold;
}

.article h3 {
    clear: left;
}
.article ul li, #register ul li {
    margin: 5px 0;
    padding-left: 10px;
    list-style: none;
    background: url(/mmw/i/ui/bullet_sqr.png) no-repeat 0 5px;
}

.article ol li {
    margin: 5px 25px;
    padding-left: 10px;
}

.article ol li p {
    font-weight: normal;
}

.article .sublevel1 li {
    list-style-type: lower-roman;
    font-weight: normal;
}

.article .sublevel2 li {
    list-style-type: lower-alpha;
    font-weight: normal;
}

#content .article .caseImage {
    margin: 0 15px 10px 0;
    width: 350px;
    float: left;
}
#content .article .caseImageRight {
    margin: 0 0 10px 15px;
    width: 350px;
    float: right;
}

.article .caseImage p, .article .caseImageRight p {
    padding: 4px 0;
    color: #777;
    clear: left;
}

#caseContents {
    width: 168px;
    font-weight: bold;
    border-collapse: collapse;
    background: none;
    float: left;
}
#caseContents td {
    vertical-align: middle;
    background: none;
    padding: 0 0 10px 0;
}
#caseContents td a {
    display: block;
    text-decoration: none;
}
#caseContents tr {
    cursor: pointer;
}
#caseContents tr img {
    width: 50px;
    margin: 0;
}
#caseContents tr:hover a {
    color: #9b2c2c;
}
#caseContents tr.active a {
    color: #000;
}
#caseContents tr:hover a img {
    border-color: #333;
}
#caseContents tr.active a img {
    border-color: #000;
}
#caseContents img {
    margin-right: 8px;
}
#caseContents .thumb {
    width: 60px;
}

#caseFoot {
    border-top: 3px solid #1D45A7;
    margin-top: 15px;
    padding-bottom: 15px;
    clear: both;
}

#content .download_brochure {
    float: right;
    height: 347px;
    width: 278px;
    margin: -4px 8px 0 0px;
    display: inline;
    position: relative;
}
#bManufacturing {
    background: url(/mmw/i/business/brochures/brochure_manufacturing.jpg) no-repeat 0 0;
}
#bAutomotive {
    background: url(/mmw/i/business/brochures/brochure_automotive.jpg) no-repeat 0 0;
}
#bGovernment {
    background: url(/mmw/i/business/brochures/brochure_government.jpg) no-repeat 0 0;
}
#bProperty {
    background: url(/mmw/i/business/brochures/brochure_property.jpg) no-repeat 0 0;
}
#bRetail {
    background: url(/mmw/i/business/brochures/brochure_retail.jpg) no-repeat 0 0;
}
#bTravel {
    background: url(/mmw/i/business/brochures/brochure_travel.jpg) no-repeat 0 0;
}

.download_brochure span {
    position: absolute;
    bottom: 25px;
    left: 57px;
    color: #777;
}
.download_brochure span a {
    font-weight: bold;
}

.left_side {
    float: left;
    margin: 0 10px 10px 0;
}
.framed {
    padding: 2px;
    border: 1px solid #ddd;
}
.framed img {
    border: 1px solid #aaa;
}

.left_side-200 {
    margin-left: 200px;
}

.left_side-320 {
    margin-left: 320px;
}

#content blockquote {
    float: right;
    width: 35%;
    padding: 0 0 0 10px;
    margin: 0 0 20px 10px;
    border-left: 3px solid #777;
}
#content blockquote p {
    font-size: 1.3em;
    margin: 0;
}
#content blockquote span {
    color: #777;
    text-align: right;
    font-style: italic;
    margin-bottom: 10px;
    display: block;
}

#footerArea {
    margin-left: 0px;
}
#legal {
    width: 100%;
    float: left;
    color: #999;
}

.press_releases #latestNews {
    float: right;
    width: 25%;
}
.press_releases #latestNews h3 {
    border-bottom: 1px solid #1d45a7;
    padding-bottom: 5px;
}
.press_releases #latestNews h4 {
    margin: 15px 0 -5px;
}
.press_releases #pressReleases {
/*    float: left;
    width: 73%;
*/
    margin-top: 20px;
}
.press_releases #pressReleases h4 {
    margin: 0 0 -5px 0;
    font-size: 1.2em;
}

.press_releases .item {
    clear: both;
    margin-left: 120px;
    position: relative;
    padding: 0 0 0 5px;
    margin-bottom: 30px;
    border-left: 1px solid #777;
}

#content .published {
    position: absolute;
    left: -121px;
    width: 110px;
    background: #eee;
    text-align: center;
    padding: 4px 5px;
    color: #555;
    margin: 0;
/*    font-weight: bold;*/
}

#content li.feed {
    float: right;
}
#content .feed a, #content li.feed a:hover {
    background: transparent url(/mmw/i/ui/feed_icon.png) no-repeat 0 5px;
    padding: 5px 5px 5px 10px;
    text-indent: -1000em;
}
#content p.feed {
    padding: 5px;
    margin-left: 80px;
    background: #eee;
}
#content p.feed a {
    text-indent: 0;
    padding: 5px 5px 5px 20px;
}

.first .shadowMask {
    background-position: 0 -4px;
}

.groupwrapper .example {
    float: left;
    text-align: center;
    margin: 5px 5px 25px 0;
}

.groupwrapper .example img {
    margin-bottom: 5px;
}

#content .articleImage {
    float: right;
    margin: 0 0 0 15px;
} 

#siteservices h2, form h2 {
	clear:	left;
}

ul.buylinks {
    list-style: none;
}

ul.buylinks li {
    padding: 5px 0;
	background: none;
	float: left;
	width: 100%;
}

ul.buylinks li.last {
    background: none;
}

ul.buylinks li h3 {
    font-size: 120%;
	clear: none;
	margin: 5px 0;
}

ul.buylinks li img {
    margin: 0 5px 0 0;
	float: left;
}


ul.buylinks li a {
    background: url(/mmw/i/ui/bullet_blue.png) 0 50% no-repeat;
    padding: 0 0 0 8px;
}

.article ul.buylinks li form {
    clear: none;
    margin-left: 130px;
}

.article ul.buylinks li a {
    float: right;
}

.jobs ul li {
	background: transparent url(/mmw/i/ui/ico-pdf-small.png) no-repeat scroll 0pt 0px;
	list-style-image: none;
	list-style-position: outside;
	list-style-type: none;
	margin: 0;
	padding: 5px 0 0 27px;
	height: 25px;
}

.jobs ul li a {
	padding: 10px 0;
}

/*****
Typography
*****/

#body p {
    line-height: 1.36em;
}

#localNav h2 {
    color: #fff;
}
 
#heading p {
    margin: 0;
    color: #cddcea;
    font-size: 120%;
    font-weight: bold;
}

#register h3 {
    color: #1d45a7;
    font-size: 1.2em;
    font-family: "Lucida Grande", "trebuchet ms", arial, verdana, sans-serif;
    padding: 8px 0 0;
    clear: both;
}
#register ul {
    margin-bottom: 20px;
}


.thumb .shadowMask {
    background-position: 0 0;
}
.thumb img {
    border: 1px solid #999;
    padding: 1px;
    background: #fff;
}

label.error {
    color: #eb2905;
}

/*****
Help text
*****/
.helpText {
	display:block;
	background:  #fffde7;
	padding:  5px;
	margin-top:  5px;
}
.helpTextHidden {
	display:none;
}

/*****
Error pages
*****/

.e500 {
    text-align:center;
}

.e500 h1 {
    margin-top:20px;
}