/* ******************** FRAMEWORK LAYOUT IDs ******************** */

* {
	padding: 0;
	margin: 0;
}

#main_container {
	background: #fff;
	width: 980px;
	margin: 40px auto;
	text-align: left;
}

#top_container {
	background: url(images/content_fade_top.png) left top no-repeat #fff;
	clear: both;
	padding: 10px;
}

#top_home_button {
	background: url(images/logo.png) left top no-repeat;
	width: 220px;
	height: 40px;
	display: block;
	text-decoration: none !important;
	border: none;
	float: left;
}

body#CA #top_home_button {
	background: url(images/logo_ca.png) left top no-repeat;
}

#top_login_container {
	text-align: right;
}

#country_selection {
	padding-top: 5px;
}

#country_selection img {
	border: 2px solid #fff !important;
}

#country_selection a.selected img {
	border: 2px solid #76D5FB !important;
}

#menu_container {
	clear: both;
	height: 20px;
	padding: 30px 0 10px 0;
	margin: 0 auto;
	float: none;
	width: 580px;
}

#menu_container ul li {
	float: left;
	margin: 0 5px;
	list-style: none;
}

#menu_container ul li a {
	background: url(images/bg_menu_tab.png) left top no-repeat;
	text-align: center;
	padding-top: 10px;
	width: 135px;
	height: 20px;
	font-weight: bold;
	font-size: 12px;
	display: block;
	border: none !important;
}

#menu_container a, #bottom_container_info a, #top_login_container a {
	color: #1695CA;
}

#menu_container a:hover, #menu_container a.selected, #bottom_container_info a:hover, #top_login_container a:hover {
	color: #76D5FB;
	border-bottom: 1px dotted #76D5FB;
}


#menu_container a.selected {
	position: relative;
	z-index: 10;
	top: 1px;
}

#content_container {
	padding: 0 10px;
	overflow: hidden;
}

#bottom_container {
	background: url(images/content_fade_bottom.png) left bottom no-repeat #fff;
	padding: 10px 0;
	height: 10px;
	text-align: center;
	clear: both;
}

#bottom_container_info a {
	margin: 10px;
	font-weight: bold;
}



/* ***************** BOXEN **************** */

.box, .box_clean {
	float: left;
	margin-bottom: 20px;
}

.box_header2 {
	padding: 10px;
	font-weight: bold;
}

.border {
	border: 1px solid #C5C5C5;
}

.wxxl {
	width: 960px;
}

.wxl {
	width: 640px;
}

.wl {
	width: 400px;
}

.wm {
	width: 310px;
}

.ws {
	width: 220px;
}

.wxs {
	width: 140px;
}

.gl {
	padding-left: 20px;
}

h1.gl, h2.gl, p.gl {
	padding-left: 10px;
}

table.gl {
	padding-left: 7px;
}

*+html table.gl, * html table.gl {
	margin-left: 7px;
}

.gr {
	padding-right: 20px;
}

h1.gr, h2.gr, table.gr, p.gr {
	padding-right: 10px;
}

.gb {
	padding-bottom: 20px;
}

h1.gb, h2.gb, table.gb, p.gb {
	padding-bottom: 10px;
}

.gt {
	padding-top: 20px;
}

	h1.gt, h2.gt, table.gt, .gt {
		padding-top: 10px;
	}

.gn {
	padding: 0;
}

.fl {
	float: left !important;
	clear: none !important;
}

.fr {
	float: right;
}

ul {
	list-style-position: inside;
}

ul.gl {
	padding-left: 10px;
}

/* **************************** INFO, SUCCESS, ERROR BOXEN *************************** */

.error_message, .success_message, .info_message {
	background: #FF5555;
	padding: 4px;
	margin: 2px 0;
	border: 2px solid #FFAAAA;
	color: #FBFBFB;
	display: block;
}

	.success_message {
		background: #55AA55;
		border: 2px solid #AACCAA;
	}

	.info_message {
		background: #407ea7;
		border: 2px solid #8fafda;
	}

		.error_message a, .success_message a, .info_message a {
			color: #76D5FB;
		}





/* ************************** HTML AND ALL OF THE OTHER STUFF ************************* */

body {
	background: url(images/body_fade.png) left top repeat-x #fff;
	color: #777;
	font-family: Verdana, Arial;
	font-size: 11px;
	text-align: center;
}

	a {
		color: #698F3D;
		text-decoration: none;
	}

    .box a {
		}

	a:hover, a:active {
        color: #8CC63F;
	}

h1, h2, h3, .h3 {
	color: #1695CA;
	margin-bottom: 5px;
	font-weight: bold;
	display: block;
}

h1, .h1 {
	font-size: 14px;
}

h2, .h2 {
	font-size: 12px;
}

h3, .h3 {
	font-size: 11px;
}

table {
	border: none;
}

table td, table th {
	padding: 2px;
}

.table_head {
	background-color: #1695CA;
	color: #fff;
}

.top {
	vertical-align: top;
}

	.middle {
        vertical-align: middle;
	}
	.center {
        text-align: center;
	}

	.right {
        text-align: right;
	}

        .left {
            text-align: left;
        }

	.justify {
		text-align: justify;
	}

	.clear {
		clear: both;
	}

	.line {
		background: url(images/bg_line.png) left top no-repeat;
		height: 1px;
	}

	.box p, .box_clean p {
		line-height: 16px;
	}

    .noborder {
        border: none !important;
    }

.selected {
	font-weight: bold
}


/* ***************** CUSTOM STYLES **************** */

.c1 {
	color: #1695CA;
}

.c2 {
	color: #618F23;
}

.c3 {
	color: #76D5FB;
}

.cred {
	color: #dd0000;
}

.cwhite {
	color: #fff;
}

.bg_fade {
	background: url(images/bg_fade.png) left top repeat-x #CEEDF7;
	color: #333;
}

.bg_fade2 {
	background: url(images/bg_fade.png) left -50px repeat-x #CEEDF7;
}

.bg_c1 {
	background-color: #DDF3FA;
}

.ad_area, .featured_listings {
	padding-top: 100px;
}

.hide {
    display: none;
}

.featured {
    position: relative; 
}

.featured:hover .popup, .popup {
    position: absolute;
    background: url(images/featured_popup.png) left top no-repeat;
    width: 240px;
    height: 135px;
    top: 0;
    left: -270px;
    padding: 5px 15px 10px 15px;
    z-index: 500;
}

.featured img {
    border: 2px solid #A0A0A0 !important;

}

.vbar {
	background: url(images/bg_vbar.png) left top repeat-y;
	border: 1px solid #A0A0A0;
	width: 13px;
}

.vbar.blue {
	background: url(images/bg_vbar_blue.png) left top repeat-y;
	border: 1px solid #A0A0A0;
	width: 13px;
}

.hbar {
	background: url(images/bg_hbar.png) left top repeat-x;
	border: 1px solid #A0A0A0;
	height: 13px;
	float: left;
}

.hbar.blue {
	background: url(images/bg_hbar_blue.png) left top repeat-x;
	border: 1px solid #A0A0A0;
	height: 13px;
	float: left;
}