@charset "utf-8";

/*###################################################################
###########                     GLOBALS                   ###########
###################################################################*/
	
	.clear { clear: both; }

	body {
		font-size: 12px;
		font-family: Arial, Helvetica, sans-serif;
		line-height: 1.6em;
		background: #017ac1;
	}
	
	h1 { margin-bottom: 5px; font-size: 2.0em; color: #0079C1; font-weight: bold; }
	h2 { margin-bottom: 5px; font-size: 1.2em; color: #0079C1; font-weight: bold; }
	h3 { margin-top: 15px; font-size: 1.0em; color: #0079C1; font-weight: bold; }
	h4 { margin-top: 2px; font-size: 0.9em; color: #939395; font-weight: bold; }
	
	sup, sub { vertical-align: top; }
	sup { bottom: 1ex; }
	sub { top: 0.8ex; }
	
	div { b/order: 1px solid #f00; }
	td { b/order: 1px solid #f00; }
	


/*###################################################################
###########                   CONTAINERS                  ###########
###################################################################*/

	#wrapper {
		position: relative;
		width: 960px;
		margin: 0 auto;
	}

	#header {
		position: relative;
		width: 960px;
	}
	
	#content {
		position: relative;
		width: 960px;
		font-size:1.1em;
		background: #FFFFFF;
	}	
		#content_header {
			position: relative;
			height: 66px;
			background: url(../images/content_header.gif) top left no-repeat;
		}
		#content_content {
			position: relative;
		}
		#content_footer {
			position: relative;
			height: 31px;
			background: url(../images/content_footer.gif) top left no-repeat;
		}
		

	#footer {
		position: relative;
		width: 960px;
		padding: 7px 0px;
		color: #FFFFFF;
	}


/*###################################################################
###########                     HEADER                    ###########
###################################################################*/

	#logo_box { float: left; width: 760px; }
	
	#header_links {
		float: left;
		width: 200px;
		color:white;
		padding: 30px 0px 0 0;
		text-align: right;
	}

	#header_links a { color: #FFFFFF; text-decoration: none; }
	#header_links a:hover { text-decoration: none; }


/*###################################################################
###########                    CONTENT                    ###########
###################################################################*/

	#content_table {
		width: 875px;
		margin: 0 auto;
		padding: 0;
		border-collapse: collapse;
	}
	
	#content_map {
		width: 500px;
	}
	
	#content_text {
		width: 375px;
		padding-top: 50px;
	}
	
	#content_form {  }
		#content_form table { width: 520px; margin: 0; padding: 0; border-collapse: collapse; }
			#content_form_province { padding-right: 10px; }
			#content_form_city { padding-right: 10px; }
			#content_form_btn { width: 85px; }
				#btn_search { cursor: pointer; }
			
			#content_form table select { width: 220px; }
	
	#content_results { padding: 0 ; }
		#results_table { display: none; width: 875px; border-collapse: collapse; }
			#results_table_header { height: 28px; background: top left no-repeat; }
			#resultsfirst { width: 152px; padding: 1px 0 1px 15px; vertical-align: text-top; }
			.results_branch { width: 200px; padding: 1px 0; padding-right: 10px; vertical-align: text-top; }
			.results_address { width: 210px; padding: 1px 0; padding-right: 10px; vertical-align: text-top; }
			.results_city { width: 183px; padding: 1px 0; vertical-align: text-top; }
			.results_postal { width: 95px; padding: 1px 0; vertical-align: text-top; }
		
	
	
/*###################################################################
###########                     FOOTER                    ###########
###################################################################*/
	
	#footer_left {
		position: relative;
		float:left;
		width: 800px;
		text-align: left;		
	}
	
	#footer_right {
		position: relative;
		float:left;
		width: 160px;
		text-align: right;
	}
	
	#footer a { color: #FFFFFF; text-decoration: none; }
	#footer a:hover { text-decoration: none; }


/*###################################################################
###################################################################*/

