/* 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-franchise ul li a:hover,
#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: 60px; 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 175px; }

#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; }