/* CSS Document -  
	*  Author: Copyright Mediavision Network Inc.(info@canadianpages.net) - All Rights Reserved.
	*  The following code can not be copied, modified or used in any other way on another website. Licensed to www.eastwestdirectory.com.
*/
td{
	font-size:71%;
	font-si\ze:100%;
}
#pageContainer, #canvas-wrapper {
	width:100%;
	text-align:center;
	margin:0 auto;
}

html>/**/body #pageContainer{
	display: table;
  	vertical-align: middle;
	height:90%;
	width: 100%;
	overflow: visible;
}

html>/**/body #canvas-wrapper[id]{
	display: table-cell;
	vertical-align: middle;
}

#skiplinks ul, #skiplinks li, #skiplinks a {padding:0; margin:0; list-style:none; position:absolute; top:-200px; overflow:hidden; width:0; height:0; font-size:1px!important;}


form {margin:0px;}
span.nounderline {text-decoration:none;}
.pusherDiv {clear:both; height:1px;	font-size:1px; margin-bottom:-1px;}

.subLabel, .searchbox {clear:left; font-size:11px; font-color:#006699; padding:2px 0px 0px 0px;}
.ewd {float:left;}
.rt {float:right;}
.white {color:#fff;}
ul {list-style-image:none; margin:0px;}
img {border:0px;}



.yellowbutton {	font-weight:bold; background:#ff0; border:1px solid #000; color:#333; font-size:90%; padding:0px 0px 0; cursor:hand; margin-top:0px;}
*html .yellowbutton{ overflow: visible; padding:1px 0 0;paddi\ng:1px 2px 0;}
#button {margin-top:-2px;} 
#canvas-wrapper {text-align: center;}
#header {width:100%; height:7.0em;}
#header #ltholder {width:50%;}
#header h1 {margin:15px 10px 0px 15px;}
#strapline {margin:14px 0px 0px 0px;}
h2 {font-size:110%;}
#strapline h2{display:inline; font-family:Verdana, Helvetica, sans-serif; font-weight:normal; color:#000;	margin:0px 0px 0px 10px; padding:0px;}
#tools {text-align:right;}
#tools img {vertical-align:middle; margin-right:5px;}
#tools p {margin:15px 15px 5px 10px; width:260px; text-align:right;}
#tools div {margin-right:15px; margin-top:13px;}
#tools div img{vertical-align:middle; margin-right:5px;}
#tools ul li {display:inline; margin-right:15px;}
ul.channels { margin:15px 15px 5px -25px;}
*html ul.channels { margin:15px 15px 5px 15px;}
ul.channels li {display:inline; list-style-type:none; margin-right:10px;}
ul.channels li img {vertical-align:middle; margin-right:5px;}

#search {text-align:left; margin:10px auto; width:573px; height:223px; background-color:#inherit; border:2px solid #ffffff;}
*html #search {text-align:left; margin:10px auto;/*for IE5*/ width:573px; height:223px;/*for IE5*/hei\ght:223px; border:2px solid #ffffff;}

#bizpage {text-align:left; margin:10px auto; width:573px; height:127px; background-color:#inherit; border:2px solid #ffffff;}



*html #bizpage {text-align:left;left:20px; margin:10px auto;/*for IE5*/ width:573px; height:127px;/*for IE5*/hei\ght:127px; border:2px solid #ffffff;position:relative;} 



#leftsearchboxes {float:left; background-color:#ffe066; width:170px; padding:0.5em 0px 1em 10px; min-height:110px; margin-top:20px; margin-left:15px; border-top:1px solid #fff; border-bottom:1px solid #fff; border-left:1px solid #fff;}
*html #leftsearchboxes {margin-left:8px; width:110px; wid\th:170px; height:110px; heigh\t:110px;	padding:10px 0px 10px 10px;}
*html .box {height:55px;}

label.searchLabel {font-weight:bold; font-color:#006699; font-size:15px; padding:0px 0px 0px 0px;}
.egCol { padding:2px 0px 5px 0px;}



#searchLabel {font-weight:bold; font-color:#006699; font-size:15px; padding:5px 0px 0px 0px;}
*html #searchLabel {font-weight:bold; font-color:#006699; font-size:15px; /*for IE5*/padding:5px 0px 0px 0px;}




*html .egCol {padding:0px;}
#wrapper{width:19px;float:right;}/*This contains spaces which wrap to push down the location box at larger font sizes.*/
.locstrip {float:left; background-color:#ffe066; margin-top:3.5em; padding:10px 0px 0px 50px; width:310px; height:6em;  border-top:1px solid #fff; border-right:1px solid #fff; border-bottom:1px solid #fff;}
*html .locstrip{width:360px; wid\th:310px;}
.checkpos {margin-left:0px; vertical-align:middle;}
*html .checkpos {margin-left:-3px; vertical-align:middle;}
#arrow {position:relative;}
#arrow div{float:left; width:45px; top:-44px; left:-50px; position:absolute; background-image:url("images/search_arrow.gif"); background-position:left; background-repeat:no-repeat; height:150px;}
.arrowsm {float:left; width:20px;}
#location {width:185px; padding-bottom:12px;}
#button {padding:14px 0px 6px 0px; width:120px;}
.conditions { float:left; width:295px; padding:15px 0px 0px 10px; margin-left:40px;}
*html .conditions {	margin-top:-10px; padding:0px 0px 0px 190px; /* mac hack \*/ margin-top:0px; padding:15px 0px 0px 10px;/* end hack */}


#toronto {background-color:#inherit; height:7.5em;}
#brampton {background-color:#inherit; height:7.5em;}
#mississauga {background-color:#inherit;height:7.5em;}
#ontario {background-color:#inherit;height:7.5em;}
#shopping {background-color:#inherit;height:7.5em;}

#torontobox {	background-color:#inherit; width:540px; font-size:15px; min-height:60px; padding:5px; margin-right:10px; margin-left:10px; border-top:0px solid #fff;  border-left:0px solid #fff;  border-right:0px solid #fff; border-bottom:0px solid #fff;}
*html #torontobox {margin-left:5px; padding-bottom:8px;/*for IE5*/ padd\ing-bottom:5px; height:60px;/*for IE5*/hei\ght:60px;}

.torslot1{
z-index:999;
	width:175px;
	height:100px;
	top:4px;
	left: 1px;
	right:14px;
	float:left;
	position:relative;
}

.torslot2{
	width:175px;
	height:100px;
	top:4px;
	left: 14px;
	float:left;
	position:relative;
}

.torslot3{
	width:175px;
	height:100px;
	top:4px;
	left: 27px;
	float:left;
	position:relative;
}


.torads{
	width:175px;
	height:100px;
	float:left;
	position:relative;
}


.torspace{
	
	width:600px; 
	height:110px;
	background-color:#FFffff;
	border:1px solid #FFffff;
	top:3px;
	float:left;
}

.torslots{
	height:100px;
	width:590px;
	text-indent:0px;
	word-spacing:0px;
	left:10px;
	top:7px;
	float:left;
	position:relative;
}



#mississaugabox  {background-color:#inherit; width:540px; font-size:15px; min-height:60px; padding:5px; margin-right:10px; margin-left:10px; border-top:0px solid #fff;  border-left:0px solid #fff;  border-right:0px solid #fff; border-bottom:0px solid #fff;}
*html #mississaugabox {margin-left:5px; padding-bottom:8px;/*for IE5*/ padd\ing-bottom:5px;height:60px;/*for IE5*/hei\ght:60px;}

#slot1{
	width:175px;
	height:100px;
	top:4px;
	left: 1px;
	right:14px;
	float:left;
	position:relative;
}

#slot2{
	width:175px;
	height:100px;
	top:4px;
	left: 14px;
	float:left;
	position:relative;
}

#slot3{
	width:175px;
	height:100px;
	top:4px;
	left: 27px;
	float:left;
	position:relative;
}


#missads{
	width:175px;
	height:100px;
	float:left;
	position:relative;
}


#missspace{
	
	width:600px; 
	height:110px;
	background-color:#FFffff;
	border:1px solid #FFffff;
	top:3px;
	float:left; 
}

#missslots{
	height:100px;
	width:590px;
	text-indent:0px;
	word-spacing:0px;
	left:10px;
	float:left;
	top:7px;
	position:relative;
}





#ontariobox  {background-color:#inherit; width:540px; font-size:15px; min-height:70px; padding:5px; margin-right:10px; margin-left:10px; border-top:0px solid #fff;  border-left:0px solid #fff;  border-right:0px solid #fff; border-bottom:0px solid #fff;}
*html #ontariobox {margin-left:5px; padding-bottom:8px;/*for IE5*/ padd\ing-bottom:5px;height:70px;/*for IE5*/hei\ght:70px;}

.onslot1{
	width:175px;
	height:100px;
	top:4px;
	left: 1px;
	right:14px;
	float:left;
	position:relative;
}

.onslot2{
	width:175px;
	height:100px;
	top:4px;
	left: 14px;
	float:left;
	position:relative;
}

.onslot3{
	width:175px;
	height:100px;
	top:4px;
	left: 27px;
	float:left;
	position:relative;
}


.onads{
	width:175px;
	height:100px;
	float:left;
	position:relative;
}


.onspace{
	
	width:600px; 
	height:110px;
	background-color:#FFffff;
	border:1px solid #FFffff;
	top:3px;
	float:left;
}

.onslots{
	height:100px;
	width:590px;
	text-indent:0px;
	word-spacing:0px;
	left:10px;
	top:7px;
	float:left;
	position:relative;
}






#bramptonbox  {background-color:#inherit; width:540px; font-size:15px; min-height:60px; padding:5px; margin-right:10px; margin-left:10px; border-top:0px solid #fff;  border-left:0px solid #fff;  border-right:0px solid #fff; border-bottom:0px solid #fff;}
*html #bramptonbox {margin-left:5px; padding-bottom:8px;/*for IE5*/ padd\ing-bottom:5px;height:60px;/*for IE5*/hei\ght:60px;}

.bramslot1{
	width:175px;
	height:100px;
	top:4px;
	left: 1px;
	right:14px;
	float:left;
	position:relative;
}

.bramslot2{
	width:175px;
	height:100px;
	top:4px;
	left: 14px;
	float:left;
	position:relative;
}

.bramslot3{
	width:175px;
	height:100px;
	top:4px;
	left: 27px;
	float:left;
	position:relative;
}


.bramads{
	width:175px;
	height:100px;
	float:left;
	position:relative;
}


.bramspace{
	
	width:600px; 
	height:110px;
	background-color:#FFffff;
	border:1px solid #FFffff;
	top:3px;
	float:left;
}

.bramslots{
	height:100px;
	width:590px;
	text-indent:0px;
	word-spacing:0px;
	left:10px;
	top:7px;
	float:left;
	position:relative;
}


#shoppingbox  {background-color:#inherit; width:540px; font-size:15px; min-height:60px; padding:5px; margin-right:10px; margin-left:10px; border-top:0px solid #fff;  border-left:0px solid #fff;  border-right:0px solid #fff; border-bottom:0px solid #fff;}
*html #shoppingbox {margin-left:5px; padding-bottom:8px;/*for IE5*/ padd\ing-bottom:5px;height:60px;/*for IE5*/hei\ght:60px;}

.shopslot1{
	width:175px;
	height:100px;
	top:4px;
	left: 1px;
	right:14px;
	float:left;
	position:relative;
}

.shopslot2{
	width:175px;
	height:100px;
	top:4px;
	left: 14px;
	float:left;
	position:relative;
}

.shopslot3{
	width:175px;
	height:100px;
	top:4px;
	left: 27px;
	float:left;
	position:relative;
}


.shopads{
	width:175px;
	height:100px;
	float:left;
	position:relative;
}


.shopspace{
	
	width:600px; 
	height:110px;
	background-color:#FFffff;
	border:1px solid #FFffff;
	top:3px;
	float:left;
}

.shopslots{
	height:100px;
	width:590px;
	text-indent:0px;
	word-spacing:0px;
	left:10px;
	top:7px;
	float:left;
	position:relative;
}







#mapsearchfield {width:260px; margin-top:4px;}

#mapbuttondiv {width:80px; margin-top:-13px; padding:14px 0px 6px 0px;}
#maplink {margin-left:17px; margin-top:10px;}
#mapdiv {position:relative; z-index:1;}

#buttonshop, #buttonfood {margin-right:10px; height:25px;}

html:lang(en)>body #buttonshop, html:lang(en)>body #buttonfood, {margin-top:-3px;/* rules ignored by Safari,Opera, and IE/Win */}
*html #buttonshop, *html #buttonfood {margin-right:3px; margin-top:-3px;}
.boxhead {clear:left; padding:30px 0px 10px 15px;}
.boxhead h2 {display:inline; margin:0px; padding:0px;}
.boxhead img {margin-right:5px; margin-top:-6px;}
.boxhead p {display:inline; padding:0px 0px 0px 5px; width:410px; margin:0px;}
#textmessages div.textads {background-color:#inherit; margin-top:6px; margin-bottom:3px;}
*html #textmessages div.textads {margin-top:4px;}
#textmessages div p {margin:0px 15px; padding:3px 0px 4px 0px;}
#promotion {position:relative; background-color:#fff; margin-top:5px; height:178px;}
#promotion div {position:absolute; left:15px; top:75px; width:50%;} 
#promotion div img {vertical-align:middle;}
#promotion div h2 {display:inline; margin-left:5px;}
#promotion div ul {list-style-type:disc; margin:0; padding:0 0 0 30px;}
#promotion div li {padding:0 0 3px 0;}
#copyright {color:#999; margin-left:15px; margin-top:0px; height:20px;}
.spacer {background-color:#fff; padding:10px 0px 15px 5px;}




#ddMenuDiv {position:relative; padding:5px 15px 10px; z-index:20;}
.ddMenuOff {float:left; position:relative; padding-top:5px;width:180px}
*html #ddMenuDiv{height:1px}


.ddMenuLabel {font-weight:bold;}
.ddMenuOff ul {position:relative; left:-6px; background:#fff; margin:0px; padding:5px 0; list-style:none;width:180px;}
.ddMenuOff:hover ul, .ddMenuOff.over ul{display:block!important;}
.ddMenuOff ul li {margin:0;padding:0;list-style:none;}
*html .ddMenuOff ul li{height:1em;}
.ddMenuOff ul li a, .ddMenuOff ul li span {padding:0em 0.5em 0em;display:block;}
.ddMenuOff ul li a:hover {background:#edebeb;}
.ddMenuOff ul li ul {padding:0 0 0 20px;background:none;border:none;position:relative!important;width:auto;margin:0;left:0;top:0;}
.ddMenuOff ul li ul li a, .ddMenuOff ul li ul li span {padding:0.3em 0em; display:inline;}
#menu {position:relative; z-index:10; margin-left:15px; top:-25px;}
#menu li a.selected {text-decoration:none!important; color:#000!important; cursor:default!important;}

#menu li a {position:absolute; height:26px; padding-left:0px; padding-top:0px; margin-top:0px; cursor:hand;}
*html #menu li a {padding-top:8px;}
#menu li#onmain  a {left:0;}
#menu li#brammain a {left:105px;}
#menu li#missmain a {left:210px;}
#menu li#tormain a {left:315px;}
#menu li#shopmain a {left:420px;}

/* Default icons for ie5.0 and old browsers*/
*html #menu li#tormain a {width:100px; height:26px; background:url("images/toronto.gif") no-repeat;back\ground:none!important;}
*html #menu li#brammain a {width:100px; height:26px; background:url("images/brampton.gif") no-repeat;back\ground:none!important;}
*html #menu li#missmain a {width:100px; height:26px; background:url("images/mississauga.gif") no-repeat;back\ground:none!important}
*html #menu li#onmain a {width:100px; height:26px; ackground:url("images/ontario.gif") no-repeat;back\ground:none!important;}
*html #menu li#shopmain a {width:106px; height:26px; ackground:url("images/shopping.png") no-repeat;back\ground:none!important;}


/* Mozilla ignores crazy MS image filters, so it will skip the following */
#menu li#tormain a {width:100px; height:26px; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop src='images/toronto.png');}
#menu li#brammain a {width:100px; height:26px; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop src='images/brampton.png');}
#menu li#missmain a {width:100px; height:26px; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop src='images/mississauga.png');}
#menu li#onmain a {width:100px; height:26px; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop src='images/ontario.png');}
#menu li#shopmain a {width:106px; height:26px; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop src='images/shopping.png');}

/* IE ignores styles with [attributes], so it will skip these. */
#menu[id] li#tormain a {width:100px; height:26px; background:url("images/toronto.png") no-repeat;}
#menu[id] li#brammain a {width:100px; height:26px; background:url("images/brampton.png") no-repeat;}
#menu[id] li#missmain a {width:100px; height:26px; background:url("images/mississauga.png") no-repeat;}
#menu[id] li#onmain a {width:100px; height:26px; background:url("images/ontario.png") no-repeat;}
#menu[id] li#shopmain a {width:106px; height:26px; background:url("images/shopping.png") no-repeat;}

#NWI , #WI , #SWI , #PWI {z-index : 2; background : url(images/spacer.gif); text-decoration : none !important;  display : block;  position : absolute;}
#NWI { width : 29px; height : 79px; top : 108px; left : 38px;}
#WI { width : 22px; height : 36px; left : 155px; top : 112px;}
#SWI { width : 38px;  height : 187px; left : 0px; top : 0px;}
#PWI { width : 41px; height : 55px; left : 136px; top : 65px;}

#bizmenu {position:relative; z-index:10; margin-left:15px; top:-25px;}
#bizmenu li a.selected {text-decoration:none!important; color:#000!important; cursor:default!important;}

#bizmenu li a {position:absolute; height:26px; padding-left:0px; padding-top:0px; margin-top:0px; cursor:hand;}
*html #bizmenu li a {padding-top:8px;}

#menu li#bizonmain a {left:0px;}
#menu li#bizshopmain a {left:105px;}

/* Default icons for ie5.0 and old browsers*/
*html #menu li#bizonmain a {width:100px; height:26px; ackground:url("images/ontario.gif") no-repeat;back\ground:none!important;}
*html #menu li#bizshopmain a {width:106px; height:26px; ackground:url("images/shopping.gif") no-repeat;back\ground:none!important;}


/* Mozilla ignores crazy MS image filters, so it will skip the following */
#menu li#bizonmain a {width:100px; height:26px; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop src='images/ontario.png');}
#menu li#bizshopmain a {width:106px; height:26px; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop src='images/shopping.png');}

/* IE ignores styles with [attributes], so it will skip these. */
#menu[id] li#bizonmain a {width:100px; height:26px; background:url("images/ontario.png") no-repeat;}
#menu[id] li#bizshopmain a {width:106px; height:26px; background:url("images/shopping.png") no-repeat;}