﻿/********************************************************** Full Width Frame */

#fullWidthFrame
{
	width:940px;
	margin:0;
	padding:0;
}

/********************************************************** Content Area Inner */

#contentAreaInner
{
	width:940px;
	padding:0 20px 0 20px;
}

/********************************************************** Left Column Frame */

#leftColumnFrame
{
	float:left;
	width:460px;
	margin:0 20px 0 0;
}

/********************************************************** Right Column Frame */

#rightColumnFrame
{
	float:left;
	width:460px;
}

/********************************************************** Step 1 Frame */

#step1Frame
{
	width:444px;
	padding:16px 0 5px 16px;
	background-color:#e2dfcc;
	color:#000000;
}

#step1Frame ul { margin-bottom:1.6em; }

#step1Frame .carpetVisual
{
	float:left;
	padding:0 16px 1em 0;
	cursor:pointer;
}

#step1Frame .carpetVisual h3
{
	font-size:120%;
	padding:0.2em 0 0 0;
	margin:0;
}

#step1Frame .carpetVisual #Header1 { color:#a42e3e; }

#step1Frame .carpetVisual h3.Active
{
	color:Green;
	border:solid 1px red;
}

#step1Frame .carpetDesc
{
	padding:0.4em 16px 0 0;
	clear:both;
}

#step1Frame .leftColumn,
#step1Frame .rightColumn
{
	font-size:80%;
	float:left;
	width:198px;
}

#step1Frame .leftColumn
{
	margin-right:30px;
}

/********************************************************** Step 2 Frame */

#step2Frame img { float:left; }

/********************************************************** Step 4 Frame */

.step4Frame
{
	color:#404040;
}

.step4Frame li
{
	color:#523a31;
}

.step4Frame p a
{
	font-size:110%;
	color:#b99b88;
	text-decoration:underline;
}

/********************************************************** Branch Map */

#branchMap
{
	width:282px;
	float:right;
	text-align:right;
	padding:0;
	margin:0;
}

/********************************************************** Branch Details */

#branchDetails
{
	overflow:hidden;
	position:relative;
	zoom:1;
}

/********************************************************** Contact Form */

#branchDetails .contactForm
{
	float:left;
	padding:14px 25px 20px 25px;
	width:527px;
}

#branchDetails .contactForm label
{
	float:left;
	width:140px;
	margin:0;
}

#branchDetails .contactForm b
{
	margin:0;
	width:auto;
	color:#d46f20;
	font-weight:normal;
}

#branchDetails .contactForm p { padding:0; }

#branchDetails .contactForm div
{
	margin-top:4px;
	zoom:1;
}

#branchDetails .contactForm div:after
{
	content: "."; 
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

#branchDetails .contactForm .contactNumber
{
	margin:0 8px 4px 0;
	float:left;
	clear:none;
}

#branchDetails .contactForm .contactNumber label
{
	float:none;
	width:auto;
}

#branchDetails .contactForm .recipient,
#branchDetails .contactForm select,
#branchDetails .contactForm input,
#branchDetails .contactForm textarea
{
	font-family:Tahoma, Geneva, Sans-Serif;
	font-size:110%;
}

#branchDetails .contactForm .Hr { margin:0 0 0 140px; }

#branchDetails .contactForm .houseDetails { margin:0.3em 0 0.4em 0; }

#branchDetails .contactForm .houseDetails input
{
	float:left;
	padding:0;
	margin:0;
}

#branchDetails .contactForm .houseDetails table 
{
	float:left;
	margin-right:30px;
	padding:0;
}

#branchDetails .contactForm .houseDetails table label
{
	width:auto;
	margin:0;
	padding:0 0 0 6px;
}

#branchDetails .contactForm .sendButton { margin:0 15px 0 140px; }

#branchDetails .contactForm .formError
{
	color:red;
	font-weight:bold;
}

/********************************************************** Branch Details */

#branchDetails h2 { margin:0.7em 0 0.6em 0; }

#branchDetails .contactForm h2 { margin-top:0; }

#branchDetails h3
{
	color:#a42e3e;
	font-size:110%;
	letter-spacing:normal;
	margin:0 0 0.2em 0;
	padding-top:0.6em;
}

#branchDetails p
{
	color:#4f3e30;
	line-height:1.2em;
}

#branchDetails strong
{
	font-size:100%;
	font-weight:bold;
}

#branchDetails a
{
	color:#4f3e30;
	text-decoration:underline;
}

/********************************************************** Branch Details - Left Column */

#branchDetails .leftColumn
{
	width:175px;
	float:left;
	margin-right:25px;
}

/********************************************************** Branch Details - Middle Column */

#branchDetails .middleColumn
{
	width:175px;
	float:left;
	margin-right:25px;
}

/********************************************************** Branch Details - Right Column */

#branchDetails .rightColumn
{
	width:175px;
	float:left;
}