* { outline: none; }

body{
	background:url(/images/bg.jpg) repeat-x fixed;
	margin:0px;
	margin-top:12px;
	font-family:Arial, Helvetica, sans-serif;
}

/**** TOP ****/

#main_top{
	position:relative;
	width:978px;
	height:40px;
	margin:0 auto 0;
	color:white;
	font-size:11px;
}
.join {
	float:right;
	width:90px;
	height: 40px;
}
.social_icon, .social_txt {
	float:left;
	width:33px;
	height:inherit;
}
.social_icon img {
	border-style:none;
}
.social_txt {
	width:55px;
}
.social_spacer{
	float:right;
	height:31px;
	width:1px;
	border-left:#94cbd4 solid 1px;
	margin:0 10px;
}
/**** HEADER ****/

#header {
	position:relative;
	width:978px;
	height:95px;
	margin:0px auto;
}

#logo{
	position:absolute;
	top:0px;
	left:35px;	
	border-style:none;
}

/*** log in ***/
#log_in_box {
	float:right;
	width:380px;
	height:90px;
	margin-right:10px;
}
.change_lang {
	width:100%;
	height:25px;
}
.change_lang img{
	float:right;
	border-style:none;
}
#box1{
	float:left;
	width:240px;
	height:68px;
	text-align:right;
	text-align:right;
	color:#3d434a;
	font-size:13px;
	padding-right:5px;
	border-right:solid 2px #00bbbf;
}
#box2{
	float:left;
	width:100px;
	height:53px;
	text-align:center;
	font-size:12px;
	padding-left:10px;
}
#box2 a {color:#3f647d;}
#box2 a img {border-style:none;}
.form_line{
	margin:3px 0px;	
	height:24px;
}
#log_in_error {
	height:15px;
}
.input_label{
	float:left;
	width:80px;
	text-align:right;
	margin-right:10px;
	padding-top:3px;
}
.input_wrapper{
	float:left;
	width:139px;
	height:21px;
	background:url('/images/input.jpg') no-repeat;
}
.form_line input {
	width:127px;
	height:19px;
	margin:0px 6px;
	font-size:12px;
	border-style:none;
	background-color:transparent !important;
}
.forgot_pass input {
	float:right;
	width:15px;
	height:13px;
	margin:2px 10px 0 0;
}
.forgot_pass a{
	float:left;
	margin-left:23px;
	font-size:11px;
	color:#8b8e92;
}

#logged_in {
	width:170px;
	height:auto;
	float:right;
	border-left:solid 2px #00bbbf;
	padding-left:15px;
	padding-top:6px;
	color:#3f647d;
	font-weight:bold;
	font-size:13px;
}
#logged_in a{
	font-size:11px;
	color:#8b8e92;
}
#logged_in a img{ 
	border-style:none; 
	margin-right:8px;
	margin-top:7px;
}

#loader {
	position:relative;
	height:inherit;
	width:inherit;
}

#loader img{
	position:absolute;
	top:20px;
	left:180px;	
	height:32px;
	width:32px;
}

/*** end log in ***/

/*** NAV ***/
#top_nav_wrapper{
	position:relative;
	width:927px;
	height:60px;
	background:url('/images/nav_bg.gif') no-repeat;
	margin: 0 auto;
}

ul#top_nav{
	list-style: none outside none;
	margin: 0 auto;
	padding:0;
	width:875px;
	height:48px;
}

ul#top_nav li {
	display:inline;
}

ul#top_nav li a {
	background-image:url('/en_ca/includes/images/nav_list.gif');
	display:block;
	float:left;
	height:48px;
	text-indent:-9999px;
}
ul#top_nav li a.selected {
	background-image:url('/en_ca/includes/images/nav_list.gif');
}

ul#top_nav li a#coupons 	{ width:201px; background-position: -20px 0;  }
ul#top_nav li a#charities 	{ width:165px; background-position: -220px 0; }
ul#top_nav li a#contact_us 	{ width:180px; background-position: -385px 0; }
ul#top_nav li a#share	{ width:147px; background-position: -565px 0; }
ul#top_nav li a#locale		{ width:165px; background-position: -711px 0; }

ul#top_nav li a#coupons:hover		{ background-position: -20px  -96px; }
ul#top_nav li a#charities:hover 	{ background-position: -220px -96px; }
ul#top_nav li a#contact_us:hover	{ background-position: -385px -96px; }
ul#top_nav li a#share:hover	{ background-position: -565px -96px; }
ul#top_nav li a#locale:hover		{ background-position: -711px -96px; } 

ul#top_nav li a#coupons.on		{ background-position: -20px  -48px; }
ul#top_nav li a#charities.on	{ background-position: -220px -48px; }
ul#top_nav li a#contact_us.on	{ background-position: -385px -48px; }
ul#top_nav li a#share.on	{ background-position: -565px -48px; }
ul#top_nav li a#locale.on		{ background-position: -711px -48px; } 

/************** END HEADER **************/

/************** MAIN STRUCTURE **************/

#main_container_top {
	background:url(/images/container_top.png) no-repeat;
	width:978px;
	height:23px;	
	margin:0 auto 0;
}
#main_container {
	position:relative;
	margin:0px auto;
	width:978px;
	min-height:800px;
	background:url(/images/container_middle.png) repeat-y;	
}

#column_container {
	position:relative;
	margin:0px auto 20px auto;
	width:909px;
	height:auto;
}

#col_1 {
	float:left;
	width:177px;
	min-height:550px;
	margin-right:8px;
}

#col_2 {
	float:left;
	width:722px;
	min-height:550px;
	height:auto;
}

/******************** FOOTER ********************/

#footer {
	position:relative;
	margin:0px auto;
	padding-top:20px;
	width:978px;
	height:50px;
	text-align:center;
	font-size:12px;
	background:url('/images/break.jpg') no-repeat top center;
}
#footer a{
	text-decoration:none;
	color:#3f647d;
}