body { background: #817058 url(../images/bg.gif) repeat-x; }

#container { width:1008px; margin:0 auto;background-color:#f7f0c7; }

#header { position: relative; height: 103px; z-index: 50; background: #817058 url(../images/bg.gif) repeat-x;}
#header a.h1 { display:block; width: 257px; height:101px; background-image: url(../images/logo.gif); position: absolute; left: 77px; bottom: -33px; text-decoration:none; border:none; }
#header a.h1:link, #header a.h1:visited {  }
#header a.h1 span { display:none; }
#header h2 { display: none; }
#header h3 {
	position: absolute; right:15px; bottom:10px; color:#cfcfcf; font-size:1.2em;
	font-weight: bold; text-transform:uppercase; text-decoration:none;
	font-family:"Times New Roman", Times, serif; letter-spacing: 7px;
}
#header .account {
	position: absolute; right:15px; bottom:40px; color:#cfcfcf;
	font-weight: bold; text-transform:uppercase; text-decoration:none;
	font-family:"Times New Roman", Times, serif;
}
#header .account a {
	font-weight: bold; text-transform:uppercase; text-decoration:none;
	font-family:"Times New Roman", Times, serif;
	color:#84933C;
}

/*#header h4 { background-image: url(../images/phone.gif); width: 257px; height: 40px; font-size:0; position: absolute; right: 0%; bottom: -40px; }*/
#header h4 { position: absolute; right: 20px; bottom:-40px; font-size: 2.5em; color:#A9B240; font-family: 'Times New Roman'; font-weight:normal; letter-spacing: .15em;}
body.root #header h4 { right:auto; left:110px; bottom:-70px; }

#colLeft {
	float:left; overflow:hidden;
	width:227px; height:653px;
	margin:0; padding:0;
	border:none;
	background-image:url(../images/col-left.jpg); background-repeat:no-repeat;
}
#colLeft .padding { padding:0;}

#colRight { float:right; width:227px; margin:0; padding:0; background-color:#09f; }

#content { margin:0 227px; background: #f7f0c7 url(../images/content_bg.gif) repeat-x; position: relative; }
#content .floatfix { display: table; height: 1%; width: 100%; margin: 0; padding: 0; }
#content .padding { padding-top: 60px; }
#content .padding .padding { padding: 10px; }
#content { min-height: 250px; }
body.root #content .padding { padding: 0; }

h1#comingsoon { color: #a9b240; font-size: 2.25em; position: absolute; z-index: 75; top: 40px; left: 550px; width: 360px; }
h1#comingsoon em { display: block; color: #fff; font-weight: normal; }

h2.title { color: #4a1b07; font-family:"Times New Roman", Times, serif; font-size: 3em; font-weight: normal; letter-spacing: 2px; margin-bottom: 5px; }
h1.title { color: #4a1b07; font-family:"Times New Roman", Times, serif; font-size: 3em; font-weight: normal; letter-spacing: 2px; margin-bottom: 5px; }

#footer { background: #fff; }

/* Custom */
#steps { margin: 0; padding: 0; position: relative; }
#steps li.step { color: #525252; background: #e6e6e6; list-style: none outside; float: left; padding: 6px 22px; border-top: 5px solid #c9c9c9; position: relative; top: 8px; }
#steps li#step1 { border-left: 5px solid #c9c9c9; }
#steps li#step1.active { border-left: 5px solid #84933c; }
#steps li#step4 { border-right: 5px solid #c9c9c9; }
#steps li#step4.active { border-right: 5px solid #84933c; }
#steps li#step-data { list-style: none outside; background: #eeefe4; border: 5px solid #84933c; padding: 10px; float: none; clear: left;  }
#steps li.step h3 { color: #525252; font-size: 1.25em; background-repeat: no-repeat; background-position: right; }
#steps li#step1 h3 { background-image: url(../images/step1.gif); }
#steps li#step2 h3 { background-image: url(../images/step2.gif); }
#steps li#step3 h3 { background-image: url(../images/step3.gif); }
#steps li#step4 h3 { background-image: url(../images/step4.gif); }
#steps li.active { color: #c09157; background: #eeefe4; border: 5px solid #84933c; border-bottom: none; position: relative; padding: 10px 22px; top: 5px;  }
#steps li.active h3 { color: #765332; }

/* Plans */
#plans { margin: 0; padding: 0; }
#plans li { list-style: none outside; float: left; background: #fff; padding: 5px; margin: 0 5px 5px 0; width: 279px; border: 1px solid #c2c89e; }
#plans li.even { margin: 0 0 5px; }
#plans .scroll { height: 54px; overflow-y: auto; }
#plans td.title { color: #765332; text-align: right; font-weight: bold; }

/* Materials */
#materials { margin: 0; padding: 0; width: 279px; float: right; }
#materials h3 { cursor: pointer; background: #d0cecc; position: relative; font-size: 1.3em; padding: 5px; border: 1px solid #c3c1c0; margin-bottom: 5px; font-weight: normal; }
#materials h3 em { position: absolute; top: 7px; right: 5px; font-style: normal; font-size: .8em; }
#materials h3.accordion_toggle_active { color: #fff; background: #765332; font-weight: bold; margin-bottom: 0; }
#materials h3.accordion_toggle_active em { display: none; }
#materials .accordion_content { background: #fff; margin-bottom: 5px; border: 1px solid #c3c1c0; border-top: none; }
#materials td { padding: 3px; }

/* Message Board */
#message-board { background: #765332; padding: 5px; float: right; width: 279px; }
#message-board h2 { color: #fff; font-size: 1.3em; }
#message-board ul { margin: 0; padding: 0; }
#message-board li { list-style: none outside; background: #fff; border: 1px solid #c2c89e; margin-bottom: 5px; }
#message-board h3 { color: #4a1b07; font-size: 1.1em; font-weight: bold; font-family: Arial; margin: 0 0 5px; }
#message-board blockquote { padding: 5px; border-bottom: 1px dotted #ccc; }
#message-board cite { display: block; font-weight: bold; font-style: normal; }
#message-board cite em { font-weight: normal; }
#message-board a.reply:link, #message-board a.reply:visited { display: block; text-align: right; }

/* Adjustments */
#adjustments { margin-right: 299px; }
#adjustments h2 { font-size: 1.3em; margin: 0 0 10px; }
#adjustments h2 em { font-style: normal; font-size: .7em; font-weight: normal; }
#adjustments ul { margin: 0; padding: 0; }
#adjustments li { list-style: none outside; margin: 0 0 5px; }

/* Save */
#specs { width: 279px; float: right; }
#specs h2 { font-size: 1.3em; }
#specs .spec { text-align: right; font-weight: bold; }

#save-plan { margin-right: 299px; }
#save-plan h2 { font-size: 1.3em; }
#save-plan h2 em { font-size: .8em; font-weight: normal; }
#save-plan #links { margin: 10px 0; padding: 0; }
#save-plan #links li { list-style: none outside; display: inline; padding: 0; font-size: .8em; font-weight: bold; padding: 0 3px; }
#save-plan #links li a:link, #save-plan #links li a:visited { color: #4a1b07; text-transform: uppercase; }
div.tabs {
	overflow:auto;
	border-bottom: solid 1px black;
	margin: 0 0 5px;
}
div.tabs table {
	margin: 0; padding: 0;
	text-transform:uppercase; text-decoration:none;
	font-family:"Times New Roman", Times, serif;
	float:right;
	border: none;
	border-collapse:collapse;
}
div.tabs table td {
	vertical-align:bottom;
	padding:0;
}
div.tabs table td a {
	color: Black;
	background-color: #FAF3CA;
	border: 1px solid black;
	border-bottom: none;
	margin:0 2px 0;
	padding: 4px 5px 3px 5px;
	text-decoration: none;
	-moz-border-radius: 4px 4px 0 0;
	font-size:1.1em;
	display:block;
}
div.tabs table td a.selected {
	color:#333;
	background-color: #B2BA84;
	cursor: default;
	border-bottom: solid 1px #B2BA84;
}
div.tabs table td a span{
	font-weight:bold;
}
div.tabs table td a:hover {
	color:#FAF3CA;
	background-color: #6A502E;
}
div.tabs table td a:hover.selected {
	color:#333;
	background-color: #B2BA84;
}



ul.tabs {
	border-bottom: 1px solid black;
	margin: 0; padding: 0;
	text-align:right;
	width:100%;
	margin:0 0 5px;
	text-transform:uppercase; text-decoration:none;
	font-family:"Times New Roman", Times, serif;
}
ul.tabs li { display: inline; list-style: none; white-space: nowrap; }
ul.tabs li a.selected, ul.tabs li a {
	font-size:1.2em;
	line-height:22px;
	color: Black;
	background-color: #FAF3CA;
	border: 1px solid black;
	padding: 4px 5px 3px 5px;
	margin: 0 5px 0 0;
	text-decoration: none;
	-moz-border-radius: 4px 4px 0 0;
}
ul.tabs li a:hover {
	color:#FAF3CA;
	background-color: #6A502E;
}
ul.tabs li a.selected,ul.tabs li a.selected:hover {
	color:#333;
	background-color: #A19377;
	border-bottom: 1px solid #A19377;
}

.nav { text-align:center; padding: 10px 0 0 0; white-space:nowrap; }
.nav ul, .nav li { list-style:none; margin:0; padding:0; display:inline; }
.nav ul li { position:relative; padding:0 12px 0 6px; background-image:url(../images/menu-sep.gif); background-position:right; background-repeat: no-repeat; }
.nav ul ul li, .nav li.last { background-image:none; }
.nav ul ul { position:absolute; display:none;left:0; top:100%; background-color:#321A0E; padding:5px 0 5px; }
.nav li:hover ul { display:block; }
.nav ul ul li { display:block; text-align:left; }
.nav li:hover a { color:#A9B240; }
.nav li:hover ul a { color:#cfcfcf;; }
.nav ul ul li a:hover { color:#A9B240; }

.nav a, .nav a:link, .nav a:active, .nav a:visited {
	color:#cfcfcf;
	font-size:1.1em;
	font-weight: bold;
	text-transform:uppercase;
	text-decoration:none;
	font-family:"Times New Roman", Times, serif;
	letter-spacing: 1px;
}


div.address { font-size:1.2em; }
table.UserPlanDetail th,table.UserPlanDetail td{ padding:2px; }
table.UserPlanDetail th { text-align:right; }
table.UserPlanDetail td img { border-color: black; border-style:solid; border-width: 1px 3px 3px 1px; }


#SelectPlan { width:100%; border-spacing:4px; }
#SelectPlan td, #SelectPlan th {
	border:solid 1px black;
	padding:4px;
	vertical-align:top;
}
#SelectPlan td td, #SelectPlan td th {	border:none; }
#SelectPlan td th { text-align:right; }
#SelectPlan table.planControl,
#SelectPlan table.planControl td {
	border:none;
	text-align:center;
}
#SelectPlan table.planControl { width:100%; }
#SelectPlan td.plan { width:50%; }
#SelectPlan td.plan.selected { background-color:#B2BA84; }
#SelectPlan table.planImage {
	border-spacing:0;
	width:100%;
	text-align:center;
	border:solid 3px black;
	border-top-width:1px; border-left-width:1px;
	height:150px;
}
#SelectPlan table.planImage td {
	border:none; padding:0; vertical-align:middle;
}

.planDetail { height: 10em; line-height:1em; overflow:auto; margin:4px 0; border:solid 1px black; }
.planDetail table { width:100%; }
.planDetail table td,.planDetail table th { border:none; vertical-align:top; }

table.planControl td { width:50%; }
table.planImage td { text-align:center; }

div.mbPost { background-color: #E6DDB7; border:solid 2px #84933C; margin: 0 0 6px; padding: 0; }
div.mbPost.reply { margin-left:20px; }
div.mbPost h4 { margin:0; padding:2px 2px 3px;background-color: #CFC4A1; }
div.mbPost .mbPost_Name { font-weight:bold; padding-left:4px; }
div.mbPost .mbPost_Date { font-style:italic; }
div.mbPost .mbPost_Body { padding:2px; }
div.mbPost .mbPost_Reply { float:right; }
div.mbPost .mbPost_Reply input { padding:0; font-size:.9em; }
#mbPaging, #mbPaging2 {
	margin-bottom: 5px;
	text-align:center;
	font-weight:bold;
}
#mbPaging a, #mbPaging2 a{
	color:#84933C;
	text-decoration:none;
}
div#csCustomOptions { height:400px; overflow:auto;border-top:solid 2px black; }
div#csCustomOptions table { border-spacing:0; border-bottom:solid 2px black; width:100%; }
div#csCustomOptions table.accepted { background-color:#B2BA84; }
div#csCustomOptions table td { padding: 4px; text-align:center; }
div#csCustomOptions table td div { text-align:left; }

.CategorizedOptions table.category,
table.options {
	width:100%;
	background-color:#B2BA84;
	border:solid 2px #321A0E;
	border-top:none;
	border-left:none;
	-moz-border-radius:8px;
}
.CategorizedOptions table.category { margin-top:10px; }
.CategorizedOptions table.options { background-color:#CFC4A1; }
.CategorizedOptions table.category td { padding:4px 2px; }
.CategorizedOptions table.options td { padding:2px; }
.CategorizedOptions table.options td label { display:block; }
.CategorizedOptions table.options td div.optionInfo {
	display:none;
	position:absolute;
	background-color:#F0E8C0;
	border:solid 1px black;
	padding:5px;
	margin-left:50px;
	width:500px;
}
.CategorizedOptions table.options td:hover div.optionInfo { display:block; }
.CategorizedOptions table.category .bullet_toggle {
	font-weight:bold;
	border:solid 1px black;
	width:12px;
	height:12px;
	text-align:center;
	margin-right:4px;	
}
table.category.total td { vertical-align:middle; }

.cntPage img { border: solid 1px black; border-width: 1px 3px 3px 1px; margin:0 5px 5px; }

body.noRight #colRight { display:none; }
body.noRight #content { margin-right:0; }

body.noLeft #colLeft { display:none; }
body.noLeft #content { margin-left:0; }

body.noStructure { background-image:none; background-color: #F7F0C7; }
body.noStructure #colLeft,
body.noStructure #colRight,
body.noStructure #content,
body.noStructure #header,
body.noStructure #footer,
body.noStructure #menu
{
	display:none;
}

.cntPage, #ContentParagaphSection {
	font-family: "Book Antiqua", "Palatino Linotype", Palatino, "Time New Roman";
}
.cntPage div, .cntPage p {
	font-size: 1.6em;
}
.cntParagraph div, .cntParagraph p {
	font-size: 1.2em;
}
#ContentParagaphSection img {
	border: solid 1px black;
	border-width: 1px 3px 3px 1px;
	margin:0 5px 5px;
	padding:0;
}