/* GENERAL SETTINGS */
	body	{
		background:url(http://www.calgaryrealestatedirect.com/images/bodyBg.jpg) repeat-x top center 
#FFF;
		margin:0px;
		padding:0px;
	}
	body, div, td	{
		text-align:left;
		vertical-align:top;
	}
	body, div	{
		font-family:Verdana, Geneva, sans-serif;
		font-size:12px;
		line-height:18px;
		color:#666;
	}
    * li { padding: 0; margin: 0; }
    



/* DIV SETTINGS */
	#div_wrapper	{
		margin:0 auto;
		padding:0px;
		width:814px;
	}
	
	    #div_menuTop    {
        background: url(http://www.calgaryrealestatedirect.com/images/menuTop.png) 10px 0 no-repeat;
        width:446px;
        height:52px;
        float:right;
        margin-top: -31px;
        margin-right:235px;
        font-size:11px;
        clear: right;
    }
	#div_menu	{
        margin-bottom:15px;
		clear:both;
		height:41px;
		background:url(http://www.calgaryrealestatedirect.com/images/menu2.jpg) repeat-x bottom;
		padding-top:4px;
		font-size:11px;
	}
	div.div_clear	{
		clear:both;
	}
	div.div_wideColumn	{
		width:492px;
		float:left;
	}
	div.div_narrowColumn	{
		width:298px;
		float:right;
	}
	#div_footer	{
		clear:left;
		padding-top:10px;
	}
	div.div_tollFree	{
		width:297px;
		margin-bottom:15px;
	}
	div.div_tollFree .footer	{
		height:12px;
		background:url(../images/tollFree3.jpg);
	}
	div.div_tollFree .content	{
		border:1px #CCCDCC solid;
		border-bottom:0px;
		border-top:0px;
		background:url(../images/tollFree2.jpg) repeat-x bottom 
#EAECE7;
		padding:0px 15px 5px 15px;
		min-height:63px;
	}
	
	div.div_tollFree h4{
        font-size:20px;
        color:#fb680b;
        text-align:center;
        font-weight:300;
        margin:0;
        padding-top:5px;
        letter-spacing:2px;
    }
	div.div_featured	{
		width:297px;
		margin-bottom:15px;
	}
	div.div_featured .footer	{
		height:12px;
		background:url(../images/tollFree3.jpg);
	}
	
	div.div_featured .content	{
		border:1px #CCCDCC solid;
		border-bottom:0px;
		border-top:0px;
		background:url(../images/tollFree2.jpg) repeat-x bottom 
#EAECE7;
		padding:0px 15px 5px 15px;
		min-height:63px;
	}
	
	
	div.div_welcome	{
		width:298px;
	}
	div.div_welcome .footer	{
		height:10px;
		background:url(../images/welcome2.jpg);
	}
	div.div_welcome .content	{
		border:1px #CCCDCC solid;
		border-bottom:0px;
		border-top:0px;
		background:#EAECE7;
		padding:0px 15px 5px 15px;
		min-height:63px;
	}
	div.div_fullWidth	{
		width:801px;
		margin: 0 auto 0 0;
	}
	div.div_fullWidth .header	{
		height:11px;
		background:url(../images/wideBox1.png);
	}
	div.div_fullWidth .footer	{
		height:10px;
		background:url(../images/wideBox3.jpg);
	}
	div.div_fullWidth .content	{
		border:1px #CCCDCC solid;
		border-bottom:0px;
		border-top:0px;
		padding:5px 15px 5px 15px;
		min-height:358px;
		background:url(../images/wideBox2.jpg) repeat-x bottom 
#FFF;
	}
	div.div_fullWidth .content div.div_wideColumn	{
		width:490px;
		float:right;
	}
	div.div_fullWidth .content div.div_narrowColumn	{
		width:260px;
		float:left;
	}
	#div_detailsBox	{
		width:488px;
		border:1px #666 solid;
	}
	div.div_search	{
		width:492px;
		margin-bottom:15px;
	}
	div.div_search .footer	{
		height:9px;
		background:url(../images/Search3.jpg);
	}
	div.div_search .content	{
		border:1px #E55F0C solid;
		border-bottom:0px;
		border-top:0px;
		background:url(../images/Search2.jpg) repeat-x bottom 
#ED8C14;
		padding:0px 15px 5px 15px;
		min-height:102px;
		color:#FFF;
	}
	#div_sort	{
		background: url(../images/blueBg.jpg) repeat-x;
		height: 32px;
	}
	#div_topSubMenu	{
		position: absolute;
		visibility: hidden;
		margin: 0;
		padding: 0;
		background: #EAEBD8;
		border: 1px solid #5970B2;
		z-index: 100;
	}

	#div_topSubMenu a
	{	position: relative;
		display: block;
		margin: 0;
		padding: 5px 10px;
		width: auto;
		white-space: nowrap;
		text-align: left;
		text-decoration: none;
		background: #EAEBD8;
		color: #2875DE;
		font: 11px arial}

	#div_topSubMenu a:hover
	{	background: #49A3FF;
		color: #FFF}
	



/* TABLE SETTINGS */
/*

 -- Do no need this anymore - Trevor.

	#div_menu table	{
		float:left;
		background:url(../images/menu.jpg) left bottom 
no-repeat;
		height:41px;
	}
	#div_menu table tr td	{
		padding:4px 4px 0px 6px;
	}
*/

#login_form {
	float: left;
	width: 100%;
}

#login_form input {
		margin-top: -3px;
}

#login_form fieldset {
	border: 0;
	padding: 0;
	margin: 0;
	background:url(../images/menu1.jpg) top left no-repeat;
}

#login_form ul{
	height:41px;
	width: 100%;
	float:right;
	background:url(../images/menu3.jpg) top right no-repeat;
	list-style:none;
	padding: 0;
	margin: 0;
}


	dd.browse_tool_curpage	{
		padding: 0px;
		line-height: 20px;
		font-size: 16px;
		text-align: center;
		width: 18px;
		background: url(http://www.calgaryrealestatedirect.com/images/numberSelected.jpg) no-repeat 
center top;
		color: #FFF;
	}



/* UL SETTINGS */
/*	#div_menu ul	{
		height:41px;
		float:right;
		background:url(../images/menu3.jpg) no-repeat right;
		margin:0px;
		padding:0px;
		list-style:none;
	}*/
	#div_menu ul li	{
		float:left;
		background:url(http://www.calgaryrealestatedirect.com/images/menuLinkBg.jpg)  0 10px 
no-repeat;
		line-height:21px;
		padding: 10px 15px 10px 15px;
		color: #fff;
	}
	#div_menuTop ul    {
        margin:28px 0px 0px 40px;
        list-style:none;
        padding:0px;
    }
    #div_menuTop ul li    {
        float:left;
        line-height:12px;
        padding:0px 10px 0px 10px;
        border-left:1px #666 solid;
    }
    #div_menuTop ul li.li_none, #div_menu ul li.li_none    {
        border:0px;
        background:none;
    }
    #div_menuTop ul li.li_none, #div_menu ul li.li_none    {
        border:0px;
        background:none;
    }
	#ul_detailsMenu	{
		list-style:none;
		margin:0px;
		padding:0px;
	}
	#ul_detailsMenu li	{
		float:left;
		line-height:20px;
		padding:0px 15px 0px 15px;
		background:url(../images/blueBg.jpg) repeat-x top;
		border:1px #999 solid;
		border-bottom:0px;
		margin-right:5px;
	}
	#ul_sort	{
		list-style:none;
		margin:0px;
		padding:0px;
		float:left;
	}
	#ul_sort li	{
		float:left;
		line-height:12px;
		padding:0px 15px 0px 15px;
		border-left:1px #FFF solid;
		margin-top:10px;
	}



/* H SETTINGS */
 	
#h1_logo    {
        background:url(../images/logo.png) no-repeat;
        width:219px;
        height:57px;
        position: relative;
        top: 15px;
        *top: 10px;
        padding: 0;
        margin: 0;
        text-indent:-500em;
        float:right;
        clear: right;
    }
    
    * #h1_logo { padding: 0; margin: 0;}
    
    #cir{
        float: left;
        background: url(../images/cir.png) 0 0 no-repeat;
        height: 70px;
        width: 147px;
        text-indent: -9999px;
        position: relative;
        *left: 5px;
        top: 10px;
        clear: left;
    }
    
    #cir a {
        display: block;
        height: 35px;
        width: 55px;
    }
	
	#div_footer h1	{
		background:url(../images/logoFooter.jpg) no-repeat 
center bottom;
		width:100%;
		height:64px;
		text-indent:-500em;
		margin:0px;
		display:block;
		clear:both;
		padding-top:15px;
	}
	
	div.div_tollFree h1	{
		display:block;
		height:56px;
		font-size:30px;
		font-weight:normal;
		line-height:30px;
		margin:0px;
		padding:10px 0px 0px 70px;
		color:#008000;
		background:url(../images/tollFree1.jpg) no-repeat;
	}
	
	div.div_featured h1	{
		display:block;
		height:46px;
		font-size:20px;
		font-weight:normal;
		line-height:30px;
		margin:0px;
		padding:10px 0px 0px 26px;
		color:#0682be;
		background:url(../images/featured1.jpg) no-repeat;
	}
	
	/* Trevor */
	div.div_featured dt {
		font-size: 11px;
		padding-bottom: 5px;
		font-weight: bold;
		line-height: 1.3em;
	}
	
	div.div_featured dl {
		font-size: 11px;
		line-height: 1.3em;
		padding: 0 0 3px 0; 
		margin: 0;
	}
	
	div.div_featured dd {
		padding-bottom: 10px;
	}
	
	div.div_featured .featured-listings { padding-bottom: 5px;}
	
	div.div_featured dd span { font-weight: bold; border-right: 1px 
solid #888; padding-right: 10px;}
	
	div.div_featured .baths {
		border: 0;
		padding-left: 8px;
	}

	div.div_featured .featured-price {
		color: #eb6b10;
		font-weight: bold;
		font-size: 12px;
		border: 0;
		margin-bottom: 0;
	}
	
	div.div_featured .featured-listings li.last { border: 0; 
padding-left: 10px; }
	
	
	div.div_featured h1	span {
		font-size: 13px;
		color: #666;
		margin-top: -10px;
		padding-top: -10px;
		float: left;
	}
	
	
	
	div.div_welcome h1	{
		display:block;
		height:56px;
		font-size:30px;
		font-weight:normal;
		line-height:30px;
		margin:0px;
		padding:10px 0px 0px 70px;
		color:#0083B5;
		background:url(../images/welcome1.jpg) no-repeat;
	}
	div.div_fullWidth .content h1	{
		display:block;
		height:56px;
		font-size:30px;
		font-weight:normal;
		line-height:30px;
		margin:0px 0px 10px 0px;
		padding:5px 0px 0px 60px;
		color:#008000;
		background:url(../images/iconHouseWhite.jpg) no-repeat 
left;
	}
	.content h2	{
		color:#0085B8;
		font-size:16px;
		font-weight:normal;
		line-height:20px;
		margin:0px;
		padding:0px;
	}
	div.div_search h1	{
		display:block;
		height:56px;
		font-size:30px;
		font-weight:normal;
		line-height:30px;
		margin:0px;
		padding:10px 0px 0px 70px;
		color:#FFF;
		background:url(../images/Search1.jpg) no-repeat;
	}
	#div_sort h2	{
		font-weight: normal;
		font-size: 20px;
		line-height: 32px;
		padding:0px;
		margin:0px 10px 0px 10px;
		float:left;
		color:#FFF;
	}



/* SPAN SETTINGS */
	div.div_tollFree h1 span, div.div_welcome h1 span, 
div.div_fullWidth .content h1 span	{
		font-size:14px;
		color:#666;
		font-weight:normal;
		line-height:20px;
		display:block;
		margin:0px;
		padding:0px;
	}



/* IMG SETTINGS */
	img	{
		border:0px;
	}
	img.img_wrapper	{
		border:1px #666 solid;
	}
	div.div_image img	{
		border:1px #666 solid;
		float:left;
		margin-right:10px;
	}
/*listing page */
.next_prev_listing li{list-style-type: none;};

/*home page */

#div_narrowColumn .content p {margin:0;padding:0; float:left;}
.short {height:35px;margin:0;overflow:hidden;}

/*#FeaturedListings {margin-right:10px; 
background:url(../images/splitter.jpg)  no-repeat top 
center;margin-top:5px; }*/
.FeaturedListings { border-bottom: 1px solid #ccc; padding: 15px 0 15px 
0; }
.FeaturedListings h4 {color:#1180ad; font-weight: 
bold;margin:0;font-size:13px; margin-top: -18px;}
.FeaturedListings img{ float: left; padding-right:10px;margin:0; 
padding-top: 0;}

.FeaturedListings .bb {color:#6b6b6b; font-weight: bold;}
.FeaturedListings .price {display:block;color:#f96b00; font-weight: 
bold;text-align:right;}
.FeaturedListings .price a{color:#f96b00; font-weight: bold;width:100%;}
/*footer*/
div.div_footer {
	background:#e46009 url(../images/footerbg.jpg) repeat-x scroll 
center top;
	margin-bottom:0;
	margin-top:20px;
	width:100%;
}

#footer-content {
	margin: 0 auto;
	width:850px;
}

div.div_footer a{color:#FFF;}
div.div_footer a:hover{text-decoration:underline;}
div.div_footer h2{font-size:18px;}
div.div_footerBg {
	background:transparent url(../images/footerBgRight.jpg) 
no-repeat scroll right top;
}
div.div_footerContent {
border-right:1px dotted #0d6799;
color:#FFFFFF;
float:left;
height:175px;
margin:10px 0;
padding:5px 30px 15px;
}
#div_footer1 {
width:180px;
}
#div_footer2 {
width:240px;
}
#div_footer3 {
border:0 none;
float:left;
width:215px;
}
div.div_footerWorksBox {
background:transparent url(../images/boxWhite.jpg) no-repeat scroll 0 0;
float:left;
height:30px;
margin:0 5px 5px 0;
width:31px;
}

ul.ul_arrowWhite li {
color:#FFFFFF;
font-weight:bold;
line-height:20px;
list-style-image:url(../images/arrowWhite.jpg);
list-style-position:outside;
list-style-type:disc;
}
.thumbnail{ position: relative;z-index: 0;}
.thumbnail:hover{background-color: transparent;z-index: 50;}
.thumbnail span{ position: absolute;background-color: white;visibility: 
hidden;color: black;text-decoration: none;}
.thumbnail span img{ border-width: 0;padding: 2px;}
.thumbnail:hover span{ visibility: visible;top: -150px;left: -100px; }


/************************************************

 * Neighborhoods
************************************************/
.neighborhoods-list {margin: 5px;padding:10px;overflow: hidden; zoom:1;}
.neighborhoods-list ul {float:left;}
.neighborhoods-list li { padding-top: 5px; margin: 0;width:33%;float:left;display:block;} 


#leftcontent {
	float: left;
	width: 500px;
}
#leftcontent h3 {color:#0083b5;}
.widget_container {
	float: left;
	width: 470px;
}

.second {
	margin-top: 20px;
}

.widget {
	float: left;
}

.second {
	float: left;
	margin-top: 10px;
}

.widget ul {
	padding: 0;
	margin: 0 0 0 5px;
	list-style: none;
}

.widget li label {
	color: #fff;
	padding-left: 5px;
}

#btn {
	margin-top: 10px;
	margin-left: 20px;
}

#mini-thumb { border:1px #CCCCCC solid; float: left; padding: 0; margin: 
0 10px 50px 10px;}

.jumpto {
	
}

.jumpto  dl {
	padding: 0;
}

.jumpto dt {
	float: left;
	font-size: 20px;
	color: #7a9136;
	padding-bottom: 20px;
}

.jumpto dd {
	float: left;
	padding: 0 5px 0 5px;
	margin: 0;
}

.search_results {
	margin-top: -10px;
}

.contentbottom {
	padding-bottom: 20px;
}

.resultsbottom {
	padding-top: 10px;
}


/* 
	trevor left column, I chose these selector names because of the 
big chance that
	the previous developer used the same selectors, I didn't want to 
dig through 
	all of the CSS files to see if he has so I named them slightly 
different.
*/

* #left-column * { 
	margin: 0; 
	padding: 0; 
}

#left-column {
	float: left;
	width: 525px;
	margin-bottom: 35px;
}

#listing-header {
	background: url(../images/t-t.gif) top left no-repeat;
	height: 63px;
}

#listing-header h2 {
	color: #0084b4;
	font: bold 170%/1.5em Verdana, Geneva, sans-serif;
	padding: 20px 0 0 20px;
}

#listing-content {
	background: #fff url(../images/t-c.gif) bottom left repeat-x;
	border-left: 1px solid #caccc7;
	border-right: 1px solid #caccc7;
	padding: 0 0 0 16px;
}

#listing-content img {
	margin-top: -13px;
	padding-bottom: 10px;
}

#listing-content ul {
	list-style: none;
	width: 93%;
	float: left;
	position: relative;
	top: 8px;
}

#listing-content li {
	float: left;
}

#listing-content li a {
	background-color: #7186a0;
	padding: 2px 15px 3px 15px;
	color: #d5e2f3;
}

#listing-content li a:hover {
	background-color: #5f86b7;
}

#t-viewmap {
	margin-left: 50px;
}

#t-showpics {
	margin-left: 180px;
}

#listing-footer {
	background: url(../images/t-f.gif) bottom left no-repeat;
	height: 27px;
}

/* 
	trevor sidebar, I chose these selector names because of the big 
chance that
	the previous developer used the same selectors, I didn't want to 
dig through 
	all of the CSS files to see if he has so I named them slightly 
different.
*/

* #right-sidebar * { 
	margin: 0;
	padding: 0;
}

#right-sidebar {
	float: left;
	width: 254px;
	margin-left: 20px;
}

#spec-header {
	background: url(../images/spec-header.gif) top left no-repeat;
	height: 43px;
}

#spec-header h2 {
	padding: 10px 20px;
	color: #fff;
	font: bold 140%/1.5em Verdana, Geneva, sans-serif;
}

#spec-content {
	background: #f5b01c url(../images/spec-content.gif) bottom left 
repeat-x;
	border-left: 1px solid #dc681d;
	border-right: 1px solid #dc681d;
	padding: 0 0 0 20px;
}

#spec-content span {
	font-weight: bold;
	color: #9c3b00;
}

#spec-content li {
	color: #fff;
	padding: 1px 0 1px 0;
}

#spec-footer {
	background: url(../images/spec-footer.gif) bottom left 
no-repeat;
	height: 26px;
}

/* 
	trevor, actions header... see notes in last comment. 
*/

* #actions-sidebar * {
	margin: 0;
	padding: 0;
}

#actions-sidebar {
	float: left;
	width: 253px;
	margin-left: 20px;
	margin-top: 10px;
}

#actions-header {
	background: url(../images/actions-header.gif) top left 
no-repeat;
	height: 11px;
}

#actions-content {
	background: #fdfefd url(../images/actions-content.gif) bottom 
left repeat-x;
	border-left: 1px solid #caccc7;
	border-right: 1px solid #caccc7;
	padding: 0 0 0 20px;
	*min-height: 155px;
}

#actions-content ul {
	list-style: none;
}

#actions-content li {
	padding-left: 25px;
	padding-bottom: 3px;
}

#actions-content li a {
	color: #444;
	font-size: 85%;
}

#actions-content a:hover {
	color: #000;
}

#a-email { background: url(../images/a-email.png) 0 3px no-repeat; }
#a-print { background: url(../images/a-print.png) 0 1px no-repeat; }
#a-calc { background: url(../images/a-calc.png) 2px 2px no-repeat; }
#a-showing { background: url(../images/a-showing.png) 0 2px no-repeat; }
#a-agent { background: url(../images/a-agent.png) 0 4px no-repeat; }
#a-inquire { background: url(../images/a-inquire.png) 4px 1px no-repeat; 
}
#a-favs { background: url(../images/a-favs.png) 0 0 no-repeat; }

#actions-footer {
	background: url(../images/actions-footer.gif) bottom left 
no-repeat;
	height: 13px;
}

.custom {
}
/* MAP */

.map_search_button
{
border: 1px solid white;
background-color: #014C61;
color: white;
width: 170px;
margin-top:15px;
}


#map 

{
clear:both;
margin-right: auto;

margin-left: auto;

margin-bottom: 5px;

margin-top: 15px;

padding-top: 1px;

padding-right: 1px;

padding-bottom: 1px;

padding-left: 1px;

border-top-width: 1px;

border-right-width: 1px;

border-bottom-width: 1px;

border-left-width: 1px;

border-top-style: solid;

border-right-style: solid;

border-bottom-style: solid;

border-left-style: solid;

border-top-color: #bbbbbb;

border-right-color: #bbbbbb;

border-bottom-color: #bbbbbb;

border-left-color: #bbbbbb;

width: 750px;

height: 420px;
}
#selectfield{position: relative;height: 40px;width: 153px;float: left;margin-left: 10px;}

#meta-container {
    width:814px;
    margin: 0 auto;
    padding: 0;
}

#meta-nav {
    float: left;
    list-style: none;
    padding: 0;
    margin: 0;
}

#meta-nav li.li_none  {
    float: left;
    padding-right: 20px;
    padding-left: 20px;
    background:none;
}
#meta-nav li {
    float: left;
    background: url(../images/inset.jpg) 0px 5px no-repeat;
    padding-right: 20px;
    padding-left: 20px;
}


#meta-nav a {
    color: #fff8ec;
    text-decoration: none;
}

#angela {
    float: right;
    text-transform: uppercase;
    margin: 2px 0 0 0;
    padding: 0;
}

#angela li {
    float: left;
    background: url(../images/house-ico.png) 0px 0 no-repeat;
    padding-left: 22px;
}

#angela a {
    display: block;
    color: #fff8ec;
    text-decoration: none;
}
.propertydetails {width:33%;float:left;}
.propertydetails dt {float:left;width:50%;}
.propertydetails dd {width:50%;float:right;}
.propertydetails dl {height:50px;}
/*contact form */
#contact-right{float:right;width:400px;}
#contact-right img{heigh:200;width:200px;border:1px #000 solid; padding:2px;float:left;margin-right:10px;}
#contact-right p{float:left;width:183px;}
#contact-left {width:300px;float:left;}
/* Sold Listings */
#HiddenSoldModal { display:none;}
 #soldme {width:494px;height:390px;
    background: #078dc0 url(http://www.calgaryrealestatedirect.com/images/soldsign.png) right bottom no-repeat; 
 }
 
 #soldme p {padding-top:15px;padding-left:15px;width:450px; color: #FFF;}
 #soldme ul{
     padding-left:20px;
     padding-top:20px;
 }
 #soldme li {
         background:url(http://www.calgaryrealestatedirect.com/images/arrow.png) left bottom no-repeat;
         padding-left:30px;
         margin-top:10px;
         font-size:15px;
         height:26px;
         color:#FFF;
     }
#soldme a:link, #soldme a:active, #soldme a:visited {
     color:#FFF;
 }