27/* -------------------------------------------------------------- 
  	TABLE OF CONTENTS 
	
	1. Cross-browser Reset
	2. Standard elements defaults - Default styles for standard HTML elements. See /style-guide.html for markup examples.
	3. Style Library - Styles repeated through site but aren't structural elements.
	4. Main Structure - Includes header, main navigation, main wrapper, footer, etc
	5. Main Structure Alternative Styles - Styles for main structure elements that have different styles in different templates
	6. Template Styles - Specific styles for the different templates
	7. Page Specific Styles - If a page has unique styles not found anywhere else on the site they would go here
	
	STYLE SHEET COMMENT DEFINITIONS
	
	CF -- Denotes a style that is used as a clear fix
	PFD (Prevent float drop) -- Denotes a fix for ie6 to prevent layout from breaking with oversized content
	IE{.css} -- Denotes a css property that is used for a bug fix in IE7 and below. NOTE if .css is present check alternative style sheet
	IE6{.css} -- Denotes a css property that is used for a bug fix in IE6. NOTE if .css is present check alternative style sheet
	IE8.css -- Denotes a style that has an alternative version in the ie8.css style sheet
	HL (hasLayout) -- Denotes a hasLayout fix for IE
	DMB (Double margin bug) -- Denotes double margin fix for ie6
	SL - Denotes that a element draws most of its styles from style library
	
-------------------------------------------------------------- */

/* -------------------------------------------------------------- 
  	1. Cross-browser reset 
-------------------------------------------------------------- */

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, code,
del, dfn, em, img, q, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
  margin: 0;
  padding: 0;
  font-style: inherit;
  font-size: 100%;
  font-family: inherit;
  vertical-align: baseline;
}

body { line-height: 1.5; margin: 0; padding: 0; }

/* Tables still need 'cellspacing="0"' in the markup. */
table { border-collapse: separate; border-spacing: 0; }
caption, th, td { text-align: left; font-weight: normal; }
table, td, th { vertical-align: middle; }

/* Remove possible quote marks (") from <q>, <blockquote>. */
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }

/* Remove annoying border on linked images. */
a img { border: none; }

/* PC FF3 adds an outline to Flash objects */
a, object { outline: none; }

/* -------------------------------------------------------------- 
  	2. Standard elements defaults 
-------------------------------------------------------------- */

/* Headings
-------------------------------------------------------------- */
h1, h2, h3, h4, h5, h6 { margin-bottom: 0.5em; color: #808080; margin-top: 0; }

h1 { color: #C70000; font: italic bold 2.333em "helvetica neue", helvetica, arial, sans-serif; }
h2 { font-size: 1.583em; }
h3 { font-size: 1.083em; text-transform: uppercase; }
h4 { font-size: 0.917em; text-transform: uppercase; }
h5 { font-size: 0.917em; }
h6 { font-size: 0.833em; font-weight: normal; }

h1 a, h1 a:link,
h2 a, h2 a:link,
h3 a, h3 a:link,
h4 a, h4 a:link,
h5 a, h5 a:link,
h6 a, h6 a:link { color: #5A94B3; }

h1 a:hover,
h2 a:hover,
h3 a:hover,
h4 a:hover,
h5 a:hover,
h6 a:hover { color: #DD0000; }

/* Text Elements
-------------------------------------------------------------- */

body		{ color: #4C4C4C; font: 62.5% arial, helvetica, sans-serif; }
p 			{ margin: 0 0 1em; line-height: 1.5; font-size: 1.25em; font-family: "helvetica neue", helvetica, arial, sans-serif; }
.summary p 	{ font-style: italic; color: #888888; font-size: 1.417em; }

a 			{ text-decoration: underline; }
a,a:link 	{ color: #5A94B3; }
a:visited 	{ color: #9AAAB3; }

a:hover,
a:active,
a:focus 	{ color: #DD0000; }

blockquote  	{ margin: 0 0 1.5em 0; color: #888888; }
blockquote p 	{ font-size: 1em; font-style: italic; }
strong 			{ font-weight: bold; }
em  			{ font-style: italic; }
cite 			{ font-style: normal; font-size: 0.733em; color: #000000; text-transform: uppercase; }
small 			{ font-size: 0.733em; color: #000000; }

/* Following six styles generally do not need to be edited */

sup, sub    { line-height: 0; }
dfn 		{ font-style: italic; }
del 		{ color:#666; }
pre 		{ white-space: pre; }
pre,code,tt { font: 1em 'andale mono', 'lucida console', monospace; line-height: 1.5; }

/* HRs with background images
-------------------------------------------------------------- */

div.hr 		{ height: 3px; margin: 10px 0; background: #fff url() 0 0 repeat-x; }
div.hr hr 	{ display: none; }

/* Lists
-------------------------------------------------------------- */
ul			{ margin: 0 1.5em 1.5em 0; padding: 0; }
ul ol      	{ margin: 0 1.5em 1.5em 0;  }
ol          { list-style-type: decimal; margin: 0 1.5em 1.5em 0; padding-left: 1.5em;  }

ol li 		{ }
ul li		{ list-style: none; padding-left: 15px; background: url(../images/design/list-bullet.gif) 0 0.5em no-repeat; }

li			{ color: #000000; font-size: 1.083em; margin-bottom: 0.5em; line-height: 1.5; }

li ul, 
li ol       { margin: 0.75em 1.5em 0 1.5em; font-size: 1em; }
li li 		{ font-size: 1em; }

ul ol li 	{ background: none; padding-left: 0; list-style-type: decimal; }

dl          { margin: 0 0 1.5em 0; }
dl dt       { font-weight: bold; }
dd          { margin-left: 1.5em;}

/* Tables
-------------------------------------------------------------- */

table       	{ margin-bottom: 1.4em; width:100%; border: 1px solid #CCCCCC; border-bottom: none; border-right: none; }
th          	{ color: #000000; background: #e5e5e5 url(../images/design/th-bg.gif) 0 0 repeat-x; font-weight: bold; border-right: 1px solid #CCCCCC; }
th,td,caption 	{ padding: 4px 10px 4px 5px; }
td				{ color: #000000; border-bottom: 1px dashed #ABABAB; border-right: 1px solid #CCCCCC;  }
tr.odd td  		{ background: #FBFBFB; }
tfoot       	{ font-style: italic; }
caption     	{ background: #eee; text-align: center; }

/* Forms
----------------------------------------------------------- */
fieldset 			{ margin-bottom: 1.5em; padding: 1em 0; border-bottom: 1px dashed #617179; }
fieldset.last 		{ border-bottom: 0; margin-bottom: 0; padding-bottom: 0; }
legend 				{ font-weight: bold; }
label 				{ font: normal 1em "helvetica neue", helvetica, arial, sans-serif; float: left; margin-right: 10px; width: 100px; color: #9E9E9E; text-align: right; }
.required label		{ font-weight: bold; color: #616161; text-transform: uppercase; }

.fieldArea 			{ margin-bottom: 0.833em; }
.fieldArea input,
.fieldArea textarea,
.fieldArea select 	{ width: 200px; background: #EEEEEE; border: 0; border-top: 1px solid #ABABAB; }

.fieldArea textarea { height: 65px; overflow: auto; }
.fieldArea select	{ font-size: 0.917em; }

input.protect		{ display: none; }
input.submit 		{ cursor: pointer; border: 0; }

span.message 		{ display: block; font-size: 0.917em; text-align: right; padding-top: 0.5em; }
span.error 			{ color: #DD0000; }
		
div#errors 			{ background: #FFF5E6 url(../images/forms/error.gif) 10px 0.5em no-repeat; border-top: 1px solid #FFEBCC; border-bottom: 1px solid #FFEBCC; font: normal 0.846em arial; margin: 0 0 1.5em 0; padding: 0.5em 10px 0.5em 50px; }
	div#errors h4 	{ color: #DD0000; font-weight: bold; }
	div#errors ul 	{ margin-bottom: 0; }
	div#errors p 	{ margin-bottom: 0; color: #000000; }
	div#errors li 	{ margin-bottom: 0.5em; font-size: 1.084em; color: #000000;  }

/* -------------------------------------------------------------- 
	3. Style Library
----------------------------------------------------------- */

.btn 		{ background: #cdcdcd url(../images/design/btn-bg.gif) 0 0 repeat-x; color: #808080; font: bold 0.917em verdana; padding: 4px 6px; text-transform: uppercase; }
.btn:hover 	{ background: #c2c2c2 url(../images/design/btn-hover-bg.gif) 0 0 repeat-x; color: #FFFFFF; }

a.redBtn 	{ background: #BF0000; text-decoration: none; color: #ffffff; font: normal 0.833em verdana, sans-serif; padding: 2px 7px 3px 7px; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; }
a.redBtn:hover { text-decoration: underline; }

img.imageFrame { padding: 0.833em 10px; background: #D9D9D9 url(../images/design/image-frame-bg.gif) 0 0 repeat-x; border-bottom: 2px solid #FFFFFF;  }

img.videoFrame { padding: 0.833em 10px; background: #D9D9D9 url(../images/design/image-frame-bg.gif) 0 0 repeat-x; border-bottom: 2px solid #FFFFFF; cursor: pointer;  }

#liveChat { display: block; cursor: pointer; background-image: url(../images/callouts/live-chat.png); /* ie6.css */ background-repeat: no-repeat; height: 50px; width: 185px; text-indent: -9999px; margin-left: 15px; }

.liveChatInactive { background-position: 0 0; }

.liveChatActive { background-position: 0 -52px; }

/* Overlay Styles
----------------------------------------------------------- */

.videoOverlay { display: none; width: 450px; height: 350px; }

/* Pagination Styles
----------------------------------------------------------- */

.pagination { margin-bottom: 2em; clear: left; width: 100%; float: left; padding: 12px 0; position: relative; }

	.pagination .pageInfo { color: #999999; font-size: 0.917em; float: right; } /* CF */
	
	.pagination .pageNumInput { width: 30px; border: 1px solid #ccc; background: #F2F2F2; font-size: 0.833em; color: #999; padding: 2px; margin: 0 5px;}
		
		.pagination .pageNumSubmit { padding: 0; font-size: 0; overflow: hidden; margin: 0 0 0 5px; position: relative; top: -3px; left: 5px; text-indent: -9999px; border: none; background: url(../images/design/pagination.gif) -63px 0 no-repeat; height: 15px; width: 20px; }
	
	.pagination .first,
	.pagination .previous,
	.pagination .next,
	.pagination .last { background: url(../images/design/pagination.gif) 0 0 no-repeat; display: block; height: 15px; width: 17px; text-indent: -9999px; float: left; margin-right: 8px;  }
	
		.pagination .first:hover { background-position: 0 -15px; }
		
		.pagination .previous { background-position: -15px 0;}
		.pagination .previous:hover { background-position: -15px -15px; }
		
		.pagination .next { background-position: -31px 0;}
		.pagination .next:hover { background-position: -31px -15px; }
		
		.pagination .last { background-position: -47px 0;}
		.pagination .last:hover { background-position: -47px -15px; }
		
	.pagination .disabled { display: none; }
	
	.pagination .paginator { float: left; }
	
		.pagination .paginator .page { margin-right: 5px; }
		.pagination .paginator .current { color: #999999; text-decoration: none; }
	
	.pagination .ellipse { float: left; margin-right: 5px; }
	
/* Float Styles
----------------------------------------------------------- */

.floatLeft 		{ float: left; }
.floatRight 	{ float: right; }
.clearLeft 		{ clear: left; }
.clearRight 	{ clear: right; }
.clear 			{ clear: both; }

img.floatLeft 	{ margin: 0 1.5em 1.5em 0; }
img.floatRight 	{ margin: 0 0 1.5em 1.5em; }

/* Easy Clearing Styles
----------------------------------------------------------- */
.group:after 	{ content: "."; display: block; height: 0; clear: both; visibility: hidden; } /* CF, IE.css, IE6.css */

/* -------------------------------------------------------------- 
	4. Main Structure
----------------------------------------------------------- */

body { text-align: center; background: #BF0000 url(../images/design/body-bg.gif) 50% 0 repeat-y; }

	#page { background: url(../images/design/page-bg.gif) 0 0 repeat-x; text-align: left; font-size: 1.2em; /* 62.5% + 1.2em = 12px */ }

		#header { background: url(../images/design/header-bg.png) 0 100% repeat-x; /* ie6.css */ position: relative; z-index: 200; }
		
			#headerInner { width: 960px; margin: 0 auto; position: relative; min-height: 115px; /* ie6.css */ }
		
				#logo { background: url(../images/design/logo.png) 0 0 no-repeat; /* ie6.css */ width: 146px; height: 70px; position: absolute; bottom: 38px; left: 65px; margin: 0; padding: 0; }
				
					#logo a { width: 146px; height: 70px; display: block; text-indent: -9999px; }
				
				#estatLogin { position: absolute; top: 26px; left: 310px; color: #FFFFFF; }
				
				#webDirectLogion { position: absolute; top: 26px; left: 413px; color: #FFFFFF; }

				#webMaintenanceLogion { position: absolute; top: 26px; left: 526px; color: #FFFFFF; } 
				
				#phoneNumber { padding-left: 20px; background: url(../images/design/phone.gif) 0 12px no-repeat; color: #FFFFFF; position: absolute; right: 20px; top: 17px; font: bold 2em georgia, serif; }
				
				#mainMenu { width: 620px; height: 30px; position: absolute; bottom: 18px; /* ie6.css */ right: 29px; margin: 0; z-index: 200; }
				
					#mainMenu li { margin: 0; background: none; float: left; padding: 0 0 10px 0; position: relative; }

					#mainMenu li.active { background: url(../images/design/active-arrow.gif) 50% 100% no-repeat; }	

						#mainMenu a { display: block; text-indent: -9999px; height: 30px; background: url(../images/design/navigation.jpg) 0 0 no-repeat; }
				
						#mainMenu li#shipping-with-koch a 			{ background-position: 0 0; width: 205px; }
						#mainMenu li#driving-with-koch a 			{ background-position: -205px 0; width: 189px; }
						#mainMenu li#careers a 						{ background-position: -394px 0; width: 110px; }
						#mainMenu li#about-us a 					{ background-position: -504px 0; width: 116px; }
				
						#mainMenu li#shipping-with-koch a:hover 	{ background-position: 0 -30px; }
						#mainMenu li#driving-with-koch a:hover 		{ background-position: -205px -30px; }
						#mainMenu li#careers a:hover				{ background-position: -394px -30px; }
						#mainMenu li#about-us a:hover 				{ background-position: -504px -30px; }
				
						#mainMenu li#shipping-with-koch a.active 	{ background-position: 0 -60px; }
						#mainMenu li#driving-with-koch a.active		{ background-position: -205px -60px; }
						#mainMenu li#careers a.active				{ background-position: -394px -60px; }
						#mainMenu li#about-us a.active 				{ background-position: -504px -60px; }
						
					#mainMenu li ul { position: absolute; top: 30px; display: none; padding: 0; padding-bottom: 10px; margin: 0; /* ie6.css */  background: url(../images/design/dropdown-bottom.gif) 0 100% repeat-x; }
					
						#mainMenu li ul li { display: block; border-bottom: 1px solid #616161; margin: 0; padding: 0; background: rgb(0,0,0); background: rgba(0,0,0, 0.9); }
						
							#mainMenu li ul li a { color: #FFFFFF; text-indent: 0; background: none; padding: 0.5em 10px; height: auto; text-decoration: none; }
					
							#mainMenu li ul li a:hover { background: #616161; }
							
					#mainMenu li:hover ul,
					#mainMenu li.hover ul { display: block; }
		
		#breadCrumbs { margin: 0 auto; padding: 0.5em 0; width: 960px; color: #FFFFFF; font: normal 0.833em "helvetica neue", helvetica, arial, sans-serif; position: relative; top: -10px; z-index: 100; }
		
			#breadCrumbs span { color: #7C7C7C; }
			
			#breadCrumbs a { color: #FFFFFF; text-decoration: none; }
			
			#breadCrumbs a:hover { color: #BF0000; text-decoration: underline; } 

		#mainSection { width: 960px; margin: 0 auto; border-top: 2px solid #FFFFFF; border-bottom: 2px solid #FFFFFF; min-height: 350px; /* ie6.css */ }
		
			#localNav { float: left; width: 216px; padding: 1em 0; overflow: hidden; /* PFD */ }
			
				#localNav ul { margin-bottom: 1em; padding-left: 0; margin-right: 0; }
		
					#localNav li { padding: 0.5em 18px; background: none; margin-bottom: 0.25em;  }
					
						#localNav li a { color: #FFFFFF; text-decoration: none; font: bold 1em arial, sans-serif; text-transform: uppercase; } 
					
						#localNav li a:hover { color: #000000; }
					
					#localNav li.active { border-top: 1px solid #FFFFFF; padding-bottom: 0; border-bottom: 1px solid #CCCCCC; background: #D9D9D9 url(../images/design/li-active.gif) 100% 0.25em no-repeat; }
					
						#localNav li.active a { color: #616161; margin-bottom: 0.65em; display: block; }
						
						#localNav li.active ul { margin: 0 -18px; background: url(../images/design/ul-active-bg.gif) 0 0 repeat-y; padding: 0.75em 18px 0.25em 18px; }
						
							#localNav li.active ul li { padding: 0.25em 6px; margin-bottom: 0.5em; /* ie.css */  }  

							#localNav li.active ul li.active { background: #D9D9D9; border-bottom: 1px solid #404040; border-bottom: 1px solid #FFFFFF; margin-bottom: 0.75em; /* ie.css */ }
							
								#localNav li.active ul li a { color: #FFFFFF; font: bold 0.769em arial, sans-serif; background: url(../images/design/white-bullet.gif) 0 4px no-repeat; /* ie.css */ padding-left: 10px; margin-bottom: 0; }
								
								#localNav li.active ul li a:hover { color: #000000; background-image: url(../images/design/black-bullet.gif); }
								
								#localNav li.active ul li.active a { color: #616161; background-image: url(../images/design/grey-bullet.gif); }
								
			#footer { background: #f0f0f0 url(../images/design/footer-bg.gif) 0 0 repeat-x; width: 960px; margin: 0 auto; }
			
				#footerInner { width: 840px; margin: 0 auto; font-size: 0.667em; font-family: verdana, sans-serif; padding: 2em 60px; }
		
					#copyright { float: left; width: 250px; margin-right: 60px; }
				
					#links { float: left; margin-right: 52px; width: 265px; text-align: center; }
				
						#links a { color: #5A94B3; }
						
						#links a:hover { color: #DD0000; }
					
					#epa { display: block; height: 38px; width: 212px; float: left; }
				
					#plauditCredit { clear: left; display: block; } 
			
/* -------------------------------------------------------------- 
	5. Main Structure Alternative Styles
----------------------------------------------------------- */

body.general #mainSection 		{ background: url(../images/design/general-bg.gif) 0 0 repeat-y; }
body.list #mainSection 			{ background: url(../images/design/list-bg.gif) 0 0 repeat-y; }
body.contact-us #mainSection 	{ background: url(../images/design/contact-us-bg.gif) 0 0 repeat-y; }
body.map #mainSection			{ background: url(../images/design/planner-map-bg.gif) 0 0 repeat-y; }
body.home 						{ background-image: none; background-color: #f0f0f0; }
body.home #footer 				{ width: auto; margin: 0;}
body.one-column #mainSection	{ padding: 2em 40px; width: 880px; background: #FFFFFF; }

p.topParagraph {margin-top: 1.5em;}

/* -------------------------------------------------------------- 
	6. Template Styles
----------------------------------------------------------- */

/* Homepage Template
----------------------------------------------------------- */

#animation { position: relative; top: -18px; left: 0; height: 362px; margin-bottom: -18px; /* ie6.css */ z-index: 100; overflow: hidden; }

	#animationInner { width: 960px; margin: 0 auto; height: 362px; position: relative; }
	
		#animationInner #images { padding: 0; margin: 0; list-style: none; position: relative; height: 362px; overflow: hidden; }
	
			#animationInner #images li { margin: 0; padding: 0; background: none; }
		
		#introductionVideo { padding: 10px 0 0 195px; width: 200px; height: 118px; cursor: pointer; background: url(../images/callouts/video-callout.png) 0 0 no-repeat; color: #FFFFFF; font-size: 1.33em; display: block; position: absolute; top: 185px; left: 0; z-index: 500; }
		
		#animationMask { background: #000000; height: 362px; width: 100%; position: absolute; top: 0; left: 0; z-index: 1000; }
		
		#videoPlayer { display: none; background: #000000; height: 300px; width: 430px; position: absolute; left: 230px; top: 30px; z-index: 2000; }
		
	#animationNav { list-style: none; margin: 0; padding: 0; position: absolute; top: 315px; left: 0; height: 31px; width: 490px; z-index: 1000; }

		#animationNav li { background: none; margin: 0; padding: 0; float: left; position: relative; margin-right: -10px; }
			
			#animationNav a { display: block; width: 130px; height: 31px; text-indent: -9999px; }
			
			#animationNav li#image-0 a		{ background: url(../images/callouts/home-truckload.gif) -13px 0 no-repeat; }
			#animationNav li#image-1 a 		{ background: url(../images/callouts/home-intermodal.gif) -13px 0 no-repeat; }
			#animationNav li#image-2 a 		{ background: url(../images/callouts/home-dedicated.gif) -13px 0 no-repeat; }
			#animationNav li#image-3 a 		{ background: url(../images/callouts/home-specialized.gif) -13px 0 no-repeat; }
			
			#animationNav li#image-0 a:hover,
			#animationNav li#image-0 a.activeSlide { background-position: 0 -32px; }
			
			#animationNav liimage-1 a:hover,
			#animationNav li#image-1 a.activeSlide { background-position: 0 -32px; }
			
			#animationNav li#image-2 a:hover,
			#animationNav li#image-2 a.activeSlide { background-position: 0 -32px; }
			
			#animationNav li#image-3 a:hover,
			#animationNav li#image-3 a.activeSlide 	{ background-position: 0 -32px; }
		
#newsTicker { border-top: 4px solid #FFFFFF; background: #000000; position: relative; /* ie6 Has Layout fix */ }

	#newsTickerInner { margin: 0 auto; width: 815px; position: relative; padding: 7px 85px 7px 0; }
	
		#newsTicker h3 { color: #F0F0F0; font-size: 0.917em; width: 100px; float: left; margin: 0 10px 0 0; }
		
			#newsTicker h3 a.rss { float: left; margin-right: 10px; }
			
		#newsTicker ul { width: 650px; float: left; margin: 0; }
	
			#newsTicker li { padding: 0; margin: 0; background: none; font-size: 0.917em; line-height: 1.25; }
			
				#newsTicker a { color: #ACC9D9; }
				
				#newsTicker a:hover { color: #DD0000; }	
			
		#newsTicker a.viewAllNews { display: block; position: absolute; right: 0; top: 7px; background: url(../images/design/btn-view-all-news.gif) 0 0 no-repeat; width: 75px; height: 17px; text-indent: -9999px; }
			
		#newsTicker a.viewAllNews:hover { background-position: 0 -17px; }
		
#homeContent { background: #FFFFFF url(../images/design/homepage-content-bg.gif) 0 0 repeat-x; padding-top: 4px; /* ie6.css */ }

	#homeContentInner { width: 900px; margin: 0 auto; padding: 2em 0; background: url(../images/design/homepage-inner-bg.gif) 608px 0 repeat-y; }
	
		#intro { float: left; width: 600px; margin-right: 28px; overflow: hidden; /* PFD */}
		
			#intro h2 { color: #C70000; font: italic bold 2.333em "helvetica neue", helvetica, arial, sans-serif; }
			
		#calendar { float: left; width: 270px; position: relative; }
		
			#calendar h3 { color: #808080; text-transform: uppercase; font-size: 0.917em; margin-bottom: 1.25em; }
				
				#calendar h3 a.rss { float: left; margin-right: 10px; }
			
			#calendar a.viewCalendar { display: block; position: absolute; right: 15px; top: 0; background: url(../images/design/btn-view-calendar.gif) 0 0 no-repeat; width: 75px; height: 17px; text-indent: -9999px; } 
	
				#calendar a.viewCalendar:hover { background-position: 0 -17px; }
				
			#calendar ul { margin: 0; padding: 0; }
			
				#calendar li { background: none; padding: 0; float: left; width: 210px; margin-bottom: 1.25em; }
				
					#calendar li a { display: block; font: normal 0.833em verdana, sans-serif; }
					
					#calendar li span { color: #575757; font-size: 0.833em; margin-right: 2px; }
					
			#facebookStore { background: url(../images/callouts/facebook-store-btn.jpg) 0 0 no-repeat; position: relative; width: 236px; height: 53px; }
			
				#facebookStore a { display: block; text-indent: -9999px; position: absolute; top: 6px; }
				
				#facebookStore a.faceBook { width: 106px; height: 40px; left: 6px; }
	
				#facebookStore a.store { width: 105px; height: 40px; right: 6px; }
				
#callouts { background: url(../images/design/mesh-bg.gif) 0 0; }
	
	#calloutsInner { background: url(../images/design/shadow.png) 0 0 repeat-x; /* ie6.css */ padding: 0.5em 0; }
	
		#callouts ul { width: 912px; margin: 0 auto; }
			
			#callouts ul li { float: left; padding: 0; margin: 0; background: none; margin-right: 20px; }
			
				#calloutsInner ul li.last { margin-right: 0; }

/* General Template ( 3 Column )
----------------------------------------------------------- */

#content { float: left; width: 467px; overflow: hidden; /* PFD */ }

	#contentInner { padding: 2em 30px 1em 30px; }
	
	.general #contentInner img		{-moz-box-shadow: #999999 3px 3px 4px; -webkit-box-shadow: #999999 3px 3px 4px; }

#sideBar { float: left; width: 276px; text-align: center; overflow: hidden; /* PFD */  }

	#sideBarInner { padding: 1em 19px 2em 20px; text-align: left; }
	
		#sideBar h3 { font: bold 0.917em "helvetica neue", helvetica, arial, sans-serif; }
		
		#sideBar p { font-size: 0.917em; font-family: verdana, sans-serif; color: #000000; }
		
		#sideBar li { font-size: 0.917em; background-position: 0 8px; margin-bottom: 0.5em; }
		


/* List Template ( 2 Column )
----------------------------------------------------------- */

#listContent { float: left; width: 744px; overflow: hidden; /* PFD */ }

	#listContentInner { padding: 0 35px 1.5em 35px; }
	
	#listContentInner img { -moz-box-shadow: #999999 3px 3px 4px; -webkit-box-shadow: #999999 3px 3px 4px; }
	
	#listingTop { height: 163px; overflow: hidden; margin: 0 -35px 1.5em -33px; background: #F6F6F6 url(../images/headers/list-template-bg.jpg) 100% 0 no-repeat; padding: 15px 290px 14px 35px; border-bottom: 1px solid #D9D9D9; }
	
		#listingTop p { margin-bottom: 0; }
	
	.listing { float: left; width: 674px; clear: both; padding: 1em 0 1em 0; border-bottom: 1px dashed #D9D9D9; } 
	
		.thumbnail { padding-left: 145px; width: 500px; }
		
			.thumbnail img { float: left; margin-left: -145px; display: inline; /* IE DMB */ -moz-box-shadow: #999999 3px 3px 6px; -webkit-box-shadow: #999999 3px 3px 3px; }
		
		.listing p { color: #000000; font-size: 1.083em; }
		
		.listing p.date { font-weight: bold; color: #808080;}
		
	.listingLast { border-bottom: 0; }

/* -------------------------------------------------------------- 
	7. Page Specific Styles
----------------------------------------------------------- */

/* Contact Us Page & Request Quote Page
----------------------------------------------------------- */

#contactForm { float: left; width: 670px; overflow: hidden; /* PFD */ }

	#contactForm h1 { padding: 0.5em 40px; border-bottom: 1px solid #D8D8D8; margin-bottom: 0; position: relative; }
	
		#contactForm h1 span { position: absolute; right; top: 2em; right: 20px; font-size: 0.429em; color: #9E9E9E; font-style: normal; font-weight: normal; }

			#contactForm h1 span strong { color: #616161; font-weight: bold; }

	#contactUsForm { border-top: 4px solid #E8E8E8; padding: 2em 0; }
	
		#contactUsForm fieldset { border: 0; float: left; margin-left: 0; padding: 0 20px; }
		
			/* Request Quote Form */
			
				#contactUsForm h3 { margin-left: 20px; margin-bottom: 1.5em; }
				
				#contactUsForm fieldset.fieldsetRight { padding-left: 0 !important;} 
				
					#contactUsForm fieldset.fieldsetRight label { width: 100px; }
					
					#contactUsForm fieldset.fieldsetRight table, 
					#contactUsForm fieldset.fieldsetRight td { border: none; padding: 0; width: 200px; }
						
						#contactUsForm fieldset.fieldsetRight table label { width: 50px;}
						
						 #contactUsForm fieldset.fieldsetRight table input { width: 20px; border: none; padding: 0; margin: 0; float: right; }
						 
					  #contactUsForm .multipleStopsFieldArea { margin-top: 2em; }
					 
					 	#contactUsForm .multipleStopsFieldArea table { width: 160px; margin-left: 20px; }
					 	
					 	#contactUsForm .multipleStopsFieldArea table, 
					 	#contactUsForm .multipleStopsFieldArea table td { border: none; padding: 0; }
					 	
					 		#contactUsForm .multipleStopsFieldArea table label { width: 40px;  }

							#contactUsForm .multipleStopsFieldArea table input { width: 20px; margin: 0; float: right; }
						
			 /* End Request Quote Form */
		
			#contactUsForm label { width: 75px; }
			
			#contactUsForm .commentsFieldArea textarea { height: 80px; }
			
		#contactUsForm #submitField { clear: left; margin: 0 42px; background: url(../images/design/horizontal-lines.gif) 0 0 repeat-y; /* ie.css */ }

			#contactUsForm #submitField input {  float: right; }

	#chat { clear: left; background: url(../images/design/mesh-bg.gif) 0 0; }
	
		#chatInner { background: url(../images/design/shadow.png) 0 0 repeat-x; padding: 15px 40px; }
		 
			#chat h3 { float: left; color: #FFFFFF; width: 140px; margin-right: 20px; padding-top: 0.5em; font-size: 1.25em; }
		
			#chat #liveChat { float: left; margin-left: 0; }
			
#kochInfo { float: left; width: 290px; overflow: hidden; /* PFD */ }

	#kochInfoInner { padding: 4em 30px; }
	
		#kochInfo p,
		#kochInfo .vcard { color: #4C4C4C; font: normal 1.25em "helvetica neue", helvetica, arial, sans-serif; line-height: 1.5; }

		#kochInfo h3 { color: #BF0000; font-size: 0.933em; }
		
		#kochInfo .adr { display: block; margin-bottom: 0.5em; }
		
		#kochInfo .adr .street-address { display: block; }
		
		#kochInfo .phoneNumber { color: #333333; font-weight: bold; } 

        	#kochInfo .phoneNumber .tel { color: #4C4C4C; font-weight: normal; }
        	                       
/* Planner Map
----------------------------------------------------------- */

#plannerMapHeader { background: #FFFFFF; padding: 1em 20px 1em 45px; }

	#plannerMapHeader h1 { float: left; width: 130px; font-size: 2.667em; text-align: right; line-height: 1; margin: 0 50px 0 0; }
	
		#plannerMapHeader h1 span { display: block; font-size: 1.25em; }
		
	#plannerMapHeader .summary { float: left; width: 650px; padding: 0.833em 10px; border: 1px solid #E8E8E8; background: #F7F7F7; }	
	
		#plannerMapHeader .summary p { margin-bottom: 0; }
	
	#plannerMap { display: none; }
		
	#plannerListing { background: #F6F6F6 url(../images/design/planner-listing.gif) 0 0 repeat-x; border-top: 1px solid #E8E8E8; padding: 2em 40px; }
	
		.planner { background: none; padding: 0 0 1em 0; margin-bottom: 1em; border-bottom: 1px dashed #D9D9D9; }
		
			.plannerPhoto { float: left; width: 135px; }
			
				.plannerPhoto img { -moz-box-shadow: 3px 3px 4px #999999; -webkit-box-shadow: 3px 3px 4px #999999; margin-bottom: 1em; }
			
			.plannerInfo { float: left; width: 650px; }
			
				.plannerInfo h2 { color: #BF0000; font: bold 1.25em "helvetica neue", helvetica, arial, sans-serif; text-transform: uppercase; }
				
				.plannerInfo p { font-size: 1.167em; }
		
			.contactDetails p { font-size: 1em; color: #616161; margin-bottom: 0.25em; }
			
			.contactDetails p span { font-weight: bold; color: #404040; display: block; }

			/* Styles with javascrupt enabled */
			
			body.jsEnabled #plannerMap { float: left; width: 615px; height: 400px; display: block; position: relative; }
				
				#plannerMapInner { position: absolute; left: 16px; top: 40px; }
				
				#plannerMapArrow { position: absolute; right: 0px; top: 145px; background: url(../images/design/planner-map-arrow.gif) 0 0 no-repeat; display: block; height: 31px; width: 16px; }
			
			body.jsEnabled #plannerListing { float: left; width: 345px; padding: 1.5em 0; min-height: 400px; }
			
				body.jsEnabled .planner { border-bottom: 0; display: none; }
			
					body.jsEnabled .plannerPhoto { width: 100px; padding: 0 15px; overflow: hidden; /* PFD */ }
					
						body.jsEnabled .contactDetails p { font-size: 1em; color: #616161; }
			
						body.jsEnabled .contactDetails p span { font-weight: bold; color: #404040; display: block; float: none; }
			
					body.jsEnabled .plannerInfo { width: 184px; padding: 0 15px; border-left: 1px dashed #D9D9D9; overflow: hidden; /* PFD */ }

						body.jsEnabled .plannerInfo a { font-size: .8em; }
/* Q&A
----------------------------------------------------------- */
.csr {padding-left: 0; display: inline-block;}

	.csr li {list-style: none; background: none; float: left; width: 170px; padding-left: 0; color: #616161;}

		.csr li span {font-weight: bold; margin-right: 5px;}
	
/* Q&A
----------------------------------------------------------- */
        	                       
#sideBarInner h2 { color: #C70000; text-align: center; }

#qa h3 { cursor: pointer; background: url(../images/design/qa-arrow.gif) 0 2px no-repeat; padding-left: 15px;}
	
	#qa h3.active { background: url(../images/design/qa-arrow-active.gif) 0 4px no-repeat; padding-left: 15px; }

#qa p { display: none; }

#questionForm { border-top: 4px solid #E8E8E8; padding: .5em 0; }
	
		#questionForm fieldset { border: none; margin-bottom: 0;}
		
		#questionForm label { width: 70px;}
		
		#questionForm fieldset input, 
		#questionForm fieldset textarea { width: 149px; }
				
		#questionForm #submitField input {  float: right; }
		
/* history
----------------------------------------------------------- */

.history {-moz-box-shadow: #FFFFFF 0px 0px 0px !important; -webkit-box-shadow: #FFFFFF 0px 0px 0px !important; margin-top: 1em; }

/* Awards
----------------------------------------------------------- */
#awards {padding-left: 0; margin-left: 0; display: inline;}

	#awards li {background: none; float: left; width: 300px; padding-right: 19px; margin-bottom: 2em;}

/* Used Equipment
----------------------------------------------------------- */

.usedPhotos li {background: none; list-style: none; float: left; width: 320px; padding-left: 0; }

/* Specialized Fleet
----------------------------------------------------------- */

.videoImg li { list-style: none; background: none; text-align: center; float: left; width: 300px; margin-bottom: 2em; height: 150px; }
	
	.videoImg li p {font-size: 1em;}
	
.videoOverlay {padding: 15px; background: #000000; }
	
	.videoOverlay .close { background: url(../images/design/close.png) 0 0 no-repeat; position: absolute; top: 0; right: -17px;  height: 36px; width: 36px; cursor: pointer; }