﻿/*	Devon Cottage
	© Oneness 2009-2010
	Main Page Structure
*/
/* -------------------- Banner ------------------------*/
.stLogo
{
	margin-top: 36px;
}
.stKeyDetails
{
	margin-top: 20px;
}
.stBannerImageHolder
{
	margin: 15px 0 0 0;
	float: right;
	width: 604px;
	height: 287px;
	background: url(../../Images/Structure/banner_drop_shadow.gif) no-repeat bottom left;
}
.stBannerImage
{
	width: 600px;
	height: 283px;
	margin-left: 4px;
}
/* ------------------ Menu Bar ----------------------*/
div.stMenuBar
{
	padding-top: 10px;
	clear: both;
	z-index: 1;
}
div.stMenuBarBackground
{
	height: 26px;
	background: url(../Menus/Background.gif) repeat-x bottom left;
	white-space: nowrap;
	width: 100%;
	clear: both;
}
div.stMenuBarContent
{
	margin: 0 0 20px 9%;
	z-index: 2;
}
/* ------------------Left Column ----------------------*/
div.stPortraitImageHolder
{
	margin-top: 15px;
	float: left;
	width: 196px;
	height: 287px;
	background: url(../../Images/Structure/portrait_drop_shadow.gif) no-repeat bottom right;
	z-index: 0;
}
div.stPortraitImage
{
	width: 192;
	height: 283;
	z-index: 0;
}
div.stTestimonial
{
	background-color: #fff8e2;
	border: dotted 1px #3B5998;
	margin: 0 0 15px 0;
	padding: 0 8px 10px 12px;
	font-size: 1em;
	text-align: left;
	font-style: italic;
	clear: both;
}
div.stTestimonial p
{
	color: #3B5998;
}
/*------------------------ Other Stuff ------------------------*/
div.stSpecialDeals
{
	background-color: #ffd7d7;
	border: dotted 1px #c00;
	margin: 12px 0 15px 0;
	padding: 0 8px 0 12px;
	font-size: 1em;
	text-align: left;
	width: 90%;
}
div.stSpecialDeals p
{
	color: #c00;
}
div.stSpecialDealsText
{
	margin: 2px 0 8px 0;
}
div.stSpecialDealsText p
{
	color: #333;
	font-weight: bold;
	font-size: 1em;
	line-height: 150%;
}
table.stDisplayTable td, table.stDisplayTable th
{
	border-bottom: dotted 1px #3B5998;
	padding: 5px 20px 6px 20px;
}
.stGalleryImages img
{
	padding: 30px 30px 0 0;
}
.aNoBorder a
{
	border: none;
}
.aNoBorder a:hover
{
	text-decoration: underline;
}
.stLeftJustUL
{
}
.stLeftJustUL ul
{
	margin: 0 0 0 14px;
	padding: 0;
}
.stLeftJustUL li
{
	margin: 0;
	padding: 5px 0 0 5px;
}
.GoogleMap
{
	margin: 3% 0 3% 0;
}
div.LeftColumn
{
	float: left;
	width: 45%;
	margin-top: 10px;
	margin-right: 35px;
	white-space: normal;
}
div.RightColumn
{
	float: left;
	width: 45%;
	margin-top: 10px;
	padding-right: 0;
	white-space: normal;
}

/*--------- Availability ----------*/
td.avDay, th.avDay
{
	padding: 2px 0 2px 10px;
	text-align: right;
	vertical-align: middle;
	font-weight: bold;
}
.avMonthName
{
	padding-top: 0px;
	width: 110px;
}
.avAvailabilty
{
	padding: 3px;
	width: 16px;
}
.avAvailable
{
	background-color: #C3E598;
}
.avUnAvailable
{
	background-color: #c00;
}

/* --------- Input Controls ---------*/
.readonly
{
	color: #999;
}
.readonly:focus
{
	background-color: #efefef;
}
.imagecontrols
{
	padding: 5px 0 0 0;
}
.imagecontrols img
{
	padding: 0 0 20px 0;
}
.inputboxes
{
	clear: both;
	margin-top: 10px;
}
.inputboxes span
{
	vertical-align: top;
	padding-top: 8px;
}
select, textarea, .admininput
{
	font-size: 1em;
	font-weight: normal;
	background-color: #dcedfe;
	border-color: #cccccc;
	border-style: inset;
	border-width: 1px;
	margin-bottom: 6px;
	padding: 2px;
}

select:focus, .admininput:focus, textarea:focus
{
	font-size: 1em;
	font-weight: normal;
	background-color: #c9def4;
	border-color: #cccccc;
	border-style: inset;
	border-width: 1px;
	margin-bottom: 6px;
}
/* ---------------- Home -------------------*/
div.hmBoxes
{
	margin-top: 5px;
	clear: both;
}
div.hmBox
{
	margin: 20px 5px 0 5px;
	border: dotted 1px #3B5998;
	padding: 0 8px 12px 12px;
}
div.hmBox img
{
	float: left;
	padding: 12px 16px 4px 0;
}
