html, body {
  margin: 0px;
  background-color: white;
  font-size: x-small;
  margin-right: 15px;
  color: #616063;
  width: 995px;
  font-family:Verdana, Arial, Helvetica, sans-serif;
}
a { color: #616063; text-decoration: none }
form { margin: 0px; }
img { border: 0px; }
h1 { color: #f37c32; font-size: 36px; margin-top: 7px; margin-bottom: 10px; letter-spacing: -2px }
h2 { color: #616063; font-size: small; letter-spacing: -1px}
h3 { font-size: small; margin-bottom: 0px }
h4 { color: #c7c7c8; font-size: 29px; letter-spacing: -1px; margin: 0px; }
h5 { font-style: italic; font-weight: bold; font-size: large; margin: 0px; color: #434343; }
select { background-color: white; border: 1px solid #ebeae8 }

.clearer { clear: both; }
.fatspan { font-weight: bold; }
.italicspan { font-style: italic; }

.iefixedcontainer { height: 100%; overflow: auto;  width: 995px; }

#menudiv, #franchisemenudiv { position: absolute; left: 0px; width: 175px; margin: 15px;}
#menudiv .graybox { padding: 10px; padding-top: 20px; color: gray; }
#menudiv .grayborder { border: 1px solid #c7c7c8; }
#menudiv input, #menudiv select {  font-size: inherit; }
#menudiv #menuusername { width: 145px; margin-bottom: 5px; }
#menudiv #menupassword { width: 110px; margin-right: 5px; margin-bottom: 5px; }
#menudiv #menupageselect { width: 145px; }
#menudiv #menuloginbutton { vertical-align: bottom; margin-bottom: 5px; }
#menudiv #becomememberbutton { vertical-align: bottom; float: right; margin-top: 10px; }
#menudiv .menuline, #menudiv #menulinks .menuline { border-bottom: 1px solid #c7c7c8; margin: 15px 0px;}
#menudiv #menulinks div { margin-top: 15px; padding: 0px; margin:0px; margin-left: -13px; padding-left: 13px; }
#menudiv #menulinks div a { text-decoration: none; }
#menudiv #menulinks .selectedmenulink img { position: absolute; margin-left: -13px; margin-top: 1px}
#menudiv #menulinks .selectedmenulink > img { left: 14px; }
#menudiv #menulinks .selectedmenulink a { color: #e37724; }
#franchisemenudiv #franchisemenucontactuslink,
#menudiv #menucontactuslink { font-size: larger; color: #3b7438; font-weight: bold}
#menudiv #leftmenupuffspacer { height: 150px } 
#menudiv #leftmenupuff { margin-left: -9px; margin-right: -9px; margin-bottom: 15px; position: absolute }

#menuregisterdivtoclub { width: 500px; position: absolute; left: 220px; top: 120px; z-index: 100; display: none }
#menuregisterdivtoclub #menuregtable th { text-align: right; font-size: x-small; font-weight: normal; width: 145px; vertical-align: top }
#menuregisterdivtoclub #menuregtable td { vertical-align: bottom; width: 250px; padding: 4px; } 
#menuregisterdivtoclub #menuregtable td input, #regtable td select { width: 100%; border: none; }
#menuregisterdivtoclub #menuregtable td #zip { width: 100px; }
#menuregisterdivtoclub #menuregtable td #telephone { width: 170px; }
#menuregisterdivtoclub .finisheddiv { height: 280px; }
#menuregisterdivtoclub .finishedbutton { position: absolute; bottom: 25px; right: 20px; border: 1px solid blue; }
#menuregisterdivtoclub .buttonsdiv { text-align: right; position: absolute; bottom: 25px; right: 20px }

#menuregisterintereststep1 h2 { color: white; }

#menuregisterintereststep2 #interestedtable { margin-bottom: 0px; }
#menuregisterintereststep2 #interestedtable th { border-right: none; }
#menuregisterintereststep2 #interestedtable .regularwidth { width: inherit; }
#menuregisterintereststep2 #interestedtable #identityrow td, #interestedtable #identityrow th { padding-top: 10px; padding-bottom: 10px; color: #7a797b; }
#menuregisterintereststep2 #interestedtable #identityrow td { width: 150px; }
#menuregisterintereststep2 #interestedtable #othertd { height: 47px; }
#menuregisterintereststep2 #interestedtable #otherarea { border-left: 1px solid white; padding-left: 5px; height: 110px; }
#menuregisterintereststep2 #interestedtable th { width: 95px; vertical-align: top }
/* IE hack. Without these the right border is drawn 3px besides the table,
   on top of that being invisible. Use position: relative to see (the misplaced)
   border 
*/
#menuregisterintereststep2 #interestedtable .td300px { width: 300px;  }
#menuregisterintereststep2 #interestedtable .td300px textarea { width: 280px;  }
#menuregisterintereststep2 #step2table { margin: 0px; }
#menuregisterintereststep2 #step2table #bottomrow { width: 275px; }
#menuregisterintereststep2 .interestedtable #buttonsend { float: right; width: auto}
#menuregisterintereststep2 #obligatory { font-size: x-small; }

#menuregisterintereststep3 .interesteddiv { width: 360px; padding: 15px;  margin-bottom: 40px; padding-top: 0px;
                                            border-bottom: 1px solid #7a797b; border-right: 1px solid #7a797b; background-color: #e6e6e6; }
#menuregisterintereststep3 .interestedtable { width: 100%; height: 170px}
#menuregisterintereststep3 .interestedtable td { width: 50%; padding: 0px; color: #7a797b}
#menuregisterintereststep3 .interestedtable #lefttd { vertical-align: top;  font-size: larger}
#menuregisterintereststep3 .interestedtable #righttd { border-left: 1px solid white; text-align: center; padding-left: 20px;
                                                      background-repeat: no-repeat; background-position: 26px 20px;
                                                      vertical-align: bottom }
#menuregisterintereststep3 .closebutton { position: absolute; right: 20px; bottom: 25px  }

#menuregistrationfinisheddiv { width: 500px; position: absolute; left: 220px; top: 160px; z-index: 1 }
#menuregistrationfinisheddiv #registrationfinishedclosebutton { float: right; margin-top: 60px}

#menuforgottenpassdiv { width: 490px; height: 310px; position: absolute; left: 220px; top: 170px; display: none; z-index: 100 }
#menuforgottenpassdiv select { margin-bottom: 10px; }
#menuforgottenpassdiv #menuforgottenpassemail { width: 270px; }
#menuforgottenpassdiv #menuforgottenpassclosebutton { margin-right: 10px; }

#menuloginfaileddiv { position: absolute; left: 220px; top: 120px; width: 200px; z-index: 200; }
#menuloginfaileddiv img { float: right; }
#menuloginfaileddiv .boxtable { padding: 0px; margin: 1px solid red;}

#rightmenudiv { margin-top: 15px; position: absolute; left: 815px}
#rightmenudiv .boxtable { width: 177px; }

#franchisemenudiv .menuusername { font-size: larger; font-weight: bold; line-height: 300%;}
#franchisemenudiv .franchisemenuline { border-bottom: 1px solid white; height: 1px; margin-left: -5px; margin-top: 15px; }
#franchisemenudiv ul { margin: 0px; margin-top: 20px; margin-left: 12px; padding: 0px; font-size: larger; /*line-height: 200%;*/}
#franchisemenudiv ul li { margin-bottom: 16px; }
#franchisemenudiv ul li ul { margin-top: 0px; list-style-type: square; }
#franchisemenudiv ul li ul li { margin-bottom: 0px; font-size: x-small; }
#franchisemenudiv ul .selected { font-weight: bold; }
#franchisemenudiv #franchisemenulowertext { color: #616063; letter-spacing: 1px}
#franchisemenudiv #franchisemenulinks li img { margin-left: -30px; margin-right: 24px }

#franchiserightbasketmenudiv { margin-top: 12px; position: absolute; left: 755px; margin-right: 5px; width: 245px; }
#franchiserightbasketmenudiv td { position: relative; }
#franchiserightbasketmenudiv .adressbox { margin-bottom: 10px; margin-left: 5px; margin-right: 5px; }
#franchiserightbasketmenudiv .graybx { margin-bottom: 10px; margin-left: 5px; margin-right: 5px; }
#franchiserightbasketmenudiv .graybox { padding: 8px; }
#franchiserightbasketmenudiv h2 { font-size: large; margin: 0px; margin-bottom: 5px;}
#franchiserightbasketmenudiv #sumspan { font-size: x-large; line-height: 200% }
#franchiserightbasketmenudiv #franchiseorderbutton { position: absolute; bottom: 10px; right: 10px}
#franchiserightbasketmenudiv #franchisechangebutton  { position: absolute; bottom: 20px; right: 18px}
#franchiserightbasketmenudiv * > #franchisechangebutton  { right: 10px; bottom: 10px; }
#franchiserightbasketmenudiv .pdftd { vertical-align: top; padding-right: 5px }
#franchiserightbasketmenudiv .cartitem { padding: 8px; }
#franchiserightbasketmenudiv .deletelink { float: right; }

#franchiserightreferencesmenudiv { margin-top: 15px; margin-right: 25px; left: 760px; width: 229px; position: absolute}
#franchiserightreferencesmenudiv .namespan { font-weight: bold; }
#franchiserightreferencesmenudiv .boxtable { margin-bottom: 10px; }
#franchiserightreferencesmenudiv .boxtitle { font-weight: normal; font-size: small;  }
#franchiserightreferencesmenudiv .thickgraybox { padding: 5px; padding-left: 10px; padding-top: 8px; padding-bottom: 15px}
#franchiserightreferencesmenudiv .flagdiv { text-align: right; }
#franchiserightreferencesmenudiv .refimg { margin-top: 12px; margin-bottom: 10px; margin-left: 5px; }
#franchiserightreferencesmenudiv .rightlink { margin-top: 5px; text-align: right; margin-right: 5px; }

#topdiv { height: 80px; background-repeat: no-repeat; }
#topdiv #flagsdiv { float: right; margin-top: 10px; margin-right: 2px }
#topdiv #flagsdiv a { margin-left: 4px;  }
#topdiv #flagsdiv img { border: 0px }
#topdiv #xtravaganzatopdiv { position: absolute; top: 18px; left: 20px; cursor: pointer;
                             width: 220px; height: 40px }

.maindiv { margin-left: 200px; margin-right: 187px; margin-top: 12px; font-size: small }
.maindiv .shadowedbox { padding: 0px 10px }
.maindiv .oddrow { background-color: #efeceb; }
.maindiv #puffstable { margin-left: -8px; margin-right: 4px; border-collapse: collapse; }

.adminmaindiv,
.franchisemaindiv { margin-left: 195px; margin-right: 240px; margin-top: 12px; font-size: small }
.franchisemaindiv .innerdiv { margin-left: 10px; }

.adminmaindiv { margin-right: 0px; }
.adminmaindiv .info { font-style: italic; color: green; }

.error { color: red;  }
.error ul { margin-top: 2px; padding-left: 20px; }

.boxtable { border-collapse: collapse; display: table; clear: none; color: inherit}
.boxtable .boxcell { margin: 0px; padding: 0px;  color: inherit}
.boxtable #boximg { margin: 0px; padding: 0px; }
.boxtable .boxheaderred { font-size: 14px; color: white; font-style: italic; height: 100%; padding-top: 3px; 
                          padding-left: 5px; padding-right: 5px; font-weight: bold; }
.boxtable .boxheaderthickgray { color: white; font-size: large; font-weight: bold; letter-spacing: -1px }
.boxtable .boxheaderthicklightgray { color: #656367; font-size: medium; font-weight: bold; padding-left: 5px; }
.boxtable .thicklightgraybox a { color: #e37724; }
.boxtable .thickgrayinnergraybox, 
.boxtable .overflowdivbox,
.boxtable .translucentbox { background-color: #c7c7c8; padding: 30px 15px 10px 13px;
                            font-size: small; color: white; }
.boxtable .solidgraybox { background-color: #c7c7c8; color: white; padding: 15px;  }
.boxtable .solidgraybox a { color: white; }
.boxtable .thickgrayinnergraybox h1, 
.boxtable .overflowdivbox h1,
.boxtable .translucentbox h1 { color: white; font-size: xx-large }
.boxtable .thickgrayinnergraybox input { border: none }
.boxtable .boxshadowed a { color: #e37724; }

.boxtable .shadowedbox .row { font-size: x-small; padding: 10px; }
.boxtable .shadowedbox .oddrow { background-color: #f4f1f1; }
.boxtable .shadowedbox .row h2 { color: #858385; margin: 0px; letter-spacing: 0px }

.boxtabletranslucent img { behavior: url(iepngfix.htc);  }


.boxtestimonial .testimonialdescriptiondiv { color: #99989a; margin: 10px 0px; }
.boxtestimonial .boxtitle .weight { float: right; font-style: italic}

.interestedtable { background-color: #e6e6e6; font-size: x-small; margin-top: 25px; width: 400px;}
.interestedtable input, #interestedtable textarea { background-color: #e6e6e6; border: none; width: 100%; overflow: auto}
.interestedtable .largewhite { font-size: large; color: #7a797b; font-style: italic; font-weight: bold; padding: 15px }
.interestedtable th { border-right: 1px solid #7a797b; text-align: right; font-weight: normal; }
.interestedtable td, #interestedtable th { padding: 5px; padding-right: 10px; }
.interestedtable .bottomrow { border-bottom: 1px solid #7a797b; }
.interestedtable .rightrow { border-right: 1px solid #7a797b; }
.interestedtable .toprow { border-top: 2px solid white; }
.interestedtable .spacerrow { height: 10px; line-height: 1px; font-size: xx-small; padding-top: -5px;}
/* Fix for IE */
.interestedtable .radioinput { width: auto; }
.intereststep1 .interestedtable { margin-bottom: 55px; }
.intereststep1 .interestedtable #buttonproceed { width: auto; }
.intereststep1 .interestedtable .teltd { width: 90px; }
.intereststep1 .interestedtable .teltd input { width: 85px; }
/* IE hack. Without these the right border is drawn 3px besides the table, and
   on top of that being invisible. Use position: relative to see (the misplaced)
   border 
*/
.intereststep1 .interestedtable .td300px { width: 270px;  }

.graybar td { background-color: #c7c7c8; font-size: normal; color: white}

.orange { color: #e37724; }
.green { color: #507615; }

.boxpoll #pollheader { font-size: small; font-weight: bold; padding: 10px 5px; }
.boxpoll table { border-collapse: collapse; width: 100%; }
.boxpoll table .oddrow { background-color: #f4f2f1; }
.boxpoll table tr { height: 35px }
.boxpoll table th { width: 32px }
.boxpoll #pollbuttonsdiv { padding: 20px 13px 10px 13px; }

.registrationpopupdiv { width: 500px; position: absolute; left: 220px; top: 120px; display: none; z-index: 1 }
.registrationpopupdiv .innerdiv h2 { color: white; }
.registrationpopupdiv .innerdiv span { color: #666467; font-weight: bold }
.registrationpopupdiv .innerdiv { height: 380px; }
.registrationpopupdiv .buttonsdiv { text-align: right; position: absolute; bottom: 25px; right: 20px }
.registrationpopupdiv .interestedtable th { color: #7a797b; }

.translucentbox input { border: none; }
.translucentbox table th { text-align: right }

.pollresultsdiv { position: absolute; top: 100px; left: 220px; width: 400px; display: none; z-index: 51 }
.pollresultsdiv .closebutton { float: right; }
.pollresultsdiv .pollresultsinnerdiv { font-size: x-small; color: #434343; }
.pollresultsdiv .pollresultsinnerdiv .percentagebar { background-image: url('images/pollbar.png'); background-repeat: repeat-x; 
                                                      display: inline; margin-right: 5px; }
.pollresultsdiv .pollresultsinnerdiv .answer { color: white; margin-bottom: 10px } 

#franchisebottompuffs { margin-left: -5px; }
#franchisebottompuffs table { border-collapse: collapse }

#menucontrolpaneldiv .translucentbox table th { text-align: right; font-weight: normal; padding-right: 4px}
#menucontrolpaneldiv .translucentbox table td { padding: 3px; }
#menucontrolpaneldiv .translucentbox table td input { border: none; width: 200px }
#menucontrolpaneldiv .translucentbox table td .wideinput { width: 250px; }
#menucontrolpaneldiv .translucentbox table td .narrowinput { width: 100px; }

.bar { border-collapse: collapse; display: table; }
.bar .cell { margin: 0px; padding: 0px; }
.bardarkgray .title { color: white; font-weight: bold; }