/* COMMON */

.yellowBG	{ background-color : #FFE21C; }

.lightYellowBG { background-color: #FEFEC2; }

.greyBG { background-color: #E7E7E7; }

.darkGreyBG { background-color: #C4C4C4; }

.whiteBG { background-color: #FFFFFF; }

.greyC { color: #666666; }

.greyText { color: #666666; }

.redC { color: #FF3333; }

#PhoneBookHP	
{
	position: relative;
	width:980px;
	max-width: 980px;
	padding: 0px;
	margin-left: auto;
	margin-right: auto;
}

#PhoneBook
{
	position: relative;
	width: 980px;
	padding: 0px;
	margin-left: auto;
	margin-right: auto;
}

#PhoneBookPop
{
	position: relative;
	width: 100%;
	padding: 0px;
	margin-left: auto;
	margin-right: auto;
}

#heading
{
	position: relative;
	background-color: #FFE21C;
	background-image: url(/images/backGround.png);
	margin: 0px;
	width: 100%;
	height: 18px;
	padding: 0;
}

#contentArea
{
	margin-top: 5px;
	font-size: 1em;
	line-height: 130%;
	width: 100%;
}

#breadcrumb
{
	padding: 4px 0 4px 18px;
	font-size : 11px;
	background-color: #FEFEC2;
	border-top: 7px solid #FEFEC2;
}

#Results {
	display: block;
	clear: both;
	float: left;
	width: 100%;
	padding: 0 0 5px 0;
	border: 0;
}

#Results h1 {
	display: inline;
	width: 563px;
	margin: 0;
	padding: 0;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 18px;
	color: #003A6E;
	line-height: 20px;
}

.hpSearchField
{
	width: 98%; 
	margin: 5px 0 0;
}

.notes
{
	font-size : 82%;
	color: #666666;
}

.smallText
{
	font-size : 10px;
}

.nocaps
{
	text-transform: lowercase;
}

.listing
{
	padding: 0px;
	line-height : 163%;
	margin-bottom: 20px;
}

.listing a
{
	font-size : 1em;
	padding-right: 5px;
}

.listing  .listingTitle
{
	font-size : 1.09em;
	font-weight : inherit;
	padding-right : 1px;
}

.listing .elpBold
{
	font-size : 1.09em;
	font-weight : bold;
	text-transform : uppercase;
	padding-right : 1px;
}

.listing .elpColour
{
	font-size : 1.09em;
	color : #FF3333;
	font-weight : inherit;
	text-transform : uppercase;
	padding-right : 1px;
}

.listing .elpBoldColour
{
	font-size : 1.09em;
	font-weight : bold;
	color : #FF3333;
	text-transform : uppercase;
	padding-right : 1px;
}

.listing .icon
{
	text-align: center;
	vertical-align: top;
	padding: 0px 0px 0px 13px;
}

.listing .address
{
	font-size : 1.09em;
}

.icon .image
{
	background-color : #ffffff;
}

.listing .arrowHead
{
	padding: 3px 5px 0;
}

.listing .phoneNumber
{
	font-size : 1.09em;
	font-weight: bold;
}


.listing .categoryList,
.listing .categoryList a {
	color: #999999;
}

.listing .highlightText
{
	color: #FF3333;
	font-weight: bold;
}

.alignRight
{
	text-align: right;
}

.alignCenter
{
	text-align: center;
}

.alignRightMiddle
{
	text-align: right;
	vertical-align: middle;
}

.alignRightBottom
{
	text-align: right;
	vertical-align: bottom;
}
.alignLeftMiddle
{
	text-align: left;
	vertical-align: middle;
}

.alignLeftBottom
{
	text-align: left;
	vertical-align: bottom;
}

.alignCenterMiddle
{
	text-align: center;
	vertical-align: middle;
}

.floatLeft
{
	float: left;
}

.createModifyLocal
{
	border-top: 1px dashed #7F7F7F;
	margin-top: 10px;
	padding-top: 7px;
	vertical-align: middle;
}

a.hpDisplayMapLink
{
	text-decoration: none;
}


/* MENU HOLDERS */

.MenuHolder
{
	position: absolute; 
	top: 0px; 
	left: 0px; 
	z-index: 10; 
	display: none;
	width: 100%;
}

/* MAPS */
.mapDisplay
{
	margin:15px 13px 0px 13px;
}

div .mapCount
{
	background:url(/images/dartRegListing.png);
	background-repeat: no-repeat;
	width: 30px;
	height: 39px;
	padding-top: 5px;
	text-align: center;
	font-size : 9px;
	float: left;
	margin-right: 5px;
}

.mapResultHeadings
{
	font-weight: bold;
	background-color: #F2F1ED;
	padding: 1px 3px 0 15px;
	height: 19px;
}

.mapAddressTbl
{
	border: 1px solid #F2F1ED;
	
}

.mapAddressCell
{
	padding: 7px 5px 7px 15px;
	border: 1px solid #F2F1ED;
}

.ListingMapResults
{
	width:775px;
	height:320px; 
	position:relative;
}

.pushpin
{
	background-image:url(http://cb.yp.ca/map/dart.png);
	background-color:transparent;
	font-family:Arial; 
	font-size:10px; 
	color:Black;
	height:38px;
	width:30px;
	text-align:center;
	vertical-align:middle;
	position: relative;
	top: -21px;
	left: -15px;

}

.c411Body .pushpin a {
	text-decoration: none;
}

.pushpinLandmark
{
	background-image:url(/images/bluePushpin.gif);
	background-color:transparent;
	background-repeat: no-repeat;
	font-family:Arial; 
	font-size:10px; 
	height:36px;
	width:30px;
	text-align:center;
	vertical-align:middle;
	position: relative;
	top: -21px;
	left: -15px;
	border: 0px;
}    


.pushpin .text 
{
	position: relative;
	top: 5px;
	left: -1px;
}

.poistep
{
	background-color:transparent;
	background-image:url(http://cb.yp.ca/map/RoutePushpin.gif);
	font-family:Arial;
	font-size:10px;
	height:16px;
	position:relative;
	text-align:center;
	vertical-align:top;
	width:16px;
	top:5px;
}

.poistep > .text > a
{
	font-weight:600;
}

.ero-progressAnimation { margin-left: -30px; margin-top: -19px; }

.ero-rightBeak { margin-right: -15px; margin-top: 0; }

.ero-leftBeak { margin-left: -15px; margin-top: 0; }

.c411Body .VEAPI_Pushpin { text-decoration: none; }

/* HELP SECTION */

.helpTopic
{
	font-weight: bold;
	padding: 0px;
	background-color: #FFFFFF;
	font-weight: bold;
	font-size : 1em;
}

.highlight
{
	padding: 2px;
	background-color: #E7E7E7;
	font-weight: bold;
	font-size : 1.09em;
}

.c411TextsizeIcon {
	position: relative;
	top: 5px;
	border: none;
}

.hiLiteThis
{
	text-decoration: inherit;
	font-size: inherit;
}

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

#scrollTop 
{
	width: 980px; 
	padding: 10px 0; 
	background-color: #CCCCCC; 
	z-index:2; 
	position:absolute; 
	top:-150px;
	left: 0; 
	margin: 0;
}

.listingDart
{
	background-image: url(/images/dart.png);
	background-repeat: no-repeat;
}

.dartText
{
 	font-size: 9px;
	text-align: center;
	padding: 5px 0;
	width: 29px;
}

.share
{
	padding-bottom: 5px; 
	clear: both;
}

.tabLeft
{
	float: left;
}

.tabRight
{
	float: left; 
	margin-right: 2px;
}

.tab
{
	display: block; 
	padding: 10px 10px 2px; 
	float: left;
	font-size: 1em;
	line-height: 13px;
	background-image:url(/images/merchantPg-tabBG.gif);
	background-repeat: repeat-x; 
}

.mapTab
{
	background-image:url(/images/merchantPg-mapTabBG.gif);
	background-repeat: repeat-x; 
}

.currentMapTab
{
	font-size: 1.09em;
	line-height: 13px;
	background-image:url(/images/merchantPg-currentMapTabBG.gif);
	background-repeat: repeat-x;
	font-weight: bold;
}

.blueBG	{ background-color : #003A6E; }

.blueC	{ color: #003A6E; }

.lightblueBG { background-color: #19B4E6; }

.lightblueC { color: #19B4E6; }

.lightblueHead
{
	background-color: #19B4E6;
	padding: 2px 0 0;
	font-size: 12px;
	height: 18px;
}

.bottomLightblueBorder
{
	font-size : 1px;
	height: 8px;
	overflow: hidden;
	border-bottom: 1px solid #19B4E6;
}

.leftBlueBorder
{
	border-left: 1px solid #19B4E6;
}

.rightBlueBorder
{
	border-right: 1px solid #19B4E6;
}

.leftBlackBorder
{
	border-left:1px solid #000000;	
}

.rightBlackBorder
{
	border-right:1px solid #000000;
}

.c411 .left
{
	float: left;
}

.c411 .right
{
	float: right;
}

#breadcrumb
{
	padding: 4px 0 4px 18px;
	font-size : 11px;
	background-color: #C8EEFF;
	border-bottom: 1px solid #A9D6E8;
	border-top: 0px;
	clear:both;
}

#headerSearch
{
	float: left;
	margin-top: 15px;
	width: 50%;
}

.textEntry
{
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	border-style: solid;
	border-width: 1px;
	border-color: #000000;
	padding: 0px 0px 0px 2px;
}

#peopleForm h1
{
	font-size: 20px;
	font-weight: normal;
	margin: 0 0 3px 0;
	padding: 0;
}

.cobrandHpBusSearchBox {
	background-color: #FFD712;
	text-align: left;
	vertical-align: middle;
	color: #000000;
}

.hpPfSearchBoxBkGrnd
{
	background-position: bottom left;
	background-repeat: repeat-x;
}

.c411Body .c411HpPfSearchBox,
.c411HpPfSearchBox
{
	background: url("/images/hpSearchBkgrnd.gif") #D6EFFC repeat-x; 
	padding: 0 8px 10px;
	text-align: left;
	vertical-align: middle;
	color: #000000;
}

.searchForm #PeopleSearch {
	padding-top: 4px;
}

.hpPfSearchBox a
{
	color: #000000;
}

.c411HpPfSearchBox a:hover
{
	color: #19B4E6;
}

div .mapCountYahoo
{
	background:url("/images/dartYahoo.png");
	background-repeat: no-repeat;
	width: 30px;
	height: 39px;
	padding-top: 5px;
	text-align: center;
	font-size : 9px;
	float: left;
	margin-right: 5px;
}

.hpNotes
{
	font-size: 65%;
	font-weight: normal;
	
}

.resultDownArrow
{
	position: relative;
	top: 1px;
	margin: 0 3px;
}

.resultOptionsNavBar
{
	padding: 0 10px 0;
	margin: 0;
}

.resultOptionsNavBar .tabLeft
{
	float: right;
}

.resultOptionsNavBar .tabRight
{
	float: right; 
	margin-right: 2px;
}

#paging
{
	font-size: 0.9em;
	float: left;
	bottom: 8px;
	left: 18px;
	width: 380px;
}

#lowerpaging
{
	position: relative;
	float: right;
	text-align: right;
	padding: 2px 10px;
	background-color: #C8EEFF
}

.tab
{
	display: block; 
	padding: 10px 10px 2px; 
	float: left;
	color: #003A6E;
	font-size: 1em;
	line-height: 13px;
	background-image:url("/images/uTopTabBack.gif");
	background-repeat: repeat-x; 
}

.currentMapTab
{
	background-image:url("/images/sTopTabBack.gif");
	background-repeat: repeat-x;
	color: #A9D6E8;
}


.refinementHeading {
	height: 20px;
	padding: 2px 4px 0 10px;
	background-color: #19B4E6;
	background-image: none;
	font-size : 12px;
	font-weight: bold;
}

.refinementHeadingNoSubDivision
{
	color: #778899;
	background-image: url("/images/refineSearchDisableBackground.gif");	
	cursor:text;	
}

.refinementBody
{
	background-color: #C8EEFF;
}

.noMapCount
{
	width: 30px;
	height: 39px;
	padding-top: 5px;
	text-align: center;
	font-size : 9px;
	float: left;
	margin-right: 5px;
}

.thickborder
{
	border-style: solid;
	border-width: 2px;
	border-color: #5CC3F8;
}

.nounderline
{
	text-decoration: none;
}

.hpLabel {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 14px;
	font-weight : bold;
	color: #000000;
}

.searchForm
{
	position: relative;
	float: right;
	width: 670px;
}

.adspace {
	clear: both;
	position: relative;
	float: left;
	width: 300px;
	height: 250px;
	color: #666666;
	font-size: 36px;
	text-align: center;
	font-weight: bold;
}

.businessCategoryHeader
{
	font-size : 1.09em;
	font-weight : bold;
	padding-right : 3px;
}

.businessCategory
{
	font-size : 1em;
	padding-right : 3px;
}

.busborder_right { 
	border-right: 1px solid #FFE21C;
}
.busborder_left { 
	border-left: 1px solid #FFE21C;
}
.busborder_top { 
	border-top: 1px solid #FFE21C; 
}
.busborder_bottom { 
	border-bottom: 1px solid #FFE21C; 
}
.buscell_padding { 
	padding: 5px;
}

.c411NearbySectionHead {
	margin-top: 8px
}

.c411NearbyHeadings {
	padding: 2px 0px 0px 15px;
}

.c411NearbyMerchants {
	display: none;
	clear: both;
	float: left;
	width: 100%;
}

.leftcolumn
{
	float: left;
	width: 360px;
	padding: 0px 10px 0px 0px;
}
.centercolumn
{
	float: left;
	width: 380px;
	padding: 0px 10px 0px 0px;
}
.rightcolumn
{
	float: right;
	width: 220px;
}

#mapheading
{
	color: #003A6E;
	font-family:Verdana, Arial, Helvetica, sans-serif; line-height:31px;
	font-size: 18px;
	background: #C8EEFF url("/images/arrow-result.jpg");
	background-repeat:no-repeat;
	background-position:right;
	margin: 0px;
	padding: 2px 30px 6px 4px;
	line-height: 110%;
}

#reflink
{
	position: relative;
	float: left;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;

	/*
	color: #C8EEFF;
	*/
	color: #003A6E;
	background-color: #FFFFFF; 

	padding: 2px 4px;
	border: 1px solid #375C5C;
	cursor: pointer;
}

#reflinkInactive
{
	position: relative;
	float: left;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #C8EEFF;
	padding: 2px 4px;
	border: 1px solid #375C5C;
	cursor: pointer;
} 

#refmenu
{
	position: absolute;
	margin: 0;
	padding-top: 4px;
	background-color: #FFFAF0;
	border: 4px solid #003A6E;
	border-top: none;
	min-width: 128px;
	z-index: 100;
}

#refmenu .reftype
{
	position: relative;
	cursor: pointer;
	padding: 4px;
	font-family: Arial, Helvetica, sans-serif;
	font-size : 0.9em;
	font-weight: bold;
	color: #000000;
	white-space: nowrap;
	background-color: #C8EEFF;	
}

#refmenu a
{
	color: #00008B;
	text-decoration: none;
	background-color: #FFFAF0;
}

.refarea
{
	/*height: expression( this.scrollHeight > 333 ? "333px" : "auto" );*/
	max-height: 333px;
	overflow: auto;
	display: none;
	background-color: yellow;
}

#refmenu ul
{
	margin: 0;
	padding: 0;
}

#refmenu .refundo li
{
	padding: 4px 2px 4px 20px;
	list-style: none;
	padding: 4px 2px 10px 20px;
	font-family: Arial, Helvetica, sans-serif;
	font-size : 0.8em;
	font-weight: bold;
	color: #000000;
}

#refmenu .refarea li
{
	display: none;
	margin: 0;
	padding: 1px 2px 4px 20px;
	font-family: Arial, Helvetica, sans-serif;
	font-size : 0.7em;
	list-style: none;
	color: #000000;
	white-space: nowrap;
	background-color: #FFFAF0;
}

#refmenu .refarea li a
{
	text-decoration: none;
}

#refmenu .refarea li a:hover
{
	text-decoration: underline;
}

#MSVE_obliqueNotification {visibility: hidden;}

.trademarkalign{
	font-size: 6px;
	vertical-align: top;	
}

.greyline
{
	border-top: 1px solid #666;
	height: 1px;
}

.c411Listing
{
	clear: both;
	font-size: 100%;
}
 
.c411Listing .address
{
	font-size : 1.09em;
}

.c411Listing .arrowHead
{
	padding: 3px 5px 0;
}

.c411Listing .columnLeft
{
	float: left;
	width: 10%;
	height: 5em;
}

.c411Listing .columnRight
{
	float: right;
	width: 35%;
}

.dartFill
{
	height: 10%;
}

.c411Listing .distance
{
	color: #FF3333;
	font-weight: bold;
}

.c411Listing .elpBold
{
	font-size : 1.09em;
	font-weight : bold;
	text-transform : uppercase;
	padding-right : 1px;
}

.c411Listing .elpBoldColour
{
	font-size : 1.09em;
	font-weight : bold;
	color : #FF3333;
	text-transform : uppercase;
	padding-right : 1px;
}

.c411Listing .elpColour
{
	font-size : 1.09em;
	color : #FF3333;
	font-weight : inherit;
	text-transform : uppercase;
	padding-right : 1px;
}

.c411Listing .icon
{
	text-align: center;
	vertical-align: top;
	padding: 0px 0px 0px 13px;
}

.c411Listing  .listingTitle
{
	font-size : 1.09em;
	font-weight : inherit;
	padding-right : 1px;
}

.c411Listing .phoneNumber
{
	font-size : 1.09em;
}