* {margin: 0px; padding: 0px;} /* makes it so the scroll bar is always present. nice to not have the page jump with dhtml */ html { overflow-y: scroll; } /* remove dotted border around links in firefox*/ a:active, a:focus { outline: 0; } .clear:after { content:"."; display:block; height:0; clear:both; visibility:hidden; } .clear { display:inline-block; } .clear { display:block; } .left { float:left !important; } .right { float:right !important; } .relative { position: relative !important; } .absolute { position: absolute !important; } .italic { font-style: italic !important; } .bold { font-weight: bold !important; } body { font-family: Arial, helvetica, sans-serif; background: #3c321d url('/public/img/franchisesite/background.gif') no-repeat scroll top center; font-size: 11px; color:#e4e2de; } /* cufon */ .RockwellRegular16 { font-size: 16px; color: #5f3a00; font-weight: normal; visibility:hidden; } .RockwellBold9 { font-size: 9px; font-weight: bold; color: #fff; text-transform: uppercase; visibility:hidden; } .RockwellBold11 { font-size: 11px; font-weight: bold; color: #fff; text-transform: uppercase; visibility:hidden; } .RockwellBold12 { font-size: 12px; color: #b1a68e; font-weight: bold; text-transform: uppercase; visibility:hidden; } .RockwellBold12yellow { font-size: 12px; color: #e5a200; font-weight: bold; visibility:hidden; } .RockwellBold18 { font-size: 18px; font-weight: bold; color: #5f3a00; visibility:hidden; } .MontereyBTRegular32 { font-size: 32px; color: #fff; visibility:hidden; } .MontereyBTRegular52 { font-size: 52px; color: #fff; height: 58px; visibility:hidden; } /* columns */ .col112 { width: 112px; } .col179 { width: 179px; } .col180 { width: 180px; } .col286 { width: 286px; } .col385 { width: 385px; } .col394 { width: 394px; } .col395 { width: 395px; } .col402 { width: 402px; } .col593 { width: 593px; } .col595 { width: 595px; } .col800 { width: 800px; } /* rows */ .row180 { height: 180px; overflow: hidden; } .row192 { height: 192px; overflow: hidden; } /* margins */ .rspace4 { margin-right: 4px; } .rspace8 { margin-right: 8px; } .rspace12 { margin-right: 12px; } .rspace16 { margin-right: 16px; } .rspace28 { margin-right: 28px; } .bspace8 { margin-bottom: 8px; } .bpad12 { padding-bottom: 12px; } .bspace10 { margin-bottom: 10px; } .bspace12 { margin-bottom: 12px; } .bspace20 { margin-bottom: 20px; } .bpad25 { padding-bottom: 25px; } .bspace30 { margin-bottom: 30px; } .greybottom { border-bottom: 1px solid #8A8477; } /* overall container */ #mainContainer { background-color:#2A200E; width:960px; margin: 0 auto; } /* external pop up */ #mainContainer .external { height:602px; width:800px; float:left; overflow:scroll; } #mainContainer .external .content { display:inline; margin-top:43px; margin-left:39px; width:704px; float:left; } #mainContainer .external .content h1 { color:#e5a200; font-size:18px; text-transform:uppercase; } #mainContainer .external .content .col-1 { margin-top:15px; width:334px; float:left; margin-right:28px; } #mainContainer .external .content .col-2 { margin-top:15px; width:334px; float:left; } #mainContainer .external .content p { line-height:17px; font-size:12px; float:left; margin-bottom:16px; margin-top:0px; } /* header */ #headerContainer { background: url('/public/img/franchisesite/headbodybg.jpg') no-repeat; } #headerContainer #header { height: 100px; position: relative; } #headerContainer #header .logo { position:absolute; top: 20px; left: 80px; } #headerContainer #header .logo a { border:0;} #headerContainer #header .logo a img { border:0;} #headerContainer #header .logo a.mellow-home { font-size:1px; margin-top:2px; text-indent:-999em; letter-spacing:-999em; position:absolute; width: 81px; height: 10px; top: 65px; left: 0px; background: url('/public/img/franchisesite/mellow_home.gif') no-repeat scroll top left; } #headerContainer #header .logo a.mellow-home:hover { background-position:0 -10px; cursor:pointer; } /* navigation styles */ #headerContainer #header .nav { position:absolute; top: 75px; left: 240px; } #headerContainer #header .nav ul { list-style: none; list-style-type: none; display: block; float:left;} #headerContainer #header .nav ul li { display:block; float:left; } #headerContainer #header .nav ul li.first { margin-left: 18px; } #headerContainer #header .nav ul li a { display: block; height: 10px; line-height: 10px; background-position: bottom; background-repeat: no-repeat; text-indent: -999em; margin-right: 15px; } #headerContainer #header .nav ul li a:hover, #headerContainer #header .nav ul li a.selected { background-position: top; } /* navigation link styles */ #headerContainer #header .nav ul li a.ourstory { background-image: url('/public/img/franchisesite/nav/ourstory.gif'); width: 68px; } #headerContainer #header .nav ul li a.askaquestion { background-image: url('/public/img/franchisesite/nav/askaquestion.gif'); width: 101px; } #headerContainer #header .nav ul li a.getintouch { background-image: url('/public/img/franchisesite/nav/getintouch.gif'); width: 87px; } #headerContainer #header .nav ul li a.whereweare { background-image: url('/public/img/franchisesite/nav/whereweare.gif'); width: 92px; } #headerContainer #header .nav ul li a.getthedetails { background-image: url('/public/img/franchisesite/nav/getthedetails.gif'); width: 106px; } #headerContainer #header .nav ul li a.mellowstories { background-image: url('/public/img/franchisesite/nav/mellowstories.gif'); width: 108px; } #headerContainer .content { position:relative; } #headerContainer .contentFooter { position:relative; } #headerContainer .contentFooter .blueStrip { height: 45px; width:960px; background:url('/public/img/franchisesite/headbodyfooter-trans.png'); position: absolute; top:-35px; } #headerContainer #takeTheQuizContainer { position:absolute; right: 80px; width: 186px; } /* main content area */ #contentContainer { width:800px; background: #2a200e; padding: 62px 80px 45px; } #contentContainer #content, #contentContainer .content { } /* page styles */ #home { height: 340px; } #get-in-touch { height: 118px; } #mellow-stories { height: 139px; } #our-story { height: 68px; } #ask-a-question { height: 154px; } /* where we are section */ #whereweare { padding: 0 80px 52px; position:relative; } #whereweare .maparea { z-index: 1; position: relative; height: 152px; min-height: 152px; height: auto !important; height: 152px; } #whereweare .maparea .overview { width: 345px; padding-top: 32px; } #whereweare .maparea .mapholder { margin-bottom:10px; position: absolute; top: 0; right: -13px; width: 506px; height: 248px; z-index: 100; } /*background: transparent url('/public/img/franchisesite/map_temp.png') 0 0 no-repeat;*/ #whereweare .location { height: 340px; display: none; } #whereweare .location .googlemap { width: 394px; height: 270px; overflow: hidden; } #whereweare .location .subtitle { margin-top:30px; display: block; width: 100%; background: transparent url('/public/img/franchisesite/headerline.gif') 0 100% no-repeat; } #whereweare .location .visitstore { height: 15px; padding: 6px 0 0 7px; margin-bottom: 4px; } #whereweare .location .visitstore a { font-size:1px; display: block; height: 10px; width: 104px; background: transparent url('/public/img/franchisesite/visitstore.gif') 0 0 no-repeat; text-indent:-999em; letter-spacing:-999em; } #whereweare .location .visitstore a:hover { background-position: 0 -10px; } #whereweare .location select { width: 286px; margin-bottom: 4px; font-size: 11px; height: 21px; } #whereweare .location .thumbnail { width: 112px; height: 79px; margin-bottom: 4px; cursor: pointer; } #whereweare .location .fullsize { width: 286px; height: 245px; overflow: hidden; } #whereweare .location .fullsize .photoholder { width: 858px; height: 215px; } #whereweare .location .fullsize .photo { float: left; display: inline; } #whereweare .location .spinner { background: transparent url('/public/img/franchisesite/preloader_42_f2d080.gif') 50% 50% no-repeat; } #whereweare .location .failed { background: transparent url('/public/img/icons/bullet_delete.png') 50% 50% no-repeat; } .storesindev { width: 10000px; overflow: hidden; } .storeindev img { background-color: #000; display: block; width: 195px; height: 140px; margin-bottom: 1px; z-index:1; } .storeindev div { width: 179px; height: 28px; padding: 7px 8px 5px; background-color: #473c25; overflow: hidden; } .storeindev strong { display: block; font-size: 12px; font-weight: bold; color: #e5a200; } .storeindev span {display: block;} .storeindev span.openingdate { margin-top: -1px; } a.btn-prev, a.btn-next { font-size:1px; text-indent:-999em; letter-spacing:-999em; height: 10px; } a.btn-prev { width: 41px; background: transparent url('/public/img/franchisesite/prev_button.gif') 0 0 no-repeat; } a.btn-next { width: 42px; background: transparent url('/public/img/franchisesite/next_button.gif') 0 0 no-repeat; } a.btn-prev:hover, a.btn-next:hover { background-position: 0 -10px; } .opacity50 { /* 50% opaque */ opacity:0.50; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(opacity=50)"; filter:alpha(opacity=50); zoom:1 } a.opacity50:hover { background-position: 0 0; } .emailform { background-color: #473c25; } .emailform p { padding: 11px; } .emailform label { display: block; padding: 0 11px; margin-bottom: 2px; } .emailform input { display: block; margin: 0 10px 10px 11px; width: 152px; } .emailform select { display: block; margin: 0 11px 10px 11px; width: 157px; } .emailform button { height: 18px; width: 54px; margin: 0 11px 11px 0; border: none; padding: 0; background: transparent url('/public/img/franchisesite/btn_submit.gif') 0 0 no-repeat; text-indent:-999em; letter-spacing:-999em; cursor: pointer; } .emailform button:hover { background-position: 0 -18px; } /* home page content */ #homepage { clear:both; width:100%; } /* shared */ #homepage .news, #homepage .where-we-are, #homepage .interested { position:relative; display:block; margin-top:20px; border-top:1px solid #959087; } #homepage p { clear: left; margin-top: 10px; } /* news column */ #homepage .news h2.label { position:relative; margin-top:-27px; float:left; height: 30px; width: 140px; background: url('/public/img/franchisesite/latestfranchisenews.gif') no-repeat scroll top left; text-indent:-999em; letter-spacing:-999em; } #homepage .news a.view-all { font-size:1px; position:relative; margin-top:-13px; float:right; height: 8px; width: 39px; background: url('/public/img/franchisesite/viewall.gif') no-repeat scroll top left; text-indent:-999em; letter-spacing:-999em; } #homepage .news a.view-all:hover { background-position:0 -8px; cursor:pointer; } #homepage .news a.news-container { float:left; text-decoration: none; display: block; width:355px; height:33px; padding:12px 15px; margin-bottom:1px; background-color:#3c321d; overflow: hidden; } #homepage .news a.news-container:hover { background-color:#453c28; cursor:pointer; } #homepage .news a.news-container.first { margin-top:1px; } #homepage .news a.news-container .date-container { color:#fff; width:30px; height:33px; float:left; } #homepage .news a.news-container .news-content-container { margin-left:5px; margin-top:-4px; width:320px; font-family:Arial; font-size:11px; color:#fff; float:left; } #homepage .news a.news-container .news-content-container span.title { width:100%; float:left; display:block; font-size:12px; font-weight:bold; color:#e5a200; } /* where we are column */ #homepage .where-we-are h2.label { position:relative; margin-top:-25px; float:left; height: 22px; width: 88px; background: url('/public/img/franchisesite/whereweare.gif') no-repeat scroll top left; text-indent:-999em; letter-spacing:-999em; } #homepage .where-we-are p { margin-top:10px; } #homepage .where-we-are a.use-our-store-browser { float:left; margin-left:-2px; margin-top:20px; height: 113px; width: 183px; background: url('/public/img/franchisesite/useourstorebrowser.gif') no-repeat scroll top left; text-indent:-999em; letter-spacing:-999em; } #homepage .where-we-are a.use-our-store-browser:hover { background-position:0 -113px; cursor:pointer; } /* interested column */ #homepage .interested h2.label { position:relative; margin-top:-25px; float:left; height: 22px; width: 77px; background: url('/public/img/franchisesite/interested.gif') no-repeat scroll top left; text-indent:-999em; letter-spacing:-999em; } #homepage .interested p { margin-top:10px; } #homepage .interested a.talk-to-us { font-size:1px; float:left; margin-top:5px; height: 11px; width: 63px; background: url('/public/img/franchisesite/talktous.gif') no-repeat scroll top left; text-indent:-999em; letter-spacing:-999em; } #homepage .interested a.talk-to-us:hover { background-position:0 -11px; cursor:pointer; } /* frequently asked questions */ #faqhead { height: 206px; padding: 0 80px; position: relative; } #faqhead .overview { padding-top:32px; width:364px; } #faqhead .question { float: right; background: url('/public/img/franchisesite/faq/askitheader-trans.png') no-repeat; height: 53px; width: 385px; height: 150px; position: absolute; top: 57px; right: 80px; } #faqhead .question .example { padding:12px; } #faqhead .input { width:388px; position:absolute; background: url('/public/img/franchisesite/faq/askitq.gif') no-repeat; left:508px; } #faqhead .input { display: block; float:left; margin-top:-40px; padding-left: 32px; } #faqhead .input input { display: inline; float: left; font-size: 11px; padding: 2px; width: 235px; } #faqhead .input a { position:relative; float: left; display: inline; float:left; height: 22px; width: 78px; line-height: 22px; margin: 0 0 0 8px; background: url('/public/img/franchisesite/faq/askitbtn-trans.png') no-repeat bottom; text-indent: -999em; } #faqhead .input a:hover { background-position: top; } #faq ul.questionresult { list-style: none; display: block; margin-left: 0; padding-left: 0; } #faq ul.questionresult li { line-height: 14px; margin-bottom: 5px; } #faq ul.questionresult a { text-decoration: none; font-size: 11px; color: #b1a68e; } #faq ul.questionresult a:hover { text-decoration: none; font-size: 11px; color: #fff; } #faq ul.questionresult li.question { border-bottom:1px solid #3A301E; } #faq ul.questionresult li.question a { position: relative; display: block; background: url('/public/img/franchisesite/faq/grey_q.gif') 0 2px no-repeat; padding: 0 25px 5px 20px; } #faq ul.questionresult li.question a span { position: absolute; width: 14px; height: 14px; top: 0; right: 2px; background: url('/public/img/franchisesite/faq/acircle.gif') 0 -14px no-repeat; } #faq ul.questionresult li.question a:hover { color: #fff; } #faq ul.questionresult li.selected { border-bottom: none; } #faq ul.questionresult li.question.selected a { color: #fff; background: url('/public/img/franchisesite/faq/selected_q.gif') 0 2px no-repeat; } #faq ul.questionresult li.question a:hover span, #faq ul.questionresult li.selected a span { background-position: 0 0; } #faq ul.questionresult li.answer { display: none; background: url('/public/img/franchisesite/faq/selected_a.gif') 0 2px no-repeat; padding: 0 25px 5px 20px; margin: -5px 0 5px; border-bottom:1px solid #3A301E; } #faq .faqquestionres { display: none; background-color: #3C321D; min-height: 42px; height: auto !important; height: 42px; } #faq .faqquestionres .pl-sm { margin-top: 0; } #faq #faqquestion { padding: 12px 12px 4px; } #faq #faqquestion p.question { background: url('/public/img/franchisesite/faq/answer_q.gif') 0 2px no-repeat; font-weight: bold; padding: 0 0 13px 20px; line-height: 12px; border-bottom: 1px solid #655d4e; } #faq #faqemail { padding-top: 16px; } #faq #faqemail .input { margin-top: 8px; } #faq #faqemail .input input { display: block; float:left; font-size: 11px; padding: 2px; width: 178px; } #faq #faqemail .input a { display: block; float:left; height: 22px; width: 69px; line-height: 22px; margin: 0 0 7px 8px; background: url('/public/img/franchisesite/faq/faqsubmitbtn.gif') no-repeat bottom; text-indent: -999em; } #faq #faqemail .input a:hover { background-position: top; } #faq #faqresults { padding-bottom: 1px; } #faq #faqresults p.question { background: url('/public/img/franchisesite/faq/result_q.gif') 0 2px no-repeat; font-weight: bold; padding: 0 0 0 20px; line-height: 12px; margin: 0 0 4px 0; } #faq #faqresults p.answer { background: url('/public/img/franchisesite/faq/result_a.gif') 0 2px no-repeat; padding: 0 0 0 20px; line-height: 12px; margin: 0 0 15px 0; } #faq #faqresults p.answer span { padding-bottom: 15px; } #faq #faqresults p.answer a { color: #e5a200; } #faq .contentContainer { padding: 12px; margin: 0 0 1px 0; } /* get in touch*/ #get-in-touch { height: 166px; padding: 0 80px; position: relative; } #get-in-touch .overview { padding-top:32px; width: 380px; } .get-in-touch #requestinfo { float:left; width:400px; } .get-in-touch form#requestinfo span { margin-bottom:3px; float:left; clear:both; text-indent:-999em; letter-spacing:-999em; color:#fff; } .get-in-touch form#requestinfo span#name { width: 29px; height: 6px; background: url('/public/img/franchisesite/git_name.gif') no-repeat scroll top left; } .get-in-touch form#requestinfo span#email { width: 32px; height: 6px; background: url('/public/img/franchisesite/git_email.gif') no-repeat scroll top left; } .get-in-touch form#requestinfo span#phone { width: 34px; height: 6px; background: url('/public/img/franchisesite/git_phone.gif') no-repeat scroll top left; } .get-in-touch form#requestinfo span#areaofinterest { width: 101px; height: 8px; background: url('/public/img/franchisesite/git_areaofinterest.gif') no-repeat scroll top left; } .get-in-touch form#requestinfo span#comments { width: 58px; height: 6px; background: url('/public/img/franchisesite/git_comments.gif') no-repeat scroll top left; } .get-in-touch form#requestinfo span#state { width: 61px; height: 6px; background: url('/public/img/franchisesite/git_homestate.gif') no-repeat scroll top left; } .get-in-touch form#requestinfo span#howdidyouhear { width: 145px; height: 6px; background: url('/public/img/franchisesite/git_howdidyouhear.gif') no-repeat scroll top left; } .get-in-touch form#requestinfo span#meets_reqs { margin-left:20px; margin-top:-10px; display:inline; width: 277px; height: 33px; background: url('/public/img/franchisesite/frugal.gif') no-repeat scroll top left; } .get-in-touch form#requestinfo .error { width:100%; display:inline; clear:both; float:left; color:#e40203; padding-top:10px; padding-bottom:10px; font-size:12px; } .get-in-touch form#requestinfo .exclamation { display:block; float:left; margin-right:6px; background: url('/public/img/franchisesite/exclamation.gif') no-repeat scroll top left; width: 14px; height: 14px; } .get-in-touch #requestinfo .success { margin-top:10px; float:left; padding-top:10px; padding-bottom:10px; width: 381px; height: 57px; background: url('/public/img/franchisesite/getintouch_submittedtxt.gif') no-repeat scroll top left; } .get-in-touch .form-col, .form-col-bottom { float:left; } .get-in-touch .form-col-one { width:197px; float:left; } .get-in-touch .form-col-two { width:190px; float:left; } .get-in-touch .form-col-two { display:inline; margin-left:5px; } .get-in-touch .form-col-one input, .form-col-two input { height:17px; float:left; margin-bottom:8px; width:190px !important; } .get-in-touch .form-col input { height:17px; float:left; margin-bottom:8px; width:392px !important; } .get-in-touch .form-col textarea { float:left; width:396px !important; height:142px; } .get-in-touch .form-col-bottom { width:100%; margin-top:10px; } .get-in-touch .form-col-bottom input { float:left; display:block; } .get-in-touch .form-col-bottom button#submit { display:inline; border: none; padding: 0; margin-left:25px; margin-top:-10px; width: 65px; height: 21px; float:right; text-indent:-999em; letter-spacing:-999em; background: url('/public/img/franchisesite/submit.gif') no-repeat scroll top left; } .get-in-touch .form-col-bottom button#submit:hover { background-position:0 -21px; cursor:pointer; } .get-in-touch .director_of_container { margin-top:10px; float:left; margin-left:14px; width: 386px; } .get-in-touch .director_of_container .top { padding-top:15px; padding-bottom:15px; float:left; width:100%; border-top:solid 1px #6a6357; } .get-in-touch .director_of_container .bottom { padding-top:15px; padding-bottom:15px; float:left; width:100%; border-top:solid 1px #6a6357; border-bottom:solid 1px #6a6357;} .get-in-touch .director_of_container .bottom .col-1 { float:left; width:50%; } .get-in-touch .director_of_container .bottom .col-2 { float:left; width:50%; } .get-in-touch .director_of_container h1 { clear:both; float:left; margin-bottom:6px; } .get-in-touch .director_of_container h1.last { margin-top:12px; } .get-in-touch .director_of_container span { display:inline; font-family:Arial; font-size:12px; color:#fff; float:left; width:185px; clear:left; line-height:17px; } .get-in-touch .director_of_container a#ready-to-apply { width: 96px; height:87px; margin-top:12px; float:left; text-indent:-999em; letter-spacing:-999em; background: url('/public/img/franchisesite/ready_to_apply.gif') no-repeat scroll top left; } .get-in-touch .director_of_container a#ready-to-apply:hover { background-position:0 -87px; cursor:pointer; } .ready-to-apply a.download-application { position:absolute; float:left; margin-top:-35px; margin-left:20px; text-indent:-999em; letter-spacing:-999em; width: 148px; height: 28px; background: url('/public/img/franchisesite/download_app.gif') no-repeat scroll top left; } .ready-to-apply a.download-application:hover { background-position:0 -28px; cursor:pointer; } object#locationmap { z-index:1000; position:relative; } /* get the details */ #get-the-details { height: 131px; padding: 0 80px; position: relative; } #get-the-details .overview { padding-top:32px; width:390px; } .contentFooter .blueStrip .learn-more { z-index:1; display:inline; margin-left:505px; margin-top:17px; float:left; width: 104px; height: 21px; background: url('/public/img/franchisesite/learn_more_about.gif') no-repeat scroll top left; } .contentFooter .tab-container { clear:both; position:relative; display:inline; float:left; margin-top:-18px; margin-right:78px; float:right; } .contentFooter .tab-container a { margin-right:2px; text-indent:-999em; letter-spacing:-999em; float:left; } .contentFooter .tab-container a.tab-one { width: 76px; height: 28px; background: url('/public/img/franchisesite/the_steps_tab.gif') no-repeat scroll top left; } .contentFooter .tab-container a.tab-one:hover { background-position:0 -28px; cursor:pointer; } .contentFooter .tab-container a.tab-one.selected { background-position:0 -28px; cursor:pointer; } .contentFooter .tab-container a.tab-two { width: 101px; height: 28px; background: url('/public/img/franchisesite/financial_stuff_tab.gif') no-repeat scroll top left; } .contentFooter .tab-container a.tab-two:hover { background-position:0 -28px; cursor:pointer; } .contentFooter .tab-container a.tab-two.selected { background-position:0 -28px; cursor:pointer; } .contentFooter .tab-container a.tab-three { width: 68px; height: 29px; background: url('/public/img/franchisesite/our_help_tab.gif') no-repeat scroll top left; } .contentFooter .tab-container a.tab-three:hover { background-position:0 -29px; cursor:pointer; } .contentFooter .tab-container a.tab-three.selected { background-position:0 -29px; cursor:pointer; } .get-the-details .left-col { float:left; margin-top:45px; width:380px; } .get-the-details .left-col .info { float:left; margin-bottom:18px; } .get-the-details .left-col .info p { margin-top:2px; line-height:15px; } .get-the-details .right-col { display:inline; float:right; margin-top:38px; width:389px; } .get-the-details .right-col .mm-for-franchise { float:left; width: 381px; height: 187px; background: url('/public/img/franchisesite/quiz/mm_for_franchise.gif') no-repeat scroll top left; } .get-the-details .right-col a#ready-to-apply { margin-left:294px; margin-top:147px; float:left; text-indent:-999em; letter-spacing:-999em; width: 96px; height: 87px; background: url('/public/img/franchisesite/read_to_apple.gif') no-repeat scroll top left; } .get-the-details .right-col a#ready-to-apply:hover { background-position:0 -87px; cursor:pointer; } /*** mellow match ****/ a.mellowmatch { clear:both; position:relative; margin-left:-13px; margin-top:-55px; float:left; height:49px; width: 202px; text-indent:-999em; letter-spacing:-999em; } a.are-you-mellow { margin-top: -70px; background: url('/public/img/franchisesite/quiz/areyoumellow.gif') no-repeat scroll top left; } a.are-you-mellow:hover { background-position:0 -49px; cursor:pointer; } a.mellowmatch-three-four { background: url('/public/img/franchisesite/quiz/mellow_match_3_4.gif') no-repeat scroll top left; } a.mellowmatch-five { background: url('/public/img/franchisesite/quiz/mellow_match_5.gif') no-repeat scroll top left; } a.mellowmatch-six { background: url('/public/img/franchisesite/quiz/mellow_match_6.gif') no-repeat scroll top left; } a.mellowmatch-seven { background: url('/public/img/franchisesite/quiz/mellow_match_7.gif') no-repeat scroll top left; } a.mellowmatch-eight { background: url('/public/img/franchisesite/quiz/mellow_match_8.gif') no-repeat scroll top left; } a.mellowmatch-nine { background: url('/public/img/franchisesite/quiz/mellow_match_9.gif') no-repeat scroll top left; } a.mellowmatch-ten { background: url('/public/img/franchisesite/quiz/mellow_match_10.gif') no-repeat scroll top left; } a.mellowmatch:hover { background-position: 0 -49px; } a.answered { background-position: 0 -98px !important; cursor: default; } /* mellow stories */ #mellow-stories { height: 186px; padding: 0 80px; position: relative; } #mellow-stories .overview { padding-top:32px; width: 410px; } .mellow-stories .video-container { clear:both; margin-top:25px; float:left; width:388px; } .mellow-stories .video-details-container { display:none; float:right; margin-top:8px; width:388px; } .mellow-stories .video-details-container.visible { display:block; } .mellow-stories .video-container .video-player { margin-bottom:10px; width: 387px; height: 217px; float:left; } .mellow-stories .video-container a.video-option { text-decoration:none; margin-top:-1px; float:left; width: 385px; height: 57px; border-top:solid 1px #4a4132; } .mellow-stories .video-container a.video-option.last { border-bottom:solid 1px #4a4132; } .mellow-stories .video-container a.video-option:hover { color:#fff; background-position:0 -59px; cursor:pointer; border-top-color:#6a6357; border-bottom-color:#4a4132; } .mellow-stories .video-container a.video-option .arrow { font-size:1px; float:right; margin-top:20px; width: 12px; height: 13px; background: url('/public/img/franchisesite/video_option_arrow.gif') no-repeat scroll top left; } .mellow-stories .video-container a.video-option .arrow.hover { background-position:0 -13px; } .mellow-stories .video-container a.video-option .thumb { margin-top:3px; float:left; width: 70px; height: 51px; display:block; } .mellow-stories .video-container a.video-option .thumb.one { background: url('/public/img/franchisesite/matt_duke_thumb.gif') no-repeat scroll top left; background-position:0 -51px; } .mellow-stories .video-container a.video-option .thumb.two { background: url('/public/img/franchisesite/caseyfox_thumb.gif') no-repeat scroll top left; background-position:0 -51px; } .mellow-stories .video-container a.video-option .thumb.three { background: url('/public/img/franchisesite/waters_thumb.gif') no-repeat scroll top left; background-position:0 -51px; } .mellow-stories .video-container a.video-option .thumb.four { background: url('/public/img/franchisesite/ronplant_thumb.gif') no-repeat scroll top left; background-position:0 -51px; } .mellow-stories .video-container a.video-option .thumb.five { background: url('/public/img/franchisesite/valentinos_thumb.gif') no-repeat scroll top left; background-position:0 -51px; } .mellow-stories .video-container a.video-option .thumb.hover { background-position:0 0; } .mellow-stories .video-container a.video-option span.container { font-size:10px; font-family:Arial; color:#948f86; width:280px; float:left; margin-top:8px; margin-left:12px; display: block; } .mellow-stories .video-container a.video-option span.container span { float:left; font-size:11px; font-weight:bold; width:100%; clear:both;} .mellow-stories .video-details-container .title { width:100%; float:left; padding-bottom:10px; border-bottom:1px solid #6a6357; } .mellow-stories .video-details-container .stats { float:left; width:100%; padding-bottom:10px; padding-top:10px; border-bottom:1px solid #6a6357; } .mellow-stories .video-details-container .stats ul { list-style-type:none; } .mellow-stories .video-details-container .stats ul li { font-size:12px; line-height:16px; } .mellow-stories .video-details-container .stats ul li span { font-weight:bold; } .mellow-stories .video-details-container .qoute { float:left; padding-top:10px; font-size:16px; line-height: 21px; } .bottom-content-cont { float:left; clear:both; width:100%; } /* our story */ #our-story { height: 115px; padding: 0 80px; position: relative; } #our-story .overview { padding-top:32px; width:360px; } .our-story { float:left; } .our-story .gallery { clear:left; width:388px; float:left; margin-top:23px; } .our-story .gallery .main-image-container { background-color:black; margin: 0 auto; text-align: center; float:left; width:386px; height:269px; overflow:hidden; } .main-image-container table tr td { width: 386px; height: 269px; vertical-align: middle; text-align: center; } .our-story .gallery .title-container { line-height:20px; width:386px; font-size:11px; float:left; height:20px; margin-top:1px; } .our-story .gallery .thumbnail-container { float:left; margin-top:10px; } .our-story .gallery .thumbnail-container a.thumb { margin-right:2px; margin-bottom:2px; float:left; display:block; border:0; text-decoration:none; width: 95px; height: 63px; } .our-story .gallery .thumbnail-container a.thumb.one { background: url('/public/img/franchisesite/history/history_thumb_1.gif') no-repeat scroll top left; } .our-story .gallery .thumbnail-container a.thumb.two { background: url('/public/img/franchisesite/history/history_thumb_2.gif') no-repeat scroll top left; } .our-story .gallery .thumbnail-container a.thumb.three { background: url('/public/img/franchisesite/history/history_thumb_3.gif') no-repeat scroll top left; } .our-story .gallery .thumbnail-container a.thumb.four { background: url('/public/img/franchisesite/history/history_thumb_4.gif') no-repeat scroll top left; } .our-story .gallery .thumbnail-container a.thumb.five { background: url('/public/img/franchisesite/history/history_thumb_5.gif') no-repeat scroll top left; } .our-story .gallery .thumbnail-container a.thumb.six { background: url('/public/img/franchisesite/history/history_thumb_6.gif') no-repeat scroll top left; } .our-story .gallery .thumbnail-container a.thumb.seven { background: url('/public/img/franchisesite/history/history_thumb_7.gif') no-repeat scroll top left; } .our-story .gallery .thumbnail-container a.thumb.eight { background: url('/public/img/franchisesite/history/history_thumb_8.gif') no-repeat scroll top left; } .our-story .gallery .thumbnail-container a.thumb.nine { background: url('/public/img/franchisesite/history/history_thumb_9.gif') no-repeat scroll top left; } .our-story .gallery .thumbnail-container a.thumb.ten { background: url('/public/img/franchisesite/history/history_thumb_10.gif') no-repeat scroll top left; } .our-story .gallery .thumbnail-container a.thumb.eleven { background: url('/public/img/franchisesite/history/history_thumb_11.gif') no-repeat scroll top left; } .our-story .gallery .thumbnail-container a.thumb.twelve { background: url('/public/img/franchisesite/history/history_thumb_12.gif') no-repeat scroll top left; } .our-story .gallery .thumbnail-container a.thumb.thirteen { background: url('/public/img/franchisesite/history/history_thumb_13.gif') no-repeat scroll top left; } .our-story .gallery .thumbnail-container a.thumb.fourteen { background: url('/public/img/franchisesite/history/history_thumb_14.gif') no-repeat scroll top left; } .our-story .gallery .thumbnail-container a.thumb.fifteen { background: url('/public/img/franchisesite/history/history_thumb_15.gif') no-repeat scroll top left; } .our-story .gallery .thumbnail-container a.thumb.sixteen { background: url('/public/img/franchisesite/history/history_thumb_16.gif') no-repeat scroll top left; } .our-story .gallery .thumbnail-container a.thumb.seventeen { background: url('/public/img/franchisesite/history/history_thumb_17.gif') no-repeat scroll top left; } .our-story .gallery .thumbnail-container a.thumb.eighteen { background: url('/public/img/franchisesite/history/history_thumb_18.gif') no-repeat scroll top left; } .our-story .gallery .thumbnail-container a.thumb.nineteen { background: url('/public/img/franchisesite/history/history_thumb_19.gif') no-repeat scroll top left; } .our-story .gallery .thumbnail-container a.thumb.twenty { background: url('/public/img/franchisesite/history/history_thumb_20.gif') no-repeat scroll top left; } .our-story .gallery .thumbnail-container a.thumb:hover, .our-story .gallery .thumbnail-container a.thumb.selected { background-position:0 -63px; cursor:pointer; } .our-story .gallery .thumbnail-container .thumb-border { float:left; width: 95px; height: 63px; background: url('/public/img/franchisesite/thumb_border-trans.png') no-repeat scroll top left; } .our-story .history { display:inline; margin-left:26px; width:386px; float:left; margin-top:23px; } .our-story .history h2 { margin-bottom: 2px; } .our-story .history p { line-height: 18px; font-size: 13px; margin-bottom: 12px; } /* get the details */ .get-the-details { width:100%; float:left; clear:both; } #get-the-details { height: 131px; padding: 0 80px; position: relative; } #get-the-details .overview { padding-top:32px; width:390px; } .contentFooter .blueStrip .learn-more { margin-left:505px; margin-top:17px; float:left; width: 104px; height: 21px; background: url('/public/img/franchisesite/learn_more_about.gif') no-repeat scroll top left; } .contentFooter .blueStrip .tab-container { float:left; margin-left:25px; margin-top:17px; float:left; } .contentFooter .blueStrip .tab-container a { margin-right:2px; text-indent:-999em; letter-spacing:-999em; float:left; } .contentFooter .blueStrip .tab-container a.tab-one { width: 76px; height: 28px; background: url('/public/img/franchisesite/the_steps_tab.gif') no-repeat scroll top left; } .contentFooter .blueStrip .tab-container a.tab-one:hover { background-position:0 -28px; cursor:pointer; } .contentFooter .blueStrip .tab-container a.tab-one.selected { background-position:0 -28px; cursor:pointer; } .contentFooter .blueStrip .tab-container a.tab-two { width: 101px; height: 28px; background: url('/public/img/franchisesite/financial_stuff_tab.gif') no-repeat scroll top left; } .contentFooter .blueStrip .tab-container a.tab-two:hover { background-position:0 -28px; cursor:pointer; } .contentFooter .blueStrip .tab-container a.tab-two.selected { background-position:0 -28px; cursor:pointer; } .contentFooter .blueStrip .tab-container a.tab-three { width: 68px; height: 29px; background: url('/public/img/franchisesite/our_help_tab.gif') no-repeat scroll top left; } .contentFooter .blueStrip .tab-container a.tab-three:hover { background-position:0 -29px; cursor:pointer; } .contentFooter .blueStrip .tab-container a.tab-three.selected { background-position:0 -29px; cursor:pointer; } .get-the-details .left-col { clear:left; float:left; margin-top:45px; width:380px; } .get-the-details .left-col .info { float:left; margin-bottom:18px; } .get-the-details .left-col .info p { margin-top:2px; line-height:15px; } .get-the-details .right-col { float:right; margin-top:38px; width:389px; } .get-the-details .right-col .mm-for-franchise { float:left; width: 381px; height: 187px; background: url('/public/img/franchisesite/mm_for_franchise.gif') no-repeat scroll top left; } .get-the-details .right-col a.ready-to-apply { margin-left:294px; margin-top:147px; float:left; text-indent:-999em; letter-spacing:-999em; width: 96px; height: 87px; background: url('/public/img/franchisesite/read_to_apple.gif') no-repeat scroll top left; } .get-the-details .right-col a.ready-to-apply:hover { background-position:0 -87px; cursor:pointer; } /* get the details / the steps */ .the-steps { float:left; width:100%; } .the-steps .steps-to-joining { margin-top:45px; float:left; width:100%; border-top:1px solid #8A8477; } .the-steps .steps-to-joining .label { position:relative; margin-top:-28px; float:left; width: 204px; height: 31px; background: url('/public/img/franchisesite/the_steps_to_joining.gif') no-repeat scroll top left; } .the-steps .steps-to-joining a.return { font-size:1px; position:relative; margin-top:-14px; float:right; text-indent:-999em; letter-spacing:-999em; background: url('/public/img/franchisesite/return_button.gif') no-repeat scroll top left; width: 37px; height: 8px; } .the-steps .steps-to-joining a.return:hover { background-position:0 -8px; cursor:pointer; } .the-steps .flash-container { margin-top:25px; margin-bottom:100px; float:left; width:100%; height:520px; } /* get the details / financial stuff */ .financial-stuff { float:left; width:100%; } .financial-stuff .for-leasing-real-estate { margin-top:45px; float:left; width:100%; border-top:1px solid #959087; } .financial-stuff .for-leasing-real-estate .label { position:relative; margin-top:-27px; float:left; width: 151px; height: 30px; background: url('/public/img/franchisesite/for_leasing_real_estate.gif') no-repeat scroll top left; } .financial-stuff .for-leasing-real-estate a.return { font-size:1px; position:relative; margin-top:-14px; float:right; text-indent:-999em; letter-spacing:-999em; background: url('/public/img/franchisesite/return_button.gif') no-repeat scroll top left; width: 37px; height: 8px; } .financial-stuff .for-leasing-real-estate a.return:hover { background-position:0 -8px; cursor:pointer; } .financial-stuff .for-purchasing-real-estate { margin-top:45px; float:left; width:100%; border-top:1px solid #959087; } .financial-stuff .for-purchasing-real-estate .label { position:relative; margin-top:-27px; float:left; width: 177px; height: 31px; background: url('/public/img/franchisesite/for_purchasing.gif') no-repeat scroll top left; } .financial-stuff .for-purchasing-real-estate a.return { font-size:1px; position:relative; margin-top:-14px; float:right; text-indent:-999em; letter-spacing:-999em; background: url('/public/img/franchisesite/return_button.gif') no-repeat scroll top left; width: 37px; height: 8px; } .financial-stuff .for-purchasing-real-estate a.return:hover { background-position:0 -8px; cursor:pointer; } .financial-stuff table { margin-top:10px; font-family:arial; font-size:11px; background-color:#2a200e; width:100%; } .financial-stuff table span { font-weight:200; float:left; margin-left:12px; } .financial-stuff table span.superscript { margin-left:3px; margin-top:-2px; font-size:xx-small; vertical-align:top; } .financial-stuff table th { width:20%; font-weight:500; font-size:11px; background-color:#453c28; color:#b1a68e; text-align:left; } .financial-stuff table tr { height:23px; vertical-align:center; } .financial-stuff table tr.taller-one { height:48px; } .financial-stuff table tr.taller-two { height:36px; } .financial-stuff table td { width:20%; font-size:11px; background-color:#3c321d; color:#e8e2d4; text-align:left; } .financial-stuff .summary { margin-left:2px; height:38px; background-color:#aa7800; width:796px;} .financial-stuff .summary .th { height:100%; float:left; width:157px; border-right:#2a200e solid 2px; } .financial-stuff .summary .th span { width:92px; clear:left; display:inline; float:left; margin-left:12px; } .financial-stuff .summary .th span.top { clear:both; width:100%; margin-top:5px; } .financial-stuff .summary span.total { margin-top:5px; margin-left:12px; color:#fff; float:left; font-size:13px; } .financial-stuff .summary span.superscript { width:20px; clear:none; margin-left:3px; margin-top:-4px; font-size:xx-small; vertical-align:top; } .financial-stuff a.explanatory-notes { background: url('/public/img/franchisesite/explantory_notes.gif') no-repeat scroll; background-position:10px 0px; text-decoration:none; margin-top:10px; margin-left:2px; width:796px; float:left; height:29px; background-color:#453c28; } .financial-stuff a.explanatory-notes:hover { background-position:10px -29px; background-color:#3c321d; } .financial-stuff a.explanatory-notes.selected { background-position:10px -58px; background-color:#3c321d; } .financial-stuff a.explanatory-notes span { margin-top:4px; line-height:10px; float:left; margin-left:169px; color:#b1a68e; font-size:10px; font-style:italic; } .financial-stuff .explanatory-notes-content { padding:15px 0 35px 15px; text-decoration:none; margin-top:2px; margin-left:2px; width:781px; float:left; background-color:#3c321d; } .financial-stuff .explanatory-notes-content p { float:left; } .financial-stuff .explanatory-notes-content ol { list-style-type: decimal; display:inline; line-height:18px; width:583px; float:left; margin-left:12px; } .financial-stuff .explanatory-notes-content ol li { display: list-item; margin-bottom:10px; } /* get the details / stuff we help out with */ .our-help .stuff-we-help-out-with { margin-top:45px; float:left; width:100%; border-top:1px solid #959087; } .our-help .stuff-we-help-out-with .label { position:relative; margin-top:-28px; float:left; width: 153px; height: 32px; background: url('/public/img/franchisesite/stuff_we_help_out.gif') no-repeat scroll top left; } .our-help .stuff-we-help-out-with a.return { font-size:1px; position:relative; margin-top:-14px; float:right; text-indent:-999em; letter-spacing:-999em; background: url('/public/img/franchisesite/return_button.gif') no-repeat scroll top left; width: 37px; height: 8px; } .our-help .stuff-we-help-out-with a.return:hover { background-position:0 -8px; cursor:pointer; } .our-help .left-col { margin-top:10px; float:left; width:414px; } .our-help .right-col { margin-top:10px; float:left; width:386px; } .our-help .left-col .stuff-block, .our-help .right-col .stuff-block { display:none; float:left; margin-bottom:2px; } .our-help .left-col .stuff-block h1, .our-help .right-col .stuff-block h1 { color:#e5a200; margin-top:7px; text-decoration:none; text-transform:capitalize; outline:none; border:0; margin-left:18px; margin-bottom:-20px;} .our-help .left-col .stuff-block a, .our-help .right-col .stuff-block a { outline-color:-moz-use-text-color; outline-style:none; text-decoration:none; width: 7px; height: 29px; background: url('/public/img/franchisesite/plus_minus.gif') no-repeat scroll; background-position:7px 0; width:386px; display:block; float:left; height:29px; background-color:#453c28; } .our-help .left-col .stuff-block a:hover, .our-help .right-col .stuff-block a:hover { background-position:7px -29px; background-color:#3c321d; } .our-help .left-col .stuff-block a.selected, .our-help .right-col .stuff-block a.selected { background-position:7px -58px; background-color:#3c321d; } .our-help .left-col .stuff-block .content, .our-help .right-col .stuff-block .content { width:386px; display:block; float:left; margin-bottom:2px; background-color:#3c321d; } .our-help .left-col .stuff-block .content p, .our-help .right-col .stuff-block .content p { width:356px; margin-left:19px; margin-top:0px; margin-bottom:15px; } /* news */ #news { height:117px; padding: 0 80px; position: relative; } #news .overview { padding-top:32px; width:390px; } .news { float:left; margin-top: 25px; } .news .archives { width:179px; float:left; border-top:1px solid #959087; } .news .archives .label { float:left; margin-top:-26px; background: url('/public/img/franchisesite/archives.gif') no-repeat scroll top left; width: 54px; height: 26px; } .news .archives .month { border-bottom:1px solid #3c321d; float:left; margin-top:20px; } .news .archives .month h1 { font-size: 11px; color:#e5a200; margin-bottom:5px; text-transform:uppercase;} .news .archives .month ul { float:left; list-style-type:none; } .news .archives .month ul li { width:179px; float:left; border-top:1px solid #3c321d; padding-top:5px; padding-bottom:5px; } .news .archives .month ul a.title { float:left; width:100%; color:#fff; text-decoration:none; } .news .archives .month ul a.title:hover { color:#bab2a0; } .news .archives .month ul span.date { float:left; color:#bab2a0; font-style:italic; font-size:10px; } .news .story { margin-left:27px; float:left; width:594px; border-top:1px solid #959087; } .news .story h1 { font-size:18px; margin-top:16px; } .news .story span.date { display: block; margin-bottom:12px; font-size:11px; color:#c5baa2; font-weight:bold; font-family:Arial; } .news .story img { } .news .story .text { clear:left; margin-top:26px; float:left; font-size:13px; line-height:19px; } .news .story .text h3 { padding-top: 20px; } .news .story .text p { margin-bottom:10px; } .news .story .text p a { color: #E5A200; } /* footer */ #footer { margin-top: 100px; } #footer p { font-size: 10px; } #footer .notice p { border-top: 1px solid #8a8477; padding: 12px 0 0 0; color: #8a8477; } #footer .copyterms { margin-top: 12px; } #footer .copyterms p, #footer .copyterms p a { color: #b1ada5; } #footer .copyterms p a:hover { color:#FFF } span.error { color:#E40203; } /*** mellowmatch quiz ***/ /* facebox styling */ #facebox { display:none; position: absolute; top: 0; left: 0; z-index: 1001; } #facebox .loading { text-align: center; } #facebox .image { text-align: center; } #facebox img { border: 0; margin: 0; } #facebox_overlay { position: fixed; top: 0px; left: 0px; height:100%; width:100%; } .facebox_hide { z-index:-100; } .facebox_overlayBG { background-color: #000; z-index: 1000; } * html #facebox_overlay { position: absolute; height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px'); } #readytoapply_cont { display:none; } #facebox .popup { position: relative; } #facebox table { border-collapse: collapse; border-spacing: 0; } #facebox td { border-bottom: 0; padding: 0; } #facebox #quizProgress { position: absolute; height: 71px; width: 104px; top: 0; right: 32px; } #facebox #takethequizpopup { position: absolute; right: -3px; } a.takethequiz { text-indent:-999em; letter-spacing:-999em; float:left; } #facebox a.close { font-size:1px; position: absolute; height: 12px; width: 12px; top: 8px; right: 8px; background: url('/public/img/franchisesite/lightbox/closelabel.gif') 0 0 no-repeat; text-decoration:none; text-indent:-999em; letter-spacing:-999em; } #facebox a.close#apply { top: 53px; right: 39px; height: 13px; background: url('/public/img/franchisesite/apply_ex.gif') 0 0 no-repeat; } #facebox a.close#apply:hover { background-position:0 -13px; cursor:pointer; } #facebox a.close:hover { background-position:0 -12px; cursor:pointer; } #facebox a.close:active, a.close:focus { outline: 0; } /* questions */ #facebox .quizbox { position: relative; display: block; padding: 16px; margin-bottom: 12px; background-color:#dfa316; } #facebox .quizbox .question-number { position: absolute; width: 35px; height: 36px; top: 6px; left: -22px; background: url('/public/img/franchisesite/quiz/quiz_number_cont.gif') 0 0 no-repeat; } #facebox .quizbox .question-number .number { width: 35px; height: 20px; margin-top:9px; } #facebox .quizbox .question-number .one { background: url('/public/img/franchisesite/quiz/question_1.gif') no-repeat scroll top left; } #facebox .quizbox .question-number .two { background: url('/public/img/franchisesite/quiz/question_2.gif') no-repeat scroll top left; } #facebox .quizbox .question-number .three { background: url('/public/img/franchisesite/quiz/question_3.gif') no-repeat scroll top left; } #facebox .quizbox .question-number .four { background: url('/public/img/franchisesite/quiz/question_4.gif') no-repeat scroll top left; } #facebox .quizbox .question-number .five { background: url('/public/img/franchisesite/quiz/question_5.gif') no-repeat scroll top left; } #facebox .quizbox .question-number .six { background: url('/public/img/franchisesite/quiz/question_6.gif') no-repeat scroll top left; } #facebox .quizbox .question-number .seven { background: url('/public/img/franchisesite/quiz/question_7.gif') no-repeat scroll top left; } #facebox .quizbox .question-number .eight { background: url('/public/img/franchisesite/quiz/question_8.gif') no-repeat scroll top left; } #facebox .quizbox .question-number .nine { background: url('/public/img/franchisesite/quiz/question_9.gif') no-repeat scroll top left; } #facebox .quizbox .question-number .ten { background: url('/public/img/franchisesite/quiz/question_10.gif') no-repeat scroll top left; } #facebox .quizbox .title { color: #493f2c; font-weight: bold; font-size: 12px; } #facebox .quizbox ul { color: #493f2c; font-size: 12px; list-style-type: none; margin-top: 7px; } #facebox .quizbox ul li { line-height: 14px; margin-bottom: 3px; overflow: hidden; } #facebox .body .quizbox ul li input { clear:left; float: left; display: inline; margin: 0 8px 0 0; height: auto; width: 20px; } #facebox .body .quizbox ul li span { float: left; display: inline; width: 466px; margin-top: 1px; } /* submission form */ #facebox .body { position: relative; width: 595px; } #facebox .body img { display:block; } #facebox .body .content { display: block; width: 531px; padding: 44px 32px 20px; background: #e7aa17 url('/public/img/franchisesite/quiz/mellowquiz_logo.gif') 0 0 no-repeat; overflow: hidden; } #facebox .body .content#apply, #facebox .body .content.apply { width:100%; background: none; } #facebox .body .content img { display: block; } #facebox .body .content p { font-size: 12px; color: #3c321d; line-height: 16px; margin-bottom: 24px; } #facebox .body .content .column50 { width: 260px; } #facebox .body .content label { display: block; margin-bottom: 4px; text-indent:-999em; letter-spacing:-999em; } #facebox .body .content label.cName { height: 6px; width: 29px; background: transparent url('/public/img/franchisesite/quiz/lbl_name.gif') 0 0 no-repeat; } #facebox .body .content label.cEmail { height: 6px; width: 32px; background: transparent url('/public/img/franchisesite/quiz/lbl_email.gif') 0 0 no-repeat; } #facebox .body .content label.cPhone { height: 6px; width: 34px; background: transparent url('/public/img/franchisesite/quiz/lbl_phone.gif') 0 0 no-repeat; } #facebox .body .content label.cInterest { height: 8px; width: 101px; margin-bottom: 2px; background: transparent url('/public/img/franchisesite/quiz/lbl_interest.gif') 0 0 no-repeat; } #facebox .body .content label.cComments { height: 6px; width: 58px; background: transparent url('/public/img/franchisesite/quiz/lbl_comments.gif') 0 0 no-repeat; } #facebox .body .content input { height: 16px; width: 254px; margin-bottom: 8px; } #facebox .body .content textarea { width: 254px; height: 136px; margin-bottom: 8px; } /* buttons */ #facebox a.continue-button { width: 85px; height: 21px; text-indent:-999em; letter-spacing:-999em; background: url('/public/img/franchisesite/continue_button.gif') no-repeat scroll top left; cursor:pointer; } #facebox a.continue-button:hover { background-position:0 -21px; } #facebox a.submit-button { width: 66px; height: 21px; text-indent:-999em; letter-spacing:-999em; background: url('/public/img/franchisesite/submit_button.gif') no-repeat scroll top left; cursor:pointer; } #facebox a.submit-button:hover { background-position:0 -21px; } /*months*/ #homepage .news a.news-container .date-container .month { text-decoration: none; outline-color:-moz-use-text-color; outline-style:none; width: 30px; height: 10px; float:left; background-color:#3c321d; text-indent:-999em; letter-spacing:-990em; } #homepage .news a.news-container .date-container .month#jan { background: url('/public/img/franchisesite/calendar/month_january-trans.png') no-repeat scroll top left; } #homepage .news a.news-container .date-container .month#feb { background: url('/public/img/franchisesite/calendar/month_february-trans.png') no-repeat scroll top left; } #homepage .news a.news-container .date-container .month#mar { background: url('/public/img/franchisesite/calendar/month_march-trans.png') no-repeat scroll top left; } #homepage .news a.news-container .date-container .month#apr { background: url('/public/img/franchisesite/calendar/month_april-trans.png') no-repeat scroll top left; } #homepage .news a.news-container .date-container .month#may { background: url('/public/img/franchisesite/calendar/month_may-trans.png') no-repeat scroll top left; } #homepage .news a.news-container .date-container .month#jun { background: url('/public/img/franchisesite/calendar/month_june-trans.png') no-repeat scroll top left; } #homepage .news a.news-container .date-container .month#jul { background: url('/public/img/franchisesite/calendar/month_jul-trans.png') no-repeat scroll top left; } #homepage .news a.news-container .date-container .month#aug { background: url('/public/img/franchisesite/calendar/month_aug-trans.png') no-repeat scroll top left; } #homepage .news a.news-container .date-container .month#sep { background: url('/public/img/franchisesite/calendar/month_september-trans.png') no-repeat scroll top left; } #homepage .news a.news-container .date-container .month#oct { background: url('/public/img/franchisesite/calendar/month_october-trans.png') no-repeat scroll top left; } #homepage .news a.news-container .date-container .month#nov { background: url('/public/img/franchisesite/calendar/month_november-trans.png') no-repeat scroll top left; } #homepage .news a.news-container .date-container .month#dec { background: url('/public/img/franchisesite/calendar/month_december-trans.png') no-repeat scroll top left; } /*days*/ #homepage .news a.news-container .date-container .day { margin-top:3px; width: 27px; height: 22px; float:left; background-color:#3c321d; text-indent:-999em; letter-spacing:-990em; } #homepage .news a.news-container .date-container .day#one { background: url('/public/img/franchisesite/calendar/day_1-trans.png') no-repeat scroll top left; } #homepage .news a.news-container .date-container .day#two { background: url('/public/img/franchisesite/calendar/day_2-trans.png') no-repeat scroll top left; } #homepage .news a.news-container .date-container .day#three { background: url('/public/img/franchisesite/calendar/day_3-trans.png') no-repeat scroll top left; } #homepage .news a.news-container .date-container .day#four { background: url('/public/img/franchisesite/calendar/day_4-trans.png') no-repeat scroll top left; } #homepage .news a.news-container .date-container .day#five { background: url('/public/img/franchisesite/calendar/day_5-trans.png') no-repeat scroll top left; } #homepage .news a.news-container .date-container .day#six { background: url('/public/img/franchisesite/calendar/day_6-trans.png') no-repeat scroll top left; } #homepage .news a.news-container .date-container .day#seven { background: url('/public/img/franchisesite/calendar/day_7-trans.png') no-repeat scroll top left; } #homepage .news a.news-container .date-container .day#eight { background: url('/public/img/franchisesite/calendar/day_8-trans.png') no-repeat scroll top left; } #homepage .news a.news-container .date-container .day#nine { background: url('/public/img/franchisesite/calendar/day_9-trans.png') no-repeat scroll top left; } #homepage .news a.news-container .date-container .day#ten { background: url('/public/img/franchisesite/calendar/day_10-trans.png') no-repeat scroll top left; } #homepage .news a.news-container .date-container .day#eleven { background: url('/public/img/franchisesite/calendar/day_11-trans.png') no-repeat scroll top left; } #homepage .news a.news-container .date-container .day#twelve { background: url('/public/img/franchisesite/calendar/day_12-trans.png') no-repeat scroll top left; } #homepage .news a.news-container .date-container .day#thirteen { background: url('/public/img/franchisesite/calendar/day_13-trans.png') no-repeat scroll top left; } #homepage .news a.news-container .date-container .day#fourteen { background: url('/public/img/franchisesite/calendar/day_14-trans.png') no-repeat scroll top left; } #homepage .news a.news-container .date-container .day#fifteen { background: url('/public/img/franchisesite/calendar/day_15-trans.png') no-repeat scroll top left; } #homepage .news a.news-container .date-container .day#sixteen { background: url('/public/img/franchisesite/calendar/day_16-trans.png') no-repeat scroll top left; } #homepage .news a.news-container .date-container .day#seventeen { background: url('/public/img/franchisesite/calendar/day_17-trans.png') no-repeat scroll top left; } #homepage .news a.news-container .date-container .day#eighteen { background: url('/public/img/franchisesite/calendar/day_18-trans.png') no-repeat scroll top left; } #homepage .news a.news-container .date-container .day#nineteen { background: url('/public/img/franchisesite/calendar/day_19-trans.png') no-repeat scroll top left; } #homepage .news a.news-container .date-container .day#twenty { background: url('/public/img/franchisesite/calendar/day_20-trans.png') no-repeat scroll top left; } #homepage .news a.news-container .date-container .day#twentyone { background: url('/public/img/franchisesite/calendar/day_21-trans.png') no-repeat scroll top left; } #homepage .news a.news-container .date-container .day#twentytwo { background: url('/public/img/franchisesite/calendar/day_22-trans.png') no-repeat scroll top left; } #homepage .news a.news-container .date-container .day#twentythree { background: url('/public/img/franchisesite/calendar/day_23-trans.png') no-repeat scroll top left; } #homepage .news a.news-container .date-container .day#twentyfour { background: url('/public/img/franchisesite/calendar/day_24-trans.png') no-repeat scroll top left; } #homepage .news a.news-container .date-container .day#twentyfive { background: url('/public/img/franchisesite/calendar/day_25-trans.png') no-repeat scroll top left; } #homepage .news a.news-container .date-container .day#twentysix { background: url('/public/img/franchisesite/calendar/day_26-trans.png') no-repeat scroll top left; } #homepage .news a.news-container .date-container .day#twentyseven { background: url('/public/img/franchisesite/calendar/day_27-trans.png') no-repeat scroll top left; } #homepage .news a.news-container .date-container .day#twentyeight { background: url('/public/img/franchisesite/calendar/day_28-trans.png') no-repeat scroll top left; } #homepage .news a.news-container .date-container .day#twentynine { background: url('/public/img/franchisesite/calendar/day_29-trans.png') no-repeat scroll top left; } #homepage .news a.news-container .date-container .day#thirty { background: url('/public/img/franchisesite/calendar/day_30-trans.png') no-repeat scroll top left; } #homepage .news a.news-container .date-container .day#thirtyone { background: url('/public/img/franchisesite/calendar/day_31-trans.png') no-repeat scroll top left; } /* preloaders */ .pl-sm { position: absolute; left: 70px; top: 50%; margin-left: -21.5px; margin-top: -21.5px; } .pl-lg { position: absolute; left: 50%; top: 50%; margin-left: -30px; margin-top: -30px; } .pl-container { position: relative; display: none; width: 100%; height: 100%; } .pl-container h1 { position: absolute; left:95px; top: 12px; color:#fff; font-size:14px; } .pl-sm-darker { width: 42px; height: 42px; background: transparent url('/public/img/franchisesite/preloader_42_2a200e.gif') 0 0 no-repeat; } .pl-sm-dark { width: 42px; height: 42px; background: transparent url('/public/img/franchisesite/preloader_42_3c321d.gif') 0 0 no-repeat; } .pl-sm-light { width: 42px; height: 42px; background: transparent url('/public/img/franchisesite/preloader_42_f2d080.gif') 0 0 no-repeat; } .pl-lg-darker { width: 60px; height: 60px; background: transparent url('/public/img/franchisesite/preloader_60_2a200e.gif') 0 0 no-repeat; } .pl-lg-dark { width: 60px; height: 60px; background: transparent url('/public/img/franchisesite/preloader_60_3c321d.gif') 0 0 no-repeat; } .pl-lg-light { width: 60px; height: 60px; background: transparent url('/public/img/franchisesite/preloader_60_f2d080.gif') 0 0 no-repeat; }