/* This is the CSS for the Detail Pages Only */ 

/* Start Common Styles */
/* ******************************************************************************************** */

/* Printing CSS */
#PrintFrame { visibility: hidden; }

/* Image Rotator */
/* All heights for image rotater are set in the page code, this is just to set the deault for when the page loads */
#image_rotator_iframe
	{ width: 400px; height: 300px; background-color: transparent; overflow: hidden; }
/* Image_rotator_wrap  height comes from winHeight (Suggested=300) and bottom_buffer (Suggested=10) in inc_image_rotator.asp  */
/*	 To get the total height ... add values of winHeight to buttom_buffer plus 55 (the static adjustment) = Suggested=300+10+55=365 */
#image_rotator_wrap
	{ clear: both; height: 365px; }

/* Left & Right Containers */
.left_col
	{ position: relative; float: left; width: 400px; text-align: left; margin-bottom: 10px; margin-top: 15px; }
.right_col
	{ position: relative; float: right; width: 350px; right: 10px; top: 15px; }

/* Sub-Section Containers */
.box_plain_wrap
	{ width: 95%; position: relative; left: 15px; }
.box_plain
	{ padding: 20px 20px 0px 20px; }
.box_text
	{ white-space: normal; }
.data_table 
	{ white-space: normal; width: 100%; _margin-bottom: -1px; position: relative; }

/* Image Thumb Containers */
.add_shadow
	{ box-shadow: 0px 2px 6px #777; -moz-box-shadow: 0px 2px 6px #777; -webkit-box-shadow: 0px 2px 6px #777; 
	  background: url(/includes/images/shadow_5.png); *background: #D0CDA8; _background: #D0CDA8; }
.thumb_table_wrap
	{ width: 380px; }
.thumbs_table
	{ position: relative; left: 12px; width: 380px; }
.thumb_image_wrap2, .thumb_image_wrap2:hover
	{ position: relative; _position: inherit; float: left; cursor: pointer; font-size: 12px; line-height: 16px; 
	  margin: 4px 8px 4px 0; border: 1px solid #777; color: #333; width: 116px; }
.thumb_image_wrap2:hover
	{ border: 1px solid #000; color: #000; }
.thumb_image_wrap
	{ text-align: center; padding: 5px; width: 106px; min-height: 90px; _height: 90px; 
	  background: url(/includes/images/rollover.png); *background: #D0CDA8; _background: #D0CDA8; }
.thumb_image_wrap a
	{ font-weight: normal; color: #555; }
.thumb_image_wrap img, .thumb_image_wrap:hover img 
	{ filter: progid:DXImageTransform.Microsoft.Alpha(opacity=85); opacity: 0.85; border: 1px solid #777; }
.thumb_image_wrap:hover img
	{ border: 1px solid #000; }
.thumb_image_wrap_over
	{ text-align: center; padding: 5px; width: 106px; min-height: 90px; _height: 90px; 
	  background: url(/includes/images/rollover_on.png); *background: #C1C1B0; _background: #C1C1B0; }
.thumb_image_wrap_over a
	{ text-decoration:none; color: #000; }
.thumb_image_wrap_over img, .thumb_image_wrap_over:hover img
	{ filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100); opacity: 1.00; border: 1px solid #777;  }
.thumb_image_wrap_over:hover img
	{ border: 1px solid #000; }	
.thumb_image
	{ max-width: 106px; }
	

/* Links & Text */
.page_title
	{ font-size: 18px; font-weight:bold; text-align: center; margin: 0px; padding: 10px 0px 10px 0px; }
.back_icon
	{ position: relative; top: 3px; *top: 0px; left:-8px; }
.top_back_link
	{ position: absolute; float: right; right: 0px; _right: 15px; top: -45px; margin: 0px; padding: 0px; }
.top_back_link a:hover
	{ text-decoration: none; }
.table_link
	{ font-weight: normal; }
.sub_title
	{ position: relative; font-weight: bold; clear: both; line-height: 20px; font-size: 14px; }
.sub_title2
	{ position: relative; margin-bottom: 3px; border-left: #333 1px dotted; 
	  padding-left: 5px; clear: both; text-align: left; font-size: 12px; }
.bottom_note
	{ border-bottom: none; padding-top: 5px; line-height: 12px; font-size: 11px; }
.table_item_details
	{ white-space: nowrap; float: right; line-height: 20px; }
.table_item_title
	{ font-weight: bold; line-height: 20px; }

/* Icons & Images */
.rule
	{ border: none; border-top: #333 1px dashed; width: 100%; margin: 15px 0px 12px 0px; }
.icon
	{ vertical-align: top; padding-right: 5px; }
.icon_links
	{ font-size: 14px; }
.icon2
	{ vertical-align: top; padding-right: 5px; }
	
/* End Common */
/* ******************************************************************************************** */

/* Communitiy Details */
.lower_text
	{ position: relative; top: -10px; }
.community_links
	{ width: 160px; }
.school_div 
	{ }
.featured_images img
	{ float:right; margin-right:35px; }
.phone_bold
	{ style: bold; font-size: 18px; color: #666600; }
.description p 
	{ margin: 6px 0 6px 0; }

/* Models & Plans Details */

/* Available Homes Details */

/* ******************************************************************************************** */