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 */
.back-to-top { float:left; font-size:1.3em; margin-left:13px; margin-top:10px; color:#999; }
#Wrapper { width:1024px; margin:0 auto; text-align:center; }
#Header { float:left; background:#FFF url(../images/header.gif) no-repeat; width:100%; height:64px;	text-align:left; margin:4px 0 10px 0; padding:0; }
#Logo { float:left; }

#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 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 10 Specific Styles */
#Top10 { background:#fdc010; height:150px; }
#Top10 h1 { background:url(../images/top10_bg.gif) repeat-x; text-align:center; font-weight:bold; font-size:1.6em; margin:0; padding-top:10px; float:left; width:124px; height:47px; }
#Top10 ul { width:890px; float:right; margin-right:4px; }
#Top10 #searchTips { float:left; width:120px; height:67px; margin-left:5px; background:#FFF; border:1px #ccc solid; }
#Top10 #searchTips p { margin:8px 0 0 0; padding:3px 2px; font-size:1.2em; color:#333; cursor:pointer; text-align:center; }
#Top10 #searchTips p img { vertical-align:middle; margin-bottom:5px; }
#Top10 #searchTips p a { color:#333; text-decoration:none; }
#Top10 #shareAndWin { font-size:1.2em; float:left; width:124px; text-align:center; height:20px; margin:0; padding:0; text-decoration:none; color:#000; }
#Top10 #shareAndWin:hover { text-decoration:underline; }

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

/* Postal and Submit Search Box */
#TopSearch { margin:0; 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; }

.searchButton { float:left; font-family:Arial, Helvetica, sans-serif; font-size:1.4em; margin:4px 0 0 15px; padding:0; background:#fff9ce; width:62px; height:30px; border:1px #CCC solid; outline:none; outline-style:none; color:#039; font-weight:bold; cursor:pointer; }
.searchButton:hover { color:#000; }

/* Icon Standard Required Styles */
.IconPanel { float:left; width:100%; margin:0 0 8px 0; padding:0; }
.IconPanel h1 { float:left; margin:27px 0 0 2px; padding:0; color:#000; font-size:1.2em; width:128px; text-align:left; font-weight:normal; }
.IconPanel ul { list-style:none; margin:0; padding:0; float:left; }
.IconPanel li { float:left; display:block; margin:4px 2px 0 0; padding:0; background:#FFF; border:1px #CCC solid; width:85px; height:67px; }
.IconPanel li:hover { background:#fbfbfb; }
.IconPanel select { font-size:1.1em; }
.IconSelect { float:left; border:1px solid #ccc; padding:0; width:122px; margin:4px 3px 0 5px; color:#333333; }
.LeftOfIcons { float:left; width:130px; }

/* Company Search Box */
#CompanySearchModal { background:#fff; display:none; width:1000px; padding:15px; text-align:left; border:2px solid #333; opacity:1; -moz-border-radius:6px; -webkit-border-radius:6px; -moz-box-shadow: 0 0 50px #ccc; -webkit-box-shadow: 0 0 50px #ccc; } 
#CompanySearchModal p { font-size:1.3em; }
.tab { background:url(../images/tab.gif) no-repeat;	width:258px; height:37px; margin:20px 0 0 0; padding:0; float:left; }
.tab h2 { font-size:1.4em;	font-weight:bold; color:#003; margin:0 0 0 20px; padding:10px 0 0 0; }
#CompanySearchBox { clear:left; height:60px; background:#FCFCFC; border-top:1px #D2D2D2 solid; padding:30px 20px; margin:0; }
#CompanySearchBox div {	float:left;margin:0 10px 0 0; }
.companyBox { 	border:1px solid #ccc; padding:6px 5px; width:240px; color:#333333; text-transform:capitalize; }
.provinceSelect { border:1px solid #ccc; padding:6px 5px; width:160px; color:#333333; }
.cityBox { border:1px solid #ccc; padding:6px 5px; width:190px;	color:#333333; text-transform:capitalize; }

/* 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; }

div.tooltip { 
    padding:30px 0; 
    display:none; 
    text-align:center; 
    font-size:1.2em; 
	
    background:url(../images/black_tooltip_bottom_sm.png) no-repeat; 
    height:74px; 
    width:209px; 
    color:#000; 
	font-weight:bold;
}
.toptip { 
    background-color:#FFC; 
    border:1px solid #330; 
    padding:5px; 
    width:80px; 
    display:none; 
    color:#333; 
    text-align:center; 
    font-size:1em; 
 
    /* outline radius for mozilla/firefox only */ 
    -moz-box-shadow:0 0 10px #000; 
    -webkit-box-shadow:0 0 10px #000; 
}
.modal { 
    background-color:#fff; 
    display:none; 
    width:350px; 
    padding:15px; 
    text-align:left; 
    border:2px solid #333; 
	font-size:1.3em;
    opacity:0.9; 
    -moz-border-radius:6px; 
    -webkit-border-radius:6px; 
    -moz-box-shadow: 0 0 50px #ccc; 
    -webkit-box-shadow: 0 0 50px #ccc; 
} 
 
.modal h2 { 
    background:url(../images/info.png) 0 50% no-repeat; 
    margin:0px; 
    padding:10px 0 10px 45px; 
    border-bottom:1px solid #333; 
    font-size:20px; 
}
.modalButton {
	outline:1px outset #999;	
	border:1px solid #fff;	
	background-color:#ffe400;
	color:#039;
	height:30px;
	-moz-border-radius:4px;
	-moz-outline-radius:4px;
	cursor:pointer;
	margin-right:10px;
	margin-top:1px;
	font-size:1.2em;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
}
.BlueBox { margin:0 5px 15px 5px; background:#F8FCFF; border:1px solid #E1F2FF; padding:15px; float:left; width:980px; text-align:left; color:#666; font-size:1.2em; }
.BlueBox img { float:left; margin-right:10px; }
.SourceCode { background:#FFF; border:1px solid #CCC; margin-left:5px; padding:15px; float:left; width:880px; text-align:left; color:#666; font-size:1.2em; }
.p-error { border-color: #f3abab; padding:10px; background: #f9c9c9; color: #8d0d0d; font-size:1.3em; }
.p-ok {border-color: #a6d877; padding:10px; background: #d2ecba; color: #336801; font-size:1.3em; }

/* the overlayed element */ 
.simple_overlay {    
    /* must be initially hidden */ 
    display:none;
     
    /* place overlay on top of other elements */ 
    z-index:10000; 
     
    /* styling */ 
    background-color:#333;   
    min-height:200px; 
    border:1px solid #666; 
     
    /* CSS3 styling for latest browsers */ 
    -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; }

/* Top Cities Home Page */
#TopCitiesSearch { float:left; margin-left:5px; margin-bottom:3px; }
#TopCitiesSearch p { float:left; font-size:1.2em; color:#333; margin:2px 5px 0 0; padding:0; }
#TopCitiesSearchSubCategories { float:left; margin:8px 0 3px 5px; }
#TopCitiesSearchSubCategories p { float:left; font-size:1.2em; color:#333; margin:2px 5px 0 0; padding:0; }
.topcities-container { position:relative; cursor:pointer; float:left; margin-right:15px; }
.topcities-container h1 { float:left; font-size:1.2em; margin:2px 0; padding:0; color:#666; font-weight:normal; }
.categorySelector { display:none; padding:5px; text-align:left; position: absolute; z-index:1004; left:0px; top:19px; border:1px #999 solid; background:#FFF; font-size:1.1em; }
.categorySelector ul { margin:0; padding:0; list-style-type:none; }
.categorySelector ul li { width:240px; 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; }

/* Tooltips */
p#vtip { display: none; position: absolute; padding: 10px; left: 5px; font-size: 1.2em; background-color: white; border: 1px solid #a6c9e2; -moz-border-radius: 5px; -webkit-border-radius: 5px; z-index: 9999; max-width:400px; }
p#vtip #vtipArrow { position: absolute; top: -10px; left: 5px }