﻿/* master page content width override */
#divMainContentWrapper
{
	width: auto;
}

#divMainContent
{
	border: 0;
}

/* main homepage content wrapper */
div.homepageContent
{
	margin-top: 12px;
}

/* welcome block with text and sharing links */
div.welcomeBlock
{
	padding-left: 10px;
	padding-right: 10px;
	margin-bottom: 12px;
	margin-top: 10px;
}

div.welcomeBlock div.welcomeHeader
{
	float: left;
	color: #D02A2B;
	font-size: 23px;
	font-weight: bold;
	width: 500px;
	text-align: left;
}

div.welcomeBlock div.welcomeHeader h1
{
	margin: 0px;
	padding: 0px;
	font-size: 23px;
}

div.welcomeBlock div.linksAndButtons
{
	float: right;
}

div.welcomeBlock div.linksAndButtons a
{
	display: block;
	height: 23px;
	margin-right: 0px;
	float: left;
	margin-right: 4px;
	text-decoration: none;
	color: #D4252B;
	font-weight: bold;
}

div.welcomeBlock div.linksAndButtons iframe
{
}

div.welcomeBlock div.linksAndButtons a.getMoreInfoBtn
{
	width: 216px;
	height: 23px;
	margin-right: 35px;
	padding-top: 0px;
}

div.welcomeBlock div.linksAndButtons .fbLikeThis
{
	overflow: hidden;
	width: 100px;
	height: 21px;
	margin-top:2px;
}

div.welcomeBlock div.linksAndButtons .fbLikeThis.es
{
	width: 100px;
}

/* metro map/list and video player/custom content */

div.mapLayout div.leftCol
{
	float: left;
	width: 643px;
	height: 422px;
}

div.mapLayout div.leftCol div.leftBorder
{
	border: solid 6px #626262;
	font-size: 0px;
	height: 410px;
	margin-left: auto;
	margin-right: auto;
}

div.mapLayout div.rightCol
{
	float: left;
	width: 322px;
	height: 422px; /*416px;*/
	text-align: left;
}

div.mapLayout div.rightCol.custom div.rightBorder
{
	border-right: solid 6px #626262;
	border-bottom: solid 6px #626262;
	border-top: solid 6px #626262;
	height: 410px;
	font-size: 0px;
	background-color: #cd2a2b;
}

/* helper rule for map bubble positioning */
div.qtip-title a
{
	position: relative;
}

img.mapDot
{
    cursor: pointer;
    position: absolute;
    z-index: 5000;
}

div#natMapContainer
{
	margin-top: 8px;
	width: 565px;
	height: 351px;
	margin-left: auto;
	margin-right: auto;
	position: relative;
	text-align: center;
}

#divMoviePlayer /* override original movie player styles to hide the right border */
{
	border-left: 0px;
	border-right: 0px;
	border-top: 6px solid #626262;
	border-bottom: 6px solid #626262;
	border-right: 6px solid #626262;
}

/* promo block with 2 cols 

Note: col blocks styles should be inline styles in the page and/or resource files.
*/
div.promoContentBlock
{
	text-align: left;
	border-bottom: 6px solid #E0E0E0;
	border-right: 6px solid #E0E0E0;
	border-left: 6px solid #E0E0E0;
	width: 953px
}

div.promoContentBlock div.leftCol
{
	float: left;
	width: 631px;
	border-right: 6px solid #E0E0E0;
}


div.promoContentBlock div.rightCol
{
	float: left;
	width: 316px;
	height: 217px;
}

div.promoContentBlock div.header
{
	background-image: url(../images/core/promo_block_header_bkg.jpg);
	background-repeat: repeat-x;
	color: white;
	font-size: 20px;
	font-weight: bold;
	height: 39px;
	padding-left: 19px;
	line-height: 39px;
}

div.promoContentBlock div.promoImg
{
	float: left;
}

div.promoContentBlock div.promoText
{
	float: left;
	font-size: 12px;
}

/* intro text about eSMART with BoA logo */
div.midContentBlock
{
	text-align: left;
	border-left: 6px solid #E0E0E0;
	padding-top: 15px;
	padding-bottom: 20px;
	border-right: 6px solid #E0E0E0;
	width: 953px
}

div.bzIntroText
{
	float: left;
	width: 623px;
	margin-right: 20px;
	padding-left: 10px;
	font-size: 16px;
	color: #626262;
}

div.bzIntroText div.header
{
	font-weight: bold;
	font-size: 17px;
	margin-bottom: 10px;
}

div.bzIntroText div.copy
{
    font-size:15px;
}

a.mobileLink,
a.mobileLink:visited,
a.mobileLink:link,
a.mobileLink:active,
a.mobileLink:hover 
{
    text-decoration:none;
    color:#0188fe;
}


div.boaLogo
{
	float: left;
	width: 293px;
	padding-top: 37px;
}

div.boaLogo.es
{
	padding-top: 55px;
}

div.boaLogo a
{
    display:inline-block;
    margin-left:20px;
}

.breadCrumb
{
	height: 0px;
	overflow:none;
}

#Ad1
{
	text-align: right; 
	border-right: solid 6px #626262;
    border-bottom: solid 6px #626262;
    width:316px;
    height:128px;
    overflow:hidden;
}

/* actual metro list */
div.metroList
{
	margin-top: 17px;
}

div.noFlashMsg
{
	background-color:#000;
	text-align:center;
	color:White;
}
