/* Default */

* {margin:0pt;padding:0pt;}
h1, h2, h3, h4, h5, h6, p, pre, blockquote, label, ul, ol, dl, fieldset, address {margin-bottom:1em;}
fieldset {padding:0.5em;}
select {min-width:1.5em;}
a { color: #7088b0 }

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

body { background: #002f5d }

/* Menu */

div#menubkgnd { background:url(images/menu/bar.gif) bottom no-repeat; height: 32px; padding-left: 20px }
#nav, #nav ul {	padding: 0;	margin: 0;list-style: none;}
#nav a {
	display: block;
	width: 175px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-decoration: none;
	color: #225b8b;
}
#nav li {float: left;}
#nav li#about{ width: 188px }
#nav li#about ul li { border-bottom: 3px solid #002f5d; width: auto }
#nav li#services { width: 188px; }
#nav li#services ul li { border-bottom: 3px solid #22838b; width: auto }
#nav li#credit { width: 230px}
#nav li#credit ul li { border-bottom: 3px solid #8b2262; width: auto}
#nav li#franchising { width: 175px }
#nav li#franchising ul li {border-bottom: 3px solid #8b4122; width: auto }
#nav li#contact { width: 183px }
#nav li#contact ul li { border-bottom: 3px solid #228b70 }
#nav li ul {position: absolute;	width: auto;left: -999em;}
#nav li ul li {height: 25px;width: 160px;border: 1px solid #cfcdce; background: #f0e0c6; border-bottom: 0px; float: left}
#nav li ul li a { padding: 5px }
#nav li ul li:hover, #nav li ul li.sfhover {	background: #dfcdb0;}
#nav li:hover ul, #nav li.sfhover ul {left: auto;}

/* Structure */

#page { width: 1004px; margin: 0 auto; margin-top: 20px; background: #FFF; padding: 20px 0px 20px 0px}
#logo { float: left; width: 400px; margin-bottom: 10px}
#login { float: right; width: 400px; margin-right: 35px; text-align: right; padding-top: 0px}
#logoContainer { width: 100%; height: 60px; padding-left: 20px}
#special { padding-left: 20px }

#features { padding-left: 20px; background: #f0e0c6; margin: 0px 20px 0px 20px}
.featurette {
	width: 165px; float: left;
	margin: 10px 0px 10px 0px;
	border-right: 1px solid #a5a5a5;
	padding: 0px 10px 0px 10px;
}

div#vancouver, div#victoria, div#princegeorge, div#vancouverisland, div#thompsonokanagan, div#okanagankootney, div#greatervancouver, div#edmonton, div#reddeer, div#calgary, div#lethbridge, div#stjohns, div#greaterhalifax, div#montreal, div#ontario, div#barrie, div#newmarket, div#london, div#orillia, div#waterloo, div#windsor1, div#oshawa, div#leamington, div#straford, div#hamiliton, div#edmontoncorp, div#windsor2, div#guelph, div#surrey, div#dorion, div#dorion1, div#quebeccity { display: none; }

hr { background:url(images/menu/bar.gif) no-repeat; width: 100%; border: 0px; height: 1px}
#footer { width: 100%; padding: 10px 0px 0px 20px}
.noborder { border: 0px }
#quote { margin-bottom: 5px} 

#contentContainer { width: 985px; overflow: auto; }
#content { width: 640px; float:left; margin: 20px; padding-right: 20px; border-right: 1px solid #CCCCCC; display: inline }
#side { width: 260px; float:right; padding-right: 20px; padding-top: 20px; }

/* Input */

#login input { border: 1px solid #bfbfbf; height: 12px; padding: 5px}
#login .button { height: 25px; border: 1px solid #b3b2b2; margin: 1px; background: white }
#content table td { padding: 3px }
#content table td.grey { background: #f0e0c6}

/* Fonts */

.featurette, #login, #login input { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #000 }
#footer, #logo { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #000; line-height: 20px }
h1 { font-family:Tahoma,Verdana,Arial,Helvetica,sans-serif;
font-weight:normal;
letter-spacing:-1px;
font-size:2.2em; }
h2 { font-family:arial,helvetica,sans-serif; font-size: 18px; font-weight: normal }
	h2.about { color: #002f5d }
	h2.services {color:#22838b}
	h2.questions, strong.questions {color:#8b2262}
	h2.contact {color:#228b70}
h3 { font-family:arial,helvetica,sans-serif; font-size: 14px; font-weight: bold }
#side h3 { color: #002f5d }
.understandingcredit { color: #000 }
#content, #side { font-family: Tahoma, Arial, Helvetica; font-size: 12px; color: #000000; line-height: 18px }
#content p, #content table { margin-left: 20px; border: 0px }
#content ul { margin-left: 40px }
#content ul li { list-style: url(images/global/smallPoint.gif); }
#side ul li { list-style: none; padding: 5px 0px 5px 10px; margin: 1px 0px 1px 0px; background: #f0e0c6; font-size: 11px}
.phone { font-size: 18px; letter-spacing: -2px }