@charset "utf-8";
/* CSS Document */

* {margin: 0; padding: 0;}

body {font-family: Arial, Helvetica, sans-serif; font-size: 71%; color: #fff;}
img { border: none; }

.clearfloats { clear: both; height: 0px; font-size: 1px; line-height: 0px; }
.clear {clear: both;}

#sitecontainer { margin: 0 auto; padding: 0 0 15px 0; width: 900px;}

#masthead {background: url(images/logo.gif) no-repeat 22px 38px; padding: 0 0 40px; position:relative; }
#masthead h1 { position: absolute; left: 10px; top: 25px; margin: 0;width:150px;height:100px; text-indent:-99999px; }
#masthead h1 a {display:block; width:150px;height:100px; overflow:hidden;}
#masthead .head-right { float: right; padding: 45px 0 0; }
#masthead h2 { margin: 0 0 15px; width: 436px; height: 23px; background: url(images/franchise-opps.gif) no-repeat 0 0 red; text-indent: -9999px; overflow: hidden; float:right; }

#masthead .link { clear: right; }
#masthead .link a.myo-web { float: right; width: 195px; display: block; height: 37px; margin: 0; background: url(images/go-to-myo.gif) no-repeat; text-indent: -9999px; overflow: hidden; }
#masthead .link a.fb-link { float: right; width: 153px; height: 17px; margin: 13px 25px 0; background: url(images/follow-us-on-facebook.gif) no-repeat 0 0; text-indent: -9999em; overflow: hidden; }
#masthead .link .phone-no { float: right; display:block; width:150px; height:29px; margin:6px 0 0 25px; text-indent: -9999px; background:url(/franchise/images/phone-no.jpg)}

#springboard { clear: both; color: #7f7f7f; padding-top: 40px; }
#springboard .sp-item { float: left; width: 136px; padding: 0 55px 0 0; font-size: 108%; }
#springboard a { color: #7f7f7f; }
#springboard a:hover  { color: #444; }
#springboard #sp-about { padding-right: 52px; }
#springboard #sp-why { padding-right: 0; }

#springboard strong { display: block; width: 136px; height: 25px; margin: 0; background: url(images/spring-titles.gif) no-repeat 0 0; text-indent: -9999em; overflow: hidden; }
#springboard img { display: block; margin: 0 0 11px; }

#sp-about strong { background-position: 0 0; }
#sp-about a:hover strong { background-position: -150px 0; }

#sp-models strong { background-position: 0 -100px; height: 44px; }
#sp-models a:hover strong { background-position: -150px -100px; }

#sp-cost strong { background-position: 0 -200px; }
#sp-cost a:hover strong { background-position: -150px -200px; }

#sp-what strong { background-position: 0 -300px; }
#sp-what a:hover strong { background-position: -150px -300px; }

#sp-why strong { background-position: 0 -400px; }
#sp-why a:hover strong { background-position: -150px -400px; }

.featured { clear: both; padding-top: 35px; color: #83be42; font-size: 155%; }
.featured h3 { float: left; width: 354px; height: 20px; background: url(images/featured-locations.gif) no-repeat 0 2px; text-indent: -9999em; overflow: hidden; font-size: 2px; }


.block1-outer { margin: 0 0 20px; background: #fecf05 url(images/rounded-corner-yellow.gif) no-repeat 0 0; float: left; width: 898px;}
.block1-inner {background: url(images/rounded-corner-yellow-bottom.gif) no-repeat 0 bottom; float: left; padding: 33px 38px 33px 41px; width: 819px;}

.block1-inner img {float: left;}

.block1-inner .form {background: url(images/form-bg.gif) no-repeat; float: right;  width: 241px;}
.block1-inner .form-inner {background: url(images/form-inner-bg.gif) no-repeat 0 bottom; min-height: 264px; height: auto!important; height: 264px; float: right; padding: 10px 15px 10px 18px; position: relative; width: 208px;}

.block1-inner .form h4 {background: url(images/title-register-for-more-info.gif) no-repeat; height: 37px; margin: 0 0 7px -8px; text-indent: -9999px; width: 220px;}
.block1-inner .form label {float: left; clear: both;}
.block1-inner .form label#name {background: url(images/title-name.gif) no-repeat; display: block; height: 10px; margin: 0 0 3px 0; text-indent: -9999px; width: 39px;}
.block1-inner .form label#email {background: url(images/title-email.gif) no-repeat; display: block; height: 10px; margin: 0 0 3px 0; text-indent: -9999px; width: 41px;}
.block1-inner .form label#contact_number {background: url(images/title-contact-number.gif) no-repeat; display: block; height: 11px; margin: 0 0 3px 0; text-indent: -9999px; width: 124px;}
.block1-inner .form label#state_area {background: url(images/title-state-or-area-interested-in.gif) no-repeat; display: block; height: 11px; margin: 0 0 3px 0; text-indent: -9999px; width: 207px;}
.block1-inner .form label#how_hear {background: url(images/title-how-find-out.gif) no-repeat; display: block; height: 24px; margin: 0 0 3px 0; text-indent: -9999px; width: 155px;}
* html .block1-inner .form label {margin: 0;}

.block1-inner .form input.text {font-size: 95%; height: 14px; margin: 0 0 5px 0; padding: 2px 0 0 8px; width: 199px;}
\ html .block1-inner .form input.text {margin: 0 0 3px 0;}
* html .block1-inner .form input.text {margin: 0;}
.block1-inner .form input#submit, * html .block1-inner .form input#submit {bottom: 6px; position: absolute; right: 16px; }
\ html .block1-inner .form input#submit {position: relative; float: right;}
.block1-inner .form select {font-size: 95%; height: 20px; margin: 0; padding: 0 0 0 4px; width: 212px;}

#join-thanks {color: #636363; display: block; line-height: 140%; text-align: center;}
#join-thanks h3 {background: url(/css/images/join-thankyou-title.gif) no-repeat top center; color: #ffcf00; font-size: 20px; height: 24px; margin: 45px 0 10px 0;    text-indent: -9999em; width: 210px;}

.error { color: #ca0000; clear: both; float: left; margin: 0 0 7px 0; }

#login-process { display: none; }
#login-process img {height: 32px; margin: 0 auto; padding-left: 85px; padding-top: 115px; width: 32px;}

.block2-outer {background: #f4911e url(images/rounded-corner-orange.gif) no-repeat 0 0; float: left; margin: 0 0 20px; width: 898px;}
.block2-inner {background: url(images/rounded-corner-orange-bottom.gif) no-repeat 0 bottom; float: left; padding: 24px 47px 16px 37px; width: 814px;}

.block2-inner .left-column {float: left; width: 380px;}
.block2-inner .right-column {float: right; width: 400px;}

.block2-inner h1 {background: url(images/title-main.gif) no-repeat; height: 27px; margin: 0 0 23px 0; text-indent: -9999px; width: 814px;}
.block2-inner h2 {background: url(images/blurb.gif) no-repeat; height: 49px; text-indent: -9999px; width: 335px;}
.block2-inner p {font-size: 160%; line-height: 100%; margin: 0 0 21px 0;}
.block2-inner h4 {background: url(images/title-franchise-ops-now-available.gif) no-repeat; height: 11px; margin: 0 0 12px 0; text-indent: -9999px; width: 387px;}
.block2-inner a.download-pdf {background: url(images/download-brochure.gif) no-repeat; display: block; height: 32px; text-indent: -9999px; width: 176px;}


/* Franchise Inner Styling */
.franchise-info { clear: both; width: 898px; margin: 0 0 40px; background: #ecf6e2 url(images/internal-caps.gif) no-repeat 0 0; color: #000; line-height: 130%; }
.franchise-info-inner { width: 818px; padding: 40px; background: url(images/internal-caps.gif) no-repeat bottom right; }
.franchise-info-inner .foot-links { margin:30px 0 0; font-size: 108%;}
.franchise-info-inner .back-to-top { margin:0; text-align: right; float:right; }
.franchise-info-inner .back-to-top a, .franchise-info-inner .back a, .register-link a { color: #3f423c; text-decoration: none; }
.franchise-info-inner .back-to-top a:hover, .franchise-info-inner .back a:hover, .register-link a:hover { font-weight: bold; color: #577d31; }
.franchise-info-inner .back { color:#3f423c; font-size: 108%; text-decoration: none; float:left;}
.franchise-info-inner .back a { background:url(/franchise/images/arrow-r.gif) left 6px no-repeat;padding-left:10px;}
.register-link {padding-top:0px; margin:0 auto; text-align:center; vertical-align:top;width:300px;}
.register-link a {background:url(/franchise/images/arrow-l.gif) left 6px no-repeat;padding-left:10px;}


.franchise-info h1 { margin: 0 0 39px; width: 710px; height: 31px; background: url(images/everything-title.gif) no-repeat 0 0; font-size: 10px; text-indent: -9999em; overflow: hidden; }
.franchise-info h3.block-title { margin: 3px 0 8px; height: 20px; font-size: 10px; color: #7abe36; background: url(images/franchise-info-titles.gif) no-repeat 0 0; text-indent: -9999em; overflow: hidden; }
.franchise-info h4 { margin: 0; color: #000; font-size: 160%; font-weight: normal; line-height: normal; }
.franchise-info h5 { margin: 15px 0 5px; font-size: 120%; color: #7abe36; }

.franchise-info p { margin: 0 0 20px 0; line-height: 140%; }

.info-head { padding: 0 0 20px; }
.info-head img { float: left; }
.info-head .desc { margin: 0 0 0 178px; min-height: 137px; height: auto !important; height: 137px; }

#int-about h3.block-title { background-position: 0 0; }
#int-models h3.block-title { background-position: 0 -100px; }
#int-cost h3.block-title { background-position: 0 -200px; }
#int-what h3.block-title { background-position: 0 -300px; }
#int-why h3.block-title { background-position: 0 -400px; }

#footer {background: url(images/footer-bg.gif) no-repeat; float: left; height: 65px; margin: 0 0 15px 0; width: 898px;}
#footer .left {float: left; margin: 6px 0 0 38px;}
#footer .right {float: right; font-weight: bold; margin: 28px 36px 0 0;}