﻿#Home #contentArea,
#contentArea {padding:18px; background:#7fcdf4 url("/Images/Graphics/franchisecontentbg.gif") repeat-x; min-height:500px;}

h1,h2,h3,h4,h5 {padding:0;margin:0;}

a {color:#ff9014; text-decoration:none;}

#contentArea .mainContent { background:#FFFFFF url("/Images/Graphics/franchisepagecopybg.png") bottom no-repeat; min-height:714px;}
.Franchise-US #contentArea .mainContent,
.Franchise-CA #contentArea .mainContent {background:none;}
.Franchise-US #contentArea .mainContent .pageContent,
.Franchise-CA #contentArea .mainContent .pageContent {background: #ccebfb url("/Images/Graphics/franchisehomecontentareabg.gif") no-repeat; width:624px; height:420px;padding:0; line-height:13px; margin-top:20px; color:#525e64;}
.Franchise-US #contentArea .mainContent .pageContent h1,
.Franchise-CA #contentArea .mainContent .pageContent h1 {font-size:13px; font-weight:bold; margin-bottom:12px; line-height:16px; color:#3d464b;}
.Franchise-US #contentArea .mainContent .pageContent h4,
.Franchise-CA #contentArea .mainContent .pageContent h4 {font-size:11px; font-weight:bold; margin-bottom:14px; line-height:16px;}
.Franchise-US #contentArea .mainContent .pageContent td.first,
.Franchise-CA #contentArea .mainContent .pageContent td.first {margin-right:35px;}
.Franchise-US #contentArea .mainContent .pageContent .legal,
.Franchise-CA #contentArea .mainContent .pageContent .legal {font-size:9px; line-height:12px;}

.Franchise-US #contentArea .mainContent,
.Franchise-CA #contentArea .mainContent {background:none;}

#TwoColumnLayout #contentArea .mainContent {width:624px;}

#contentArea .rightColumn .moduleItem .top {padding:15px 25px 15px 25px; color:#FFFFFF; min-height:15px; }
#contentArea .rightColumn .moduleItem .top h3 {font-size:14px; margin:0; padding:0; text-align:left;}
#contentArea .rightColumn .moduleItem .bottom h3 {font-size:14px; font-weight:bold; color:#00a5db;}
#contentArea .rightColumn .moduleItem .bottom .divider {background:url("/Images/Graphics/franchiseavailabilitycontrolbg.gif") no-repeat;}

#contentArea .mainContent .pageTitle {width: 100%; display:none;}
.GetStarted #contentArea .mainContent .pageTitle {display:block; margin-bottom: 32px;}
#contentArea .mainContent .pageCopy {margin-top:0;}
#contentArea .mainContent .pageCopy p {margin: 0px 0px 20px 0px;}

#MainHeader .top div.moreinfo {float:right; margin-top:-8px;}
#MainHeader .mainNavWrapper {background:url("/Images/Graphics/franchisenavbg.png") no-repeat;}
#MainHeader .mainNavWrapper .topNav li {background: url("/Images/Graphics/franchisenavseparator.gif") no-repeat center right;}

#YourInvestment {padding:29px;}
#YourInvestment .investmentArea {width:566px; margin-bottom:15px;}
#YourInvestment .investmentArea .investmentHeader.expanded {background-color:#ffe9a5}
#YourInvestment .investmentArea .investmentHeader a,
#YourInvestment .investmentArea .investmentHeader img {float:left;}

#YourInvestment .investmentArea .investmentContent {background:#ffe9a5 url("/Images/Graphics/investment_section_bg.png") bottom no-repeat; padding:13px; padding-top:17px; font-size:11px; line-height:15px;}
#YourInvestment .investmentArea .investmentContent .investmentItemHeader {background: url("/Images/Graphics/investment_sectionheader_bg.png") no-repeat; height:60px; width:540px; font-weight:bold;}
#YourInvestment .investmentArea .investmentContent th,
#YourInvestment .investmentArea .investmentContent td {padding:15px; text-align:left; vertical-align:top;}
#YourInvestment .investmentArea .investmentContent th {vertical-align:middle;}
#YourInvestment .investmentArea .investmentContent tr.investmentItemAlternating {background:#ffedb7;}
#YourInvestment .investmentArea .investmentContent td .hlNotes {display: block; margin-top: 5px;}
#YourInvestment #popupContainer {width:600px; display:none; position:absolute; padding:5px; background-color:#AFE0F8; border:1px solid #000000;}
#YourInvestment #popupClose {text-align:right; padding-bottom:3px;}
#YourInvestment #popupClose a {font-size:12px; cursor:pointer; color:#000000;}
#YourInvestment #popupContent {padding:0px 10px 10px 10px;}

#FranchiseAvailability {padding:29px;}
#FranchiseAvailability .openingDropdownArea {width:320px; height:89px; padding:30px 0 0 247px;}
#FranchiseAvailability .openingDropdownArea .label {margin-bottom:5px;}
#FranchiseAvailability .openingDropdownArea .dropdown {float:left;margin-top:8px;}
#FranchiseAvailability .openingDropdownArea .dropdown select {width:185px;}
#FranchiseAvailability .openingDropdownArea .button {float:left;}
#FranchiseAvailability .openingDropdownArea {width:567px; height:119px;}

#FranchiseAvailability .searchResults {margin-top:20px;}
#FranchiseAvailability .searchResults th ,
#FranchiseAvailability .searchResults td {padding-left:20px;}
#FranchiseAvailability .searchResults .resultsHeader {width:567px; height:39px;background: url("/Images/Graphics/franchiseavailabilityheaderbg.gif") no-repeat;}
#FranchiseAvailability .searchResults .resultItem ,
#FranchiseAvailability .searchResults .resultItemAlternating {height:29px; width:567px;}
#FranchiseAvailability .searchResults a {font-weight:bold; color:#db8e0f; text-decoration:none;}
#FranchiseAvailability .searchResults .resultItemAlternating {background: url("/Images/Graphics/franchiseavailabilityalternatingbg.gif") no-repeat;}
#FranchiseAvailability .noResults {margin-top: 5px;}

#FranchiseAvailability .formPage .formArea .textbox,
#FranchiseAvailability .formPage .formArea .dropdown,
#FranchiseAvailability .formPage .formArea .textarea {background-color: #f6fcff; border: 1px solid #b2cad4;}
#FranchiseAvailability .formPage .submit {margin-right: 5px;}
#FranchiseAvailability .formPage .note {width: 290px;}
#FranchiseAvailability .formbottom .left .formItem {margin-bottom: 8px;}
#FranchiseAvailability .formbottom .left .formItem div {margin-bottom: 2px;}
#FranchiseAvailability .formbottom .right .textarea {width: 310px; height: 85px;}

#FranchiseAvailability .paging {margin:10px 0 10px 0;}
#FranchiseAvailability .paging .results {float:left;}
#FranchiseAvailability .paging .nav {float:right;}

#FranchiseAvailability .legal {font-size:9px; line-height:12px;}

.franchiseAvailabilityControl {float:left; background:url("/Images/Graphics/franchiseavailabilitycontrolbg.gif") no-repeat; width:240px; height:239px; margin-bottom:16px; padding:20px;}
.franchiseAvailabilityControl {font-size:14px; font-weight:bold; color:#00a5db;}
.franchiseAvailabilityControl .button {margin-top:15px;}
.franchiseAvailabilityControl .button div {margin-bottom:5px;}
.franchiseAvailabilityControl .button a {font-size:11px; font-weight:normal; color:#af6d00;}
.franchiseAvailabilityControl .bottom {margin-top:45px;}
.franchiseAvailabilityControl .bottom .right,
.franchiseAvailabilityControl .bottom .left {float:left; width:110px;}
.franchiseAvailabilityControl .bottom .left {margin-right:15px;}

#faqList .faqQuestion {color:#ff9014;}

.GetStarted .step {margin-bottom: 20px;}
.GetStarted .step .stepTop {height: 10px; background: url("/Images/Graphics/bgFranchiseGetStartedStep_top.gif") top left no-repeat;}
.GetStarted .step .stepMid {padding: 0px 17px; background: url("/Images/Graphics/bgFranchiseGetStartedStep_mid.gif") top left repeat-y;}
.GetStarted .step .stepMid .left {width: 176px;}
.GetStarted .step .stepMid .left .number {float: left; width: 35px; margin-right: 14px;}
.GetStarted .step .stepMid .left .name {float: left; width: 126px; font-size: 20px; font-weight: bold; margin: 5px 0px;}
.GetStarted .step .stepMid .right {width: 305px;}
.GetStarted #contentArea .mainContent .pageCopy .step .stepMid .right a {text-decoration: underline; color: #00A4DB;}
.GetStarted .step .stepBot {height: 10px; background: url("/Images/Graphics/bgFranchiseGetStartedStep_bot.gif") top left no-repeat;}

.InTheNews #contentArea .mainContent .pageContent .pageCopy .moduleLinks {margin: 0px 0px 30px 15px;}
.InTheNews #contentArea .mainContent .pageContent .pageCopy .pressRoomModule .moduleLinks li {list-style: disc;}


.searchForm {padding:20px 20px 0 20px;}
#SearchResults {padding:20px; margin-bottom:30px;}

.searchForm,
#SearchResults {background:#ccebfb;}
