body { margin:10px 0; padding:0; font-family:Arial, Helvetica, sans-serif; font-size:62.5%; }
a { outline:none; outline-style:none; text-decoration:none; color:#06C; }
a:hover { color:#006; text-decoration:underline; }
img { border:none; outline:none; }
br { clear:left; }

/* Main Body Styles */
#Wrapper { width:1024px; margin:0 auto; text-align:center; }
#Header { float:left; background:#FFF url(../images/header.png) no-repeat; width:100%; height:150px;	text-align:left; margin:4px 0 10px 0; padding:0; }
#Logo { margin: 10px; }
#Header a { color:#000; }
#Header a:hover { text-decoration:underline; }
#BookmarkHeader { text-align:right; margin:7px 8px 0 0; padding:0; cursor:pointer; }
#ShareHeader { text-align:right; margin:7px 8px 0 0; padding:0; cursor:pointer; }

/* Top Menu */
#TopMenu { float:left; margin-bottom:10px; }
#TopMenu ul { float:left; list-style:none; margin:0 0 4px 0; padding:0; }
#TopMenu ul li { float:left; width:132px; padding:5px 3px; background:#FFF; border:1px #CCC solid; margin:0 3px; }
#TopMenu ul li a { display:block; font-size:1.1em; color:#006; }

#TopMenu ul.noBlock li { background:#FFF; border:1px #FFF solid; }
#TopMenu ul.noBlock li a { display:block; margin-left:1px; color:#003; }

/* Top Row of Icons */
#TopRow { float:left; margin-bottom:6px; }
#TopRow a { float:left; width:100px; height:100px; margin:0 5px 3px 6px; display:block; border:1px #E9E9E9 solid; background:#FCFCFC; }
#TopRow a:hover { border:1px #CCC solid; }

/* Set styles for form elements */
label, input, select, textarea { display:block; float:left; }
.StepLabel { margin-bottom:5px; }

/* Postal and Submit Search Box */
/* Postal and Submit Search Box */
#TopSearch { margin-left:10px; margin-right: 10px; width: 1004px; padding:0; float:left; text-align:left; }
#TopSearch #leftSide { float:left; width:656px; padding:10px 5px 5px 5px; margin-bottom:8px; }
#TopSearch #leftSide h1 { width:656px; float:left; padding:0; margin:0 0 0 1px; font-weight:normal; font-size:1.1em; text-align:left; height:26px; }
#TopSearch #leftSide h1 span { color:#333; font-size:1em; font-weight:bold; background:#fff; padding:5px; } 
#TopSearch #leftSide h1 a:hover { text-decoration:none; }

.serviceBox { border:1px solid #ccc; padding:4px 5px; width:395px; margin-top:2px; font-size:1.3em; color:#666; }
.postalBox { float:left; border:solid #06F 1px; padding:6px 5px; width:200px; color:#333; margin:0 8px 0 0; }
#PostalLookup { width:112px; border:1px #ccc solid; text-align:center; background:#FFF; height:19px; float:left; padding:6px 0 1px 0; margin:2px 9px 0 0; }
#PostalLookup a { padding:0; font-size:1.2em; color:#333; }
.findButton { float:left; font-family:Arial, Helvetica, sans-serif; font-size:1.5em; margin:2px 5px 0 9px; padding:0; background:#fff; width:62px; height:28px; border:1px #ccc solid; outline:none; outline-style:none; color:#333; font-weight:bold; cursor:pointer; }
.findButton:hover { color:#000; text-decoration:underline; }
#TopSearch #rightSide { float:right; width:340px; }
#TopSearch #rightSide a { color:#333; width:150px; text-align:center; float:left; display:block; padding:5px; margin:4px 0 6px 8px; background:#FFF; border:1px #ccc solid; font-size:1.2em; }
#welcomeLetter { background:#fff; width:840px; height:440px; font-size:1.2em; padding:15px; line-height:20px; }
#welcomeLetter h1 { margin:5px 0; padding:0; font-size:1.4em; }
#welcomeLetter p { font-size:1.1em; margin:8px 0; padding:0; color:#333; }

#TopSearch div.input-row { float:left; width:200px; margin:10px 8px 16px 0; }
#TopSearch div.input-row input, #TopSearch div.input-row select { float:left; border:solid #06F 1px; padding:6px 5px; width:100%; color:#333; margin:0 8px 5px 0; }
#TopSearch div.input-row label { float:left; width:100%; font-size:14px; color:#000; font-weight:bold; margin:0 0 5px 0; }
#TopSearch div.input-row label span { margin-left:3px; color:#FFFFFF; font-size:12px; font-weight:normal; }
#TopSearch div.input-row .button { float:left; font-size:15px; margin:0px 5px 0 0px; padding:0; background:#fff; width:70px; height:30px; border:solid #06F 1px; outline:none; outline-style:none; color:#004080; font-weight:bold; cursor:pointer; }
#TopSearch div.input-row .button:hover { color:#000; text-decoration:underline; }
#TopSearch div.input-row .lookuplink { font-size:12px; color:#000; margin:0; }
.w70 { width:70px!important; }
.w100 { width:100px!important; }
.w220 { width:220px!important; }
.w246 { width:246px!important; }
.w260 { width:260px!important; }
.w300 { width:300px!important; }
.ml0 { margin-left:0px!important; }
.ml15 { margin-left:15px!important; }
.ml25 { margin-left:15px!important; }
.mr0 { margin-right:0px!important; }
.bordGrey { border-color:#333!important; }
.tcGrey { color:#333!important; }
.fwn { font-weight:normal!important; }
.tac { text-align:center!important; }
.ptb10 { padding:10px 0!important; }

/* Island Bar */
#islandBar { float:left; width:1020px; height:35px; background:#fdec18; margin-bottom:7px; padding:2px; }
#islandBar ul { float:left; margin:0; margin-top:5px; padding:0; list-style-type:none; }
#islandBar ul li { float:left; }
#islandBar ul li a { display:block; padding:5px 10px; font-weight:bold; font-size:1.2em; color:#000; }

/* Left Column */
#leftColumn { width:550px; float:left; margin-left:18px; margin-top:11px; }
#headingBox { float:left; margin:0 0 3px 0; width:524px; padding:5px 15px 5px 10px; background:#fff8e1; }
#headingBox #inner-container { position:relative; cursor:pointer; }
#headingBox #inner-container h1 { float:left; font-size:1.7em; margin:3px 0 0 4px; padding:0; color:#C00; }
#categorySelector { display:none; padding:5px; text-align:left; position: absolute; z-index:2; left:4px; top:19px; border:1px #999 solid; background:#FFF; font-size:1.3em; }
#headingBox #inner-container h1 img { margin-right:6px; }
#categorySelector ul { margin:0; padding:0; list-style-type:none; }
#categorySelector ul li { width:320px; margin:2px 0; }
#categorySelector ul li a { padding:2px 3px;  display:block; border:1px #FFF solid; }
#categorySelector ul li a:hover { background:#FFC; text-decoration:none; border:1px #CCC solid; }

#inner-containerAZ { position:relative; cursor:pointer; float:right; }
#inner-containerAZ h1 { float:left; font-size:1.7em; margin:3px 0 0 4px; padding:0; color:#C00; }
#categorySelectorAZ { display:none; padding:5px; text-align:left; position: absolute; z-index:2; left:4px; top:19px; border:1px #999 solid; background:#FFF; font-size:1.3em; }
#inner-containerAZ h1 img { margin-left:6px; }
#categorySelectorAZ ul { margin:0; padding:0; list-style-type:none; }
#categorySelectorAZ ul li { width:435px; margin:2px 0; }
#categorySelectorAZ ul li a { padding:2px 3px; display:block; border:1px #FFF solid; }
#categorySelectorAZ ul li a:hover { background:#FFC; text-decoration:none; border:1px #CCC solid; }

.azShowAllBox { float:right; margin:0 13px 0 0; border:1px solid #e7e7e7; padding:3px 4px 4px 4px; width:280px; font-size:1.2em; color:#666; }
.IconPanel { float:left; width:548px; margin:0; padding:0 0 3px 2px; min-height:396px; background:#fffcf0; }
.IconPanel ul { list-style:none; margin:0; padding:0; float:left; }
.IconPanel li { float:left; display:block; margin:4px 2px 0 2px; padding:0; background:#FFF; border:1px #CCC solid; width:85px; height:67px; }
.IconPanel li:hover { background:#fbfbfb; }

/* Local Icons under Category Icons Left column */
#LocalIcons { float:left; margin:20px 0 0 0; }
#LocalIcons a { float:left; width:100px; height:100px; margin:0 3px 6px 3px; display:block; border:1px #E9E9E9 solid; background:#FCFCFC; }
#LocalIcons a:hover { border:1px #CCC solid; }

/* Right Column */
#rightColumn { width:436px; float:right; padding:12px 10px; margin:0; }
#rightColumn a { float:left; width:100px; height:100px; margin:0 3px 6px 3px; display:block; border:1px #E9E9E9 solid; background:#FCFCFC; }
#rightColumn a:hover { border:1px #CCC solid; }
#rightColumn a.Large { width:209px; height:209px; }
#rightColumn a.XLarge { width:418px; height:250px; }
#rightColumn h2 { float:left; margin:0 0 6px 0; width:407px; font-size:1.7em; padding:9px; background:#fff8e1; color:#C00; }

#ProvincialIcons { float:left; margin:20px 0 0 0; }
#ProvincialIcons a { float:left; width:137px; height:137px; margin:0 3px 6px 3px; display:block; border:1px #E9E9E9 solid; background:#FCFCFC; }
#ProvincialIcons a:hover { border:1px #CCC solid; }

/* Footer Styles */
#Footer { float:left; width:100%; height:40px; border-top:1px #E5E5E5 solid; margin:15px 0 0 0; padding:0; padding-bottom:65px; }
#Footer a { color:#A9A9A9; text-decoration:none; }
#Footer a:hover { color:#8F8F8F; text-decoration:underline; }
#Footer p { float:left;	margin:10px; padding:0;	color:#A9A9A9; font-size:1.4em; }
#Footer ul { float:right; margin:0;	padding:0; list-style:none; }
#Footer ul li {	float:left;	padding:0 5px; margin:10px; }
#Footer ul li a { color:#A9A9A9; font-size:1.4em; }
#Footer ul li a:hover {	color:#8F8F8F; text-decoration:underline; }

/* the overlayed element */ 
.simple_overlay { display:none; z-index:10000; background-color:#333; min-height:200px; border:1px solid #666; -moz-box-shadow:0 0 90px 5px #000; -webkit-box-shadow: 0 0 90px #000; } 
/* close button positioned on upper right corner */ 
.simple_overlay .close { background-image:url(../images/close.png); position:absolute; right:0; top:-40px; z-index:99999; cursor:pointer; height:35px; width:91px; }
/* Set the background colour of the overlay iframe to white so that all sponsored listings have a background other than grey */
.simple_overlay iframe { background:#FFF; }

.ac_results { padding: 0px; border: 1px solid black; background-color: white; overflow: hidden; z-index: 99999; }
.ac_results ul { width: 100%; list-style-position: outside; list-style: none; padding: 0; margin: 0; }
.ac_results li { margin: 0px; padding: 2px 5px; cursor: default; display: block; font: menu; font-size: 12px; line-height: 16px; overflow: hidden; }
.ac_loading { background: white url('images/indicator.gif') right center no-repeat; }
.ac_odd { background-color: #eee; }
.ac_over { background-color: #0A246A; color: white; }

/* Sliding box over image for food pages */
.boxgrid { float:left; width:137px; height:137px; margin:0 3px 6px 3px; display:block; border:1px #E9E9E9 solid; background:#FCFCFC; overflow: hidden; position: relative; }
.boxgrid img { position: absolute; top: 0; left: 0; border: 0; }
.boxgrid a:hover { border:1px #CCC solid; }
.boxcaption { float: left; position: absolute; background: #000; height: 45px; width: 100%; opacity: .8; /* For IE 5-7 */ filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80); 				/* For IE 8 */ -MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; }
.captionfull .boxcaption { top: 182px; left: 0; }
.boxcaption a { font-size:1.1em; text-decoration:none; color:#FFF; font-size:1.3em; }
.boxcaption a:hover { border:none; }

#food-section { float:left; padding:15px; text-align:left; font-size:1.2em; }
#food-section #map { clear:both; border:1px #CCC solid; font-size:0.8em; width:1000px; height:400px; }
#food-section #map div { position:absolute; left:-10000; }
#food-section #summary { float:left; width:1000px; margin-bottom:10px; }
#food-section #summary img { float:left; margin-right:10px; border:1px #E9E9E9 solid; }
#food-section #summary .mainbox { float:left; width:400px; margin-right:10px; }
#food-section #summary h1 { font-size:1em; margin:4px 0 6px 0; padding:0 0 5px 0; }
#food-section #summary p { font-size:0.9em; height:60px; margin:0; padding:0; }
#food-section #summary ul { list-style:none; margin:16px 0 0 0; padding:0; }
#food-section #summary ul li { width:88px; float:left; margin:5px 6px 5px 0; font-size:0.9em; }
#food-section #summary ul li a { display:block; padding:4px 5px; margin:0; border:1px #CCC solid; text-decoration:none; color:#006; text-align:center; }
#food-section #summary ul li a:hover { border:1px #999 solid; }
#food-section #summary .blueBox { float:left; margin:5px 0 0 0; font-size:1em; background:#F8FCFF; border:1px solid #E1F2FF; padding:5px 15px; width:405px; height:115px; }
#food-section #summary .blueBox p { margin:3px 0; }
#food-section .title { float:left; font-size:1em; color:#333; margin:4px 0; padding:0; }

/* Related Cities */
.relatedBox{float:left;margin:15px 5px;font-size:1.2em;background:#F8FCFF;border:1px solid #E1F2FF;padding:5px 15px;text-align:left;}
.relatedBox h2{font-size:1.2em; color:#333;}
.relatedBox ul{margin:0;padding:0;list-style:none;}
.relatedBox ul li{display:inline;margin:4px 5px;float:left;width:300px;}
.relatedBox ul li a{padding:3px;text-decoration:none;font-size:1.2em;border:none;}
.relatedBox ul li a:hover{text-decoration:underline;color:#006;}