/* CSS for  */

* {

	margin: 0;

	padding: 0;

}

body {

	font: 62.5% Helvetica, Arial, sans-serif;

	background-color: #FFFFFF;

	color: #444444;

}



a, a:link { color: #0055b6; text-decoration: underline;  }

a:hover { text-decoration: none; }



h1 {

	color: #000;

	font-size: 1.6em;

	margin: 0 0 25px 0;

	padding: 0;	

}

h2 {

	color: #0051ba;

	font-size: 1.6em;

	margin: 0 0 15px 0;

	padding: 10px 0 0 0;

  line-height: 1.2em;

}

h3 {

	color: #537e9d;

	font-size: 1.2em;

	margin: 0 0 5px 0;

	padding: 10px 0 0 0;

}



input { padding: 2px; }

option { padding: 1px 3px 1px 2px; }

ul, ol { margin: 10px 0 10px 35px; }

li { margin: 0 0 5px 0; }

p { margin: 0 0 15px 0; }

p.title { padding: 15px 0 0 0; margin: 0; }



dl { margin: 10px 0 20px 0; line-height: normal; }

dt { 

  float: left; 

  margin: 0; 

  padding: 0; 

  width: 65px; 

}

dd { 

	margin: 0 0 5px 75px;

	padding: 0;

}





table { border-collapse: collapse; }

th { padding: 3px; font-size: 1.1em; text-align: left; border-bottom: 2px solid #CCCCCC; }

td { padding: 3px; }

tr.even { background-color: #e9e8e8; }



img { border: 0; }

img.l { margin: 0 10px 0 0; }

img.r { margin: 0 0 0 10px; }



.l { float: left; }

.r { float: right; }

.clear { clear: both; }

.clear-l { clear: left; }

.clear-r { clear: right; }

.email_confirm { display: none; }



.b { font-weight: bold; }

.u { text-decoration: underline; }

.i { font-style: italic; }

.small { font-size: .89em; }

.large { font-size: 1.2em; }

.t-c { text-align: center; }

.t-r { text-align: right; }

.t-l { text-align: left; }



.dark-blue { color: #517b9b; }

.blue { color: #0063c8; }

.light-blue { color: #0051ba; }

.yellow { color: #f7cc4f; }

.light-gray, .light-grey { color: #e9e8e8; }



#wrap {

	width: 848px;

	margin: 0 auto;

	border: 3px solid #0f243e;

}



#top-nav {

	padding: 5px 0 5px 0;

	font-size: 1.2em;

	background-color: #0f243e;

}

	#top-nav ul {

		margin: 0;

		padding: 0;

		float: right;

		list-style: none;

	}

	#top-nav ul li {

		margin: 0 10px 0 0;

		padding: 0 10px 0 0;

		float: left;

		border-right: 1px solid #FFFFFF;

	}

	#top-nav ul li a { color: #FFFFFF; text-decoration: none; }

	#top-nav ul li a:hover { text-decoration: underline; }

	#top-nav ul li.last { border: 0; }

	#top-nav ul li.national { border-right: 0; color: #FFFFFF; font-weight: bold; text-align: right; padding-right: 0; }



#header {

	padding-bottom: 10px;

	text-align: left;

	background-color: #f1f4f6;

}

	#header #logo { margin: 15px 0 0 35px; }

	#header #phone {

		float: right;

		margin: 25px 53px 0 0;

		text-align: right;

	}

	#header #phone .call {

		display: block;

		color: #0051ba;

		font-size: 1.9em;

		font-weight: bold;

		font-style: italic;

	}

	#header #phone .number {

		display: block;

		color: #3c393a;

		font-size: 2em;

		font-weight: bold;

		font-family:Verdana, Arial, Helvetica, sans-serif;

	}



#nav {

	font-size: 1.4em;

	border-bottom: 3px solid #FFFFFF;

	background: url('/images/bg-nav-shadow.gif') top right no-repeat; 

}



#nav ul { /* all lists */

	padding: 0;

	margin: 17px 15px 0 0;

	float: right;

	display: inline;

	list-style: none;

	border: 1px solid #e8ecf0;

	border-bottom: 0;

	background: url('/images/bg-nav-gradient.gif') top left repeat-x;

}



#nav a {

	display: block;

	padding: 8px 0 7px 0;

	width: 125px;

	color: #FFFFFF;

	font-weight: bold;

	text-decoration: none;

}

#nav a:hover {

	background-image: url(../images/bg-nav-gradient2.gif);

	background-repeat: repeat-x;

	background-position: left top;

	color: #000000;

}



#nav li { /* all list items */

	margin: 0;

	padding: 0;

	float: left;

	width: 125px; /* width needed or else Opera goes nuts */

	text-align: center;

	border-right: 1px solid #e8ecf0;

}

#nav li#nav-franchise,

#nav li#nav-franchise a { width: 190px; border: 0; }

#nav li#nav-franchise ul { margin-left: -96px; }



#nav li#nav-fran-about,

#nav li#nav-fran-benefits,

#nav li#nav-fran-faq,

#nav li#nav-fran-contact { width: 112px; }



#nav li#nav-fran-contact { border: 0; width: 112px; }



#nav li#nav-fran-about a,

#nav li#nav-fran-benefits a,

#nav li#nav-fran-faq a,

#nav li#nav-fran-contact a { width: 112px; }

		

#nav li ul { 

	position: absolute;

	background: #efc43f;

	width: 10em;

	left: -999em;

	margin: 0 0 0 -63px; 

	padding: 0; 

	width: 200px;

	border: 0;

	border-top: 3px solid #FFFFFF;


}



#nav li#nav-franchise ul li,

#nav li ul li { 

	margin: 0;

	padding: 0;

	border: 0;

	text-align: left; 

}



#nav li#nav-franchise ul li a,

#nav li ul li a { 

	margin: 0; 

	padding: 5px 0 5px 10px; 

	width: 190px;

}

#nav li#nav-fran-guest,
#nav li#nav-fran-guest a {
  width:140px;
  background-color: #efc43f;
  color:black;
  text-align:center;
}
#nav li#nav-fran-guest a:hover {
  color:white;
}



#nav li#nav-franchise ul li a:hover,
#nav li:hover,
#nav li.sfhover,
#nav li ul li a:hover { color: #000000; background-image: none; background-color: #efc43f; }



#nav li:hover ul,
#nav li.sfhover ul { /* lists nested under hovered list items */

left: auto;

}



#nav li:hover, #nav li.sfhover {

    position: static;

}





#home #banner {

	width: 848px;

	height: 242px;

	background: url('/images/bg-home-header.jpg') bottom left no-repeat;

}

	#home #banner #sold-sign { 

		position: absolute;

		margin: -39px 0 0 -31px;

	}

	#home #banner #banner-right { padding: 55px 40px 0 255px; text-align: center; }

	#home #banner #banner-right #banner-header { margin-bottom: 30px; }

	#home #banner #banner-right p {

		margin: 0;

		padding: 0;

		color: #FFFFFF;

		font-size: 1.6em;

		font-style: italic;

		font-weight: bold;

	}



#int #banner {

	width: 848px;

	height: 88px;

	background: url('/images/bg-home-header.jpg') bottom left no-repeat;

}

	#int #banner #sold-sign { 

		position: absolute;

		margin: -39px 0 0 -31px;

	}

	#int #banner #banner-right { padding: 15px 40px 0 295px; text-align: center; }





#landing #banner {

	width: 848px;

	height: 242px;

	background: url('/images/bg-home-header.jpg') bottom left no-repeat;

}

	#landing #banner #sold-sign { 

		position: absolute;

		margin: -39px 0 0 -31px;

	}

	#landing #banner #banner-right { padding: 35px 20px 0 255px; text-align: center; }



#landing #banner #banner-right span.banner-text {

  display: block;

  margin-left: 10px;

  color: #FFFFFF;

  font-size: 2.5em;

  font-weight: bold;

  text-align: left;

  letter-spacing: 4px;

  font-family: Helvetica, arial, sans-serif;

}



	#landing h1 {

		padding: 0;

		margin: 0 0 15px -30px;

		color: #044caa;

		font-size: 2em;

		width: 847px;

		text-transform: uppercase;

		background-color: #e9e8e8; 

	}

	

	#landing h1 span { 

		display: block;

		margin: 0 0 0 0;

		padding: 10px 0 10px 30px;

		text-align: left;

	}

  

#home #content {

	font-size: 1.2em;

	margin: 15px 30px 20px 30px;

}

	#home #left { width: 390px; }

	#home #right { float: right;	width: 344px; }

	

	

#landing #content {

	font-size: 1.2em;

	color: #000000;

	margin: 15px 30px 20px 30px;

}

	#landing #left { width: 420px; }

	#landing #right { float: right;	width: 344px; margin-top: 10px; margin-bottom: 30px; }

	

	

#int #content {

	margin: 15px 0 20px 0;

}

	#int #left { 

		float: left;

		font-size: 1.1em;

		margin: 50px 0 0 10px;

		width: 245px;

	}

	#int #right { 

		width: 555px;

		font-size: 1.3em;

		margin: 0 0 0 275px;

		line-height: 1.5em;

	}

	#int #left-u { 

		float: left;

	

		width: 200px;

	}

	#int #right-u { 

		float: right;

		width: 200px;

		

	}

	

	#int #content h1 {

		padding: 0;

		margin: 0 0 15px 0;

		color: #044caa;

		font-size: 2em;

		text-transform: uppercase;

		background-color: #e9e8e8; 

	}

	

	#int #content h1 span { 

		display: block;

		margin: 0 0 0 258px;

		padding: 20px 0 20px 0;

		text-align: center;

	}

	

	#users-content { 

		font-size: 1.3em;

		margin: 85px 30px 20px 30px;

		line-height: 1.5em;

	}

		#int #right { 

		width: 555px;

		font-size: 1.3em;

		margin: 0 0 0 275px;

		line-height: 1.5em;

	}

#int #left .blue-box-top { background: url('/images/blue-box-top-int.gif') bottom left no-repeat; vertical-align: bottom; height: 6px; width: 246px; }

#int #left .blue-box { 

	width: 236px;

	margin: 0 0 15px 0;

	padding: 0 5px 6px 5px;

	color: #FFFFFF;

	background: url('/images/blue-box-bottom-int.gif') bottom left no-repeat;

}

#int #left .blue-box p { margin: 0 0 5px 0; padding: 10px 10px 0 10px; }

#int #left .blue-box h2 {

	padding: 3px 5px 3px 15px;

	margin: 0 0 5px 0;

	color: #0051ba;

	background-color: #FFFFFF;

}

#int #left .blue-box select { font-size: 1.1em; }



#side-nav ul { 

	margin: 0;

	padding: 0; 

	list-style: none;

}

#side-nav ul li { 

	margin: 0 7px 0 7px;

	padding: 0; 

	font-size: 1.6em;

	border-bottom: 1px solid #3f5065;

}

#side-nav ul li.last { border: 0; }

#side-nav ul li a { 

	display: block;

	margin: 0;

	padding: 10px 0 10px 15px;

	color: #FFFFFF; 

	text-decoration: none;

	background: url('/images/sub-nav-arrow.gif') left no-repeat;

}

#side-nav ul li a:hover { color: #5c9dd4; background-image: url('/images/sub-nav-arrow_o.gif'); }





#login ul {

	margin: 0;

	padding: 0;

	list-style: none;

	height: 39px;

	background: url('/images/login-box-top.gif') bottom left no-repeat;

}

#login li { 

	margin: 0;

	padding: 0;

	float: left;

	font-size: 1.3em;

	text-align: center;

}

#login li a {

	display: block;

	padding: 3px 0 0 0;

	margin: 0;

	height: 32px;

	color: #FFFFFF;

	font-weight: bold;

	text-decoration: none;

}

#login li#tab-login a {

	width: 118px;

	margin-right: 5px;

	background: url('/images/tab-blue.gif') top left no-repeat;

}

#login li#tab-create a {

	width: 143px;

	background: url('/images/tab-yellow.gif') top left no-repeat;

}

#login li#tab-create a:hover { color: #FFFFFF; }

#login li#tab-create a { color: #000000; }



#login-content {

	height: 135px;

	margin: 0 0 25px 0;

	color: #afbfcc;

	background: url('/images/bg-login-body.gif') top left no-repeat;

}

#login-content .links { padding-left: 10px; }

#login-content .links a { color: #FFFFFF; }



#login-content form { padding: 15px; }

#login-content label {

	float: left;

	display: block;

	padding: 3px 5px 0 0;

	margin: 0;

	width: 85px;

	color: #afbfcc;

	font-weight: bold;

	font-size: 1.2em;

	text-align: right;

}

#login-content input { 

	float: left; 

	width: 214px;

	padding: 3px;

	margin: 0 0 10px 0;

	border: 0;

	color: #0051ba;

}



#login-content a { color: #afbfcc; }

#login-content #extra-login { margin: 0 0 0 90px; }

#login-content #extra-login input { float: none; width: auto; margin: 0; vertical-align: text-bottom; }

input#input-login { width: 111px; height: 25px; float: right; }



a.create-account-home {

	width: 381px;

	height: 58px;

	display: block;	

	color: #0f243e;

	text-decoration: none;

	font-size: 1.3em;

	background: url('/images/create-account_rollover.gif') 0px 0px no-repeat;

}

a.create-account-home strong { font-size: 1.1em; }

a.create-account-home span {	display: block;	padding: 9px 0 0 15px; }

a.create-account-home:hover { color: #0051ba; background-position: 0px -58px; }



a.create-account {

	margin: 0 auto;

	padding: 13px 0 0 0;

	width: 155px;

	height: 31px;

	display: block;	

	color: #0f243e;

	font-size: 1.1em;

	font-weight: bold;

	text-decoration: none;

	background: url('/images/button-create-account_rollover.gif') 0px 0px no-repeat;

}

a.create-account:hover { color: #FFFFFF; background-position: 0px -44px; }





a.login-create {

	width: 366px;

	height: 28px;

	padding: 30px 0 0 15px;

	display: block;	

	color: #0f243e;

	text-decoration: none;

	font-size: 1.3em;

	font-weight: bold;

	/*background: url('/images/login-create-rollover.gif') 0px 0px no-repeat;*/

	background: url('/images/create-account_rollover.gif') 0px 0px no-repeat;

}

a.login-create:hover { color: #0051ba; background-position: 0px -58px; }



a.login-create-franchise {

	width: 324px;

	height: 24px;

	padding: 30px 0 0 15px;

	display: block;	

	color: #0f243e;

	text-decoration: none;

	font-size: 1.3em;

	font-weight: bold;

	/*background: url('/images/login-create-rollover.gif') 0px 0px no-repeat;*/

  border: 2px solid #cccccc;

	background: url('/images/create-account_rollover.gif') -10px -2px no-repeat;

}

a.login-create-franchise:hover { border: 2px solid #0051BA; }





#right .blue-box-top { background: url('/images/blue-box-top.gif') bottom no-repeat; vertical-align: bottom; height: 6px; width: 344px; }

#right .blue-box { 

	width: 334px;

	padding: 0 5px 15px 5px;

	color: #FFFFFF;

	background: url('/images/blue-box-bottom.gif') bottom no-repeat;

}

#right .blue-box h2 {

	padding: 3px 5px 3px 15px;

	margin: 0 0 5px 0;

	color: #0051ba;

	background-color: #FFFFFF;

}



#right .blue-box#find-office p { margin: 20px 180px 40px 20px; font-size: .89em; }

#right .blue-box#find-office form { padding-left: 20px; }

#right .blue-box #usa { position: absolute; margin: 0 0 0 210px; padding-top: 35px;}



#footer-gradient {

	height: 9px;

	background: url('/images/bg-footer-gradient.gif') bottom repeat-x; 

}

	

#footer {

	padding: 20px 0 5px 0;

	color: #FFFFFF;

	border-top: 3px solid #FFFFFF;

	text-align: center;

	font-size: 1.2em;

	background-color: #0f243e;

}

	

	#footer ul {

		margin: 0 0 0 235px;

		padding: 0;

		list-style: none;

	}	

	#footer.franchise ul {

		margin: 0 0 0 302px;

		padding: 0;

		list-style: none;

	}

	#footer ul li {

		margin: 0 10px 0 0;

		padding: 0 10px 0 0;

		float: left;

		border-right: 1px solid #FFFFFF;

	}

	#footer a { color: #FFFFFF; text-decoration: none; }

	#footer a:hover { text-decoration: underline; }

	#bwm a:hover { color: #0099FF; }

	#footer ul li.last { border: 0; margin: 0; padding: 0; }



	#footer p { clear: both; }

	

  

p.logged-in { font-size: 1.2em; padding: 10px 10px 0 10px; margin-bottom: 5px; font-weight: bold; }





#map_canvas {

  width: 100%;

  height: 300px;

}



#int.admin #sold-sign { display: none; }

#int.admin #left { padding-top: 0; margin-top: 3px; } 



.bar {

  margin: 10px 0 10px 0;

  padding: 0 0 10px 0;

  border-bottom: 2px solid #e9e8e8;

}



.fieldWithErrors { display: inline; }



/*

p.notice {

	border: 1px solid #0f243e;

	background-color: #e4f0ff;

	margin-bottom: 20px;

	color: #0f243e;

	font-weight: bold;

}

p.error {

	border: 1px solid #990000;

	background-color: #ffe2e2;

	margin-bottom: 20px;

	color: #990000;

	font-weight: bold;

}

*/



p.notice {

	margin-bottom: 20px;

	color: #0176da;

	font-weight: bold;

}

p.error {

	margin-bottom: 20px;

	color: #990000;

	font-weight: bold;

}



#int p.notice { color: #01B600; }



#errorExplanation {

	border: 2px solid #990000;

	background-color: #ffe2e2;

	padding: 0 10px 0 10px;

	margin-bottom: 20px;

	color: #990000;

}

.errorExplanation,

.errorExplanation h2,

.fieldWithErrors { color: #990000; }



.fieldWithErrors input,

.fieldWithErrors select { border: 1px solid #990000; }



#user-profile { float: left; border: 2px solid #CCCCCC; background-color: #EFEFEF; padding: 0 10px 0 10px; }

#user-profile dl { 

	margin: 10px 0 20px 0;

	line-height: normal; 

	}

#user-profile dt { 

  float: left; 

  margin: 0; 

  padding: 0 0 5px 0; 

  width: 120px; 

	font-weight: bold;

	text-align: right;

	border-bottom: 1px solid #CCCCCC;

}

#user-profile dd { 

	float: left;

	width: 250px;

	margin: 0 0 5px 0;

	padding: 0 0 5px 10px;

	border-bottom: 1px solid #CCCCCC;

}



#franchise-left {

	float: left;

	width: 303px;

}

#franchise-right { margin-left: 320px; }

#franchise_image {

	margin: 0 0 50px 0;

	text-align: center;

	background: url('/images/franchise-image-body.gif') top left repeat-y;

}

#franchise_image img { border: 0; margin: 0; padding: 0; line-height: normal; }



.form-left,

.form-right { float: left; width: 250px; }

input#user_address { margin-bottom: 5px; }



#users-content .form-left {  }





.create-account-form { 

	width: 570px;

	border: 2px solid #CCCCCC; 

	background-color: #EFEFEF; 

	padding: 5px; float: left; 

	margin: 0 0 15px 97px; 

	padding: 10px;

}



#toggle1, 		

#toggle2, 		

#toggle3, 		

#toggle4, 		

#toggle5, 		

#toggle6, 		

#toggle7, 		

#toggle8, 		

#toggle9, 		

#toggle10, 		

#toggle11, 		

#toggle12, 		

#toggle13, 		

#toggle14, 		

#toggle15, 		

#toggle16, 		

#toggle17, 		

#toggle18, 		

#toggle19, 		

#toggle20	{ display: none; }



.form-box-padding h2 { padding-left: 97px; }

.form-box-padding p { padding-right: 97px; }



.logout-button a {

	display: block;

	width: 75px;

	text-align: center;

	padding: 3px;

	margin: 0 0 10px 0;

	border: 2px solid #8b732d;

	color: #53451b;

	font-weight: bold;

	text-decoration: none;

	background: url('/images/tab-yellow.gif') top center no-repeat;

}

.logout-button a:hover { background-image: none; background-color: #efc64d; }



.admin-buttons a {

	display: block;

	width: 145px;

	text-align: center;

	padding: 5px;

	margin: 0 0 5px 0;

	border: 2px solid #0f243e;

	color: #FFFFFF;

	font-weight: bold;

	text-decoration: none;

	background: url('/images/bg-home-header.jpg') top center no-repeat;

}

.admin-buttons a:hover { background-image: none; background-color: #0283df; }



#user-details dl { margin: 10px 0 20px 0; line-height: normal; }

#user-details dt { 

  float: left; 

  margin: 0; 

  padding: 0; 

  width: 145px; 

}

#user-details dd { 

	margin: 0 0 5px 155px;

	padding: 0;

}

#user-details dd h2 { padding-top: 0; margin-top: 0; }





a.apply-button {

	float: left;

	display: block;

	width: 250px;

	text-align: center;

	color: #FFFFFF;

	margin: 0 10px 15px 10px;

	text-decoration: none;

	font-size: 1.4em;

	font-weight: bold;

	background-color: #517b9b;

}

a.apply-button span { 

	display: block;

	margin: 2px;

	padding: 10px;

	border: 1px solid #FFFFFF; 

	background-color: #0063c8;

}

a.apply-button:hover { background-color: #f7cc4f; }

a.apply-button:hover span { background-color: #0051ba; }

a#download-application { margin-left: 140px; }



.hiddenDiv { display: none; }