@charset "utf-8";

div.main_container{
	width:760px;
	margin:0px auto 0px auto;
	padding:0px;
	text-align:left;
	background-color:#F5F8FA;
	height:716px;
}
div.main_container div.top{
	float:left;
	background-image:url(../images/structure/header-top.gif);
	background-repeat: no-repeat;
	width:760px;
	height:9px;
	padding:0px;
	margin:0px;
	line-height:0px;
}
div.main_container div.top_title {
	width:596px;
	float:left;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:1.1em;
	font-weight:normal;
	color:#659506;
	margin:0px;
	padding:14px 0px 15px 31px;
}
.vendor_logo {
	float:left;
}
.vendor_title {
	float:left;
	padding:20px 0px 0px 4px;
}
.vendor_name {
	width:596px;
	float:left;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	margin:0px;
	padding:14px 0px 15px 31px;
	color:#659506;
	font-size:1.3em;
	font-weight:bold;
	text-decoration:none;
}
.help{
	display:none;

	float:right;
	background-image:url(../images/structure/icon-help.jpg);
	background-position:left;
	background-repeat:no-repeat;
	width:64px;
	height:24px;
	line-height:24px;
	margin:0px 20px 0px 0px;
}
.help a {
	width:64px;
	height:24px;
	display:block;
	text-decoration:none;
}
.help a span {
	margin-left:31px;
}
.steps {
	float:left;
	width:722px;
	height:78px;
	padding:0px 19px 0px 19px;
	margin:0px;
}
.step1{
	float:left;
	height:78px;
	width:175px;
	background-image:url(../images/structure/steps/nav-step-1.gif);
	background-position:right;
}
.step2{
	float:left;
	height:78px;
	width:184px;
	background-image:url(../images/structure/steps/nav-step-2.gif);
	background-position:right;
}
.step2b{
	float:left;
	height:78px;
	width:184px;
	background-image:url(../images/structure/steps/nav-step-2b.gif);
	background-position:right;
}
.step3{
	float:left;
	height:78px;
	width:185px;
	background-image:url(../images/structure/steps/nav-step-3.gif);
	background-position:right;
}
.step3b{
	float:left;
	height:78px;
	width:185px;
	background-image:url(../images/structure/steps/nav-step-3b.gif);
	background-position:right;
}
.step4{
	float:left;
	height:78px;
	width:178px;
	background-image:url(../images/structure/steps/nav-step-4.gif);
	background-position:right;
}
.selected {
	background-position:left;
}
.content {
	float:left;
	width:760px;
	height:516px;
	max-height:516px;
	margin:0px 0px 0px 0px;
	padding:0px; 
}
.content_top {
	float:left;
	width:542px;
	background-image:url(../images/structure/content-top.gif);
	height:24px;
	margin:0px 0px 0px 19px;
}
*html .content_top {
	margin:0px 0px 0px 9px;
}
.content_top_finish {
	float:left;
	width:335px;
	background-image: url(../images/structure/finish-content-top.jpg);
	height:24px;
	margin:0px 0px 0px 0px;
}
.content_bottom {
	float:left;
	width:542px;
	background-image:url(../images/structure/content-bottom.gif);
	background-repeat:no-repeat;
	height:11px;
	margin:0px 0px 0px 19px;
}
*html .content_bottom {
	margin:0px 0px 0px 9px;
}
.content_bottom_finish {
	clear:both;
	width:335px;
	background-image:url(../images/structure/finish-content-bottom.gif);
	background-repeat:no-repeat;
	height:11px;
	margin:0px 0px 0px 0px;
}
.summary_small {
	float:right;
	width:186px;
	background-image:url(../images/structure/bg-summary-small.jpg);
	background-repeat:no-repeat;
	margin:1px 10px 0px 0px;
	height:482px;	
}
.summary_small p{
	width:150px;
}
*html .summary_small {
	margin:0px 4px 0px 0px;
}
.summary_large {
	float:right;
	width:417px;
	background-image:url(../images/structure/bg-summary-lrg.jpg);
	background-repeat:no-repeat;
	margin:0px 8px 0px 0px;
	height:482px;	
}
*html .summary_large {
	margin:0px 8px 0px -8px;
}
.summary_large h1{
	clear:both;
}
.summary_title{
	float:left;
	background-image:url(../images/structure/title-summary.gif);
	background-repeat:no-repeat;
	width:82px;
	height:17px;
	margin:30px 0px 20px 22px;
	font-size:1.1em;	
}
*html .summary_title {
	margin:30px 0px 20px 12px;
}
.summary_title_icon{
	float:right;
	background-image:url(../images/structure/summary-title-icon.gif);
	width:40px;
	height:32px;
	margin:22px 14px 20px 0px;
}
*html .summary_title_icon {
	margin:22px 8px 20px 0px;
}
.main_content{
	float:left;
	width:561px;
	background-image:url(../images/structure/bg-content.jpg);
	background-repeat:repeat-y;
	background-position:left;
	margin:0px 0px 0px 0px;
	padding:0px;
	height:482px;
	position:relative;	
}
*html .main_content {
	background-position:-1px;
}
.main_content_finish{
	float:left;
	width:335px;
	background-image:url(../images/structure/finish-content-bg.jpg);
	background-repeat:repeat-y;
	background-position:left;
	margin:0px;
	padding:0px;
	height:482px;
	position:relative;
}
*html .main_content_finish {
	width:327px;
}
#service_list{
	float:left;
	width:280px;
	margin:0px 0px 0px 40px;	
}
#staff_list, #select_calendar {	
	display:none;
	float:left;
	width:280px;
	margin:0px 0px 0px 40px;	
}
#login, #complete, #sign_up{
	display:none;
	float:left;
	width:270px;
	margin:0px 0px 0px 40px;	
}
#login div.label,#sign_up div.label{
	float:left;	
	width:114px;
	vertical-align:top;
}
*html #service_list, *html #staff_list,*html #select_calendar,*html #login,*html #complete,*html #sign_up {
	margin:0px 0px 0px 20px;
}
#dynamic_content {
	float:left;
	width:225px;
	margin:0px 0px 0px 7px;
	overflow:hidden;
}
#summary_services, #summary_staff, #summary_date, #summary_notes{
	margin:20px 0px 0px 23px;
	display:none;	
}
#dc_services {
	width:215px;
	margin:0px 0px 0px 10px;
}
a.next{
	position:absolute;
	bottom:115px;
	left:240px;
	display:block;
	background-image:url(../images/structure/button-next.gif);
	width:68px;
	height:21px;
}
a.back{
	position:absolute;
	bottom:115px;
	left:30px;
	display:block;
	background-image:url(../images/structure/button-back.gif);
	width:68px;
	height:21px;
}
a.back_lower{
	position:absolute;
	bottom:78px;
	left:30px;
	display:block;
	background-image:url(../images/structure/button-back.gif);
	width:68px;
	height:21px;
}
.footer{
	clear:both;
	width:760px;
	background-image:url(../images/structure/footer-top.gif);
	background-repeat:no-repeat;
	background-color:#F5F8FA;
	height:65px;
	margin:1px 0px 0px 0px;
	padding:0px;	
}
.footer_logo {
	margin:12px 0px 0px 0px;
	float:left;
	background-image:url(../images/structure/footer-logo.gif);
	width:239px;
	height:53px;
	padding:0px;
}
.footer_logo a {
	display:block;
	width:239px;
	height:53px;
}
.copyright {
	margin:48px 10px 0px 0px;
	float:right;
	height:10px;
	font-size:0.9em;
	padding:0px;
}	
div.time{
	background-image:url(../images/structure/time-rollover.gif);
	background-position:left;
	width:173px;
	
	height:32px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:1.1em;
	font-weight:bold;
	line-height:23px;
	padding-left:35px;
	color:#2f5570;
}
div.time_hover{
	background-image:url(../images/structure/time-rollover.gif);
	background-position:right;
	width:163px;
	
	height:32px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:1.1em;
	font-weight:bold;
	line-height:23px;
	padding-left:45px;
	color:#2f5570;
}