/* Subnav items for the Franchise section */
dt#subnav_why {
	width: 105px;
	background: url(../images/franchise/fran_subnav_why.gif) no-repeat;
}
dt#subnav_why a {
	width: 100%;
	background: url(../images/franchise/fran_subnav_why.gif) 0 -12px no-repeat;
}
dt#subnav_questions {
	width: 138px;
	background: url(../images/franchise/fran_subnav_questions.gif) no-repeat;
}
dt#subnav_questions a {
	width: 100%;
	background: url(../images/franchise/fran_subnav_questions.gif) 0 -12px no-repeat;
	display: block;
}
dt#subnav_invest {
	width: 119px;
	background: url(../images/franchise/fran_subnav_invest.gif) no-repeat;
}
dt#subnav_invest a {
	width: 100%;
	background: url(../images/franchise/fran_subnav_invest.gif) 0 -12px no-repeat;
	display: block;
}
dt#subnav_avail {
	width: 87px;
	background: url(../images/franchise/fran_subnav_avail.gif) no-repeat;
}
dt#subnav_avail a {
	width: 100%;
	background: url(../images/franchise/fran_subnav_avail.gif) 0 -12px no-repeat;
	display: block;
}
dt#subnav_steps {
	width: 125px;
	background: url(../images/franchise/fran_subnav_11_steps.gif) no-repeat;
}
dt#subnav_steps a {
	width: 100%;
	background: url(../images/franchise/fran_subnav_11_steps.gif) 0 -12px no-repeat;
	display: block;
}
dt#subnav_real {
	width: 94px;
	background: url(../images/franchise/fran_subnav_real.gif) no-repeat;
}
dt#subnav_real a {
	width: 100%;
	background: url(../images/franchise/fran_subnav_real.gif) 0 -12px no-repeat;
	display: block;
}


/* Franchise Application button */
#application {
	float: right;
	width: 130px;
	height: 82px;
	margin-top: 2px;
	margin-right: 16px;
	background: url(../images/franchise/button_fran_application.jpg) top no-repeat;
}
* html #application {
	/* work-around for width bug in IE6 and below */
	margin-right: 8px;
}
#application a {
	display: block; 
	width: 100%;
	height: 100%;
	background: url(../images/franchise/button_fran_application.jpg) bottom no-repeat;
}
#application a:hover {
	background-position:top;
}

/* Styles specific to the Franchise landing page */
#franchise_landing_page {
	width: 850px;
	min-height: 562px;
	_height: 562px;
	margin-left: 16px;
	
	float: left;
	display: inline;
	background: #FFFFFF url(../images/franchise/franchise_landing_bg.jpg) bottom no-repeat;
}

#franchise_landing_page #realdeal_intro {
	float: left;
	width: 850px;
	min-height: 316px;
	_height: 316px;
	background: #313131 url(../images/franchise/landing_realdeal_bg.jpg) top no-repeat;
	border-bottom: 3px solid #FFFFFF;
}
#franchise_landing_page #realdeal_intro #content_part1 {
	float:left;
	width: 400px;
	min-height: 230px;
	_height: 230px;
	margin-top: 85px;
	padding-bottom: 10px;
	margin-left: 16px;
	display: inline;
}
#franchise_landing_page #realdeal_intro #content_part2 {
	float:left;
	width: 800px;
	padding-top: 10px;
	padding-bottom: 10px;
	margin-left: 16px;
	display: inline;
}
#franchise_teasers {
	float: left;
	width: 816px;
	padding-left: 16px;
}

/* Franchise Landing page teasers */
#franchise_landing_page #vert_teasers {
	padding-bottom: 17px; 
}
#vert_teasers dt#why_franchise {
	background: url(../images/franchise/teaser_why_franchise.gif) top no-repeat;
}
#vert_teasers dt#init_invest {
	margin-left: 12px;
	background: url(../images/franchise/teaser_init_invest.gif) top no-repeat;
}
#vert_teasers dt#real_estate {
	margin-left: 12px;
	background: url(../images/franchise/teaser_real_estate.gif) top no-repeat;
}
#vert_teasers dt#availability {
	margin-left: 12px;
	background: url(../images/franchise/teaser_availability.gif) top no-repeat;
}



/* Styles specific to the Why Franchise landing page */
#why_franchise_page {
	width: 840px;
	min-height: 456px;
	_height: 456px;
	margin-left: 16px;
	padding-left: 10px;
}  

/* Left navigation in the Why Franchise subsection */
#why_subnav_frame {
	float: left;
	width: 203px;
	height: 291px;
	background: url(../images/franchise/why_subnav_frame.jpg) no-repeat;
}
#why_subnav {
	float: left;
	margin-left: 40px;
	width: 124px;
	margin-top: 45px;
	display: inline;
}

#why_subnav dt#why_mine {
	height: 38px;
	background: url(../images/franchise/subhead_why_mine.gif) no-repeat;
	text-indent: -9999px;
}
#why_subnav dt#real_people {
	height: 46px;
	background: url(../images/franchise/subhead_real_people.gif) no-repeat;
	text-indent: -9999px;
}
#why_subnav dt#who_we_let {
	height: 46px;
	background: url(../images/franchise/subhead_who_we_let.gif) no-repeat;
	text-indent: -9999px;
}
#why_subnav dd {
	font-size: 10px;
	line-height: 10px;
	letter-spacing: 0px;
	color: #CCCCCC;
	text-align: center;
}
#why_subnav dd.divider {
	height: 11px;
	background: url(../images/franchise/divider_why_subnav.gif) no-repeat;
	margin-bottom: 5px;
}
#why_subnav dd div {
	margin-top: 8px;
	margin-bottom: 12px;
}

/* "3 Key Components" section of Why Franchise landing page */
#key_components {
	float: left;
	margin-left: 0;
	width: 616px;
	height: auto;
	background: url(../images/franchise/key_comps_bg_bottom.gif) bottom no-repeat;
}
#key_components h2 {
	width: 616px;
	height: 72px;
	background: url(../images/franchise/key_comps_bg_top.gif) no-repeat;
	text-indent: -9999px;
}
#key_components #content {
	padding-left: 40px;
	padding-right: 40px;
	padding-bottom: 50px;
}
#key_components #content h3 {
	font-family: Arial Narrow, Arial, Sans-Serif;
	font-size: 20px;
	font-weight: bold;
	margin-top: 20px;
	margin-bottom: 10px;
	
}

#real_deal {
	float: left;
	margin-left: 0;
	width: 616px;
	height: auto;
	background: url(../images/franchise/real_deal_bg_bottom.jpg) bottom no-repeat;
	border-top: solid #FFFFFF 3px;
}
#real_deal h3 {
	width: 271px;
	height:37px;
	margin-left: 23px;
	margin-top: 12px;
	background: url(../images/franchise/subhead_real_deal.gif) no-repeat;
	text-indent: -9999px;
}
#real_deal p {
	margin-left: 23px;
	width: 293px;
	margin-bottom: 2px;
}
#real_deal a {
	margin-left: 23px;
}

#why_subsection {
	float: left;
	margin-left: 0;
	padding-top: 0;
	padding-bottom: 30px;
	width: 616px;
	height: auto;
	background: #FFFFFF url(../images/common/paper_bottom.gif) bottom repeat-x;
}
#why_subsection h2 {
	height: 70px;
	margin-bottom: 10px;
	text-indent: -9000px;
}
#why_subsection h2#why_mine {
	background: url(../images/franchise/article_head_why_mine.gif) top no-repeat;
}
#why_subsection h2#real_people {
	background: url(../images/franchise/article_head_real_people.gif) top no-repeat;
}
#why_subsection h2#who_we_let {
	background: url(../images/franchise/article_head_who_we_let.gif) top no-repeat;
}
#why_subsection p {
	line-height: 15px;
	margin-left: 20px;
	width: 574px;
}

  
/* "Who to Contact" component */  
#contact_padding, #numbers_padding {
	padding: 10px;
}
#who_to_contact {
	float: left;
	margin-top: 10px;
	margin-right: 10px;
	width: 202px;
	min-height: 206px;
	_height: 206px;
	background-color: #3F3F3F;
}

#who_to_contact h3 {
	width: 182px; 
	height: 44px; 
	background:  url(../images/franchise/contact_bg.gif) top no-repeat;
	text-indent: -9000px;
}


/* "The Numbers" component */
#numbers_frame {
	padding-top: 10px;
	padding-left: 8px;
	padding-bottom: 10px;
	border-left: #505050 1px solid;
	float: left;
} 
#the_numbers {
	width: 392px;
	min-height: 306px;
	_height: 306px;
	background-color: #3F3F3F;
}	
#the_numbers h3 {
	width: 374px; 
	height: 44px;
	background: url(../images/franchise/the_numbers_bg.gif) top no-repeat;
	text-indent: -9000px;
}

.numbersText, .numbersText p { font-size: 13px; font-weight: bold; }
.numbersNumbers, .numbersNumbers p { font-size: 36px; font-weight: bold; }

/* Franchise Promotion page */
#promotion_page {
	width: 852px;
	min-height: 456px;
	_height: 456px;
	margin-left: 16px;
	padding-left: 0;
}
	
	
/* Franchise Availability page */
#availability_page {
	width: 840px;
	min-height: 456px;
	_height: 456px;
	margin-left: 16px;
	padding-left: 0;
}

#availability_page #theater {
	float: left;
	width: 438px;
	height: 269px;
}

#availability_bottom {
	float: left;
	width: 850px;
	height: auto;
	background: url(../images/franchise/availability_bg.gif) no-repeat;
	padding-bottom: 20px;
}
#availability_page #numbers_frame {
	padding-top: 6px;
	padding-left: 94px;
	padding-bottom: 10px;
	float: left;
} 
#availability_page #contact_frame {
	width: 260px;
	height: 307px;
	margin-left: 32px;
	margin-top: 6px;
	padding-top: 10px;
	float: left;
	background: url(../images/franchise/contact_frame.jpg) no-repeat;
} 
#availability_page #who_to_contact {
	float: left;
	margin-top: 22px;
	margin-left: 22px;
	padding-left: 7px;
	padding-right: 7px;
	width: 200px;
	height: 205px;
	background: transparent;
} 
* html #availability_page #who_to_contact {
	/* work-around for width bug in IE6 and below */
	margin-left: 11px;
} 
#development_market {
	float: left;
	width: 378px;
	height: 218px;
	background: url(../images/franchise/availability_market_bg.gif) no-repeat;
	padding-top: 51px;
	padding-left: 23px;
} 
#development_market h2 {
	text-indent: -9000px;
}


#stateName 
{
	height: 22px;
	margin-left: 7px;
	font-size: 16px;
	font-weight: bold;
}



  /***********************/
 /* SCROLLBAR STYLES    */
/***********************/
#wheelScroll {
	width: 343px;
	height: 154px;

}
#wrap {
 float: left;
 width: 11px;
 height: 154px;
 background: transparent url(../images/common/track_bottom_darkbg.gif) no-repeat bottom left;
}
#track-top {
 position: absolute;
 width: 11px;
 height: 11px;
 background: transparent url(../images/common/track_top_darkbg.gif) no-repeat top left;
}
/* vertical track */
#track {
 position: absolute;
 width: 11px;
 height: 154px;
}
/* vertical track handle */
#handle {
 width: 7px;
 height: 69px;
}
#scrollable {
 float: left;
 width: 311px;
 height: 134px;
 padding: 8px;
 overflow: hidden;
}

/* Other franchise pages */
#franchiseArticleDoc {
	width: 882px;
	height: auto;
	background: #FFFFFF url(../images/common/article_page_bg.jpg) no-repeat;
	float: left;
	position: relative;
}
/* Franchise Application button on Article (white) pages */
#franchiseArticleDoc #application {
	float: right;
	width: 130px;
	height: 85px;
	margin-top: 2px;
	margin-right: 16px;
	background: url(../images/franchise/button_fran_app_2.gif) top no-repeat;
}
* html #franchiseArticleDoc #application {
	/* work-around for width bug in IE6 and below */
	margin-right: 8px;
}
#franchiseArticleDoc #application a {
	display: block; 
	width: 100%;
	height: 100%;
	background: url(../images/franchise/button_fran_app_2.gif) bottom no-repeat;
}
#franchiseArticleDoc #application a:hover {
	background-position:top;
}

#tenSteps_page, #realEstate_page, 
#tenQuestions_page, #investment_page {
	width: 822px;
	min-height: 456px;
	_height: 456px;
	margin-left: 30px;
	padding-bottom: 20px;
	float: left;
}
* html #tenSteps_page, * html #realEstate_page,
* html #tenQuestions_page, * html #investment_page {
	/* work-around for width bug in IE6 and below */
	margin-left: 15px;
}
#investment_page p { margin: 0; }

#application_page {
	width: 822px;
	min-height: 456px;
	_height: 456px;
	margin-left: 20px;
	margin-top: 40px;
	padding-bottom: 20px;
	float: left;
}
* html #application_page {
	/* work-around for width bug in IE6 and below */
	margin-left: 10px;
}
#application_page h2 {
	text-align: center;
	margin-bottom: 30px;
}
#application_page #column_1 {
	width: 520px;
	float: left;
}
#application_page #exp_details_div {display: none; }
#application_page #submitButton {
	margin-top: 30px;
	margin-left: auto;
	margin-right: auto;
}
#application_page #column_2 {
	width: 300px;
	float: left;
}
#application_page #contact_frame {
	width: 260px;
	height: 307px;
	margin-top: 6px;
	padding-top: 10px;
	float: right;
	background: url(../images/franchise/contact_frame.jpg) no-repeat;
} 
#application_page #who_to_contact {
	float: left;
	margin-top: 22px;
	margin-left: 22px;
	padding-left: 7px;
	padding-right: 7px;
	width: 200px;
	height: 205px;
	background: transparent;
} 
* html #application_page #who_to_contact {
	/* work-around for width bug in IE6 and below */
	margin-left: 11px;
}
#requirements_thickbox {
	width: 380px;
	height: 200px;
	background-color: #FFFFFF;	
}
#requirements_thickbox p {
	color: #000000;
}
#requirements_thickbox #close_button {
	width: 11px;
	height: 11px;
	float: right;
	display: block;
	margin-top: 2px;
	margin-right: 2px;
	background: url(../images/common/btn_close.gif) 0 0 no-repeat;
}
#requirements_thickbox  #close_button a {
	width: 11px;
	height: 11px;
	float: right;
	background: url(../images/common/btn_close.gif) 0 -11px no-repeat;
	display: block;
	overflow: hidden;
	text-indent: -9000px;
}
