/* 
Greetings.
TriCityHomes.com Presentation File
Authored by the GoTriCities Network, http://www.gotricites.net 

Color Palette - To Come:
drk red: #680007
red: #900000
drk gray: #2D2B2C
-----------------------------------------------------------------------------*/

html { height: 100%; margin-bottom: 1px; }
body {
	margin: 0;
	padding: 0;
	font: 62.5%/1.6em "Lucida Grande", Arial, Verdana, sans-serif;
	background: #2D2B2C url(http://www.tricityhomes.com/assets/images/page-bg.jpg) repeat-x top left;
	}

#sponsordivide {
border-bottom: 3px solid #2d5f9c;
margin-bottom: 20px;}

body * {margin: 0;padding: 0;}

p,h1,h2,h3,li,td,dt,dd { font-size: 1.2em; font-weight: normal; }
p,h1,h2,h3,ul,ol,dl,blockquote,pre { margin-bottom: 1em; }

a {color: #0822a4;text-decoration: none;}
a:visited {color: #0822a4;}
a:hover {color: #710101; text-decoration: underline;}

ul,ol,dl{list-style-type: none;}

div#content li{
background: url(http://www.tricityhomes.com/assets/images/rh-arrow.gif) no-repeat left center;
padding-left: 22px;
margin-left: 8px;
}

#homes_video {margin: 5px; padding-bottom: 15px;}


#search_listing_results p {
margin-left: 15px;
}

img { border: none; }

.clear-border{border:none !important;}

.flt-right{
float:right;
margin-right: 8px;
}

.flt-left{float:left}

div#wrapper{
width: 960px;
background: url(http://www.tricityhomes.com/assets/images/greentopfadew.jpg) repeat-x top left;
background-color: #FFFFFF;

margin: 0 auto;
border-left: 1px solid #333;
border-right: 1px solid #333;
position: relative;
}

/*
----------------------------------------------------------------------------- 
Header
-----------------------------------------------------------------------------*/

div#header{
background: #FFF url(http://www.tricityhomes.com/assets/images/tricityhomes_headerc.jpg) repeat-x left bottom;
height: 110px;
}


div.slogan {
font: 1em "Lucida Grande", Arial, Verdana, sans-serif;
position: absolute;
top: 95px;
left: 120px;
height: 25px;
}


/*
----------------------------------------------------------------------------- 
Network Navigation (Top Blue Strip)
-----------------------------------------------------------------------------*/

ul#network-nav{
position: absolute;
top: 0;
right: 0;
background-color: #0822a4;
background-image: url(http://www.tricityhomes.com/assets/images/network-cap.gif);
background-repeat: no-repeat;
padding: 0 0 0 30px;
width: 690px;
}

ul#network-nav li{float:left;}

ul#network-nav li a{
float:left;
margin: 0;
padding: 0 .8em 0 .8em;
border-right: 1px solid #999;
color: #FFF;
font-weight: normal;
font-size: .9em;
}

ul#network-nav li a:hover{
background: #FFF;
color: #333;
}

ul#network-nav a#network-active{
background: #FFF;
color: #333;
}

/*
----------------------------------------------------------------------------- 
Primary Navigation (big grey bar)
-----------------------------------------------------------------------------*/

ul#primary-nav{
float:left;
background: #999 url(http://www.tricitywheels.com/assets/images/primary-nav-bg.gif) repeat-x left top;
width: 100%;
display: block;
height: 26px;
margin: 0px 0 0 0;
}

ul#primary-nav li{float:left}

ul#primary-nav li a{
float:left;
font-size: 1.0em;
padding: 0 20px;
font-weight: normal;
color: #FFF;
border-right: 1px solid #999;
border-left: 1px solid #333;
line-height: 25px;clear-border
}

ul#primary-nav li a:hover{
background: #000;
text-decoration: none;
}

div#content{
float:left;
margin-bottom: 2em;
background-color: #FFFFFF;
}

div#main-content{
clear: both;
width: 600px;
float:left;
padding-left: 10px;
_padding-left: 0px;
}

div#main-content_open{
clear: both;
width: 700px;
float:left;
padding-left: 20px;
}

div#map-content{
clear: both;
width: 880px;
float:left;
padding-left: 10px;
}


/*
----------------------------------------------------------------------------- 
Advertising Styles
-----------------------------------------------------------------------------*/
div#leaderboard_adplacement {
display: block;
width: 100%;
text-align:center;
margin-top:7px;
margin-bottom:7px;
background-color:#D9FFFA;
}



/*
----------------------------------------------------------------------------- 
Search Index Style
-----------------------------------------------------------------------------*/
div.cmListingList {
	position:relative;
	margin:3px 6px 9px 6px;
	padding:6px;
	height:79px;
	border:1px solid #cde2f9;
	border-right-color:#b3d4f9;
	border-bottom-color:#b3d4f9;
	background-color:#fff;
	font-size:9px;
	}
	
div.odd {
	background-color:#000;
	}

div.cmListingList img.thumbnail {
	display:block;
	position:absolute;
	top:5px;
	left:5px;
	border:1px solid #323232;
	}
div.cmListingList img.thumbnail:hover { border:1px solid #0052f9; } /* Not in IE */

div.cmListingList ul.leftBlock { 
	position:absolute;
	top:9px;
	left:80px;
	width:365px;
	list-style:none; 
	}
div.cmListingList ul.leftBlock li strong { font-size:1.2em; }
div.cmListingList ul.leftBlock li em { font-weight:bold; font-style:normal; }
	
div.cmListingList ul.rightBlock { 
	position:absolute;
	top:9px;
	left:426px;
	width:115px; 
	list-style:none;
text-align: right;
color: blue;
	}
div.cmListingList ul.rightBlock li strong { font-size:1.2em; }


/* === buttons for each listing === */
div.cmListingList ul.butns { 
	position:absolute;
	top:55px;

width: 570px;
	}

div.cmListingList ul.butns li a { 
	color:#2985ff; 
	font-weight:bold; 
	font-size:10px;  
	float: right;
	padding:3px 3px 3px 3px;
	margin-right:1px;
	border:1px solid #98c1f4; 
	background:url(http://www.tricityhomes.com/assets/images/Boxborders/primary-nav_li_bg.gif) center left repeat-x;
	}
div.cmListingList ul.butns li a:hover { text-decoration:none; color:#2985ff; background:#fff; }

div.cmListingList ul.butns li a.details {
	color:#e9f5ff; 
	border:1px solid #007fe1; 
	background:url(http://beta.homes.com/Images2/butn-listing-bg-bold.gif) center left repeat-x;
	float: left;
}
div.cmListingList ul.butns li a.details:hover { 
	color:#fff;
	background:url(http://beta.homes.com/Images2/butn-listing-bg-bold.gif) center left repeat-x;
	}



/* === "More" button pop-ups === */
div.cmListingList ul.butns li ul.subMenu {
	float:none;
	position:absolute;
	bottom:0px;
	left:181px;
	/*display:block;*/
	width:290px;
	list-style:none;
	background:#fff;
	border:1px solid #2985ff;
	padding:1px 4px 3px 4px;
	z-index:1000;
	}

div.cmListingList ul.butns li ul.subMenu { display:none; }  /* hide pop-ups on load */
div.cmListingList ul.butns li ul.subMenu li { display:inline; float:left; }
div.cmListingList ul.butns li ul.subMenu li a {
	display:block;
	width:120px;
	background:#fff url(http://beta.homes.com/Images2/icon-arrow.gif) center left no-repeat;
	padding:2px 5px 2px 14px;
	font-size:1em;
	font-weight:normal;
	border:none;
	}
div.cmListingList ul.butns li ul.subMenu li a:hover { 
	background:#fff url(http://beta.homes.com/Images2/icon-arrow.gif) center left no-repeat; 
	color:#6eacff; 
	text-decoration:underline; 
	}





/* === "More" button pop-ups === */
div.cmListingList ul.butns li ul.subMenu {
	float:none;
	position:absolute;
	bottom:0px;
	left:181px;
	/*display:block;*/
	width:290px;
	list-style:none;
	background:#fff;
	border:1px solid #2985ff;
	padding:1px 4px 3px 4px;
	z-index:1000;
	}

div.cmListingList ul.butns li ul.subMenu { display:none; }  /* hide pop-ups on load */
div.cmListingList ul.butns li ul.subMenu li { display:inline; float:left; }
div.cmListingList ul.butns li ul.subMenu li a {
	display:block;
	width:120px;
	background:#fff url(http://beta.homes.com/Images2/icon-arrow.gif) center left no-repeat;
	padding:2px 5px 2px 14px;
	font-size:1em;
	font-weight:normal;
	border:none;
	}
div.cmListingList ul.butns li ul.subMenu li a:hover { 
	background:#fff url(http://beta.homes.com/Images2/icon-arrow.gif) center left no-repeat; 
	color:#6eacff; 
	text-decoration:underline; 
	}









/* === "More" button pop-ups === */
div.cmListingList ul.butns li ul.subMenu {
	float:none;
	position:absolute;
	bottom:0px;
	left:181px;
	/*display:block;*/
	width:290px;
	list-style:none;
	background:#fff;
	border:1px solid #2985ff;
	padding:1px 4px 3px 4px;
	z-index:1000;
	}

div.cmListingList ul.butns li ul.subMenu { display:none; }  /* hide pop-ups on load */
div.cmListingList ul.butns li ul.subMenu li { display:inline; float:left; }
div.cmListingList ul.butns li ul.subMenu li a {
	display:block;
	width:120px;
	background:#fff url(http://beta.homes.com/Images2/icon-arrow.gif) center left no-repeat;
	padding:2px 5px 2px 14px;
	font-size:1em;
	font-weight:normal;
	border:none;
	}
div.cmListingList ul.butns li ul.subMenu li a:hover { 
	background:#fff url(http://beta.homes.com/Images2/icon-arrow.gif) center left no-repeat; 
	color:#6eacff; 
	text-decoration:underline; 
	}






/* ==================================================================================================================================== content MIDDLE listings Photos */
div.cmListingPhoto {
	display:inline;
	float:left;
	position:relative;
	margin:0 0 7px 7px;
	padding:6px;
	width:163px;
	height:214px;
	border:1px solid #cde2f9;
	border-right-color:#b3d4f9;
	border-bottom-color:#b3d4f9;
	background-color:#fff;
	}
div.cmListingPhoto img.thumbnail {
	margin-bottom:2px;
	border:1px solid #323232;
	}
div.cmListingPhoto img.thumbnail:hover { border:1px solid #0052f9; } /* Not in IE */

div.cmListingPhoto ul.leftBlock { 
	position:absolute;
	top:148px;
	left:8px;
	width:66px; 
	list-style:none; 
	}
	
div.cmListingPhoto ul.rightBlock { 
	position:absolute;
	top:148px;
	left:79px;
	width:114px; 
	list-style:none; 
	}

div.cmListingPhoto ul.butns { 
	background-color:#fff;
	position:absolute;
	top:203px;
	left:5px;
	width:183px;
	height:13px;
	padding-bottom:3px;
	list-style:none;  
	}
div.cmListingPhoto ul.butns li { display:inline; }
div.cmListingPhoto ul.butns li a { 
	color:#2985ff; 
	font-weight:bold; 
	font-size:9px; 
	height:14px;
	padding:1px 3px 2px 3px; 
	border:1px solid #98c1f4; 
	background:url(/Images2/butn-listing-bg-blue.gif) center left repeat-x; 
	}
div.cmListingPhoto ul.butns li a:hover { text-decoration:none; color:#2985ff; background:#fff; }
div.cmListingPhoto ul.butns li a.details { 
	color:#e9f5ff; 
	border:1px solid #007fe1; 
	background:url(/Images2/butn-listing-bg-bold.gif) center left repeat-x;
	}
div.cmListingPhoto ul.butns li a.details:hover { 
	color:#fff;
	background:url(/Images2/butn-listing-bg-bold.gif) center left repeat-x;
	}

/* === "More" button pop-ups === */
div.cmListingPhoto ul.butns li ul.subMenu {
	float:none;
	position:absolute;
	bottom:17px;
	right:2px;
	display:block;
	list-style:none;
	background:#fff;
	border:1px solid #2985ff;
	padding:1px 4px 3px 4px;
	width:125px;
	z-index:1000;
	}
div.cmListingPhoto ul.butns li ul.subMenu { display:none; } /* hide pop-ups on load */
div.cmListingPhoto ul.butns li ul.subMenu li { float:none; display:block; }
div.cmListingPhoto ul.butns li ul.subMenu li a {
	display:block;
	background:#fff url(/Images2/icon-arrow.gif) center left no-repeat;
	padding:2px 5px 2px 14px;
	font-size:1em;
	font-weight:normal;
	border:none;
	}
div.cmListingPhoto ul.butns li ul.subMenu li a:hover { 
	background:#fff url(/Images2/icon-arrow.gif) center left no-repeat; 
	color:#6eacff; text-decoration:underline; 
	}

/*
----------------------------------------------------------------------------- 
General Content Block
-----------------------------------------------------------------------------*/

div.content-block{
background: #FFF url(http://tricityhomes.com/assets/images/content-background.jpg) repeat-x 0 0px;
margin-top: 1em;
margin-bottom: 2em;
padding: 1em;
border: 1px solid #DDD;
border-bottom: 1px solid #F0F0F0;
clear: both;
}

div.content-block2{
margin-top: .4em;
margin-bottom: 2em;
padding: 1.3em;
border: 1px solid #DDD;
border-bottom: 1px solid #F0F0F0;
clear: both;
width: 300px;
}

h4{
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 1.5em;
color: #FFFFFF;
}

div.content-block header {
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 14px;
font-weight: 600;
line-height: 24px;

}

div.featuresubhead {
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 2em;
margin-top: 25px;
margin-left: 7px;
}


div.content-blockHome {
margin-top: 3em;
margin-bottom: 3em;
padding: 1em;
border: 1px solid #DDD;
}

div.form-block{
border: 1px solid #DDD;
border-bottom: 1px solid #F0F0F0;
}

div.content-block p{padding: 0 10px 0 5px;}
div.content-block img{margin-bottom: 1em;}
div.content-block img.flt-right{margin-left: 10px;}
div.content-block h3{display: none;}

div.content-block h1{ font-size: 3.2em;
margin-left: .4em;
font-weight: bold; }


ul#search_features{
float:left;
display: block;
background: #999 url(http://www.tricitywheels.com/assets/images/primary-nav-bg.gif) repeat-x left top;
height: 15px;
margin: 1px;
margin-right: 3px;
border-left: 1px;
border-color:#FFFFFF;
}

ul#search_features .forsale{
float:left;
background-color:#FFCC66;
display: block;
height: 15px;
margin: 1px;
margin-right: 3px;
border-left: 1px;
border-color:#FFFFFF;
}


ul#search_features li{float:left}

ul#search_features li a{
float:left;
font-size: 1.0em;
padding: 0 0px;
font-weight: normal;
color: #FFF;
line-height: 15px;clear-border
}

ul#search_features li a:hover{
background: #000;
text-decoration: none;
}



/*
----------------------------------------------------------------------------- 
Main Content (left column)
-----------------------------------------------------------------------------*/

div#main-content div.content-block{
width: 575px;
float:left;
margin-right: 10px;
margin-left: 10px;
}

div#main-content div.last-content-block{
margin-right: 0px;
}

div.sub_page_text {
padding: 1em;
text-align:left;
font-family:Georgia, "Times New Roman", Times, serif;
font-size:14px;
line-height: 24px;
}

div.content_links {
float: left;
padding: 1em;
text-align:left;
font-family:Georgia, "Times New Roman", Times, serif;
font-size:14px;
line-height: 24px;
display: block;
}

div.content_links h1 {
font-family:Georgia, "Times New Roman", Times, serif;
font-size:18px;
font-weight:bold;
line-height: 24px;
}

/*
----------------------------------------------------------------------------- 
Property Details (left column)
-----------------------------------------------------------------------------*/




div.addressbox {
border: 1px solid #DDD;
padding: .5em;
font-size: 28px;  
font-family: georgia, times, serif; 
padding-bottom: .5em; 
letter-spacing:-1px;
color: #596B80;
display: block;
}

div.addressbox_details {
border: 1px solid #DDD;
padding: .5em;
font-size: 28px;  
font-family: georgia, times, serif; 
padding-bottom: .5em; 
letter-spacing:-1px;
color: #596B80;
}


div#globalbox_details {
border: 1px solid #000000;
padding: 1em;
}

div.listing_infobox {
font-size: 10px;
font-weight: bold;
float: left;
width: 200px;
}

div.communitycity {
font-size: 16px;
font-weight: bold;
width: 400px;
background: url(http://www.tricityhomes.com/assets/images/greygrad.jpg) repeat-x top left;
border: 1px solid #DDD;
margin-top: 15px;
padding: 5px;
display: block;
}

div.listing_infobox h1 {
font-size: 12px;
font-weight: bold;
margin-top: 10px;
float: left;
width: 100%;
background: #2D2B2C url(http://www.tricityhomes.com/assets/images/greygrad.jpg) repeat-x top left;
padding: 4px;
}

div.listing_infobox h2 {
font-size: 16px;
font-weight: bold;
background-color:#74b9f4;
float: left;
width: 100%;
padding: 4px;
}

div.listing_rightdetails {
font-weight: bold;
margin-left: 230px;
padding: 1em;
}

div.map_box {
clear: both;
width: 100%;
padding: 3em;
border:thin;
}



/*
----------------------------------------------------------------------------- 
Search Details Tool Buttons
-----------------------------------------------------------------------------*/

ul# home_tools{
float: left;
width: 51px;
display: block;
margin: 10px;
}

ul#home_tools li{
float:left;
width: 51px;
height: 75px;
margin: 4px;
display: block;
padding: 0px;}



ul#home_tools li a:hover{
background: #000;
text-decoration: none;
}





/*
----------------------------------------------------------------------------- 
Sub Content (right column)
-----------------------------------------------------------------------------*/

div#sub-content{
float:right;
margin-top: -5px;
width: 312px;
padding: 1px;
margin-right: 29px !important; margin-right: 5px
}


/* Remove Items Anchors */
a.item-remove{
color: #333;
font-size: 8px;
margin-left: 10px;
padding-right: 16px;
padding: 0 16px 1px 0;
background: transparent url(http://www.tricitywheels.com/assets/images/exit-icon.gif) no-repeat right 0px;
}

a.item-remove:hover{
background: transparent url(http://www.tricitywheels.com/assets/images/exit-icon.gif) no-repeat right -13px;
}

body.subpage div#sub-content{
position: relative;
top: -105px;
float: right;
width: 180px;
margin: 0 10px 0 0;
}


div#sub-content div.content-block{
width: 100%;
}

img.center{
display: block;
margin: 0 auto 2em auto;
}


/*
----------------------------------------------------------------------------- 
VIDEO STYLES
-----------------------------------------------------------------------------*/

div.video_feature {
padding: 1em;
float: left;
width: 90%;
}

div.videoimagefeature {
float: left;
}

div.video_heading {
display: block;
clear: both;
border: 1px solid #DDD;
padding: 2em;
background-color:#0099FF;
width: 90%;
}

div.video_mainbox {
padding: 1.2em;
float: left;
width: 93%;
}


div.video_LeftColumn {
float: left;
width: 46%;
padding: .5em;
border: 1px solid #DDD;
}

div.video_box {
float: left;
width: 93%;
margin-bottom: 20px;
}

div.video_LeftColumn img {
float: left;
margin: 2px;
}

div.video_details{
float: right;
width: 65%;
}

div.video_thumb {
float: left;
margin: 2px;
}

div.video_details2{
float: right;
width: 65%;
}

div.video_RightColumn {
float: right;
width: 46%;
padding: .5em;
border: 1px solid #DDD;
}

div.video_containerimage {
}

div.video_containerDetails {
}

div.right_VideoBox {
}



/*
----------------------------------------------------------------------------- 
Footer
-----------------------------------------------------------------------------*/

div#footer{
clear: both;
background: #F8F8F8 url(http://www.tricitywheels.com/assets/images/footer-bg.jpg) repeat-x top left;
padding-top: 44px;
}

div#footer ul{
text-align: center;
}

div#footer ul li{
display: inline;
}

div#footer ul li a{
padding: 0 10px;
border-right: 1px solid #999;
}

ul#brand-stamp{
margin: 20px 0;
padding-bottom: 1px;
text-align: center;
}

div#footer ul#brand-stamp li{
display: block;
}

div#footer ul#brand-stamp li a{
border: none;
}

div.footer_statement {
font-size: 10px;
margin-left: 2em;
margin-right: 2em;
color:#666666;}
/*
----------------------------------------------------------------------------- 
Sub-page Styling
-----------------------------------------------------------------------------*/

body.subpage div#main-content p.alert{
font-size: 2em;
display: block;
background: #FFF url(http://www.tricitywheels.com/assets/images/content-block-bg.jpg) repeat-x 0 0;
padding: 30px 20px;
margin-top: 20px;
}

p.alert em{
font-style: normal;
font-weight: bold;
letter-spacing: -1px;
}

body.subpage img#search-banner{
position: absolute;
right: 20px;
top: 54px;
}

body.subpage div#main-content{
background: #680007 url(http://www.tricitywheels.com/assets/images/alpha-bg.gif) repeat-x left top;
width: 725px;
margin-left: 10px;
padding: 10px 5px 5px 10px;
float: left;
}


body.subpage div#main-content div.content-block{
float:none;
width: 670px;
background: #FFF url(http://www.tricitywheels.com/assets/images/content-block-bg.jpg) repeat-x 0 0;
padding: 15px 10px;
}

body.subpage div#main-content h2{
font-size: 2em;
}

body.subpage div#main-content ul{}

body.subpage div#main-content img#content-header{
margin: 0 0 0 10px;
position: relative;
bottom: -5px;
}

h2#nav-title{}

ul#subcontent-nav{
margin-bottom: 2em;
float:left;
background: #F0F0F0;
border-bottom: 1px solid #DDD;
}

ul#subcontent-nav li{
float:left;
display:  block;
border-right: 1px solid #DDD;
margin: 0 0 0 8px;
padding: 2px 15px; 
}

body.subpage div.content-block h3{
display: block;
font-size: 1.8em;
margin: 1em 0 .5em 5px;
clear: both;
}

body#loan-calc div.content-block table{
width: 500px;
margin: 0 auto;
}

/* affects submit buttons */
body#loan-calc div.content-block table p{
margin-bottom: .5em;
}

/* affects table inputs */
body#loan-calc div.content-block table input{
margin-bottom: .5em;
}

/*
----------------------------------------------------------------------------- 
Advert Styling
-----------------------------------------------------------------------------*/

img#skyscraper,
div#banner-leaderboard
{
margin: 0 0 10px 15px;
}

div#text-ads{
background: #2B2B2B;
padding: 20px;
margin-top: 40px;
}

div#text-ads h3{
color: #DDD;
border-bottom: 1px solid #DDD;
text-align: center;
text-transform: uppercase;
font-size: .8em;
padding-bottom: .5em;
letter-spacing: 2px;
margin-bottom: 1.5em;
}

div#text-ads a{
color: #F0F0F0;
}

div#text-ads a:hover{
color: #DBBDBD;
}

div#text-ads a:visited{
color: #DBBDBD;
}

/*
----------------------------------------------------------------------------- 
Search page Styling
-----------------------------------------------------------------------------*/

body.search-detail div#main-content div.content-block h2{
font-size: 3em;
font-weight: bold;
margin-bottom: .3em;
color: #333;
}

body.search-detail div#main-content table{
margin: 2em 0;
background: #FFF;
}

body.search-detail div#main-content table td{
border-bottom: 10px solid #F0F0F0;
border-right: 1px solid #DDD;
padding: 0 10px;
}

body.search-detail div#main-content div.content-block{
background: #FFF url(http://www.tricitywheels.com/assets/images/content-block-bg.jpg) repeat-x left top;
width: 89%;
float: none;
margin: 20px 0 20px 5px;
padding: 10px 30px 20px 30px;
}

body.search-detail div#main-content div.content-block h3{
display: block;
font-size: 1.6em;
text-transform: uppercase;
background: #FFF url(http://www.tricitywheels.com/assets/images/content-block-bg.jpg) repeat-x 0 0;
line-height: 2.2em;
padding-left: 12px;
border-top: 1px solid #999;
}

body.search-detail div#main-content div.content-block ul{
margin: 0 0 2em 20px;
}

body.search-detail div#main-content div.content-block table td{
border-right: none;
}

body.search-detail div#main-content div.content-block address{
font-size: 1.6em;
line-height: 1.3em;
font-style: normal;
margin: 1em 0 1em 30px;
}

body.subpage div.content-block table#search-results img{
margin: 0;
}

table#search-results th{
text-align: left;
font-size: 1.4em;
font-weight: normal;
padding: 5px 4px;
border-bottom: 1px solid #999;
}

ul#content-share{
display: block;
width: 180px;
float:right;
margin: 50px 50px 0px 50px;
text-align: center;
}

ul#content-share li{
margin: 0;
padding: 0;
background: none;
margin-bottom: 20px;
}

ul#content-share li a{
display: block;
background: #999;
height: 17px;
color: #F0F0F0;
margin-bottom: 10px;
}

ul#content-share li#contact-dealer a{
background: url(http://www.tricitywheels.com/assets/images/contact-dealer.gif) no-repeat 0 0;
padding: 11px 0 11px 10px;
}

ul#content-share li#contact-dealer a:hover{
text-decoration: none;
background-position: 0 -39px;
}


ul#content-share li#item-one a{
background: url(http://www.tricitywheels.com/assets/images/add-to-mylist.gif) no-repeat 0 0;
padding: 11px 0 11px 10px;
}

ul#content-share li#item-one a:hover{
text-decoration: none;
background-position: 0 -39px;
}

ul#content-share li#item-two a{
background: transparent url(http://www.tricitywheels.com/assets/images/email-me.gif) no-repeat 0 0;
padding: 3px 40px 19px 55px;
}

ul#content-share li#item-two a:hover{
text-decoration: none;
background-position: 0 -39px;
}

/* Breadcrumb Navigation Styles */

div#breadcrumb {
font: 1.3em "Lucida Grande", Arial, Verdana, sans-serif;
float: left;
margin-top: 10px;
margin-left: 20px;
margin-bottom: 22px;
border-bottom: dashed 1px #9b9a9a;
width: 96%; 
}

body.search-detail div#main-content p.search-navigation{
font-size: 1.2em;
line-height: 3em;
}

body.search-detail div#main-content p.search-navigation span.breadcrumb a{
background: transparent url(http://www.tricitywheels.com/assets/images/back-bg.gif) no-repeat top left;
width: 90px;
padding: 5px 25px;
color: #F0F0F0;
}


/*
----------------------------------------------------------------------------- 
Home Page Search Form Styling
-----------------------------------------------------------------------------*/
div.home_form {
position: block;
padding: 1em;
border: 2px solid #d7e8f0;
background:url(http://www.tricityhomes.com/original_art/coupleart.jpg) no-repeat right bottom;
}

div.form_homesearch {
margin-top: 1em;
}

div.home_form h1 {
margin-right: 10px;
display: inline;
text-align: center;
width: 35%;
font-weight: bold;
font: Verdana, Arial, Helvetica, sans-serif;
font-size:13px;
background-color:#da934c;
padding: 3px;
}


div.home_form h1 a {
color: #FFFFFF;
text-decoration: none;
}

div.home_form h1 a:hover {
background-color:#333333;
}

div.home_form h2 {
margin-left: 25px;
display: block;
text-align: center;
width: 35%;
font-weight: bold;
font: Verdana, Arial, Helvetica, sans-serif;
font-size:13px;
background-color:#ffc22b;
padding: 3px;
}

/*
----------------------------------------------------------------------------- 
Top Properties Styling
-----------------------------------------------------------------------------*/

div#topneighborhood_box {
float: left;
margin-top: 7px;
position: block;
padding: 1em;
border: 2px solid #d7e8f0;
width: 27%;
background: transparent url(http://www.tricityhomes.com/assets/images/greenfibers.jpg) no-repeat left top;
background-position: 100% -35%;
}

div#topneighborhood_box h1 {
font: 1.1em "Lucida Grande", Arial, Verdana, sans-serif;
font-weight: bold;
color: #FFFFFF;
text-align: center;
}


div#topproperties_box {
float: left;
margin-top: 7px;
position: block;
margin-left: 2.0em;
padding: 1em;
border: 2px solid #d7e8f0;
width: 27%;
background: transparent url(http://www.tricityhomes.com/assets/images/greenfibers.jpg) no-repeat left top;
background-position: 100% -35%;
}

div#topproperties_box h1 {
font: 1.1em "Lucida Grande", Arial, Verdana, sans-serif;
font-weight: bold;
color: #FFFFFF;
text-align: center;
}


/*
----------------------------------------------------------------------------- 
GuideBox Styling
-----------------------------------------------------------------------------*/

div.guide_index {
text-align: center;
}

div#guidehome_box {
font: 1.3em "Lucida Grande", Arial, Verdana, sans-serif;
float: left;
margin-top: 15px;
position: block;
margin-left: .4em;
padding: 1.4em;
border: 2px solid #d7e8f0;
width: 42%;
}

div#guidehome_internal {
font: 1.3em "Lucida Grande", Arial, Verdana, sans-serif;
float: left;
margin-top: 15px;
position: block;
margin-left: .4em;
padding: 1.4em;
border: 2px solid #d7e8f0;
width: 90%;
}

div#guidehome_box ul {
margin: 0;
padding: 0;
list-style-type: none;
}

div#guidehome_box li {
background-image:url(assets/images/expand_open.gif);
padding-left: 15px;
margin-top: 5px;
}

/*
----------------------------------------------------------------------------- 
Form Styling
-----------------------------------------------------------------------------*/

form{
width: 100%;
margin: 0 auto 1em auto;
display: block;
}

form#home_searchform {
width: 80%;
margin: .3em;
}


form#home_searchform input{
width: 70%;
background: #c1deec;
line-height: 1.2em;
font-size: 1.2em;
padding: 5px;
border: 1px solid #DDD;
border-right: 1px solid #999;
border-bottom: 1px solid #999;
}

form#home_searchform select{
  font: 11px Verdana, Geneva, Arial, Helvetica, sans-serif;
background: #c1deec;
 color: #102132;
 border: 0px solid #284279; 
}

form#home_searchform label{
display: inline;
}



fieldset{
background: #FFF;
width: 90%;
margin: 0 auto 1em auto;
display: block;
padding: 20px;
border: 1px solid #DDD;
background: #F0F0F0;
}

form p{
margin-bottom: 1em;
}

form label{
display: block;
font-size: 1.2em;
text-transform: uppercase;
margin-bottom: 0;
}

form input{
width: 70%;
background: #a3eef3;
line-height: 1.2em;
font-size: 1.2em;
padding: 5px;
border: 1px solid #DDD;
border-right: 1px solid #999;
border-bottom: 1px solid #999;
}

form p.submit input{
font-size: 1.4em;
margin: 0 auto;
width: auto;
display: block;
font-weight: normal;
border: 1px solid #DDD;
padding: 5px 10px;
background: #999 url(http://www.tricitywheels.com/assets/images/primary-nav-bg.gif) repeat-x left top;
color: #FFF;
}

form legend{
padding: 5px 8px;
font-size: 1.4em;
background: #999 url(http://www.tricitywheels.com/assets/images/primary-nav-bg.gif) repeat-x left top;
color: #FFF;
}

form textarea{
width: 95%;
height: 250px;
font: normal 1.2em/normal "Lucida Grande",Arial;
color: #3a5a6c;
padding: 5px 10px;
border: 1px solid #DDD;
border-right: 1px solid #999;
border-bottom: 1px solid #999;
}

form#global-contact{
margin: 20px auto;
}

form#global-contact h2{
font-size: 16px;
color:#FF0000;
}

form#re-search-form{
background: #D6D6D6 url(http://www.tricitywheels.com/assets/images/subpage-searchheader.gif) no-repeat left top;
position: absolute;
right: 20px;
top: 54px;
width: 505px;
height: 57px;
padding: 10px 0 0 130px;
}

form#re-search-form ul.search-column{
width: 180px;
float:left;
}

form#re-search-form ul.search-column option{
width: 130px;
}

form#re-search-form ul.search-column input {
background: #FFF;
padding: 3px;
margin-top: 4px;
width: 143px;
}

form#re-search-form p.submit{
margin: 0;
width: 60px;
float:left;
}

form#re-search-form p.submit input{
margin: 10px 0 0 0;
padding: 3px 5px;
}

form#re-search-form p#advanced-search{
width: 170px;
position: absolute;
top: 20px;
right: 90px;
text-align: center
}

/*
----------------------------------------------------------------------------- 
Guide Style Index Style
-----------------------------------------------------------------------------*/

div#guide_headerimage {
display:block;
width: 100%;
}

div.guide_featuredname {
font-size: 18px; 
font-family: georgia, times, serif; 
font-weight: bold;
float: left;
margin-bottom: 15px;
}

div.guide_featuredname a {
text-decoration: none;
}

div.guide_featuredname a:hover {
text-decoration: underline;
}




div.guide_featureddetails {
font: 1.3em georgia, times, serif; 
font-style: italic;
line-height: 15px;
float: left;}

div.guide_calltoaction {
display: block;
float: left;
padding: 1.3em;
text-align: center;
border-bottom: thin;
}
/*
----------------------------------------------------------------------------- 
Open House Styles
-----------------------------------------------------------------------------*/


div.openhouseimg {
float: left;
padding: 1em;
}

div.general_body {
font: 14px Georgia, serif; 
color: #596B80;
margin: 1em;
}

div.openhouse_content {
float: left;
display: block;
}

/*
----------------------------------------------------------------------------- 
Subdivision Styles
-----------------------------------------------------------------------------*/

div#subdivision_feature {
float: left;
display: block;
padding: 1.5em;
background-color: #99CCCC;
margin: 10px;
}

div#subdivision_feature img {
float: right;
padding: 1em;
}

div.subdivision_title {
font-size: 28px; 
line-height: 26px; 
font-family: georgia, times, serif; 
padding-bottom: 6px; 
letter-spacing:-1px;
color: #596B80;
}


div.subdivision_description {
font: 14px Georgia, serif; 
color: #596B80;
margin: 1em;
}

div.subdivision_media {
font: 14px Georgia, serif; 
color: #596B80;
padding: 2em;
background-color: #CC3300;
}

div.subdivision_media u1 {
margin-left: 5px;
background-image:url(assets/images/expand_open.gif);
}

div.subdivision_bullets {
font-size: 16px; 
line-height: 26px; 
font-family: georgia, times, serif; 
float: left;
width: 60%;
padding: .5em;
}

div.subdivision_logo {
float: right;
display: block;
}


/*
----------------------------------------------------------------------------- 
School Featured Styles
-----------------------------------------------------------------------------*/

div#school_feature {
font-size: 16px; 
font-family: georgia, times, serif; 
float: left;
width: 60%;
padding: .5em;
width: 100%;
}

div.schoolfeature_img {
float: right;
}

div.schoolfeatureintro {
margin-top: 15px;
float: left;
clear: both;
}

div.school_lists {
font-size: 16px; 
font-family: georgia, times, serif; 
}

div.school_lists a{
font-size: 16px; 
line-height: 26px; 
font-family: georgia, times, serif;
text-decoration: underline;
}

/*
----------------------------------------------------------------------------- 
School Table Styles
-----------------------------------------------------------------------------*/

.school_lists {
float: left;
display: block;
width: 100%;
}

.schoolbody {
  font: 75%/1.6 "Myriad Pro", Frutiger, "Lucida Grande", "Lucida Sans", "Lucida Sans Unicode", Verdana, sans-serif;
}

.openhousebody {
  font: 1.6 "Myriad Pro", Frutiger, "Lucida Grande", "Lucida Sans", "Lucida Sans Unicode", Verdana, sans-serif;
}

.clear {
  clear: both;
}

.schooltable {
  border-collapse: collapse;
  width: 50em;
  border: 1px solid #666;
}

caption {
  font-size: 1.2em;
  font-weight: bold;
  margin: 1em 0;
}

col {
  border-right: 1px solid #ccc;
}

col#SchoolIndex {
  border: none;
}

thead {
  background: #ccc url(assets/images/bar.gif) repeat-x left center;
  border-top: 7px solid #a5a5a5;
  border-bottom: 1px solid #a5a5a5;
}

th {
  font-weight: normal;
  text-align: left;
}

#playlistPosHead {
  text-indent: -1000em;
}

th, td {
  padding: 0.1em 1em;
}

.odd {
  background-color:#edf5ff;
}

div.schools tr:hover {
  background-color:#3d80df;
  color: #fff;
}

thead tr:hover {
  background-color: transparent;
  color: inherit;
}


/*
----------------------------------------------------------------------------- 
Top Nav Search Form
-----------------------------------------------------------------------------*/

div.topnav_search {
float: right;
margin-right: 3em;
margin-top: 3em;
width: 300px;
}



/*
----------------------------------------------------------------------------- 
OPEN HOUSE STYLES
-----------------------------------------------------------------------------*/
.openhousebody {
  font: 1.6 "Myriad Pro", Frutiger, "Lucida Grande", "Lucida Sans", "Lucida Sans Unicode", Verdana, sans-serif;
}

.openhousetable {
  border-collapse: collapse;
  width: 100%;
  border: 1px solid #666;
}

div.openhousetable caption {
  font-size: 1.2em;
  font-weight: bold;
  margin: 1em 0;
}

div.opencol {
  border-right: 1px solid #ccc;
}

col#SchoolIndex {
  border: none;
}

div.openhousetable thead {
  background: #ccc url(assets/images/bar.gif) repeat-x left center;
  border-top: 7px solid #a5a5a5;
  border-bottom: 1px solid #a5a5a5;
}

div.openhousetable th {
  font-weight: normal;
  text-align: left;
}

div.openhousetable th, td {
  padding: 0.1em 1em;
}

.odd {
  background-color:#edf5ff;
}

div.openhousetable tr:hover {
  background-color:#FFFFFF;
  color: #fff;
}


/*


/* Primary navigation  */

	#guide_profiletabs {
		clear: both;
		background: url(http://www.tricityhomes.com/assets/images/Boxborders/primary-nav_bg.gif) 0 100% no-repeat;
		padding-left: 48px;
		margin: 0 0 10px 10px;
		border-bottom: 2px;
		}

	#guide_profiletabs ul {
		width: 100%; 
		height: 2.4em;
		background: url(http://www.tricityhomes.com/assets/images/Boxborders/primary-nav_ul_bg.gif) 100% 100% no-repeat; 
		} 
		
	* html #guide_profiletabs ul {
		height: 24px; 
		}

	#guide_profiletabs ul li {
		float: left;
		background: url(http://www.tricityhomes.com/assets/images/Boxborders/primary-nav_li_bg.gif) left top no-repeat; 
		padding: 0 0 0 9px;
		border-bottom: 1px solid #ad6; 
		z-index: 0 !important;
		}

	#guide_profiletabs ul li#first {
		background: url(http://www.tricityhomes.com/assets/images/Boxborders/primary-nav_li_first_bg.gif) left top no-repeat;
		}

	#guide_profiletabs ul li a {
		float: left;
		display: block;
		background: url(http://www.tricityhomes.com/assets/images/Boxborders/primary-nav_li_a_bg.gif) right top no-repeat;
		padding: 5px 15px 4px 6px;
		text-decoration: none;
		font-weight: bold;
		color: #36b; 
		font-size: 1.2em; 
		}

	#guide_profiletabs ul li a:hover { 
		color: #692; 
		}

	#guide_profiletabs ul li.admincs a { 
		background: url(http://www.tricityhomes.com/assets/images/Boxborders/primary-nav_admincs_a_bg.gif) right top no-repeat;
		color: red; 
		}

	#guide_profiletabs ul li.current { 
		background: url(http://www.tricityhomes.com/assets/images/Boxborders/primary-nav_li_current_bg.gif) left top no-repeat; 
		border-bottom: none; 
		}

	#guide_profiletabs ul li#first.current {
		background: url(http://www.tricityhomes.com/assets/images/Boxborders/primary-nav_firstcurrent_bg.gif) left top no-repeat;
		border-bottom: none; 
		}

	#guide_profiletabs ul li.current a {
	  	background: url(http://www.tricityhomes.com/assets/images/Boxborders/primary-nav_li_current_a_bg.gif) right top no-repeat;
	  	padding-bottom: 5px; 
		color: #36b !important; 
		}
		
	


/*
----------------------------------------------------------------------------- 
Profile Page Styles
-----------------------------------------------------------------------------*/


div.guide_profilelogo {
display: block;
float: left;
padding: 1em;
width: 160px;
}

div.guide_wrapper {
display: block;
width: 100%;
}

div.guide_profilelogo {
display: block;
float: left;
padding: 1em;
}

div.guide_profilesummary {
display: block;
font-size: 12px; 
width: 100%;
}

div.guide_profilename {
font-size: 18px; 
font-family: georgia, times, serif; 
font-weight: bold;
margin-bottom: 2px;
}

div.guide_profiletabs {
}

div.guide_profilefunctions {
display: block;
margin-top: 5px;
margin-left: 400px;
margin-bottom: 20px;
float: left;
}

div.guide_profilecomponent {
display: block;
width: 100%;
padding: 5px;
margin-bottom: 5px;
border-bottom: 1px;
border-bottom-style:dotted;
margin-top: .5em;
clear: both;
}


div.guide_profilecategory {
display: block;
float: left;
width: 150px;
height: 100px;
padding: 1em;
font-size: 18px; 
font-family: georgia, times, serif; 
font-weight: bold;
}


div.guide_profiledescription {
margin-left: 200px;
display: block;
padding: 1em;
font-size: 14px; 
font-family: georgia, times, serif; 
}

div.guide_calltoaction {
margin-left: 200px;
display: block;
float: left;
padding: 1.3em;
text-align: center;
border-bottom: thin;
background-color: #CCCC00;
font-size: 14px; 
font-weight: bold;
}

div.guide_calltoaction a:hover {
background-color: #d1790b;
}


/*
----------------------------------------------------------------------------- 
Featured Properties
-----------------------------------------------------------------------------*/

div.featureimage {
float: right;
padding: 7px;
}

/*
----------------------------------------------------------------------------- 
Home Video Banner
-----------------------------------------------------------------------------*/

div.videobanner {
position: absolute;
margin-top: 25px;
margin-left: 520px;
}

/*
----------------------------------------------------------------------------- 
General Article Wrapper
-----------------------------------------------------------------------------*/

div.general_articlewrapper {
display: block;
padding: 1.5em;
float: left;
width: 90%;
font-size: 14px; 
line-height: 25px;
font-family: georgia, times, serif; 
}




/*
----------------------------------------------------------------------------- 
Search_Button Images
-----------------------------------------------------------------------------*/


.button {

display: block;
width: 189px;
height: 37px;
background-image: url(../images/searchnow_off.jpg);
margin-top: 7px;
}
.button: hover {
display: block;
width: 189px;
height: 37px;
background-image: url(../images/searchnow_shadow.jpg);
}

/*
----------------------------------------------------------------------------- 
EOD
----------------------------------------------------------------------*/