/*
$HeadURL: svn+secure://svn.comminternet.com/main/websites/capecodlodgings.com/trunk/web/common/stylesheets/frontend_screen.css $
$LastChangedRevision: 8090 $
$LastChangedDate: 2012-07-19 14:12:53 -0400 (Thu, 19 Jul 2012) $
*/

@import url(general.css);

/* GLOBAL. */

*
{
	vertical-align: baseline;
	font-weight: inherit;
	font-family: inherit;
	font-style: inherit;
	font-size: 100%;
	border: 0 none;
	outline: 0;
	padding: 0;
	margin: 0;
}

html,
body
{
    height: 100%;
}

body
{
	background: #667BAB url(../images/body.jpg) top left repeat-x;
    margin: 0;
    padding: 0;
}

.image
{

}

.right
{
	float: right;
}

.left
{
	float: left;
}

.image.right
{
	margin: 0 0 10px 20px;
}

.image.left
{
	margin: 0 20px 10px 0;
}

.clear
{
	clear: both;
}

.clearLeft
{
	clear: left;
}

.clearRight
{
	clear: right;
}

b, strong
{
	font-weight: bold;
}

i, em
{
	font-style: italic;
}

h1, h2, h3, h4
{
	font-family: 'Palatino Linotype', 'Book Antiqua', Palatino, serif;
}

h1
{
	color: #5F3503;
	font-size: 2em;
	margin-bottom: 15px;
}

h2
{
	color: #9B8162;
	font-size: 1.35em;
	margin-bottom: 10px;
	font-weight: bold;
}

h2.subtitle
{
	margin-bottom: 5px;
}

h3
{
	color: #3C6DA2;
	font-size: 1.35em;
	margin-bottom: 5px;
	font-weight: bold;
}

h3.navheader
{
	text-transform: uppercase;
}

h4
{
	color: #5F3503;
	font-size: 1.1em;
	margin-bottom: 15px;
}

.darkBrown
{
	color: #5F3503;
}

.lightBrown
{
	color: #9B8162;
}

.blue
{
	color: #3C6DA2;
}

.noMargin
{
	margin-bottom: 0px !important;
}

/* PAGE SECTIONS. */

/* Page container. */

#pageContainer
{
    position: relative;
    min-height: 100%;
    margin: 0 auto;
	width: 960px;
	padding-top: 10px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	line-height: 1.5em;
	color: #2A1400;
}

/* Page top. */

#pageTop
{
	height: 127px;
	padding: 0 10px;
	border-bottom: 1px solid #92CDB3;
}


#pageTop a.twitter img, #pageTop a.facebook img, #pageTop a.pinterest img {
    margin: 20px 0 0;
}

#pageTop iframe.right
{
	margin-top: 8px;
}

#pageTop .search
{
	float: right;
	margin-top: 15px;
	position: absolute;
	right: 10px;
}

#pageTop .search #searchBox
{
	position: relative;
	top: -4px;
	height: 15px;
	margin-right: 5px;
}

#pageTop a.left img
{
	position: relative;
	top: -1px;
}

/* Navigation Tabs */

#pageTop #nav
{
	font-family: 'Palatino Linotype', 'Book Antiqua', Palatino, serif;
	font-weight: bold;
	font-size: 1.35em;
	margin-top: 15px;
	float: left;
}

#pageTop #nav li
{
	list-style-type: none;
}

#pageTop #nav li a
{
	display: block;
	float: left;
	height: 35px;
	float: left;
	color: #fff;
	text-decoration: none;
	margin-right: 6px;
	background: url(../images/tab_left.gif) no-repeat;
	background-position: 0px -33px;
}

#pageTop #nav li a span
{
	padding: 5px 10px 0 10px;
	height: 28px;
	display: block;
	background: url(../images/tab_right.gif) no-repeat;
	background-position: 0px -33px;
}

#pageTop #nav li a:hover
{
	background-position: top left;
	color: #052646;
}

#pageTop #nav li a:hover span
{
	background-position: top right;
	color: #052646;
}

/* Page bottom. */

.footerShadow
{
	display: block;
	height: 8px;
	width: 960px;
	margin: 0 auto;
}

#pageBottom
{
	font-size: 0.9em;
    clear: both;
	background: #D4F1E4 url(../images/footer.gif) top left repeat-x;
	color: #404040;
	padding: 28px 60px 4px 60px;
}

#pageBottom .sections
{
	border-collapse: collapse;
}

#pageBottom .sections td
{
	background: #D4F1E4;
	border-top: 1px solid #EAF5F0;
	border-bottom: 1px solid #B1DECA;
	padding: 10px 10px 30px 10px;
	width: 175px;
}

#pageBottom .sections td.spacer
{
	background: none;
	border-top: none;
	padding: 0px;
	width: 20px;
}

#pageBottom .sections td img
{
	margin-bottom: 3px;
}

#pageBottom .sections p
{
	padding-left: 15px;
	margin-bottom: 5px;
}

#pageBottom .sections ul li
{
	list-style-type: none;
	background: url(../images/footer/ul.gif) center left no-repeat;
	padding-left: 15px;
}

#pageBottom .sections ul li a
{
	color: #3C6DA2;
}

#pageBottom .sections ul li a:hover
{
	color: #5C97E0;
}

#pageBottom .siteInfo
{
	border-top: 1px solid #EAF5F0;
	padding: 10px;
}

#pageBottom .siteInfo .image.left
{
	margin-right: 10px;
	margin-bottom: 0px;
}

#pageBottom .siteInfo .image.left.tagline
{
	margin-right: 52px;
}


#pageBottom .siteInfo ul
{
	clear: right;
	margin-bottom: 25px;
}

#pageBottom .siteInfo ul li
{
	display: block;
	float: left;
	width: 215px;
}

#pageBottom .siteInfo ul li.hitCount
{
	width: 160px;
}

#pageBottom .siteInfo p.branding
{
	color: #808080;
	font-size: 0.95em;
}

#pageBottom .siteInfo p.branding a
{
	color: #808080;
}

#pageBottom .siteInfo p.branding a:hover
{
	color: #A6A6A6;
}

/* Left and Right content. */

#leftContent
{
	padding: 35px 60px 75px 60px;
	background: #F7FAFF url(../images/content_shdw.gif) top left repeat-x;
	width: 650px;
	float: left;
}

#rightContent
{
	background: #ECF8F6 url(../images/rightnav.gif) top left repeat-x;
	width: 170px;
	padding: 10px;
	float: right;
	text-align: center;
}

#rightContent .globalInfo p
{
	text-align: center;
	font-size: 0.85em;
	padding: 0 5px;
	color: #9B8162;
	line-height: 1.35em;
}

#rightContent .globalInfo .date
{
	color: #3C6DA2;
	margin-bottom: 10px;
}

#pageContent #rightContent .stockLink
{
	border: 1px solid #E5E5E5;
	background: #fff;
	width: 160px;
	padding: 4px;
	margin-bottom: 25px;
}

#pageContent #rightContent .stockLink a
{
	text-decoration: none;
}

#pageContent #rightContent .stockLink a h2
{
	margin-bottom: 0px;
	font-size: 1.1em;
}

#pageContent #rightContent .stockLink a:hover h2
{
	color: #C7A985;
}

#pageContent #rightContent h3.navheader
{
	font-size: 1.1em;
	margin-bottom: 10px;
}

#pageContent #rightContent .globalInfo
{
	text-align: right;
}

/* Page content. */

#pageContent
{
	background: #F7FAFF url(../images/pagecontent.gif) top right repeat-y;
}

#pageContent a
{
	color: #3C6DA2;
}

#pageContent a:hover
{
	color: #5C97E0;
}

#pageContent p, #pageContent ul, #pageContent ol
{
	margin-bottom: 15px;
}

#pageContent ul, #pageContent ol
{
	margin-left: 35px;
}

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

/* HOME STYLES */

#pageContainer.home #pageContent
{
	background-image: none;
}

#pageContainer.home #leftContent
{
	padding-right: 60px;
	padding-left: 60px;
	background: url(../images/content_shdw.gif) top left repeat-x;
	width: 840px;
}

#pageContainer.home #homeText
{
	clear: both;
	color: #808080;
}

/* Customer of the Month */

#pageContainer.home #leftContent #customerOfTheMonth
{
	border: 1px solid #E5E5E5;
	background: #fff;
	width: 300px;
	float: right;
	position:relative;
	z-index: 1;
}

#pageContainer.home #leftContent #customerOfTheMonth td
{
	padding: 10px;
	text-align: center;
}

#pageContainer.home #leftContent #customerOfTheMonth td img.header
{
	clear: both;
	margin: 0 auto 15px auto;
	display: block;
}

#pageContainer.home #leftContent #customerOfTheMonth td h3
{
	margin-bottom: 10px;
}

#pageContainer.home #leftContent #customerOfTheMonth td p.address
{
	font-weight: bold;
	font-size: 1.1em;
}

/* Homepage Highlighted Content Links */

#pageContainer.home #leftContent .blockLinks
{
	background: #fff;
	border: 1px solid #E5E5E5;
	margin: 55px 30px 50px 0;
	width: 240px;
	padding: 8px;
	text-align: center;
}

#pageContainer.home #leftContent .blockLinks.last
{
	margin-right: 0px;
}

#pageContainer.home #leftContent .blockLinks h3
{
	margin-bottom: 10px;
}

#pageContainer.home #leftContent .blockLinks p
{
	margin: 10px 0 0 0;
}

#pageContainer.home #leftContent .blockLinks a p
{
	text-decoration: underline;
}

#pageContainer.home #leftContent .blockLinks a .border
{
	border: 1px solid #E5E5E5;
	background: #F7FAFF;
	width: 238px;
	height: 148px;
}

#pageContainer.home #leftContent .blockLinks a:hover .border
{
	background: #ECF8F6;
}

#pageContainer.home #leftContent .blockLinks img
{
	border: 1px solid #E5E5E5;
	margin-top: 4px;
}

/* Homepage Featured Restaurants */

#pageContainer.home #leftContent .active
{

}

#pageContainer.home #leftContent img.jQueryRestore
{
	padding: 5px;
}

#pageContainer.home #leftContent #UpperCape,
#pageContainer.home #leftContent #MidCape,
#pageContainer.home #leftContent #LowerCape,
#pageContainer.home #leftContent #TheIslands,
#pageContainer.home #leftContent #TheVineyard,
#pageContainer.home #leftContent #Nantucket,
#pageContainer.home #leftContent #notFound
{
	position: absolute;
	right: 60px;
	z-index: 5;
}

#pageContainer.home #leftContent #UpperCape,
#pageContainer.home #leftContent #MidCape,
#pageContainer.home #leftContent #LowerCape,
#pageContainer.home #leftContent #TheIslands,
#pageContainer.home #leftContent #TheVineyard,
#pageContainer.home #leftContent #Nantucket,
#pageContainer.home #leftContent #notFound
{
	display: table;
}

#pageContainer.home #leftContent .arrow
{
	display: table-cell;
	width: 16px;
	background: url(../images/featArrow.gif) top left no-repeat;
}

#pageContainer.home #leftContent .featuredContents
{
	display: table-cell;
	background: #fff;
	border: 1px solid #E5E5E5;
	border-left: none;
	padding: 10px 0 10px 20px;
	width: 360px;
}

#pageContainer.home #leftContent .featuredContents h2
{
	font-size: 1.5em;
	font-weight: normal;
	margin-bottom: 20px;
	float: left;
}

#pageContainer.home #leftContent .featuredContents a.close
{
	display: block;
	float: right;
	width: 16px;
	height: 15px;
	background: url(../images/close.gif) top left no-repeat;
	margin: 3px 12px 0 0;
}

#pageContainer.home #leftContent .featuredContents a:hover
{
	background-position: 0px -15px;
}

#pageContainer.home #leftContent .featuredContents h3
{
	font-size: 1.1em;
	clear: left;
}

#pageContainer.home #leftContent .restItem
{
	display: block;
	width: 140px;
	padding: 0px 20px;
	height: 75px;
	float: left;
	background: url(../images/icons/star.gif) top left no-repeat;
}

#pageContainer.home #leftContent .restItem p.city
{
	font-size: 1.1em;
	font-weight: bold;
	margin-bottom: 0px;
	color: #5F3503;
}

/* FOUR PACK */
#pageContainer.home #leftContent h3.navheader.space
{
	margin: 35px 0 0 0;
	text-align: center;
	padding: 10px 0;
	background: #fff;
	border: 1px solid #E5E5E5;
	border-bottom: 0px;
}

#pageContainer.home #leftContent table.fourPack
{
	width: 840px;
}

#pageContainer.home #leftContent table.fourPack td.fourPackCell
{
	text-align: center;
	width: 200px;
	padding: 5px;
	background: #fff;
	border: 1px solid #E5E5E5;
}

#pageContainer.home #leftContent table.fourPack td.fourPackCell a img
{
	padding: 4px;
	border: 1px solid #E5E5E5;
	background: #F7FAFF;
}

#pageContainer.home #leftContent table.fourPack td.fourPackCell a:hover img
{
	background: #ECF8F6;
}

/* COMPONENTS. */

/* Forms. */

form table.section
{
    border-collapse: collapse;
	margin-bottom: 15px;
}

#pageContainer.customerService_review form table.maxLength h2
{
	font-size: 1em;
	color: #2A1400;
	margin: -10px 0 0 125px;
	font-weight: normal;
	font-family: Arial, Helvetica, sans-serif;
}

#pageContainer.customerService_review .adminBack
{
	text-align: right;
}

form tr.group {}

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

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: -0.75em 0 15px 0 !important;
    padding: 0;
	font-size: 0.85em;
}

#pageContent .siteNavigator li
{
    display: inline;
    background: url(../images/site_navigator_separator.gif) 0% 60% no-repeat;
    padding: 0 5px 0 12px;
	color: #808080;
}

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

/* Page navigator. */

.itemsFound
{
	font-size: 0.9em;
	color: #808080;
}

.pageNavigator
{
	background: #fff;
    margin: 0.8em 0;
	padding: 5px 10px;
	border: 1px solid #E5E5E5;
	width: 236px;
}

.pageNavigator .label
{
	font-weight: bold;
}

.pageNavigator ul
{
    display: inline;
    margin-left: 20px !important;
    padding-left: 0;
}

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

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

.pageNavigator ul li a
{
	font-size: 0.6em;
	position: relative;
	top: -1px;
}

.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%;
}

/* SPAM PREVENTION */

#emailAddress1 // This is a 'honeypot' field to attact spammers. If this field is filled out, the only explanation is that a spambot saw it and filled it out.
{
    display: none;
}

#pageContainer.home #leftContent .fourBlocks {
	box-sizing: border-box;
}

#pageContainer.home #leftContent .fourBlocks *, #pageContainer.home #leftContent .fourBlocks *:before, #pageContainer.home #leftContent .fourBlocks *:after {
	box-sizing: inherit;
}

#pageContainer.home #leftContent .fourBlocks .blockLinks {
	width: 195px;
	margin-right: 20px;
	min-height: 227px;
}

#pageContainer.home #leftContent .fourBlocks .blockLinks.last {
	margin-right: 0px;
}

#pageContainer.home #leftContent .fourBlocks .blockLinks img {
	width: 100%;
}

#pageContainer.home #leftContent .blockLinks a .border {
	width: auto;
	height: auto;
}

#pageContainer.home #leftContent .blockLinks.meal {
	margin: 0 0 20px 20px;
}

#mobileTap {
	width: 100%;
	padding: 0;
	height: 3em;
	line-height: 3em;
	text-align: center;
	background: #B1DDCA;
	font-family: "Times New Roman", Times, serif !important;
	color: #3c6da2;
	text-decoration: none;
	font-size: 4em !important;
	margin-bottom: 1em;
	display: block;
}

/* MV FIX */

#pageContainer.home #leftContent #TheVineyard .featuredContents h3 {
	font-size: 1em;
    padding-top: 2em;
}

img.bourne {
    margin-left: 16px;
    position: absolute;
    top: 427px;
}

/* HOMEPAGE SLIDESHOW */

.home #slideshow {
	float: right;
	width: 300px;
	position: relative;
	background: #95B2D2;
	padding: 20px 10px 60px 10px;
	margin: 0 0 20px 20px;;
	border: 1px solid #fff;
	box-shadow: 0 5px 10px rgba(0,0,0,0.35);
}

.home #slideshow h3 {
	color: #fff;
	text-align: center;
	margin: 0 auto 20px auto;

}

.fadein { position:relative; width:300px; height:200px; vertical-align: middle; }

.fadein img { border: 1px solid #fff; position:absolute; left:0; top:0; bottom: 0; right: 0; max-height: 100%; max-width: 100%; margin: auto; }

.fadein a {
	color: #fff !important;
}

.fadein span {
	position: absolute;
	bottom: -40px;
	text-align: center;
	margin: 0 auto;
	display: block;
	left: 0;
	right: 0;
	width: 200px;
	font-family: "Palatino Linotype","Book Antiqua",Palatino,serif;
	font-weight: bold;
	font-size: 16px;
	text-decoration: none;

}

/* NEW FUNCTIONS */

.weddings {
	margin: 20px auto;
	padding: 40px 0 0 0;
	border-top: 1px solid #D2DDDB;
}

.weddings h2 {
	font-size: 1.5em;
}

.weddings h4 {
	font-size: 1.35em;
}

.weddings .left img {
	width: 200px;
	height: auto;
	margin: 0;
}

.weddings .content {
	width: 430px;
}

.weddings .occupants {
	font-weight: bold;
}

.weddings .inquire a {
	font-size: 1.35em;
}

a.button {
    background: rgba(0, 0, 0, 0) linear-gradient(to bottom, #93cdb4 0%, #c6efdd 100%) repeat scroll 0 0;
    border-bottom: 1px solid #93cdb4;
    border-radius: 5px;
    border-top: 1px solid #def2e9;
    color: #fff !important;
    display: inline-block;
    font-family: "Palatino Linotype","Book Antiqua",Palatino,serif;
    font-weight: bold;
    height: 42px;
    line-height: 40px;
    padding: 0 20px;
    text-decoration: none;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
}