/*
$HeadURL: svn+secure://svn.comminternet.com/main/websites/shorelineinteriors.com/trunk/web/common/stylesheets/frontend_screen.css $
$LastChangedRevision: 6377 $
$LastChangedDate: 2009-03-04 12:21:12 -0500 (Wed, 04 Mar 2009) $
*/

@import url(general.css);

/* GLOBAL. */

*
{
	padding: 0;
	margin: 0;
}

html,
body
{
    height: 100%;
}

body
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-color: #FFFFFF;
	color: #000000;
	margin: 0;
	padding: 0;
	font-size: 8.5pt;
	text-align: justify;
	line-height: 16px;
}

.clear
{
	clear: both;
}

a:link,
a:visited,
a:active
{
	color: #586035;
	font-weight: bold;
	text-decoration: none;
}

a:hover
{
	color: #5F9EA0;
	font-weight: bold;
	text-decoration: underline;
}

h1
{
	margin: 0 0 0 0;
	padding: 20px 0 0 0;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 14pt;
	color: #000000;
}

h2,
h3
{
	font-family: Georgia, "Times New Roman", Times, serif;
	margin: 28px 10px 0 0;
	font-size: 10pt;
	color: #5F9EA0;
}

.right
{
	float: right;
	padding: 0 0 0 10px;
}

.left
{
	float: left;
	padding: 0 10px 0 0;
}

p,
td,
th
{
	margin: 8px 18px 0 0;
}

ul
{
	margin: 10px 0 0 14px;
	padding: 0 0 0 20px;
	font-size: 8.5pt;
}

ul li
{
	list-style-image: url(../images/bullet.gif);
	line-height: 20px;
}

em
{
	font-style: normal;
	font-style: italic;
}

table
{
	margin-top: 8px;
	border-collapse: collapse;
}

td
{
	padding-left: 0;
}


/* PAGE SECTIONS. */

/* Page container. */

#pageContainer
{
	background: url(../images/pagetop_bg.jpg) top left repeat-x;
    position: relative;
    min-height: 100%;
    margin: 0;
    padding: 0;
}

/* Page top. */

#pageTop
{
}

#crab
{
	position: absolute;
	top: 0;
	left: 1px;
	margin: 0;
}

#crab img
{
	border: none;
}

#gold_grad
{
	background: url(../images/gold_grad.gif) top left repeat-x;
	vertical-align: top;
	width: 100%;
	margin: 0 auto;
	padding: 0;
	border: 0;
}

#gold_grad a
{
	display: block;
}

.words
{
	position: relative;
	top: 40px;
	float: right;
	padding-right: 8px;
}

#burg_grad1
{
	background: #5F9EA0;
	height: 26px;
	margin: 0;
	padding: 0;
}

#burg_grad2
{
	background: #B0CFD0;
	height: 20px;
	margin: 0;
	padding: 0;
}

.burg_line
{
	background-color: #000000;
	margin: 0;
	padding: 0;
	height: 1px;
}

#title
{
	background: url(../images/header_left.jpg) top left no-repeat;
	color: #580121;
	margin: 0;
	padding: 0;
	float: left;
	width: 516px;
	height: 147px;
	display: block;
	_position: relative;
	_z-index: 2;
}

#mainNavbar
{
	position: absolute;
	top: 89px;
	left: 63px;
	width: 573px;
	margin-left: 0;
	padding: 0 0 0 20px;
	white-space: nowrap;
	_z-index: 5;
	_left: -450px;
}

#mainNavbar li
{
	display: inline;
	padding: 0 2px 0 0;
}

#mainNavbar a
{
	background-repeat: no-repeat;
	background-position: 10px 0;
	padding: 0 0 0 7px;
}

#mainNavbar img
{
	border: none;
	vertical-align: middle;
}

#pageTop .categoryList
{
	position: absolute;
	top: 126px;
	left: 70px;
	font-size: 10px;
	margin: 0;
	padding: 0;
	white-space: nowrap;
	_z-index: 5;
	_left: -450px;
}

#pageTop .categoryList li
{
	display: inline;
        background-image: url(../images/small_bullet.gif);
        background-position: 2px 50%;
        background-repeat: no-repeat;
	margin: 0;
	padding: 0 10px 0 0;
	text-align: left;
	list-style-type: disc;
}

#pageTop .categoryList li.first
{
	background-image: none;
}
		
#pageTop .categoryList li a:link,
#pageTop .categoryList li a:visited,
#pageTop .categoryList li a:active
{
	color: #000;
	padding: 0 0 0 20px;
	text-decoration: none;
}
			
#pageTop .categoryList li a:hover
{
	color: #92361F;
	padding: 0 0 0 20px;
	text-decoration: none;
}

#topright_text
{
	position: absolute;
	top: 40px;
	right: 4px;
	margin: 0;
	padding: 0;
}

/* Page sidebar. */

#pageSidebar
{
	background: #FFFFFF url(../images/left_background.jpg) top left no-repeat;
	position: absolute;
	top: 147px;
	width: 194px;
	height: 466px;
	min-height: 466px;
	margin: 0;
	padding: 0 0 0 7px;
	clear: left;
	float: left;
}

#pageSidebar h1
{
	font-size: 90%;
}

#pageSidebar .search {}
#pageSidebar .categories {}
#pageSidebar .specialCategories {}
#pageSidebar .siteLastUpdated {}
#pageSidebar .siteLastUpdated .label {}
#pageSidebar .siteLastUpdated .value {}
#pageSidebar .hitCount {}
#pageSidebar .hitCount .label {}
#pageSidebar .hitCount .value {}

#pageSidebar .categoryList
{
	position: absolute;
	font-size: 115%;
	border: 2px solid black;
	margin: 19px 0 0 0;
	padding: 2px 2px 2px 2px;
	width: 161px;
}

/* All list items. */
#pageSidebar .categoryList li
{
	list-style-type: none;
	list-style-image: none;
	margin: 0;
	line-height: 14pt;
}

/* All submenus. */
#pageSidebar .categoryList ul
{
	/*visibility: hidden;*/	/* The child lists must be hidden initially to prevent them from displaying briefly while the page renders. */
	display: none;
	background-color: #ccc;
	border-bottom: 1px solid #000;
	margin: 0;
	padding: 0;
	width: 150px;
}

/* All submenu list items. */
#pageSidebar .categoryList ul li
{
	display: block;
	text-align: left;
	line-height: 10pt;
	font-size: 90%;
	border-top: 1px solid #000;
	border-left: 1px solid #000;
	border-right: 1px solid #000;
	padding: 4px 15px 4px 0;
}

#pageSidebar .categoryList a
{
	display: block;
	color: #5F9EA0;
	text-decoration: none;
	margin: 0;
	padding: 0 0 0 11px;
	width: 100%;
}

#pageSidebar .categoryList li.hover a
{
	color: white;
}

#pageSidebar .categoryList li.hover li.notHover a
{
	color: #5F9EA0;
}

#pageSidebar .categoryList li.hover
{
	background-color: #999;
	background-image: none;
}

#pageSidebar .categoryList li.expandable
{
	background-image: url(../images/arrow.gif);
	background-position: center right;
	background-repeat: no-repeat;
}

#pageSidebar .categoryList li.expandable.submenu
{
	background-image: url(../images/arrow_sub.gif);
	background-position: center right;
	background-repeat: no-repeat;
}

#pageSidebar .categoryList li.expandable.hover
{
	background-image: url(../images/arrow_hover.gif);
	background-position: center right;
	background-repeat: no-repeat;
}

#pageSidebar .categoryList li.expandable.submenu.hover
{
	background-image: url(../images/arrow_sub_hover.gif);
	background-position: center right;
	background-repeat: no-repeat;
}

/* Page bottom. */

#pageBottom
{
    position: absolute;
    bottom: 0;
    width: 100%;
    font-size: 7pt;
}

#pageBottom p
{
    margin: 0 7px 5px 0;
    text-align: right;
}

/* Page content. */

#pageContent
{
    margin: 0 30px 30px 0;
	padding: 0 0 35px 226px;
}

/*
#pageContent
{
    margin: 0 30px 30px 0;
    padding: 165px 0 35px 226px;
    min-height: 100%;
}
*/

#pageContent h1.pageTitle
{
	margin-top: 0;
	margin-left: -16px;
}

#pageContent img.interior
{
	border: 1px solid #6A9D9F;
	display: block;
	margin: 2em auto;
	padding: 4px;
}


#pageContent .homePageTextRight
{
	float:right;
}

#pageContent .homePageTextLeft
{
	float:left;
}

.imgright
{
	vertical-align:top;
	text-align:right;
}	

/* COMPONENTS. */

/* Forms. */

form table.section
{
    border-collapse: collapse;
}

form tr.group {}

form td.caption
{
    width: 125px;
    height: 1.75em;
    vertical-align: top;
    padding-top: 7px;
}

form td.field
{
    padding: 3px 0;
}

form td.field ul
{
    list-style: none;
    margin: 0;
    padding: 0;
}

form ul.errors
{
    color: #CE0000;
    background-color: #FFCFCE;
    list-style: none;
    padding: 4px;
    margin-top: 0;
}

form ul.errors li
{
    padding-top: 0.25em;
}

form ul.errors li:first-child
{
    padding-top: 0;
}

form .buttons {}

/* Site navigator. */

#pageContent .siteNavigator
{
    margin: .25em 0 0 -16px;
    padding: 0;
}

#pageContent .siteNavigator li
{
    display: inline;
    background-image: url(../images/site_navigator_separator.gif);
    background-position: 0 40%;
    background-repeat: no-repeat;
    padding: 0 3px 0 10px;
}

#pageContent .siteNavigator li.first
{
    background-image: none;
    padding: 0 6px 0 0;
}

/* Page navigator. */

.pageNavigator
{
    margin: 1em 0 0 0;
}

.pageNavigator .label {}

.pageNavigator ul
{
    display: inline;
    margin-left: 0;
    padding-left: 0;
}

.pageNavigator ul li
{
    display: inline;
    margin-right: 5px;
    font-weight: bold;
}

.pageNavigator ul li.next {}
.pageNavigator ul li.previous {}

.pageNavigator ul li a
{
    background: white;
    border: 2px solid black;
    padding: 4px 7px 2px 7px;
    text-decoration: none;
}

.pageNavigator.bottom {}

/* Error pages. */

#pageContainer.httpError
{
    color: black;
}

/* Search */

#pageContainer #pageContent .propertySearch {}

#pageContainer #pageContent .propertySearch .features,
#pageContainer #pageContent .propertySearch .features td {}

#pageContainer #pageContent .propertySearch .features td.caption {}

#pageContainer #pageContent .propertySearch .towns,
#pageContainer #pageContent .propertySearch .amenities {}

/* INDIVIDUAL PAGES. */

.column
{
    float: left;
}

#pageContainer.sitemap .column
{
    width: 32%;
}