﻿
body {
	margin: 0px;
	background: #13070a !important;
	color: #000;
	font-size: 12px;
	font-family:Arial, Helvetica, sans-serif;	
	height:100%;	
}
body[designMode="on"] {
	background-image: none;
	background-color:#fff;
	color:#000;
}

p {margin-top: 0px;}
img {border-width: 0px;}
form {margin: 0px; padding:0px;}
a:link {
	color: #0570AD;
	text-decoration: none;
}
a {
	color: #0570AD;
	text-decoration: none;
}
a:visited {
	color: #5F899F;
	text-decoration: none;	
}
a:active {
	color: #9c122c;
	text-decoration: none;	
}
a:hover {
	color: #9c122c;
	text-decoration: underline;	
}
h5 {
	margin: 0px;
	padding: 0px;
	font-family:Arial, Helvetica, sans-serif;
}
h4 {
	margin: 0px;
	padding: 0px;
	font-family:Arial, Helvetica, sans-serif;
}
h3 {
	margin: 0px;
	padding: 0px;
	font-family:Arial, Helvetica, sans-serif;
}
h2 {
	margin: 0px;
	padding: 0px;
	font-family:Arial, Helvetica, sans-serif;
}
h1 {
	margin: 0px;
	padding: 0px;
	padding-bottom:15px;
	color:#14314a;
	font: 2em bold; 
	font-family:Arial, Helvetica, sans-serif;
}
.ms-WPBody h2 {
	font-size: 2.2em;
	color: #a0f7ff;
	font-weight: normal;
	line-height:33px;
	}
.notice {
	color:#9c142f;			
}
/* ---- MAIN CONTAINER ---- */

#CHARM_house_ContentBG {
	background: #13070a url(../CHARM_images/HousePagesBG.jpg) center top no-repeat  !important;
	margin: 0px auto 0px auto;
	top:0px;
	width: 1300px;
}

#PlaceHolderMain {
	background: transparent;			
	padding:5px 15px 20px 15px;
	
}
#CHARM_house_mainContainer {
	margin: auto;
	width: 1300px;
	position:relative;
	height:100%;
}

#CHARM_house_mainContainerTop { /* gray background for content pages */
	top: 0px;
	width:928px;
	margin: 0px auto;
	background:transparent url(../CHARM_images/mainContentBGtop.gif) top center no-repeat;
	height:800px;
	height:auto;
	overflow:auto;
}
#CHARM_house_mainContainerFill {
	background:#edeef1 url(../CHARM_images/mainContentBGfill.gif) bottom center repeat-y;
	margin:auto;
	bottom:-1px;
	width:928px;
	border-bottom: 4px solid #c0c0c0;
	height:auto;
	overflow:auto;

}
#CHARM_house_Content {
	padding:40px 0px 20px 40px;
	width: 880px;
	height:auto;
	z-index: 50;
	
}
/* ---- LAYOUT COLUMNS and BREADCRUMBS ---- */
#CHARM_house_LeftCol {
	width: 540px;
	float: left;
	padding-right:30px;
}
#CHARM_house_LeftCol h1 {
	margin-left:-5px;		
}
#CHARM_house_LeftCol h2 {
	font-size: 2em;
	color: #14314a;
	font-weight: normal;
	line-height:33px;
	font-family:Arial, Helvetica, sans-serif;	
	}
#CHARM_house_LeftCol h3 {
	color:#9c142f;
	font-size: 1.7em;
}
#CHARM_house_LeftCol h4 {
	color:#656667;
	font-size: 1.5em;
}
#CHARM_house_LeftCol img {
	float:left;
	padding:0px 20px 10px 0px;			
}

#CHARM_house_rightCol {
	float: right;
	width: 225px;
	margin:0px;
	top:-36px;
	right:-4px;
	padding: 40px 40px 0px 40px;	
	background:url('../CHARM_images/HouseRightColBG.jpg') top right no-repeat;
	position:relative;
}

.ms-pagebreadcrumb,.ms-pagebreadcrumb a {
	font-size: 10px;
	color: #14314a;
	padding: 2px 3px 10px 3px;
	background-color: transparent;
	border:none;
}

#CHARM_house_breadcrumbs {
	font-size: 10px;
	color: #14314a;
	padding: 10px 0px 20px 10px;
	margin: -20px 0px 0px -10px;
	width: 600px;
	border:none;
}
.ms-pagebreadcrumb a:hover {
	font-size: 10px;
}
.ms-pagebreadcrumb a:visited {
	font-size: 10px;
}
.ms-pagebreadcrumb a:link {
	font-size: 10px;
}
#CHARM_breadcrumbs a:hover {
	font-size: 10px;
}
#CHARM_breadcrumbs a:visited {
	font-size: 10px;
}
#CHARM_breadcrumbs a:link {
	font-size: 10px;
}
a.CHARM_CurrentNode:hover {
	font-weight: bold;
	color: #666666;	
}
a.CHARM_CurrentNode:visited {
	font-weight: bold;
	color: #666666;	
}
a.CHARM_CurrentNode:link {
	font-weight: bold;
	color: #666666;	
	background-color:transparent;
}

/* ---- HEADER ---- */

#CHARM_house_Header {
	position: relative;
/*	background: url(../CHARM_Images/bkg_header.png) left top no-repeat; */
	height: 115px;
	padding: 0px 29px 0px 29px;		
}
#CHARM_house_Header h1 {
	text-indent: -5000px;
	background:transparent;
	width: 411px;
	height: 100px;
}
#CHARM_house_Header img {
	position: relative;
	top: 20px;
	left:90px;
	margin: 0px;
	background:transparent;
	overflow:visible;
}

#CHARM_house_Header h1 a:link, #CHARM_house_Header h1 a:visited, #CHARM_house_Header h1 a:hover {
	display: block;
	width: 450px;
	height: 105px;
}
ul#CHARM_house_utilityLinks {
	position: absolute;
	top: -16px;
	right: 313px;
	margin: 0px;
	padding: 0px;
		padding-top:5px;
	list-style: none;	
}
@media screen and (-webkit-min-device-pixel-ratio:0) {
	ul#CHARM_house_utilityLinks {
	position: absolute;
	top: -16px;
	right: 290px;
	margin: 0px;
	padding: 0px;
		padding-top:5px;
	list-style: none;
}}
ul#CHARM_house_utilityLinks li {
	float: left;
	margin: 0px;
	padding: 0px 6px 0px 4px;
	list-style: none;
	background: transparent;	
	font-size: 9px;
}
ul#CHARM_house_utilityLinks li:first-child {
	padding: 0px 8px 0px 0px;
	background-image: none;	
	}
	ul#CHARM_house_utilityLinks li:second-child {
	padding: 0px 8px 0px 0px;
	background-image: none;	
	margin-bottom:-2px;
	}

ul#CHARM_house_utilityLinks li a:link, ul#CHARM_house_utilityLinks li a:visited {
	color: #FFFFFF;	
	text-decoration: none;
}
ul#CHARM_house_utilityLinks li a:hover {
	color: #FFFFFF;	
	text-decoration: underline;
}

/* ---- HEADER SEARCH BAR ---- */

#CHARM_house_HeaderSearch {
	position: absolute;
	top: 4px;
		padding-top:5px;
	right: 470px;	
	border-collapse: collapse;
	border-width: 0px;
	z-index: 10;
	width: 136px;
	height:20px;
	background:transparent url('../CHARM_images/HouseSearchbox.png') left top no-repeat;
}
@media screen and (-webkit-min-device-pixel-ratio:0) {
#CHARM_HeaderSearch {
position: absolute;
	top: 6px;
	padding-top:5px;
	right: 406px;	
	border-collapse: collapse;
	border-width: 0px;
	z-index: 10;
	width: 136px;
	height:20px;
	background:transparent url('../CHARM_images/searchbox.png') left top no-repeat;
}}
#CHARM_house_HeaderSearch h2 {
	margin: 0px 4px 0px 0px;
}
#CHARM_house_HeaderSearch a:link, #CHARM_house_HeaderSearch a:visited {
	text-decoration: underline;
}
#CHARM_house_HeaderSearch a:hover {
	text-decoration: none;
}
#CHARM_house_searchTerm {
	font-family: Arial, Helvetica, sans-serif;
	background: transparent;
	border-width: 0px;
	height: 20px;
	font-size: 11px;
	font-weight: bold;
	color: #fff;
	padding: 2px 6px 0px 6px;
	width: 100px;	
	margin-left:0px;
}
#CHARM_house_searchBtn {
	border: solid #FFFFFF 0px;
	font-family: Arial, Helvetica, sans-serif;	
	font-size: 10px;
	font-weight: bold;	
	color: #FFFFFF;
	margin: -1px 20px 0px -8px;
	height: 20px;
	width: 30px;
	padding: 0px 1px 4px 2px;
	background: transparent url('../CHARM_images/HouseSearchButton.png') no-repeat;
}

.ms-sbLastcell,.ms-rightbodysectionsearchbox {
 width: 0;
 padding: 0px; 
 margin: 0px;
}

.ms-sbtable-ex {
 width: 0;
}

/* ---- TOP NAVIGATION ---- */

#CHARM_house_topNavBar {
	position: absolute;
	top: 50px;
	right: 135px;
	font-size: 13px;
	font-weight: 500;
	text-transform:uppercase;
	font-family:'PT Sans', Tahoma, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	z-index: 200;	
}
#CHARM_house_topNavBar a {
color: #ffffff !important;				
}
#CHARM_house_topNavBar a:link, #CHARM_house_topNavBar a:visited, {
	color: #ffffff !important;
	text-decoration: none;	
	text-shadow: 3px 3px 3px #000;
	filter:progid:DXImageTransform.Microsoft.dropshadow(OffX=3, OffY=3, Color='black', Positive='true');
}
#CHARM_house_topNavBar a:hover {
	color: #a0f7ff !important;	
	text-decoration: none !important;	
}
.CHARM_house_topNavHome {
	float: left;
}
#CHARM_house_topNavBar td#zz1_TopNavigationMenun0 {
	display: none;
}
a.CHARM_house_staticNavItem, a.CHARM_house_staticNavItem:visited, a.CHARM_house_staticNavItem:hover {
	display: block;
	padding: 7px 11px 9px 13px;
	cursor: pointer;
	white-space: nowrap;
}
a.CHARM_house_staticNavItem:hover {	
	white-space: nowrap;
	color:#a0f7ff !important;				
}
a.CHARM_house_staticNavSelected {
	white-space: nowrap;	
}
a.CHARM_house_staticNavHover, a.CHARM_house_staticNavHover:link, a.CHARM_house_staticNavHover:visited, a.CHARM_house_staticNavHover:hover {
	cursor: pointer;	
	white-space: nowrap;				
}
div.CHARM_house_dynamicNav {
	border-top: solid #5b2225 1px;
	border-left:	solid #5b2225 1px;
	z-index: 200;	
	background:#431317;		
	text-transform:capitalize;
	font-size: 13px;
	font-weight:500;
	font-family:'PT Sans', Tahoma, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
border-bottom: solid #5b2225 1px;
}
a.CHARM_house_dynamicNavItem {
	display: block;
	padding: 4px 9px 4px 12px;
	width: 135px;	
}
table.CHARM_house_dynamicNavItem {
	border-bottom: solid #5b2225 1px;
	border-right: solid #5b2225 1px;	
}
a.CHARM_house_dynamicNavHover {
	color: #a0f7ff;
	background-color:#431317;
}
.CHARM_house_dynamicNavSelected {

}

/* ---- SHAREPOINT ADMIN BAR & EDITOR POSITION ---- */

#SP_adminBar {
	text-align: right;
}
.SP_editorPosition {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 200px;
}

/* ---- FOOTER ----  */

#CHARM_house_footer {
	clear: both;
	margin: 10px auto;
	position:absolute;
	width:1300px;
padding: 5px 0px 20px 0px;
	text-align: center;
	color:#5b2225;
	font:500 11px 'PT Sans', Tahoma, Arial, Helvetica, sans-serif;
}
#CHARM_house_footer ul li {
	list-style:none;
	display:inline;
}
#CHARM_house_footer a {
	color:#5b2225;
	}
	
	
/* Dark Red Box Web Part styles */

.CHARM_RedBox_WP {
	float: left;
	width: 255px;
	color:#fff;
}
.CHARM_RedBox_WP1 {
	background: transparent url(../CHARM_Images/WPRedBoxFill.png) left top repeat-y;
	width: 255px;
	margin-left:-10px;				
}
.CHARM_RedBox_WP2 {
	background: transparent url(../CHARM_Images/WPRedBoxTop.png) left top no-repeat;
	width: 255px;	
	margin-left:-15px;		
}
.CHARM_RedBox_WP3 {
	background: transparent url(../CHARM_Images/WPRedBoxBottom.png) left bottom no-repeat;
	padding: 7px 10px;
	font-size: 12px;
	font-weight: bold;
	text-align: left; 	
	margin-left:0px;
}
.CHARM_RedBox_WP_content {
	padding:5px 10px;			
	margin-left:0px;
	margin-top:1px;	
}
.CHARM_RedBox_WP_content div.ms-WPBody {
	padding:0px;			
	margin-left:0px;	
}

.CHARM_RedBox_WP3 table {
	border-collapse: collapse;	
}

.CHARM_RedBox_WP3 table td {
	padding: 1px 2px;	
	vertical-align: top;
	font-size: 12px !important;	
}
.CHARM_RedBox_WP3 table th {
	padding: 1px;	
	vertical-align: top;
	text-align:center;
	font-size: 10px !important;
	background-color:transparent;
	color:#fff;	
}

.CHARM_ms-WPHeader{
}
.CHARM_ms-WPHeader TD{
border-bottom:1px solid #4e7cb7;
border-collapse:collapse;

}
A span.CHARM_ms-WPEditText{
display:inline;
vertical-align:middle;
padding-left:1px;
padding-right:1px;
font-size:8pt;
font-family:arial,sans-serif;
color:#000000;
text-decoration:none;
}
.CHARM_ms-SPzone .CHARM_ms-WPHeader TD,.CHARM_ms-SPZoneSelected .CHARM_ms-WPHeader TD{
border:1px solid #c4c4c4;
background-color:#fff9de;
background-image:url("/_layouts/images/partgrad.gif");
background-repeat:repeat-x;
}
.CHARM_ms-WPTitle
{
font-weight:bold;
font-family:'PT Sans', Tahoma, Arial, Helvetica, sans-serif;
color:#a0f7ff;
padding-left:1px;
padding-right:7px;
padding-top:2px;
padding-bottom:2px;
font-size:13px;
}
.CHARM_ms-WPTitle A:link,.CHARM_ms-WPTitle A:visited
{
color:#4c4c4c;
text-decoration:none;
cursor:pointer;
}
.CHARM_ms-WPTitle A:hover
{
color:#000000;
text-decoration:underline;
cursor:pointer;
}
.CHARM_ms-standardheader{
font-size:1em;
margin:0em;
text-align:left;
color:#525252;
}
.CHARM_RedBox_WP ul li {
list-style:disc outside url('../CHARM_images/bluebullet.png');	
font-size:11px;
font-weight:500;	
line-height: 16px;	
padding:2px 0px;	
margin-left:-20px;			
}

/* ---- SHAREPOINT STYLES TO OVERRIDE ---- */

.removeMargins {
	margin: 0px;
}
div.ms-WPBody {

	font-family: Verdana, Arial, sans-serif;
	font-size: 12px;
	background: transparent;
	border: 0px solid #a8c2db; 
		padding: 10px;
}
div.ms-WPBody td {

	font-family: Verdana, Arial, sans-serif;
	font-size: 12px;
	background:transparent;
	border:none;
}

div.ms-WPBody a:link {
	color: #097bbb;
	text-decoration: underline;
}

div.ms-WPBody a {
	color: #097bbb;
	text-decoration: underline;
}
div.ms-WPBody h1 {
	margin-bottom: 0px;
	padding-top: 2px;
	
}
div.ms-WPBody a:visited {
	color: #5F899F;
	text-decoration: none;	
}
div.ms-WPBody a:active {
	color: #9c122c;
	text-decoration: underline;	
}
div.ms-WPBody a:hover {
	color: #9c122c;
	text-decoration: underline;	
}
.removeMargins {
	margin: 0px;
}
td.ms-WPBorder {
	border: none;
	padding: 8px;
}
td.ms-WPBorder div.ms-WPBody {
	border: none;
}

h3.ms-WPTitle {
	font-size: 14px;
	color: #ecc947;	
	font-weight: bold;
	font-family: 'PT Sans', Tahoma, Arial, Helvetica, sans-serif;
	text-transform:uppercase;
letter-spacing:0px;
	margin: 0px;
	padding: 0px 0px 0px 8px;
}

/* ----- STYLES AVAILABLE FOR HTML EDITORS ---- */

.ms-rteCustom-Byline {
	font-size: 2em;
	color: #14314a;
	font-weight: normal;
	line-height:33px;
	font-family:Arial, Helvetica, sans-serif;		
}
.ms-rteCustom-ArticleHeader {
	color:#9c142f;
	font-size: 1.7em;
}
.ms-rteCustom-ArticleSubHeader {
	color:#656667;
	font-size: 1.5em;
}

.productLibrary
{
				
				border-bottom: 2px black solid;
				margin: 5px 5px 5px 5px;
				padding: 15px 15px 15px 15px
}

.productLibrary .label
{
	font-weight: bold;
	display:block;
	float:left;
	width: 125px;
}

.productLibrary .dropdown
{
	width: 250px;
}

.productLibrary .textbox
{
	width: 250px;
}

.productLibrary .button
{
	width: 150px;
}


.productLibraryGridLine
{
	background-color: #DFDFDF;
}

.productLibraryGridAlternate
{
				
}

.productLibraryGridHeader
{
	background-color: #B2B2B2;
}

.productLibraryGridFooter
{
}

.productLibraryLabel
{
	font-weight: bold;
	width: 150px;
}