/* 03/11/09 */

html
{
	font-family: 'Times New Roman', Times, Georgia, serif;
	height: 100%;
	font-size: 14px;
	line-height: 19px;
}

body
{
	margin: 0;
	padding: 0;
	height: 100%;
	background-color: #900;
	background-image: url(/images/as4_w_bkgd.gif);
	background-repeat: repeat-y;
	background-position: center 0;
	text-align: center;
}
									
h1
{
	font-size: 33px;
	line-height: 35px;
	color: #309;
	padding: 0;
	margin: 0 0 12px 0;
	font-weight: bold;
}

h2
{
	font-size: 20px;
	line-height: 21px;
	padding: 0;
	margin: 0 0 6px 0;
	font-weight: bold;
	letter-spacing: .05em;
}

h3
{
	font-size: 14px;
	line-height: 18px;
	padding: 0;
	margin: 6px 0 6px 0;
	font-weight: bold;
	text-transform: uppercase;
}

h4
{
	font-size: 14px;
	line-height: 15px;
	padding: 0;
	margin: 6px 0 6px 0;
}

p
{
	padding: 0;
	margin: 0 0 6px 0;
}

blockquote + h2,
ul + h2,
p + h2,
h4 + h2 { margin-top: 20px; }

a
{
	color: #9D272D;
	text-decoration: underline;
}

a:hover { color: #E2383F; }
a img { border: 0; }
a:focus { outline: none; }

dl
{
	margin: 0 0 9px 0;
	padding: 0;
}

dt
{
	float: left;
	padding: 0 10px 0 0;
	font-weight: bold;
}

dd
{
	margin: 6px 0 6px 0;
	padding: 0;
}

ul
{
	margin: 0 0 12px 0;
	padding: 0 0 0 24px;
}

li
{
	margin: 0 0 6px 0;
	padding: 0;
}

form
{
	margin: 0;
	padding: 0;
	border: 0;
}

fieldset
{
	margin: 0;
	padding: 0;
	border: 0;
}

label
{
	font-size: 12px;
	font-weight: normal;
}

input[type=text],
input[type=password],
select,
textarea
{
	background-color: #FFF;
	border-width: 1px 2px 2px 1px;
	border-color: #999;
	border-style: solid;
	padding: 3px;
	font-size: 12px;
	line-height: 14px;
}

.checkbox { }

#outer_wrap
{
	/*position: relative;*/
	width: 950px;
	margin: 0 auto;
	min-height: 100%;
	background-image: url(/images/as4_p_bkgd.jpg);
	background-position: 0 0;
	background-repeat: no-repeat;
	text-align: left;
}

* html #outer_wrap { height: 100%; }

#main { padding: 0 30px 15px 30px; }

#wgt_1
{
	width: 178px;
	height: 78px;
	float: right;
	background-image: url(/images/Shorewest_178x78.png);
	background-repeat: no-repeat;
	background-position: 0 0;
}

#wgt_2,
#wgt_5,
#wgt_6,
#wgt_13 { clear: both; }

#wgt_3,
#wgt_4,
#wgt_8,
#wgt_10 { display: none; }

/* Top Menu */

#menu
{
	float: left;
	list-style: none;
	line-height: 16px;
	width: 890px;
	height: 27px;
	overflow: hidden;
	padding: 0 0 0 20px;
	margin: 0;
	background-image: url(/images/as4_nav_bkgd.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
	font-family: 'Trebuchet MS', Arial, Verdana, sans-serif;
}
		
#menu li
{
	float: left;
	display: block;
	margin: 0;
	padding: 0;
	font-size: 16px;
	line-height: 17px;
	font-weight: bold;
}
		
#menu li span
{
	display: block;
	padding: 4px 15px 0 4px;
}

#menu li a
{
	display: block;
	height: 27px;
	padding: 0 0 0 12px;
	color: #FFF;
	text-decoration: none;
	font-weight: normal;
	background-image: url(/images/as4_nav_bkgd.gif);
	background-repeat: no-repeat;
	background-position: -100px 0;
	cursor: pointer;
}

#menu li a:hover
{
	color: #FFF;
	background-position: -100px -37px;
}

#menu li#testimonial_link { display: none; }

p.type1 { float: right; }

.clear { clear: both; }

.float_left { float: left; }
.float_right { float: right; }
img.float_left { margin: 0 20px 10px 0; }
img.float_right { margin: 0 0 10px 20px; }

input.btn
{
	font-family: 'Trebuchet MS', Arial, Verdana, sans-serif;
	background-color: #E2383F;
	padding: 3px 8px;
	color: #FFF;
	font-weight: bold;
	text-transform: uppercase;
	border: 0;
	-webkit-border-radius: 4px;
	-khtml-border-radius: 4px;	
	-moz-border-radius: 4px;
	font-size: 12px;
	line-height: 13px;
}

div.btn
{
	font-family: 'Trebuchet MS', Arial, Verdana, sans-serif;
	float: left;
	margin-right: 15px;
}

div.btn a
{
	color: #FFF;
	text-decoration: none;
}

div.btn a:hover
{
	color: #FFF;
	text-decoration: none;
}

div.btn span
{
	display: block;
	background-color: #E2383F;
	padding: 5px 12px;
	font-weight: bold;
	text-transform: uppercase;
	border: 0;
	-webkit-border-radius: 4px;
	-khtml-border-radius: 4px;	
	-moz-border-radius: 4px;
	font-size: 12px;
	line-height: 13px;
}

#header {  }

#header .inner { padding: 15px 30px; }

#header .phone_main,
#header .email,
#header .agt_photo { display: none; }

#header .agt_name
{
	height: 70px;
	color: #309;
	font-size: 60px;
	line-height: 62px;
	font-weight: normal;
	padding: 0px 10px 0 0;
	float: left;
	margin: 10px 0 0 0;
}

#header .credits
{
	color: #000;
	font-size: 22px;
	line-height: 22px;
	font-weight: bold;
	white-space: nowrap;
	float: left;
	margin: 0 0 0 0;
	padding: 43px 30px 0 0;
}

#header .slogan
{
	color: #000;
	font-size: 26px;
	line-height: 28px;
	font-weight: bold;
	font-style: italic;
	display: none;
}

#agt_info
{
	float: right;
	margin: 18px 0 30px 0;
	width: 250px;
	background-image: url(/images/box_250_wide.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
	padding-top: 20px;
	font-family: 'Trebuchet MS', Arial, Verdana, sans-serif;
}

#agt_info .inner
{
	padding: 0 20px 20px 20px;
	background-image: url(/images/box_250_wide.gif);
	background-position: 0 bottom;
	background-color: #FFF;
}

#agent_info .credits {}

#agt_info .slogan { display: none; }

#agt_info .agt_photo img
{
	border: 0;
	width: 210px;
}

#agt_info .agt_name
{
	margin: 10px 0 5px 0;
	font-size: 17px;
	line-height: 18px;
	font-weight: bold;
	text-transform: uppercase;
}

#agt_info .office
{
	font-size: 15px;
	line-height: 17px;
	font-weight: bold;
}

#agt_info .phone_office,
#agt_info .phone_mobile
{
	font-size: 14px;
	line-height: 16px;
	font-weight: normal;
	margin: 0 0 2px 0;
}

#agt_info .phone_main
{
	font-size: 22px;
	line-height: 26px;
	font-weight: bold;
	text-transform: lowercase;
}

#agt_info .email
{
	font-size: 12px;
	line-height: 14px;
	font-weight: normal;
}

#agt_info .email a { color: #000; }
#agt_info .email a:hover { color: #E2383F; }

#content_wrapper
{
	margin: 18px 280px 30px 0;
	padding: 0;
}

#wgt_9
{
	height: 15px;
	background-image: url(/images/as4_content_box_1.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
}

#wgt_12
{
	height: 15px;
	background-image: url(/images/as4_content_box_3.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
}

#content_wrapper .inner
{
	background-image: url(/images/as4_content_box_2.gif);
	background-repeat: repeat-y;
	background-position: 0 0;
	padding: 5px 33px 41px 29px;
}

#content_wrapper h2 {  }

form dl
{
	margin: 0;
	padding: 0;
}

form dt
{
	float: left;
	padding: 0 10px 0 0;
	width: 200px;
	text-align: right;
}

form dd
{
	margin: 6px 0 6px 210px;
	padding: 0;
}

form dd.submit_row {  }

input.type1,
select.type1 { width: 230px; }

input.type2,
select.type2 { width: 150px; }

input.type3,
select.type3 { width: 60px; }

input.type4,
select.type4 { width: 100px; }

textarea.type1
{
	width: 230px;
	height: 200px;
}
/*         HOMEPAGE STYLES        */

#homepage #menu li#home_link { display: none; }

#homepage #content_wrapper { display: none; }

#featured_props_wrapper { display: none; }

#featured_props_wrapper h2
{
	float: left;
	background-color: #E2383F;
	color: #FFF;
	height: 22px;
	padding: 4px 10px 0 10px;
	margin: 0;
	font-size: 14px;
	line-height: 16px;
	font-weight: bold;
	z-index: 2;
	position: relative;
}
#featured_props_wrapper h2 span {}

#homepage #wgt_9 { display: none; }

#slideshow
{
	position: relative;
	top: -26px;
}

#slideshow img
{
	border: 0;
	width: 395px;
}

p#agt_comments
{
	margin: 280px 280px 12px 0;
	padding: 0;
	font-size: 19px;
	line-height: 28px;
	height: 1%;
}

#special_boxes
{
	margin: 0 -8px 0 0;
	text-align: center;
	clear: both;
}

* html body #special_boxes div
{
	margin: 0;
	padding: 0;
}

#special_boxes p
{
	font-size: 11px;
	line-height: 12px;
	margin: 0;
	padding: 0;
}

#special_boxes h4
{
	color: #E2383F;
	font-family: 'Times New Roman', Times, serif;
	font-size: 15px;
	line-height: 16px;
	font-weight: bold;
	padding: 0;
	margin: 0 0 5px 0;
}

#special_boxes input.type2 { width: 90px; }

#special_boxes dl
{
	margin: 0;
	padding: 0;
}

#special_boxes dt,
#special_boxes label { display: none; }

#special_boxes dd
{
	float: left;
	margin: 0 5px 0 0;
	padding: 0;
}

#special_boxes #box1
{
	float: left;
	width: 341px;
	height: 88px;
	background-image: url(/images/special_box_2_bkgd.png);
	background-repeat: no-repeat;
	background-position: 0 0;
	text-align: left;
}

#special_boxes #box1 .inner
{
	height: 88px;
	padding: 8px 18px 8px 15px;
}

#special_boxes .clear { height: 3px; }

#special_boxes #box2
{
	float: right;
	width: 341px;
	height: 88px;
	background-image: url(/images/special_box_2_bkgd.png);
	background-repeat: no-repeat;
	background-position: 0 0;
	text-align: left;
}

#special_boxes #box2 .inner
{
	height: 88px;
	overflow: hidden;
	padding: 8px 0 8px 20px;
}

#special_boxes #box2 div#estimator
{
}

#special_boxes #box2 div#estimator div#col_A
{
	width: 34%;
	float: left;
}

#special_boxes #box2 div#estimator div#col_B
{
	width: 66%;
	float: left;
}

#special_boxes #box2 div.row { overflow: visible; }

#special_boxes #box2 div#estimator input,
#special_boxes #box2 div#estimator select
{
	margin: 0 10px 2px 0;
	float: left;
}

* html body #special_boxes #estimator div.btn
{
	float: left;
	margin: 0;
}

#special_boxes #box2 div#option_box { }

#special_boxes #option_box div.btn
{
	margin: 5px 10px 5px 0;
	float: left;
}

#special_boxes #box3
{
	margin: 0 auto;
	width: 170px;
	height: 88px;
	background-image: url(/images/special_box_1_bkgd.png);
	background-repeat: no-repeat;
	background-position: 0 0;
	text-align: left;
}

#special_boxes #box3 .inner
{
	height: 88px;
	padding: 8px 90px 8px 15px;
	background-image: url(/images/icon_map_search.gif);
	background-position: 87px 5px;
	background-repeat: no-repeat;
}

.warning
{
	color: #990000;
	font-size: 150%;
	font-weight: bold;
}

.required
{
	color: #990000;
	font-size: 70%;
	vertical-align: top;
}

.hint
{
	font-size: 70%;
	vertical-align: top;
	display: block;
	clear: left;
}

.instruction { font-size: 70%; }
div.instruction { line-height: 10px; }

div.type1
{
	-webkit-border-radius: 12px;
	-khtml-border-radius: 12px;	
	-moz-border-radius: 12px;
	background-color: #DDD;
	padding: 12px 24px;
	margin: 12px 0;
}

div.type1 .login
{
	clear: left;
	margin: 15px 0;
	padding: 15px 0;
}

div.type1 .login h4
{
	float: left;
	margin: 4px 15px 0 0;
}

body#search_page form
{
	margin: 12px 0 0 0;
	padding: 12px 0 0 0;
	border-top: 1px #333 solid;
}

dl.type1 { font-size: 18px; }

dl.type1 dt
{
	float: left;
	width: 170px;
	text-align: right;
}

dl.type1 dd { margin-left: 190px; }

ul.type1
{
	margin: 0 0 12px 0;
	padding: 0 0 0 0;
	font-size: 135%;
	line-height: 135%;
}

ul.type1 li
{
	margin: 0 0 6px 0;
	padding: 0 0 0 24px;
	background-image: url(/images/as3_li_bullet.gif);
	background-position: 0 4px;
	background-repeat: no-repeat;
	list-style-type: none;
}

ul.type1 li a
{
	font-weight: bold;
	text-decoration: none;
}

div.type3
{
	text-align: center;
	margin: 20px 0;
}

p.head_note
{
	float: right;
	font-family: 'Trebuchet MS', Arial, Verdana, sans-serif;
	font-size: 14px;
	padding: 15px 0 0 0;
	margin: 0 0 0 0;
}

/*AGENT_ListingSummary  = #summary_page*/

.results_nav
{
	overflow: auto;
	width: 100%;
	font-size: 12px;
	text-align: center;
	margin: 15px 0 10px 0;
}

.results_nav .go_to
{
	text-align: left;
	margin: 0 auto 10px auto;
	width: 310px;
}

.results_nav .go_to label { margin-left: 20px;}

.results_nav a.type1
{
	margin: 15px 10px;
}

.property
{
	overflow: auto;
	width: 100%;
	border-top: 1px #CCC solid;
	padding: 10px 0;
}

.property_photo
{
	float: left;
	margin: 0 15px 10px 0;
}

.property_photo img { width: 181px; }

#summary_page dl.property_data
{
	margin: 0 0 7px 0;
	padding: 0;
	font-size: 12px;
	line-height: 17px;
}

#summary_page dl.property_data dt
{
	float: left;
	padding: 0 10px 0 0;
	width: 110px;
	text-align: left;
}

#summary_page dl.property_data dd
{
	margin: 0 0 0 110px;
	padding: 0;
}

.icon_block
{
	width: 120px;
	float: right;
	font-size: 10px;
	line-height: 11px;
	margin-top: 13px;
}

.icon_block a
{
	display: block;
	width: 60px;
	float: right;
	text-decoration: none;
	text-align: center;
	background-repeat: no-repeat;
}
.icon_block a span
{
	display: block;
	padding: 23px 5px 5px 5px;
}
.summary_print_icon
{
	background-image: url(/images/as_icon_print.gif);
	background-position: center top;
}
.summary_photo_icon
{
	background-image: url(/images/as_icon_photos.gif);
	background-position: center top;
}
.summary_email_icon
{
	background-image: url(/images/as_icon_email.gif);
	background-position: center 4px;
}
.summary_map_icon
{
	background-image: url(/images/as_icon_map_it.gif);
	background-position: center top;
}
.summary_tour_icon
{
	background-image: url(/images/as_icon_guided_tour.gif);
	background-position: center 2px;
}
.summary_add_fav
{
	background-image: url(/images/as_icon_fav_add.gif);
	background-position: center 2px;
}

.summary_remove_fav
{
	background-image: url(/images/as_icon_fav_remove.gif);
	background-position: center 2px;
}

.property h3
{
	font-size: 18px;
	padding: 0;
	margin: 0 0 4px 0;
}

#map_frame
{
	width: 1120px;
	height: 755px;
	border: 0;
}

table.data
{
	background-color: #FFF;
	padding: 0;
	margin: 0 0 12px 0;
	border: 0;
	border-collapse: collapse;
	font-size: 12px;
	line-height: 14px;
}

table.data caption
{
	text-align: left;
	font-size: 15px;
	line-height: 17px;
	font-weight: bold;
	margin: 0 0 3px 0;
}

table.data tr {}

table.data th {}

table.data td
{
	padding: 3px 8px;
	border-top: 1px #CCC solid;
}
table.data tr.col_head td
{
	padding: 2px 8px;
	text-align: center;
	font-weight: bold;
	border-top: 0px;
	vertical-align: bottom;
}

table.data td.x_mark
{
	text-align: center;
	font-weight: bold;
}

/*   AGENT_LISTING_DETAIL   */

#AGENT_LISTING_DETAIL_page h1 { margin: 0 0 5px 0; }

.results_nav div.btn
{
	float: none;
	margin: 0;
}
.next { float: right; }
.prev { float: left; }
#back_to_results { display: inline-block; }

div.section
{
	padding-top: 12px;
	border-top: 1px #CCC solid;
	margin-top: 12px;
	width: 100%;
	overflow: auto;
}

#listing_photos
{
	float: left;
	margin: 4px 20px 10px 0;
}

#detail_photo {}
#bigimage { width: 330px; }

#thumbnails
{
	width: 330px;
	height: 230px;
	overflow: auto;
}

#thumbnails img
{
	border: none;
	width: 79px;
	height: 60px;
	margin: 10px 0 0 0;
}

#listing_info h3 { margin-top: 0; }

#listing_info dl
{
	float: left;
	width: 195px;
	margin: 0;
	padding: 0;
}

#listing_info dt
{
	float: left;
	padding: 0 0 0 0;
	width: 100px;
	text-align: left;
	font-weight: bold;
}

#listing_info dd
{
	margin: 6px 0 6px 100px;
	padding: 0;
}

#listing_info dt.price { display: none; }

#listing_info dd.price
{
	font-size: 125%;
	font-weight: bold;
	margin: 0 0 10px 0;
}

#rooms
{
	float: right;
	margin: 0 0 0 20px;
}

#rooms table.data {}

#icons
{
	width: 100%;
	overflow: visible;
	font-size: 11px;
	line-height: 12px;
}

#icons a
{
	display: block;
	float: left;
	margin: 0 15px 10px 0;
	background-repeat: no-repeat;
	background-position: left 0;
	padding: 4px 5px 4px 25px;
	height: 15px;
	text-decoration: none;
}
#icons a#print_link { background-image: url(/images/as_icon_print.gif); }
#icons a#slideshow_link { background-image: url(/images/as_icon_photos.gif); }
#icons a#email_prop_link
{
	background-image: url(/images/as_icon_email.gif);
	background-position: left 3px;
}
#icons a#add_fav_link { background-image: url(/images/as_icon_fav_add.gif); }
#icons a#remove_fav_link { background-image: url(/images/as_icon_fav_remove.gif); }
#icons a#map_link { background-image: url(/images/as_icon_map_it.gif); }

#icons a#gt_link
{
	background-image:  url(/images/as_icon_guided_tour.gif);
	padding-left: 30px;
	background-position: left 1px;
}

#icons a#sched_show_link
{
	background-image:   url(/images/as_icon_calendar.gif);
	background-position: left 1px;
}

#calc_input { float: left; }
#calc_returns
{
	float: right;
	padding: 0 10px 10px 10px;
	background-color: #DDD;
	width: 200px;
}
#calc_returns h3
{
	text-align: center;
	font-weight: bold;
	text-transform: none;
	font-size: 16px;
}

form#mortcalc dl
{
	margin: 0;
	padding: 0;
}

#calc_input dt
{
	float: left;
	padding: 0 0 0 0;
	width: 130px;
	text-align: right;
}

#calc_input dd
{
	margin: 6px 0 6px 130px;
	padding: 0 0 0 5px;
}

#calc_returns dt
{
	float: left;
	padding: 0 0 0 0;
	width: 140px;
	text-align: right;
}

#calc_returns dd
{
	margin: 6px 0 6px 140px;
	padding: 0 0 0 5px;
}

#mort_vendor
{
	clear: left;
	width: 170px;
	text-align: center;
	font-size: 12px;
	padding-top: 10px;
}

#mort_vendor a
{
	display: block;
	padding: 35px 10px 5px 10px;
	background-image: url(http://www.redata.com/100021/shorew/graphics/wi-mort-logo.jpg);
	background-repeat: no-repeat;
	background-position: center 0;
}

#AGENT_LISTING_PMAIL_page div.btn { float: right; }

div.row
{
	margin-top: 5px;
	width: 100%;
	overflow: auto;
}

div.two_col
{
	width: 48%;
	float: left;
}
div.two_col label
{
	display: block;
	margin: 5px 0 3px 0;
}

fieldset.type1
{
	margin-top: 16px;
	border-top: 2px #CCC solid;
	padding-top: 8px;
}

/*  START IE < 6  */

* html body #wgt_1,
* html body #special_boxes #box1,
* html body #special_boxes #box2,
* html body #special_boxes #box3,
* html body img { behavior: url("/js/iepngfix.htc"); }

* html body #menu { width: 870px; }
* html body #menu li span,
* html body #menu li a { display: inline-block; }
* html body #special_boxes p { margin-top: -18px; }
* html body #content_wrapper { margin: 18px 275px 30px 0; }
* html body #wgt_9 { margin-bottom: -2px; }
* html body .property,
* html body .results_nav { width: 550px; }
/*  END IE < 6  */


/*****************************************************************************
scalable Inman Flash Replacement (sIFR) version 3.

Copyright 2006 - 2008 Mark Wubben, <http://novemberborn.net/>

Older versions:
* IFR by Shaun Inman
* sIFR 1.0 by Mike Davidson, Shaun Inman and Tomas Jogin
* sIFR 2.0 by Mike Davidson, Shaun Inman, Tomas Jogin and Mark Wubben

See also <http://novemberborn.net/sifr3> and <http://wiki.novemberborn.net/sifr3>.

This software is licensed and provided under the CC-GNU LGPL.
See <http://creativecommons.org/licenses/LGPL/2.1/>
*****************************************************************************/

@media screen {
  .sIFR-flash {
    visibility: visible !important;
    margin: 0;
    padding: 0;
  }
  
  .sIFR-replaced, .sIFR-ignore {
    visibility: visible !important;
  }
  
  .sIFR-alternate {
    position: absolute;
    left: 0;
    top: 0;
    width: 0;
    height: 0;
    display: block;
    overflow: hidden;
  }
  
  .sIFR-replaced div.sIFR-fixfocus {
    margin: 0pt; 
    padding: 0pt; 
    overflow: auto; 
    letter-spacing: 0px; 
    float: none;
  }
}

@media print {
  .sIFR-flash {
    display    : none !important;
    height     : 0;
    width      : 0;
    position   : absolute;
    overflow   : hidden;
  }
  
  .sIFR-alternate {
    visibility : visible !important;
    display    : block   !important;
    position   : static  !important;
    left       : auto    !important;
    top        : auto    !important;
    width      : auto    !important;
    height     : auto    !important;
  }
}

/*
Place CSS rules for to-be-replaced elements here. Prefix by .sIFR-active
so they only apply if sIFR is active. Make sure to limit the CSS to the screen
media type, in order not to have the printed text come out weird.
*/

@media screen
{
  .sIFR-active #header .agt_name { visibility: hidden; }
}



/*
.sIFR-active h1 {
  padding-bottom: 0;
}
*/
