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

* { margin: 0; padding: 0; font-size: 1em }

body { font-family: Arial, sans-serif; font-size: 75%; color: #000; line-height: 1.5em; background: #f1f1f1; text-align: center }
	html>body { font-size: 12px }
a { color: #000; text-decoration: none }
	a img { border: 0 }
p { margin-bottom: 1.5em }

h2 { font-size: 1.3333em }

textarea { font-family: Arial, sans-serif; padding: 2px }

sup { font-size: 0.75em; color: #444444 }

.clear { clear: both }
.outset-icon { margin: 0 6px 0 -22px }
.ast { font-size: 2em; color: #660000 }

#sticky { margin: 0 0 18px -30px }
	html>body #container #left-column #sticky { margin: 0 0 18px -68px }


/* IE PNG Support Hack 	*/
	img, div { behavior: url(/iepngfix.htc) }
/*			*/


#header { width: 100%; background: #ffffff url(images/top-grey-shadow-top.png) bottom repeat-x; text-align:center; font-size: 1em }
	#header920 { width: 920px; margin: 0 auto }
	
	#knox-logo { height: 144px; width: 274px; float: left; margin-top: 13px}
	
	#top-city-list { float: left; width: 416px; margin: 30px 10px 0 10px; font-family: Tahoma, Arial, sans-serif }
		.city-list { width: 412px; border: 0 }
			.city-list tr td { font-size: 1em }
			.city-list tr td a { color: #535353; margin-left: -12px; padding-left: 12px }
				.city-list tr td a:hover { color: #000 }
				html>body #header #top-city-list .city-list tr td a:hover { background: url(images/office-list-bullet.jpg) left no-repeat }
			.city-list-header { font-size: 1.0833em; font-weight: bold; color: #535353 }
			.city-list-state { font-weight: bold; color: #346397; text-decoration: underline }

	#top-contact { float: left; width: 210px; background: url(images/top-contact-bg.png) bottom right no-repeat; padding: 30px 10px 18px 0; text-align: right; z-index:2; color: #373839 }
		html>body #header #top-contact { width: 200px }
	
		#top-contact a { color: #535353 }
			#top-contact a:hover { color: #000 }
	

#banner { width: 100%; float: left; margin: -20px 0 -96px 0; background: url(images/top-grey-strip-bg.png) top repeat-x; clear: both; height: 334px; text-align: center }


#menu { width: 920px; height: 50px; margin: 0 auto -11px auto; background: #d4d4d4 url(images/menu-bg.png) repeat-x; text-align: left }
	html>body #menu { height: 40px }

#container { width: 920px; margin: 0 auto; background: #e8e8e8 url(images/container-bg.png) left repeat-y; text-align: left; border-left: 1px solid #d3d3d3; border-right: 1px solid #d3d3d3 }
	html>body #container { width: 918px }
	#index-header { width: 100%; text-align: center; padding-top: 15px }
	
	
	#login-box { width: 386px; float: left; background: #ffffff url(images/login-box-bg.png) bottom left no-repeat; padding: 1.5em 10px; margin-left: 30px }
		html>body #container #login-box { width: 366px }
		
		#login-box-top { top: -1.5em; left: 0; position: relative }
			html>body #container #login-box-top { top: -1.5em; left: -11px }
		#login-box label { white-space: nowrap; color: #535353 }
		#login-box .rounded { background: url(images/textbox.png) no-repeat top left; border: 0; width: 178px; height: 16px; padding: 1px 3px }
		.forgot-user a { font-size: 0.9167em; color: #373839 }
		.forgot-user a:hover { color: #000; text-decoration: underline }
		#login-box h2 { font-size: 1.333em; font-family: Tahoma, Arial, sans-serif; font-weight: normal }
			#login-box h2 a { color: #425b74  }
				#login-box h2 a:hover { color: #000 }
		#login-box .read-about { font-size: 1.1667em; color: #373839 }
		#login-box .or-order-now { text-align: center; font-size: 1.1667em; color: #535353 }
		#login-box .or-order-now a { color: #535353 }
		#login-box .or-order-now a:hover { color: #000 }



	#services-box { width: 422px; float: right; background: #ffffff url(images/services-bg.jpg) bottom no-repeat; padding: 1.5em 10px 3em 10px; margin-right: 30px }
		html>body #container #services-box { width: 402px }
	
		#services-box-top { top: -1.5em; left: 0; position: relative }
			html>body #container #services-box-top { left: -10px }
	
		#services-box ul { margin: 0 32px }
		#services-box ul li { padding: 3px 0 3px 6px; list-style-image: url(images/checkmark.jpg); list-style-position: outside; font-family: Tahoma, Arial, sans-serif; font-size: 1.1667em }
		#services-box ul li a { color: #2a3e57 }
		#services-box ul li:hover { list-style-image: url(images/checkmark-over.png) }
			#services-box ul li:hover a { color: #000 }
		#services-box p { font-family: Tahoma, Arial, sans-serif; font-size: 1.3333em }
			#services-box p a:hover { text-decoration: underline }
	
	
	#select-city { clear: both; width: 875px; float: left; margin: 3em 0 }
		#select-city #blue-bar { width: 875px; background: url(images/choose-location-bar.png) top left no-repeat; color: #fefefe; padding: 7px 40px 0 40px; font-family: Tahoma, Arial, sans-serif; font-size: 1.6667em }
			html>body #container #select-city #blue-bar { width: 795px }


		#select-city #city-list { width: 540px; float: left; padding: 0 87px; font-family:Tahoma, Arial, sans-serif; font-size: 1.1667em }
			html>body #select-city #city-list { width: 380px }
			
			.state { font-weight: bold; color: #224f88 }
			#city-list td a { display: block; padding-left: 12px; margin-left: -12px }
			#city-list td a:hover { background: url(images/office-list-bullet.jpg) left no-repeat; color: #535353 }
			
			.we-serve { padding-left: 50px; margin: 1.5em 0 3em -50px; font-weight: bold; color: #2e842d; background: url(images/globe.png) no-repeat                }
			.we-serve a { color: #2e842d }
				.we-serve a:hover { color: #0f3f0f }
		
		
		#corporate-hq { width: 255px; float: right; margin-right: 20px }
			#corporate-hq h3 { display: block; font-family: Tahoma, Arial, sans-serif; font-size: 1.1667em; background: #d9e1ec url(images/corporate-hq-bg.png) bottom repeat-x; padding: 2px 10px 5px 10px; font-weight: normal }
				#corporate-hq h3 a:hover { color: #456187 }
			#corporate-hq p { margin: 1.5em 10px 1.5em 30px }
			#corporate-hq p a { color: #1e5e1e }
				#corporate-hq p a:hover { color: #002800 }
		
		
		
		
	#left-column { width: 286px; float: left; /*background: #e8e8e8 url(images/left-col-bg.png) right repeat-y;*/ padding: 72px 9px 72px 36px; border-left: 1px solid #ebebeb; min-height: 600px }
		html>body #container #left-column { width: 213px }
		#left-column h2 { font-family:Tahoma, Arial, sans-serif; font-size: 1.1667em; color: #222222; font-weight: normal; margin-bottom: 1.5em }
		#left-column p { font-family: Arial, sans-serif; color: #393939 }
		#left-column a { color: #2e842d }
		#left-column a:hover { color: #0f3f0f }
	
	
	#right-column { width: 630px; float: right; border-right: 1px solid #ebebeb; background: #ffffff url(images/right-col-bg.png) bottom repeat-x; padding: 72px 18px; min-height: 600px }
		html>body #container #right-column { width: 595px  }

		#right-column p { font-size: 1.0833em }
		#right-column a { color: #346397 }
		#right-column a:hover { color: #0f2c4c }




/*		TABS for IE			*/

		#tabs { width: 100% }
			#tabs ul { list-style: none; height: 27px; border-bottom: 1px solid #7b92b0 }
				#tabs li { float: left; height: 28px; background: url(images/tab-inactive-R.png) top right no-repeat; text-align: center }
					#tabs li:hover { background-image: url(images/tab-active-R.png) }
						#tabs li:hover a { background-image:url(images/tab-active-L.png) }
			#tabs a { height: 28px; background: url(images/tab-inactive-L.png) top left no-repeat; padding: 5px 10px; white-space: nowrap }
			#tabs #current { background-image: url(images/tab-current-R.jpg) }
				#tabs #current a { background-image: url(images/tab-current-L.png); padding-bottom: 1px }
				

/*		TABS for non-IE		*/

	html>body #container #right-column #tabs { width: 100% }
			html>body #container #right-column #tabs ul { list-style: none; height: 27px; border-bottom: 1px solid #7b92b0 }
			html>body #container #right-column #tabs li { float: left; height: 28px; background: url(images/tab-inactive-R.png) top right no-repeat; text-align: center }
				html>body #container #right-column #tabs li:hover { background-image: url(images/tab-active-R.png) }
					html>body #container #right-column #tabs li:hover a { background-image:url(images/tab-active-L.png) }
			html>body #container #right-column #tabs a { display: block; height: 28px; background: url(images/tab-inactive-L.png) top left no-repeat; padding: 5px 15px }
			html>body #container #right-column #tabs #current { background-image: url(images/tab-current-R.jpg) }
				html>body #container #right-column #tabs #current a { background-image: url(images/tab-current-L.png); padding-bottom: 1px }


	#services-list ul { list-style: none }
		#services-list ul li { list-style-image: url(images/arrow.png); list-style-position: inside; font-size: 1.3333em; padding: 2px 4px; margin: 9px 0 }
			#services-list ul li ul li { list-style-image: none; margin-left: 36px; font-size: 0.75em; background: none; border: none; margin: 0 }

	#services-content { clear: left; margin-top: 1.5em; padding: 0 18px }
		.subHeader { color: #535353 }
			.subHeader a { color: #535353 }
				.subHeader a:hover { color: #000 }
		#services-content h1 { font-family: Tahoma, Arial, sans-serif; font-size: 1.3333em; font-weight: normal; margin-bottom: 1.5em }
		#services-content a { color: #2e842d }
			#services-content a:hover { color: #0f3f0f }
		#services-content ul { margin-bottom: 1.5em; list-style: none; list-style-image: url(images/arrow.png) }
			#services-content ul li { font-size: 1.1667em }
			#services-content ul li ul li { margin: 0 0 0 23px; font-size: 0.8571em; list-style-image: none; list-style-position: outside }


	#order-forms table { margin-bottom: 18px }
		#order-forms table tr td { padding: 2px 5px }
			#order-forms table tr td.state { font-weight: bold; font-size: 1.1667em; color: #346397; text-decoration: underline }
	#order-forms ul { margin-top: 18px }
		.no-forms { color: #2e842d }
			.no-forms-a { color: #2e842d }
				.no-forms a:hover { text-decoration: none; color: #0f3f0f }
		#order-forms ul.formList { list-style: none }
			#order-forms ul.formList a { color: #333333 }
				#order-forms ul.formList a:hover { color: #000; text-decoration: underline }
			#order-forms ul.formList li { background: url(images/form-list-bg.png) bottom repeat-x; padding: 9px 9px; margin-left: -9px }
				#order-forms ul.formList li:hover { background-color: #cccccc }


	#login-box-big { float: left; width: 389px; padding: 1.5em 10px }
		html>body #container #login-box-big { width: 369px }
		
		#login-box-big label { white-space: nowrap; color: #535353; font-size: 1.1667em; text-align: right }
		#login-box-big .rounded { background: url(images/textbox-big.png) no-repeat top left; border: 0; width: 252px; height: 30px; padding: 1px 5px; font-size: 1.1667em }
			html>body #container #right-column #login-box-big .rounded { width: 242px; height: 28px }
		#login-box-big table tr td { text-align: right }
		a.forgot-user { color: #373839 }
		a.forgot-user:hover { color: #000 }
		#login-box-big h2 { font-size: 1.5em; font-family: Tahoma, Arial, sans-serif; font-weight: normal }
			#login-box-big h2 a { color: #425b74  }
				#login-box-big h2 a:hover { color: #000 }
		#login-box-big .read-about { font-size: 1.1667em; color: #373839 }
		#login-box-big .or-order-now { text-align: center; color: #535353 }
		#login-box-big .or-order-now a { color: #535353 }
		#login-box-big .or-order-now a:hover { color: #000 }


		#benefits p { margin: 3em 0 }
		#benefits ul { list-style: none }
		#benefits ul li { list-style-image: url(images/arrow.png); list-style-position: inside; padding: 2px 4px; margin: 18px 0 }
			#benefits ul li:hover { border-color: #006699 }
			#benefits ul li a { color: #2e842d }
				#benefits ul li a:hover { color: #0f3f0f }
				#benefits ul li ul li { list-style-image: none; list-style-position: outside; margin-left: 36px; list-style: none; margin: .75em 36px }


		#order-choice { width: 580px; margin: 1.5em auto; padding: 18px 18px 9px 18px; background-color: #ffffff; background-position: bottom; background-repeat: repeat-x; border-width: 1px; border-style: solid }
			html>body #right-column #order #order-choice { width: 544px }
			.blue { background-image: url(images/order-blue-bg.png); border-color: #99cccc }
				.blue:hover { border-color: #006699 }
			.green { background-image: url(images/order-green-bg.png); border-color: #66cc99 }
				.green:hover { border-color: #006633 }
			.yellow { background-image: url(images/order-yellow-bg.png); border-color: #cabe77 }
				.yellow:hover { border-color: #675e27 }
			.grey { background-image: url(images/order-grey-bg.png); border-color: #cccccc }
				.grey:hover { border-color: #666666 }
			#order-choice img { margin: 0px 6px 1.5em -9px }
			.action { font-family: Tahoma, Arial, sans-serif; font-size: 1.5em }
			#order-choice ul { list-style: none }
				#order-choice ul li { list-style-image: url(images/arrow.png); list-style-position: inside; padding: 2px 4px; margin: 9px 0 }
			
			
	#careers p.bigger { font-size: 1.1667em }
	#careers ul { margin-top: 3em; list-style: none; background: url(images/form-list-bg.png) top repeat-x }
		#careers ul li { background: url(images/form-list-bg.png) bottom repeat-x; padding: 9px; margin: 0 0 1.5em -9px }
			#careers ul li table tr td { padding: 5px; vertical-align: top; text-align: left }
				#careers ul li table tr td.header { font-weight: bold; padding-right: 36px }
				#careers ul li table tr td.apply { font-size: 1.1667em; padding-top: 1.5em }
			

	#left-column h2 { font-size: 1.3333em }
		#left-column h2 a { color: #444444 }
			#left-column h2 a:hover { color: #000 }
	#admin { list-style: none; background: url(images/form-list-bg.png) top repeat-x }
		#admin li { background: url(images/form-list-bg.png) bottom repeat-x; padding: 1.5em 9px; margin: 0 -9px; font-size: 1.1667em }
			#admin li:hover { background-color: #cccccc }
		#admin select { padding: 1px 3px; width: 200px; font-size: 0.8571em }
			#admin select option { background-position: top left; background-repeat: no-repeat; padding: 1px 0 1px 20px }
				#admin select option.open { background-image: url(images/icon-open.png) }
				#admin select option.closed { background-image: url(images/icon-closed.png) }
	.error { color: #660000; font-size: 1.3333em }
	.success { color: #006633; font-size: 1.3333em }
	#admin-table { border: none }
		#admin-table tr td { padding: 5px; vertical-align: top; text-align: left }
			#admin-table tr td.h2 { font-size: 1.3333em; vertical-align: bottom }
			#admin-table tr td input { margin: -2px 0 }
			#admin-table tr td textarea { width: 400px }
			.details { color: #346397; font-size: 0.9167em }
				.details input { color: #000; font-size: 1.0909em }

			
	
	#message-sent { color: #555555; text-align: left; vertical-align: top; font-family:"Courier New", Courier, monospace; margin-bottom: 1.5em }
		#message-sent tr td { padding: 5px }
	
	
	
	#order table { border: none }
		#order table tr td { padding: 3px; text-align: left; vertical-align: top }



	#contact-list ul { margin-top: 18px }
		.no-forms { color: #2e842d }
			.no-forms-a { color: #2e842d }
				.no-forms a:hover { text-decoration: none; color: #0f3f0f }
		#contact-list ul.contactList { list-style: none }
			#contact-list ul.contactList a { color: #333333 }
				#contact-list ul.contactList a:hover { color: #000; text-decoration: underline }
			#contact-list ul.contactList li { background: url(images/form-list-bg.png) bottom repeat-x; padding: 9px 27px; margin-left: -9px }
				#contact-list ul.contactList li:hover { background-color: #cccccc }


	#credit-app tr td { vertical-align: top }

			
#footer { width: 100%; background: #5d5c5c url(images/footer-bg.png) top repeat-x; text-align: center }
	#footer920 { width: 884px; margin: 0 auto; padding: 36px 1.5em; text-align: left }
		#footer920 hr { color: #8f8f8f; height: 0px; margin-bottom: 1.5em }
		#footer920 p { color: #d0d0d0; padding: 0 18px }
		#footer920 a { color: #ffffff }
			#footer920 a:hover { color: #e9e9e9 }
			
			
	#sitemap h1 { font-size: 1.5em }
	#sitemap table tr td { text-align: left; vertical-align: top; font-size: 1.3333em; padding: 5px 0 }
	#sitemap ul { font-size: 0.75em; margin-left: 18px }
		#sitemap ul li { margin-left: 18px; font-weight: bold }
			#sitemap ul li ul li { margin-left: 18px; font-size: 1.3333em; font-weight: normal }
	#sitemap .colored { background: #dddddd; display: block }