body {margin:0;padding:0;font:13px Verdana, Geneva, Arial, Helvetica, sans-serif;background:#f0f6dc;border:none;text-align:left;}
#wrapper {background:#f0f6dc url(img/top-bkg.gif) top no-repeat;}
img {border:none;margin:0;padding:0;}
a {text-decoration:none;color:#00f;cursor:pointer;}
a:hover {text-decoration:underline;}

p {margin:10px 0;padding:0;}

#main {width:990px; margin:0 auto; padding:0px;}

h1 {margin:0;padding:0;font-size:10px;width:680px;}
h2 {margin:0;padding:0;font-size:18px;color:#ac0e19;}
h3 {margin:0;padding:0;font-size:14px;color:#ac0e19}

#sarpinos-logo {position:relative;top:40px;left:59px;float:left;}

#header {background:url(img/header-bkg.jpg) top no-repeat;height:190px;margin:0;padding:0} 

#title {position:relative;left:300px;top:0px;margin:0;padding:0;width:680px;}
#title span {height:89px;position:absolute;top:0px;width:680px;}

#home #title span {background:url(img/home.gif) center top no-repeat;}
#why-franchise #title span {background:url(img/why-franchise.gif) center top no-repeat;}
#why-pizza #title span {background:url(img/why-pizza.gif) center top no-repeat;}
#why-sarpinos #title span {background:url(img/why-sarpinos.gif) center top no-repeat;}
#are-we-good-fit #title span {background:url(img/are-we-good-fit.gif) center top no-repeat;}
#take-next-step #title span {background:url(img/take-next-step.gif) center top no-repeat;}
#brand-building #title span {background:url(img/brand-building.gif) center top no-repeat;}

#menu {background:url('img/menu-bkg.png') left top no-repeat;height:278px;width:297px;margin:0;padding:0;text-align:center;}
#menu ul {margin:0;padding:0;padding-top:1px;}
#menu li {list-style:none;margin-top:10px;}
#menu a {color:#609184;font-size:15px;font-weight:bold;}

#home #menu #menu-1 {color:#ac0e19}
#why-franchise #menu #menu-2 {color:#ac0e19}
#why-pizza #menu #menu-3 {color:#ac0e19}
#why-sarpinos #menu #menu-4 {color:#ac0e19}
#are-we-good-fit #menu #menu-5 {color:#ac0e19}
#take-next-step #menu #menu-6 {color:#ac0e19}

#fr-logo { display:block; width: 237px; height:61px; background: transparent url(/local/img/fr.png) no-repeat; margin: 22px; }

#left-bar {float:left;position:relative;top:-20px;left:15px;z-index:200;margin-bottom:-110px;}

#content {width:600px;float:left;position:relative;top:-79px;left:-3px;z-index:100}
#content-top {background:url('img/content-top-bkg2.gif');width:690px;height:87px;margin:0;padding:0;position:relative;z-index:200}
#content-inside {background:url('img/content-bkg2.gif');width:600px;margin:0;margin-right:-90px;padding:40px 45px;margin-top:-64px}
#content-bottom {background:url('img/content-bottom-bkg2.gif') no-repeat;width:690px;height:73px;margin:0;padding:0;margin-top:-64px;}

#footer {background:url(img/footer-bkg.jpg) bottom no-repeat;clear:both;}
#vegetables {width:990px;margin:0 auto;padding:0;background:url(img/vegetables.jpg) right top no-repeat;height:140px;}
#footer p {margin:0 auto;padding:0px;font-weight:bold;width:990px;text-align:center;color:#fff;}

#footer a { color:White; }
#footer a:hover { color:#FED150; }

#HomeFlash {float:right;margin:0;margin-left:30px;}
#VideoPlayer {width:240px;padding:10px;margin-top:20px;margin-left:10px;}

#PageIllustration {float:right;margin:0;margin-left:30px;width:250px;height:201px;margin-top:10px;}
#why-franchise #PageIllustration {background:url(img/why-franchise.jpg)}
#why-pizza #PageIllustration {background:url(img/why-pizza.jpg)}
#why-sarpinos #PageIllustration {background:url(img/why-sarpinos.jpg)}
#are-we-good-fit #PageIllustration {background:url(img/are-we-good-fit.jpg)}

.hide {clear:both;visibility:hidden;margin:0;padding:0;font-size:1px;}

/*Home Page Bottom buttons Start*/
#hpbottom h2 {text-align:center; padding-bottom:10px;}
#hpsegment1 { width:180px; float:left; margin-top:20px;}
#hpsegment2 { width:180px; float:left; padding-left:30px; margin-top:20px;}
#hpsegment3 { width:180px; float:left; padding-left:30px; margin-top:20px;}

/*#hpsegment2 h2 { text-align:center;}
#hpsegment3 h2 { text-align:center;}*/
/*Home Page Bottom buttons End*/


#total-checked {width:20px;margin-right:5px;text-align:right;border:1px solid #ccc;padding-right:3px;font-weight:bold;}
#next-step-row strong {font-size:16px}
#next-step-row a img {margin-top:10px}
.take-next-step-button {display:block;width:209px;height: 50px;background: url("img/take-next-step-btn.png") no-repeat 0 0;margin:0 auto;margin-top:10px}
.take-next-step-button:hover {background-position: 0 -50px;}

.take-next-step-button span {display:none;}

#request-for-consideration-form .label-input label {float:left;width:350px;}

.why-sarpinos-menu {margin:0;padding:0;display:block;height:60px;position:relative;z-index:200}
.why-sarpinos-menu li { display:block; float:left; margin:0; padding:0; position:relative;}
.why-sarpinos-menu li a { background:url(img/why-sarpinos-btn.jpg) no-repeat; float:left; height:0; padding:40px 0 0 0; margin:0; overflow:hidden; border:0px dotted red;font-size:11px;}
.why-sarpinos-menu li.great-menu a {background-position:0 0; width:128px;margin:0 11px;}
.why-sarpinos-menu li.great-menu a:hover {background-position:0 -40px;}
.why-sarpinos-menu li.great-system a {background-position:-146px 0; width:128px;margin:0 11px;}
.why-sarpinos-menu li.great-system a:hover {background-position:-146px -40px;}
.why-sarpinos-menu li.market-availability a {background-position:-293px 0; width:128px;margin:0 11px;}
.why-sarpinos-menu li.market-availability a:hover {background-position:-293px -40px;}
.why-sarpinos-menu li.reviews a {background-position:-440px 0; width:128px;margin:0 11px;}
.why-sarpinos-menu li.reviews a:hover {background-position:-440px -40px;}

.are-we-good-fit-menu {margin:0 auto;width:550px;padding:0;display:block;height:60px;}
.are-we-good-fit-menu li { display:block; float:left; margin:0; padding:0; position:relative;}
.are-we-good-fit-menu li a { background:url(img/are-we-good-fit-btn.png) no-repeat; float:left; height:0; padding:43px 0 0 0; margin:0; overflow:hidden; border:0px dotted red;font-size:11px;}
.are-we-good-fit-menu li.take-our-quiz a {background-position:0 0; width:143px;margin:0 20px;}
.are-we-good-fit-menu li.faq a {background-position:-190px 0; width:143px;margin:0 20px;}
.are-we-good-fit-menu li.minimum-requirements a {background-position:-384px 0; width:143px;margin:0 20px;}
.are-we-good-fit-menu li.take-our-quiz a:hover {background-position:0 -43px;}
.are-we-good-fit-menu li.faq a:hover {background-position:-190px -43px;}
.are-we-good-fit-menu li.minimum-requirements a:hover {background-position:-384px -43px;}

#QuizTable {clear:both;margin-top:10px;}

#request-table {margin-top:30px;width:595px;}
#request-table textarea {width:250px;border:1px solid #ccc;padding:0 3px;}
#request-table input {width:250px;border:1px solid #ccc;height:16px;padding:0 3px;}
#request-table select {width:256px;border:1px solid #ccc;}

#location-table h3 {margin:10px 0 0 0;}
.tl { text-align:center;}

/*Clear after*/
.clearfix:after { content:"."; display: block; height:0; clear:both; visibility:hidden; }
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

/*Application */
  #application-form h1 { padding: 20px 0 20px 0; }
  #application-form h3 { font-family:Georgia, Times New Roman, Serif; font-size:16px; color:#6C2F1A; font-weight:normal; padding-bottom:8px; border-bottom:1px solid #E6E6E6; margin-bottom:10px; }

  #application-table textarea {width:540px;border:1px solid #ccc;padding:0 3px;margin:3px 0;}
  #application-table p {padding:0px 15px 0px 15px; line-height:1.4;}
  #application-table input {width:250px;height:18px;padding:2px 5px; margin:2px 0; background-color: #F2F0E7; border:1px solid #CFCAB5;}
  #application-table input.small { width:100px; }
  #application-table select {width:256px;border:1px solid #ccc;}
  #application-table textarea {border:1px solid #ccc; background-color:#F2F0E7; margin-left:15px;}
  #apptablediv { width:600px; margin: 0 auto; padding-top:20px; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;}
  #appbuttons { margin: 0 auto; padding: 35px 0 0px 0px; width:258px;}
  .appnolist td:hover { cursor:default; }
  .appnolist td { cursor:default; padding-bottom:5px;}
  .appnolist { cursor:default; padding-bottom:5px;}
  .apptdname { text-align:right; padding-right:10px; padding-bottom:5px;}
  .appbackbutton { float:left; width:119px; height:34px; padding-right:20px;}
  .appnextbutton { float:right; width:119px; height:34px; }
  .pagefour input {width:100px;} 
  #appcontent { background-color:#fff; margin-top:2px;}
  #appclose { float:right; padding:23px 39px 0 0;}
  #appclose a{color: #8A5D1E; text-decoration: underline;}
  #appheader { background:url(/local/css/img/app-header-bg.png) top center no-repeat;}
  #apptop { padding: 173px 0 0 20px; color:#4D4D4D; font-family: Georgia, Geneva, Arial, Helvetica, serif;}
  #appcounter {float:right; padding-right:20px;}
  #appsteps { font-size:12px; text-align:right; padding: 0 5px 5px 0;}
  #apppages { background: url(/local/css/img/app-nav-bg.gif) repeat-x; width:191px; height:37px;}
  #apppages ul { list-style:none; margin:0; border:0; padding:0;}
  #apppages li { float:left; font-size:14px; padding:5px 15px 15px 15px;}
  .appactive { background:url(/local/css/img/app-nav-active.gif) center top no-repeat; color:#F15A24; font-weight:bold;}
  .applink {color:#4D4D4D;}

  #apptop h1 { font-family: Georgia, Geneva, Arial, Helvetica, serif; font-size:24px; color:#4D4D4D; font-style:normal; font-weight:normal;}
  #apptop h4 {font-style:normal; margin:0; border:0; padding:0; padding:15px 0 5px 0;}
  #appfooter { background:url(/local/css/img/app-footer-bg.png) bottom center no-repeat; height:230px; color: #4D4D4D;}
  .footer-notes{position:absolute; bottom:0; left:0; background:url(/local/css/img/godaddy-SSL.png) top left no-repeat; height:125px; margin: 20px 20px 0 20px; padding:20px 70px 0 120px;}

  .closeButton {cursor:pointer; display:block; text-align:right; background: url(img/cancel.png) top left no-repeat; padding-left:20px; width:38px; height:20px; float:right;}
  #floatBox { z-index:1000; background:#543619; left:50%; margin-left:-360px; position:absolute; width:722px; color:#323232; }
  .darkenBackground { background-color: #543619; opacity: 0.8; /* Safari, Opera */ -moz-opacity:0.80; /* FireFox */ filter: alpha(opacity=80); /* IE */ z-index: 999; height: 100%; width: 100%; background-repeat:repeat; position:fixed; top: 0px; left: 0px; }

/*End Application*/

/*Brand Awareness Page*/
.bah2 { padding-top:30px; margin-bottom:10px;}
.bapic { float:left; width:372px; height:308px; padding-bottom:20px;}
.batext { float:left; width:208px; height:308px; padding:10px 0 0 20px;}
/*End Brand Awareness Page*/

/*Begin Franchisee Reviews*/
#YesNoSelector { text-align:center; padding:20px 0; }
#YesNoSelector a { padding:0 10px; }
.thumbsup { background: url(img/thup.png) no-repeat 0 50%; padding-left:35px; height:2em; }
.thumbsdown { background: url(img/thdown.png) no-repeat 0 50%; padding-left:35px; height:2em; }
/*End Franchisee Reviews*/

#investments-calculator {}
#investments-calculator input {width:100px;}
#investments-calculator #QA6 {font-weight:bold}

.list { border:1px solid #D8D2BD; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; margin:0 5px 0 0; }
.list a { color:#0000CC; text-decoration:none; }
.list a:hover { text-decoration:underline; }
.list td, .list th { font-size:11px; vertical-align:top; padding:3px 6px; }
.list thead { border:1px solid #D8D2BD; border-bottom:none;	background-color:#F0EFE7; }
.list thead th { text-align:center; border-top: 1px solid #FFFFFF; border-right: 1px solid #FFFFFF; border-bottom: 1px solid #D8D2BD; border-left: 1px solid #D8D2BD; font-weight:bold; color:#333333; padding:3px; vertical-align:middle; }
.list tbody td{ border-right:1px dotted #efefef; border-bottom:1px solid #F3F4F3; text-align:left; }
.list tbody .alternatingitem { background-color:#F7F7F7; font-size:10px; height: 22px; }
.list tbody tr:hover { cursor:default; background-color:#F8F3E4;}
.list .label, .listV .label, .list .label40, .list .label20 { text-align:left; }
.list img{ vertical-align:middle; }
.list .label40 {padding-left:40px;}
.list .label20 {padding-left:20px;}
.list .divide td { border-top:4px solid #ccc; }
.list caption {text-align:left;margin:0;}
.list caption p {padding:5px 0; width:750px;}
.list caption p .highlight_pct {margin-right:5px;}
.nolist td:hover { cursor:default; background-color:#fff;}
.nolist td { cursor:default; background-color:#fff;}
.nolist { cursor:default; background-color:#fff;}

.errors {border:1px solid #f00;margin:0 auto;margin-bottom:10px;padding:10px;width:75%;}

.btnSend input, .btnSend img { display:inline;	width:96px;	height:37px; background: url("/local/css/img/send-btn-bkg.gif") 0 0 no-repeat; text-decoration:none; border:0;float:right;margin-top:5px;}
.btnSend input:hover, .btnSend img:hover { background-position:  0 -37px;	text-decoration:none;	}

.baloon-75 {background:url('img/baloon-75.gif');height:105px;width:409px;margin:0 auto;padding:20px 25px 0px 25px;text-align:left;}
.baloon-125 {background:url('img/baloon-125.gif');height:135px;width:409px;margin:0 auto;padding:20px 25px 0px 25px;text-align:left;}
.baloon-130 {background:url('img/baloon-130.gif');height:155px;width:409px;margin:0 auto;padding:20px 25px 0px 25px;text-align:left;}
.baloon-140 {background:url('img/baloon-140.gif');height:155px;width:409px;margin:0 auto;padding:20px 25px 0px 25px;text-align:left;}
.baloon-145 {background:url('img/baloon-145.gif');height:120px;width:409px;margin:0 auto;padding:20px 25px 0px 25px;text-align:left;}
.baloon-200 {background:url('img/baloon-200.gif');height:180px;width:409px;margin:0 auto;padding:20px 25px 0px 25px;text-align:left;}
.baloon-250 {background:url('img/baloon-250.gif');height:270px;width:409px;margin:0 auto;padding:20px 25px 0px 25px;text-align:left;}
.baloon-75 p, .baloon-125 p, .baloon-130 p, .baloon-140 p, .baloon-145 p, .baloon-200 p, .baloon-250 p {margin:0;padding:0;}
  
.credentials {margin:0;padding:0;margin-left:400px;color:#8f0000;}
.credentials p {margin:0;padding:0;}

/*Sticky Footer*/
html, body {height: 100%;}
#wrapper {min-height: 100%;height: auto !important;height: 100%;margin: 0 auto -170px;}
#footer, #push {height:170px}

.z200 {position:relative;z-index:200}

/*IE 6 Related Stuff*/
* html #menu {background:url('img/menu-bkg.gif');}
* html .hear-it {background:url('img/menu-bkg.gif');}
* html #footer1, * html #push1 {height:210px}

/*Opportunity styling*/
#bgOpportunity { margin-top:30px; width:293px; height:230px; background: url('img/opportunitybg.png'); position:relative; float:left; }
#textOpportunity { float:left; width: 252px; padding: 42px 0px 0px 30px; }
a.opportunityButton { position:absolute; bottom:27px; left:33px; width:220px; height:0px; display:block; padding-top:50px; background: url('img/opportunityButton.png') top left no-repeat; overflow:hidden; }
a.opportunityButton:hover { background-position: 0 -50px; }

a.qualified { display:block; overflow:hidden; padding-top:46px; height:0; width:265px; background: url(img/qualified.jpg) no-repeat; margin-bottom:20px; }
.inactive { color:#999;}
#ApplicationValidation{background-color: #f9fac9;}

