/* CSS Document */
* 
{ 
	margin: 0px; 
	padding: 0px; 
	border: 0px; 
} 
html
{
	height: auto;
	min-height: 100%;
}
html body
{
	font-family:Arial, Helvetica, sans-serif;
	height: auto;
	min-height: 100%;
}
div#container
{
    height: auto;
	
	min-height: 100%;
	width: 100%;
	margin: 0 auto;
	margin-top: 15px;
	margin-bottom: 15px;
	margin-left: 15%;
	margin-right: 10%;
	padding: 0px;
	text-align: center;
	position: absolute;
}
div#header
{
	width: 800px;
	white-space: nowrap;
	text-align: left;
}
div#logo
{
	background: transparent url(../images/Unisource_Logo.gif) no-repeat top center;
	width: 800px;
	height: 148px;
	margin-top: 0px;
	margin-bottom: 10px;
	padding:0px;
}
div#logo a
{
	display: block;
	height: 100%;
	width: 100%;
}
div#logo .l1
{
	position: absolute;
	left: 190px;
	top: 75px;
	font-size: 18px;
	font-weight: bold;
	text-decoration: none;
	color: #000000;
}

div#livehelp-girl
{
	background: transparent url(http://www.unisourcemortgage.ca/images/livehelp-girl.jpg) no-repeat bottom right;
	width: 300px;
	height:99px;
	margin-top: 0px;
	margin-left: 0px;
	margin-bottom: 0px;
	padding:0px;
	float: right;
}
div#livehelp-girl a
{
	display: block;
	height: 100%;
	width: 100%;
}
div#livehelp-girl .indent
{
	position: relative;
	top: 20px;
	left: 30px;
}
div#navigation
{
	width: 800px;
	height: 22px;
	background-color:#d4d1e6;
	white-space: nowrap;
	border-top-color: #c2c2c3;
	border-top-style: solid;
	border-top-width: 10px;
	clear: both;
	text-align: center;
	padding-top: 1px;
	color: #000000;
}
div#navigation ul
{
	float: left;
	clear: both;
	vertical-align:top; 
	list-style-type: none;
	margin-left: 0px;
	padding-bottom: 3px;
	width: 100%;
	text-indent: 0px;
}
div#navigation li
{
	margin-left: 0px;
	display: inline;
	font-size: 13px;
	font-weight: bold;
}
div#navigation li a:link, div#navigation li a:visited
{
	margin-left: 0px;
	background-color:#d4d1e6;
	color: #000000;
	text-decoration: none;
	padding: 4px;
}
div#navigation li a:active, div#navigation li a:hover
{
	margin-left: 0px;
	color: #c82222;
	background-color:#d4d1e6;
	text-decoration:underline;
	padding: 4px;
}
div#main
{
	height: 100%;
	min-height: 100%;
	vertical-align: top;
	width: 798px;
	text-align: left;
	border-left-color:#000000;
	border-left-style:solid;
	border-left-width:1px;
	border-right-color:#000000;
	border-right-style:solid;
	border-right-width:1px;
	border-bottom-color:#000000;
	border-bottom-style:solid;
	border-bottom-width:1px;
}
div#spacer
{
	clear: both;
	width: 100%;
	height: 1px;
}
div#leftframe
{
	float: left;
	width: 627px;
	height: auto;
	min-height: 100%;
	vertical-align: top;
}
div#rightframe
{
	float: right;
	padding-top: 10px;
	padding-bottom: 15px;
	margin-right: 2px;
	width: 160px;
	height: auto;
	min-height: 100%;
	vertical-align: top;
	text-align:center;
	font-size:11px;
}
div#rightframe a:link, div#rightframe a:visited
{
	color: #c82222;
	background-color: #FFFFFF;
	text-decoration: none;
}
div#rightframe a:active, div#rightframe a:hover
{
	color: #c82222;
	background-color: #FFFFFF;
	text-decoration:underline;
}
div#rightframe .image
{
	text-align: center;
	margin-top: 5px;
	margin-bottom: 5px;
}
div#applybutton
{
	position: relative;
	margin-top: 10px;
	margin-bottom: 10px;
	text-align: center;
	width: 154px;
	height: 200px;
	font-size: 18px;
	padding-top:9px;
}
div#applybutton .l1
{
	position: absolute;
	left: 15px;
	top: 25px;
	font-size: 12px;
	font-weight: bold;
}
div#applybutton .l2
{
	position: absolute;
	left: 60px;
	top: 42px;
	font-size: 24px;
	font-weight: bold;
	color: #319c22;
}
div#applybutton .l3
{
	position: absolute;
	left: 70px;
	top: 65px;
	font-size: 24px;
	font-weight: bold;
	color: #319c22;
}
div#applybutton a
{
	display: block;
	height: 200px;
	width: 154px;
	border-color: #cccccc;
	border-style: solid;
	border-width: 1px;
	background: transparent url(http://www.unisourcemortgage.ca/images/apply_bg.jpg) no-repeat top left;
}
div#applybutton a:link, div#applybutton a:visited
{
	color: #000000;
	background-color: #FFFFFF;
	text-decoration: none;
}
div#applybutton a:active, div#applybutton a:hover
{
	text-decoration:none;
	border-color: #0fea05;
	border-style: solid;
	border-width: 1px;
	background: transparent url(http://www.unisourcemortgage.ca/images/apply_bg-glow1.jpg) no-repeat top left;
	color: #c82222;
}
div#loginbutton
{
	position: relative;
	margin-top: 10px;
	margin-bottom: 10px;
	text-align: center;
	width: 154px;
	height: 150px;
	padding-top:9px;
}
div#loginbutton .l1
{
	position: absolute;
	right: 5px;
	top: 13px;
	font-size: 12px;
	font-weight: bold;
}
div#loginbutton .l2
{
	position: absolute;
	right: 5px;
	top: 27px;
	font-size: 16px;
	color: #993333;
	font-weight: bold;
}
div#loginbutton .l3
{
	position: absolute;
	right: 5px;
	top: 47px;
	font-size: 10px;
	font-weight: bold;
}
div#loginbutton .l4
{
	position: absolute;
	right: 5px;
	top: 60px;
	font-size: 10px;
	font-weight: bold;
}
div#loginbutton a
{
	display: block;
	height: 150px;
	width: 154px;
	border-color: #cccccc;
	border-style: solid;
	border-width: 1px;
	background: transparent url(http://www.unisourcemortgage.ca/images/login_but.jpg) no-repeat top left;
}
div#loginbutton a:link, div#loginbutton a:visited
{
	color: #000000;
	background-color: #FFFFFF;
	text-decoration: none;
}
div#loginbutton a:active, div#loginbutton a:hover
{
	text-decoration:none;
	border-color: #c82222;
	border-style: solid;
	border-width: 1px;
	background: transparent url(http://www.unisourcemortgage.ca/images/login_but-glow.jpg) no-repeat top left;
	color: #c82222;
}
div#calc-but
{
	background-color: #FFFFFF;
	position: relative;
	color: #000000;
	font-size: 12px;
	height: 175px;
	width: 155px;
	padding: 0px;
	margin-top: 10px;
	margin-bottom: 10px;
	text-align: center;
}
div#calc-but .l1
{
	position: absolute;
	top: 10px;
	left: 3px;
	font-size: 16px;
	font-weight: bold;
	text-align: left;
	white-space: nowrap;
	color: #336600;
}
div#calc-but .l2
{
	position: absolute;
	top: 27px;
	left: 8px;
	font-weight: bold;
	text-align: left;
	font-size: 16px;
	color: #336600;
}
div#calc-but .l3
{
	position: absolute;
	top: 95px;
	left: 9px;
	font-weight: bold;
	text-align: left;
	font-size: 11px;
}
div#calc-but .l4
{
	position: absolute;
	top: 107px;
	left: 3px;
	font-weight: bold;
	text-align: left;
	font-size: 17px;
	color: #c82222;
}
div#calc-but .l5
{
	position: absolute;
	top: 130px;
	left: 25px;
	font-weight: bold;
	text-align: left;
	font-size: 17px;
	color: #c82222;
}
div#calc-but .l6
{
	position: absolute;
	top: 153px;
	left: 50px;
	font-weight: bold;
	text-align: left;
	font-size: 17px;
	color: #c82222;
}
div#calc-but a
{
	display: block;
	height: 175px;
	width: 155px;
	border-color: #cccccc;
	border-style: solid;
	border-width: 1px;
	background: transparent url(http://www.unisourcemortgage.ca/images/calc-but.jpg) no-repeat top right;
}
div#calc-but a:link, div#calc-but a:visited
{
	color: #000000;
	text-decoration: none;
}
div#calc-but a:active, div#calc-but a:hover
{
	color: #c82222;
	text-decoration:none;
	border-color: #c82222;
	border-style: solid;
	border-width: 1px;
	background: transparent url(http://www.unisourcemortgage.ca/images/calc-but-glow.jpg) no-repeat top right;
}
div#ratesheet
{
	text-align: center;
	width: 100%;
}

/* PRODSPACE */

div#prodspace
{
	clear: both;
	float: left;
	width: 600px;
	margin-left: 3px;
	margin-bottom: 10px;
}
div#homebuyers
{
	position: relative;
	color: #000000;
	font-size: 12px;
	float: left;
	width: 140px;
	height: 165px;
	padding: 0px;
	margin: 0px;
	margin-left: 2px;
}
div#homebuyers .title
{
	position: absolute;
	top: 5px;
	right: 3px;
	font-size: 13px;
	font-weight: bold;
	text-align: right;
}
div#homebuyers .text
{
	position: absolute;
	top: 21px;
	right: 3px;
	text-align: right;
	font-size: 12px;
	margin-left: 6px;
}
div#homebuyers a
{
	display: block;
	height: 160px;
	width: 145px;
	border-color: #c2c2c3;
	border-style: solid;
	border-width: 1px;
	background: transparent url(http://www.unisourcemortgage.ca/images/homebuyer_bg.jpg) no-repeat top left;
}
div#homebuyers a:link, div#homebuyers a:visited
{
	color: #000000;
	text-decoration: none;
}
div#homebuyers a:active, div#homebuyers a:hover
{
	color: #c82222;
	text-decoration:none;
	border-color: #1dc4a2;
	border-style: solid;
	border-width: 1px;
	background: transparent url(http://www.unisourcemortgage.ca/images/homebuyer_bg-glow.jpg) no-repeat top left;
}
div#refinances
{
	position: relative;
	color: #000000;
	font-size: 12px;
	float: left;
	width: 140px;
	height: 165px;
	padding: 0px;
	margin: 0px;
	margin-left: 2px;
}
div#refinances .title
{
	position: absolute;
	top: 75px;
	font-size: 13px;
	font-weight: bold;
	margin-left: 3px;
}
div#refinances .text
{
	position: absolute;
	top: 90px;
	font-size: 12px;
	margin-left: 6px;
}
div#refinances a
{
	display: block;
	height: 160px;
	width: 145px;
	border-color: #c2c2c3;
	border-style: solid;
	border-width: 1px;
	background: transparent url(http://www.unisourcemortgage.ca/images/refinances_bg.jpg) no-repeat top left;
}
div#refinances a:link, div#refinances a:visited
{
	color: #000000;
	text-decoration: none;
}
div#refinances a:active, div#refinances a:hover
{
	color: #c82222;
	text-decoration:none;
	border-color: #f8de01;
	border-style: solid;
	border-width: 1px;
	background: transparent url(http://www.unisourcemortgage.ca/images/refinances_bg-glow.jpg) no-repeat top left;
}
div#renewals
{
	position: relative;
	color: #000000;
	font-size: 12px;
	float: left;
	width: 140px;
	height: 165px;
	padding: 0px;
	margin: 0px;
	margin-left: 2px;
}
div#renewals .title
{
	position: absolute;
	top: 5px;
	right: 3px;
	font-size: 13px;
	font-weight: bold;
	text-align: right;
}
div#renewals .text
{
	position: absolute;
	top: 21px;
	right: 3px;
	text-align: right;
	font-size: 12px;
	margin-left: 6px;
}
div#renewals a
{
	display: block;
	height: 160px;
	width: 145px;
	border-color: #c2c2c3;
	border-style: solid;
	border-width: 1px;
	background: transparent url(http://www.unisourcemortgage.ca/images/renewals_bg.jpg) no-repeat top left;
}
div#renewals a:link, div#renewals a:visited
{
	color: #000000;
	text-decoration: none;
}
div#renewals a:active, div#renewals a:hover
{
	color: #c82222;
	text-decoration:none;
	border-color: #0fea05;
	border-style: solid;
	border-width: 1px;
	background: transparent url(http://www.unisourcemortgage.ca/images/renewals_bg-glow.jpg) no-repeat top left;
}
div#hard-qual
{
	position: relative;
	color: #000000;
	font-size: 12px;
	float: left;
	width: 140px;
	height: 165px;
	padding: 0px;
	margin: 0px;
	margin-left: 2px;
}
div#hard-qual .title
{
	position: absolute;
	top: 80px;
	font-size: 13px;
	font-weight: bold;
	margin-left: 3px;
}
div#hard-qual .text
{
	position: absolute;
	top: 95px;
	font-size: 12px;
	margin-left: 6px;
}
div#hard-qual a
{
	display: block;
	height: 160px;
	width: 145px;
	border-color: #c2c2c3;
	border-style: solid;
	border-width: 1px;
	background: transparent url(http://www.unisourcemortgage.ca/images/hard-qual_bg.jpg) no-repeat top left;
}
div#hard-qual a:link, div#hard-qual a:visited
{
	color: #000000;
	text-decoration: none;
}
div#hard-qual a:active, div#hard-qual a:hover
{
	color: #c82222;
	text-decoration:none;
	border-color: #f51f2e;
	border-style: solid;
	border-width: 1px;
	background: transparent url(http://www.unisourcemortgage.ca/images/hard-qual_bg-glow.jpg) no-repeat top left;
}
/* END PRODSPACE */

div#partners
{
	clear: both;
	width: 160px;
	margin-top: 10px;
	margin-bottom: 10px;
	text-align: center;
}
div#partners h2
{
	color: #000000;
	font-size: 12px;
	font-weight: bold;
	margin-bottom: 5px;
}
div#footer
{
	width: 800px;
	height: 30px;
	text-align:center;
	background-color: #c2c2c3;
	font-size: 10px;
	color: #FFFFFF;
	text-decoration: none;
	padding-top:5px;
	padding-bottom:5px;
	clear:both;
	margin-bottom: 20px;
}
div#footer ul
{
	list-style-type: none;
	padding:0;
	margin-left: 0px;
	margin-bottom: 3px;
}
div#footer li
{
	font-size: 11px;
	display: inline;
}
div#footer li a:link, div#footer li a:visited
{
	color: #ffffff;
	padding-left:5px;
	padding-right:5px;
	text-decoration: none;
}
div#footer li a:active, div#footer li a:hover
{
	color: #c82222;
	text-decoration:none;
	padding-left:5px;
	padding-right:5px;
}
div#copyright
{
	font-size: 10px;
	color: #666666;
	width: 800px;
	text-align: left;
	margin: 2px;
	margin-bottom: 10px;
	clear: both;
	white-space: nowrap;
}
div#disclaimer
{
	font-size: 10px;
	color: #666666;
	width: 800px;
	text-align: justify;
	margin: 2px;
	margin-bottom: 10px;
	clear: both;
}
div#design_note
{
	width: 800px;
	text-align: right;
}
div#design_note a
{
	border: none;
	text-decoration: none;
	margin: 0;
	margin-left: 5px;
}
div#RSSframe
{
	border-style: solid;
	border-width: 1px;
	border-color: #f4bc11;
	background-color: #f3e7c0;
	width: 200px;
	height: 100%;
	vertical-align:top;
	text-align: left;
	float: left;
	margin-bottom: 15px;
	margin-left: 5px;
	margin-top: 5px;
	padding: 4px;
}
div#RSSframe h1
{
	font-size: 15px;
	font-weight: bold;
	color: #363a91;
}
div#RSSframe .articletitle
{
	font-size: 13px;
	font-weight: bold;
	color: #000000;
	clear: both;
	margin-top: 5px;
}
div#RSSframe a:link, div#RSSframe a:visited
{
	font-size: 13px;
	font-weight: bold;
	color: #000000;
	clear: both;
	margin-top: 5px;
	text-decoration: none;
}
div#RSSframe a:active, div#RSSframe a:hover
{
	font-size: 13px;
	font-weight: bold;
	color: #000000;
	clear: both;
	margin-top: 2px;
	text-decoration: underline;
}
div#RSSframe .articledesc
{
	font-size: 12px;
	color: #666666;
	clear: both;
	margin-left: 3px;
	display: block;
	font-weight: normal;
}
div#RSSframe .morelink a:link, div#RSSframe .morelink a:visited
{
	font-size: 10px;
	color: #000000;
	clear: both;
	margin-left: 120px;
	text-decoration: none;
	font-style: italic;
}
div#RSSframe .morelink a:active, div#RSSframe .morelink a:hover
{
	font-size: 10px;
	color: #000000;
	clear: both;
	margin-left: 120px;
	text-decoration: underline;
	font-style: italic;
}
div#flashad
{
	vertical-align:top;
	float: left; 
	clear: right;
	margin-left: 10px;
	margin-bottom: 15px;
	margin-top: 5px;
}
div#pagetext
{
	margin-left: 10px;
	margin-bottom: 25px;
	font-size: 13px;
	color: #000000;
	text-align: left;
	clear:both;
}
div#pagetext h1
{
	margin-top: 10px;
	margin-bottom: 10px;
	font-size: 16px;
	color: #000000;
	font-weight: bold;
}
div#pagetext h2
{
	margin-top: 10px;
	margin-bottom: 10px;
	margin-left: 10px;
	font-size: 14px;
	color: #363a91;
	font-weight: bold;
}
div#pagetext h3
{
	margin-top: 10px;
	margin-bottom: 10px;
	margin-left: 10px;
	font-size: 13px;
	color: #363a91;
	font-weight: bold;
}
div#pagetext h4
{
	margin-top: 10px;
	margin-bottom: 10px;
	margin-left: 10px;
	font-size: 12px;
	color: #363a91;
	font-weight: bold;
}
div#pagetext p
{
	margin-left: 10px;
	margin-right: 25px;
	margin-top: 10px;
	margin-bottom: 10px;
	text-align: justify;
}
div#pagetext a:link, div#pagetext a:visited
{
	color: #c82222;
	text-decoration:none;
	font-weight: bold;
}
div#pagetext a:active, div#pagetext a:hover
{
	color: #c82222;
	text-decoration:underline;
	font-weight: bold;
}
div#pagetext .lettered
{
	list-style-type: lower-alpha;
	margin-left: 55px;
	margin-right: 55px;
	text-align: justify;
}
div#pagetext .numbered
{
	list-style-type: lower-latin;
	margin-left: 55px;
	margin-right: 55px;
	text-align: justify;
}
div#pagetext .backlink
{
	text-align: right;
}
div#pagetext ul
{
	list-style-type: disc;
	margin-left: 55px;
	margin-right: 55px;
	text-align: justify;
}
div#pagetext li
{
	font-size: 12px;
	vertical-align:middle;
	margin-top: 5px;
	margin-bottom: 5px;
}
div#pagetext li a:link, div#pagetext li a:visited
{
	font-size: 12px;
	color: #c82222;
	text-decoration: none;
}
div#pagetext li a:active, div#pagetext li a:hover
{
	font-size: 12px;
	color: #c82222;
	text-decoration: underline;
}
div#news_head
{
	display: block;
	height: 150px;
	width: 600px;
	border-color: #394792;
	border-bottom-style: solid;
	border-bottom-width: 5px;
}
div#news_head .pic
{
	position: absolute;
	left: 465px;
	top: 146px;
}	
div#news_head .author
{
	position: absolute;
	left: 310px;
	top: 250px;
}
div#news_head .date
{
	position: absolute;
	left: 15px;
	top: 225px;
}
div#news_head .options
{
	display: block;
	position: absolute;
	left: 15px;
	top: 150px;
	height: 20px;
	width: 400px;
	border-color: #394792;
	border-top-style: solid;
	border-top-width: 2px;
	vertical-align:top;
}
div#news_head h1
{
	position: absolute;
	left: 15px;
	top: 170px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 15px;
	color: #000000;
	font-weight:bold;
	width: 400px;
}
div#news
{
	margin: 0;
	padding: 0;
}
div#news h3
{
	color: #000000;
	font-size: 12px;
	font-weight: bold;
}
div#news ul
{
	list-style-type: square;
	margin-left: 35px;
	padding-right: 25px;
	padding-bottom: 15px;
	padding-top: 0px;
}
div#news ol
{
	list-style-type: lower-latin;
	margin-left: 35px;
	padding-right: 25px;
	padding-bottom: 15px;
	padding-top: 0px;
}
div#news li
{
	padding-top: 5px;
	padding-bottom: 5px;
}
div#news li a:link, div#news li a:visited
{
	color: #c82222;
	text-decoration: none;
}
div#news li a:active, div#news li a:hover
{
	color: #c82222;
	text-decoration: underline;
}
div#news .desc
{
	clear: both;
	color: #666666;
	font-size: 11px;
	text-decoration: none;
	font-weight: normal;
	padding-left: 10px;
	display: block;
}
div#news .pub_date
{
	color: #CCCCCC;
	font-size: 9px;
	text-decoration: none;
	font-weight: normal;
	padding-left: 15px;
	display: block;
}
div#news .source
{
	color: #CCCCCC;
	font-size: 9px;
	text-decoration: none;
	font-weight: normal;
	padding-left: 15px;
	display: block;
}
div#news .source a:link, div#news .source a:visited
{
	color: #CCCCCC;
	font-size: 9px;
	text-decoration: none;
	font-weight: normal;
}
div#news .source a:active, div#news .source a:hover
{
	color: #CCCCCC;
	font-size: 9px;
	text-decoration: underline;
	font-weight: normal;
}
div#news .leadin
{
	font-size:12px;
	font-weight: bold;
}
div#link_item
{
	position: relative;
	width: 550px;
	left: 25px;
	border-style: solid;
	border-width: 1px;
	border-color: #CCCCCC;
	background-color: #f2f1f1;
	margin-bottom: 15px;
}
div#link_item h1
{
	margin-left: 5px;
	font-size: 15px;
	color: #363a91;
}
div#link_item p
{
	margin-left: 8px;
	margin-right: 5px;
	margin-bottom: 15px;
}
div#link_item input
{
	position: relative;
	margin-bottom: 15px;
	clear: both;
	margin-left: 200px;
}
div#link_item .ratesheet
{
	position: relative;
	margin-left: 200px;
	margin-bottom: 15px;
	clear: both;
}
div#link_item .calculator_button
{
	position: relative;
	margin-left: 200px;
	margin-bottom: 15px;
	clear: both;
}
div#link_item .calculator_button2
{
	position: relative;
	margin-left: 25px;
	margin-bottom: 15px;
	clear: both;
}
div#link_item .link_code
{
	position: relative;
	margin-top: 15px;
	margin-bottom: 15px;
	clear: both;
	margin-left: 15px;
}
div#pagetext input.greenbutton
{
	background-color: #0C8022;
	font-weight: bold;
	font-size: 10px;
	color: white;
	outline: solid;
	border-top-width: 2px;
	border-right-width: 2px;
	border-bottom-width: 2px;
	border-left-width: 2px;
	border-top-color: #CCCCCC;
	border-right-color: #666666;
	border-bottom-color: #666666;
	border-left-color: #CCCCCC;
}
div#pagetext th
{
	font-size: 13px;
	font-weight: bold;
	color: #000000;
	background-color: #e0eef3;
	padding: 5px;
}
div#pagetext td
{
	font-size: 12px;
	color: #000000;
	padding: 5px;
}