/*
/ colors
///////////////////////////////////////////////////////////////////////////////////////////



*/

/*
/ notes
///////////////////////////////////////////////////////////////////////////////////////////

1. Image replacement is used in a few key areas (search for "image replacement" to find all related 
	areas. Image replacement provides a great way to keep relevant copy in the document while displaying 
	a graphic to the end user. This keeps both designers and search engine spiders happy. The 
	biggest downside is when users have purposely disabled images in their browser. In those cases 
	the user will see neither the image nor the text. At this time, the advantages gained by using image 
	replacement seem to outweigh the disabled images scenario.

2. Dotted borders are used in several places in the design. To overcome IE's lack of support for dotted 
	borders, background images are used instead (for just IE; Firefox and Safari still render as dotted
	borders.)

3. Conditional comments are used to deliver an IE 6 (and below) specific stylesheet. All IE specific CSS 
	is located within the "ie.css" file.

james churchill
2/5/2008

*/

body 
{
	background-color: #D8D8D8;
}
#container 
{
	width: 750px;
	margin: 0 auto 0 auto;
	padding: 0;
	border-left: solid 1px #C1C1C1;
	border-right: solid 1px #C1C1C1;
}

/*
/ link styles
///////////////////////////////////////////////////////////////////////////////////////////
*/

a:link, a:visited 
{
	color: #387530;
	text-decoration: underline;
}
a:hover, a:active 
{
	color: #387530;
	text-decoration: underline;
}

/*
/ header styles
///////////////////////////////////////////////////////////////////////////////////////////
*/

#branding 
{
	height: 67px;
	background: #DDD url(../images/header_background.gif) no-repeat;
	border-bottom: solid 1px #FFF;
	position: relative;
}
#branding h1 
{
	position: absolute;
	top: 11px;
	left: 15px;
	background: url(../images/gl_logo.jpg) center center no-repeat;
	width: 98px;
	height: 48px;
	margin: 0;
	padding: 0;
}
#branding h1 a
{
	display: block;
	width: 98px;
	height: 48px;
}
#branding h1 a span 
{
	display: none; /* note use of image replacement */
}

/*
/ navigation styles
///////////////////////////////////////////////////////////////////////////////////////////
*/

#special_links 
{
	position: absolute;
	top: 0;
	left: 470px;
	width: 274px;
	height: 21px;
	font-size: 10px;
	text-transform: uppercase;
	margin: 0;
	padding: 1px 0 0 0;
}
#special_links div, #special_links ul, #special_links input 
{
	display: inline;
}
#special_links ul
{
	margin: 0;
	padding: 0;
}
#special_links li 
{
	display: inline;
	list-style-type: none;
	margin: 0;
	padding: 3px 5px 3px 5px;
}
#special_links li a:link, #special_links li a:visited, #special_links li a:hover, #special_links li a:active
{
	color: #FFF;
	font-weight: normal;
	text-decoration: underline;
}
#special_links li a:hover
{
}
#special_links .search_textbox 
{
	width: 82px;
	height: 11px;
	padding: 2px;
	border: solid 1px ;
	position: relative;
	top: 1px;
}
#special_links .search_button
{
	vertical-align: bottom;
	margin: 0 0 0 4px;
	padding: 0;
}
#special_links li.search_label 
{
	color: #FFF;
	font-weight: bold;
}

/*
/ home content styles
///////////////////////////////////////////////////////////////////////////////////////////
*/

#home_content 
{
	float: left;
	width: 750px;
	height: 307px;
	margin: 0;
	padding: 20px 0 20px 0;
	background: #FFF url(../images/home_content_background.gif) no-repeat;
}
#flash 
{
	float: left;
	width: 436px;
	height: 307px;
	margin: 0;
	padding: 0 0 0 16px;
	background: url(../images/content_sidebar_background.gif) no-repeat top left;
}
#flash embed
{
	float: left; /* necessary to remove extra space at bottom of flash movie in firefox and safari */
}
#flash .home_flash
{
	margin: 0;
	padding: 0;
	width: 436px;
	height: 307px;
	background-color: #181818;
}
#flash .home_flash p
{
	margin: 0;
	padding: 10px;
	font-size: 11px; /* TODO consider using percentage here to allow font resizing in IE */
	line-height: 14px !important;
	color: #FFF;
}
#flash .home_flash a:link, #flash .home_flash a:visited, #flash .home_flash a:hover, #flash .home_flash a:active 
{
	color: #387530;
}
#flash .home_flash_slides
{
	background-color: #181818;
}
#overview 
{
	float: right;
	width: 259px;
	height: 293px;
	margin: 0;
	padding: 14px 19px 0 19px;
	background-color: #181818;
	border-left: solid 1px #000;
}
#overview h2 
{
	color: #FFF;
	margin: 0;
	padding: 0 0 3px 0;
	font-size: 19px;
	line-height: 22px;
	font-weight: normal;
}
#overview div 
{
	color: #FFF;
	font-size: 12px;
	line-height: 16px;
	overflow: hidden;
}
#overview p 
{
	margin: 5px 0 0 0;
	padding: 0;
}
#overview a:link, #overview a:visited, #overview a:hover, #overview a:active
{
	color: #FFF;
}
#overview .learn_more
{
	display: block;
	float: left;
	height: 15px;
	margin: 10px 0 0 0;
	padding: 0 7px 0 22px;
	background: #313131 url(../images/learn_more_arrow.gif) no-repeat;
	font-size: 11px;
	line-height: 15px;
	font-weight: bold;
	color: #FFF;
	text-transform: uppercase;
	text-decoration: none;
}
#additional_content
{
	width: 750px;
	height: 96px;
	float: left;
	margin: 0;
	padding: 0;
	background: #FFF url(../images/additional_content_background.gif) no-repeat;
}

/* touts */

#additional_content #gl_locations
{
	width: 140px;
	height: 58px;
	border-right: solid 1px #BABABA;
	padding: 25px 13px 13px 96px;
}
#additional_content #remanufactured_parts
{
	width: 141px;
	height: 58px;
	border-right: solid 1px #BABABA;
	padding: 25px 13px 13px 96px;
}
#additional_content #prime_salvage
{
	width: 140px;
	height: 70px;
	padding: 13px 13px 13px 96px;
}
#additional_content .tout
{
	float: left;
	position: relative;
}
#additional_content .tout img
{
	position: absolute;
	top: 13px;
	left: 13px;
}
#additional_content .tout h3 
{
	margin: 0;
	padding: 0;
	font-weight: normal;
	font-size: 12px; /* TODO consider using percentage here to allow font resizing in IE */
	line-height: 16px;
}
#additional_content .tout .button_link:link, #additional_content .tout .button_link:visited, 
#additional_content .tout .button_link:hover, #additional_content .tout .button_link:active 
{
	display: block;
	float: left;
	height: 16px;
	margin: 6px 0 0 0;
	padding: 0 7px 0 23px;
	background: url(../images/tout_button_background.gif) no-repeat;
	font-size: 11px;
	line-height: 16px;
	font-weight: bold;
	color: #000;
	text-transform: uppercase;
	text-decoration: none;
	border-right: solid 1px #9D9D9D;
}
#additional_content #gl_locations .button_link 
{
	margin: 10px 0 0 0;
}
#additional_content #remanufactured_parts .button_link 
{
	margin: 10px 0 0 0;
}

/*
/ footer styles
///////////////////////////////////////////////////////////////////////////////////////////
*/

#footer 
{
	width: 740px;
	clear: both;
	float: left;
	background: #46773F;
	color: #FFF;
	margin: 0;
	padding: 5px 0 5px 10px;
	font-size: 10px; /* TODO consider using percentage here to allow font resizing in IE */
}
#footer #left 
{
	display: inline;
	float: left;
}
#footer #right 
{
	display: inline;
	float: right;
}
#footer ul 
{
	margin: 0;
	padding: 0;
}
#footer li 
{
	border-right: solid 1px #FFF;
	display: inline;
	list-style-type: none;
	margin: 0;
	padding: 0 10px 0 10px;
}
#footer li.last 
{
	border-right: none;
}
#footer a:link, #footer a:visited 
{
	color: #FFF;
}

/*
/ custom styles
///////////////////////////////////////////////////////////////////////////////////////////
*/

hr 
{
	background-color: #CCC;
	color: #DDD;
	border: 0;
	height: 1px;
	margin-top: 10px;
}
a.button_link:link, a.button_link:visited, a.button_link:hover, a.button_link:active
{
	background: url('../images/link_arrow_green.gif') 0 1px no-repeat;
	font-size: 10px; /* TODO consider using percentage here to allow font resizing in IE */
	font-weight: bold;
	padding: 0 16px;
	text-transform: uppercase;
	text-decoration: none;
}
a.button_link:hover
{
	text-decoration: underline;
}
a.return_link:link, a.return_link:visited, a.return_link:hover, a.return_link:active 
{
	background: url('../images/link_arrow_green.gif') 0 1px no-repeat;
	font-size: 10px; /* TODO consider using percentage here to allow font resizing in IE */
	font-weight: bold;
	padding: 0 16px;
	text-transform: uppercase;
	text-decoration: none;
}
a.return_link:hover
{
	text-decoration: underline;
}
.return_link_container
{
	clear: both;
}
.floatl 
{ 
	float: left;
	padding: 0 7px 7px 0;
}
.clear
{
	clear: both;
}
#content td ul 
{
	margin: 0;
	padding: 0;
}
table.tabular_data 
{
	width: 100%;
	clear: both;
}
table p
{
	margin: 0;
}
.tabular_data td, .tabular_data th
{
	border-collapse: collapse;
	padding: 5px 10px;
	border: solid 1px #CCC;
}
.tabular_data th 
{
	background-color: #B2B2B2;
	color: white;	
	font-size: 14px;
	padding: 5px 10px;
	text-align: left;
}
table.tabular_data_special
{
	clear: both;
}
.tabular_data_special td
{
	border-collapse: collapse;
	padding: 10px 10px;
	background-color: #EEE;
	border: solid 1px #CCC;
}
a.pdf 
{
	background: url('../images/pdf_icon.gif') left center no-repeat;
	padding-left: 22px;
}
.nobr
{
	white-space: nowrap;
}

/* login box */

.login 
{
	background-color: #EFEFEF;
	border: solid 1px #CCC;
	width: 218px;
	padding: 10px 0 10px 12px;
}
.login .field 
{
	padding: 2px 0 2px 0;
}
.login .field label
{
	font-weight: bold;
	display: block;
	width: 74px;
	float: left;
	position: relative;
	top: 2px;
}
.login .field input
{
	width: 126px;
}
.login .buttons
{
	text-align: center;
	padding: 10px 0 0 0;
}
.login .buttons input
{
	position: relative;
	left: -5px;
}
.login .invalid
{
	color:Red;
	font-weight:bold;
	padding: 8px 0 0 0;
}

/*
/ lobby links styles
///////////////////////////////////////////////////////////////////////////////////////////
*/

#content ul.lobby_links
{
	margin: 0 0 0 10px;
	padding: 0;
}
#content ul.lobby_links li
{
	margin: 0;
	padding: 0 0 8px 12px;
	list-style-type: none;
	background: url(../images/dot.gif) 2px 6px no-repeat;
}
#content ul.lobby_links li a:link, #content ul.lobby_links li a:visited,
#content ul.lobby_links li a:hover, #content ul.lobby_links li a:active 
{
	font-weight: bold;
	text-decoration: underline;
}

/*
/ normal styles
///////////////////////////////////////////////////////////////////////////////////////////
*/

#normal_content_container 
{
	background: #FFF url(../images/content_background.gif) repeat-y;
	float: left;
}
/* inner div used to provide hook for 2nd background image */
#normal_content_inner_container 
{
	background: url(../images/content_background_photo.jpg) no-repeat;
	float: left;
	min-height: 450px;
	height: auto;
}
/* for Internet Explorer */
/*\*/
* html #normal_content_inner_container  {
height: 450px;
}
/**/

/* left column */

#normal_content_container #secondary_content 
{
	width: 134px;
	float: left;
	margin: 0;
	padding: 50px 4px 0 14px;
}
/* content header image */
#normal_content_container #secondary_content .content_header_image
{
	margin: 0 0 0 5px;
}

/* right column */

#normal_content_container #main_content
{
	width: 598px;
	float: right;
}
#normal_content_container #content 
{
	padding: 0 13px 20px 18px;
}

/* content */

#content .right_col 
{
	float: right;
	margin: 0;
	padding: 15px 0 0 18px;
}
#content .first 
{
	padding: 0 0 0 18px; /* remove padding on the first right column container */
}
#content .right_col img 
{
	display: block;
	margin: 0 0 10px 0;
	padding: 0;
}
/* content right column tout */
#content .right_col .tout
{
	float: left;
	position: relative;
	width: 104px;
	padding: 12px 7px 9px 67px;
	background: url(../images/right_column_tout_background.gif) no-repeat;
	border: solid 1px #CCC;
}
#content .right_col .tout img
{
	position: absolute;
	top: 8px;
	left: 8px;
}
#content .right_col .tout h3 
{
	margin: 0;
	padding: 0;
	font-weight: normal;
	font-size: 11px; /* TODO consider using percentage here to allow font resizing in IE */
	line-height: 13px;
}
#content .right_col .tout .button_link:link, #content .right_col .tout .button_link:visited, 
#content .right_col .tout .button_link:hover, #content .right_col .tout .button_link:active 
{
	display: block;
	float: left;
	height: 16px;
	margin: 5px 0 0 0;
	padding: 0 6px 0 22px;
	background: url(../images/tout_button_background.gif) no-repeat;
	font-size: 10px;
	line-height: 16px;
	font-weight: bold;
	color: #000;
	text-transform: uppercase;
	text-decoration: none;
	border-right: solid 1px #9D9D9D;
}
#content #content_left 
{
	width: 369px;
}
#content h2
{
	color: #000;
	font-size: 20px; /* TODO consider using percentage here to allow font resizing in IE */
	font-weight: normal;
	margin: 15px 0 15px 0;
}
#content h3 
{
	font-size: 15px; /* TODO consider using percentage here to allow font resizing in IE */
	margin: 15px 0 5px 0;
}
#content h4
{
	font-size: 13px; /* TODO consider using percentage here to allow font resizing in IE */
	margin: 15px 0 0 0;
	color: gray;
}
#content h5
{
	font-size: 13px;
	margin-bottom: -11px;
	padding: 0;
	color: #000;
}
#content p 
{
	margin-bottom: 14px;
	line-height: 18px;
}
#content div.close_p_gap 
{
	margin-bottom:15px;
}
#content div.close_p_gap ul 
{
	margin-top: 0;
	padding-top: 0;
}
#content div.close_p_gap ul li
{
	margin: 4px 0;
	padding-top: 0;
}
#content div.close_p_gap ul li ul
{
	margin: 0;
}
#content div.close_p_gap ul li ul li
{
	margin-top: 3px;
}
#content div.close_p_gap p 
{
	padding-bottom: 0;
	margin-bottom: 0;
}
#content ul
{
	margin: -8px 0 0 10px;
	padding-left: 5px;
}
#content ul li
{
	margin: 0;
	padding: 3px 0 3px 12px;
	list-style-type: none;
	background: url(../images/dot.gif) 0 9px no-repeat;
}
#content ul li ul
{
	margin: 0 0 0 10px;
	padding-left: 5px;
}
#content ul li ul li
{
	margin: 0;
	padding: 1px 0 1px 10px;
	list-style-type: none;
	background: url(../images/dot.gif) 0 7px no-repeat;
}
#content ol
{
	margin-left: 25px;
	padding-left: 5px;
}
#content ol li
{
	margin: 0;
	padding: 2px 0 2px 0;
}
/* external link style (note: does not work ie 6 due to lack of support attribute selectors) */
#content a[href^="http:"],
#flash a[href^="http:"]
{
	background: url(../images/extlink_icon.gif) no-repeat right top;
	padding-right: 16px;
}
/* exclude this site (in case someone builds an absolute link with "http:" in the URL */
#content a[href^="http://www.greenleafauto.com"],
#content a[href^="http://greenleafauto.com"],
#content a[href^="http://greenleafauto.csgpro.com"],
#content a[href^="http://localhost/greenleafauto/"],
#flash a[href^="http://www.greenleafauto.com"],
#flash a[href^="http://greenleafauto.com"],
#flash a[href^="http://greenleafauto.csgpro.com"],
#flash a[href^="http://localhost/greenleafauto/"]
{
	background: none;
	padding-right: 0;
}

/*
/ print styles
///////////////////////////////////////////////////////////////////////////////////////////
*/

#print_container
{
	background-color: #FFF;
	text-align: left;
	padding: 0 22px 0 22px;
	width: 600px;
}
#print_branding
{
	border: solid 1px #FFF;
	border-bottom: dotted 1px #666;
	width: 600px;
	height: 102px;
}
#print_branding img
{
	margin: 22px 0 0 3px;
	padding: 0;
}
#print_content_container
{
	padding: 6px 8px 10px 7px;
	border: solid 1px #FFF; /* remove extra top padding in firefox */
}
#print_content_container #print_page_container1
{
	float: right;
	display: inline;
	margin: 0 0 15px 0;
	padding: 0;
}
#print_footer #print_page_container2
{
	float: left;
	display: inline;
	margin: 10px 0 0 19px;
	padding: 0 0 10px 0;
}
#print_content_container #print_page_container1 a.print_link,
#print_footer #print_page_container2 a.print_link
{
	display: block;
	float: right;
	background: #FFF url(../images/print_icon.gif) 14px 1px no-repeat;
	border-left: solid 1px #666;
	margin: 0;
	padding: 0 0 0 36px;
	font-size: 10px; /* TODO consider using percentage here to allow font resizing in IE */
	font-weight: bold;
	text-transform: uppercase;
	color: #000;
	text-decoration: none;
}
#print_footer #print_page_container2 a.print_link
{
	float: left;
}
#print_content_container #print_page_container1 a.nav_link,
#print_footer #print_page_container2 a.nav_link
{
	display: block;
	float: right;
	background: #FFF url('../images/link_arrow_green.gif') 0 3px no-repeat;
	margin: 0 12px 0 0;
	padding: 0 0 0 16px;
	font-size: 10px; /* TODO consider using percentage here to allow font resizing in IE */
	font-weight: bold;
	text-transform: uppercase;
	color: #000;
	text-decoration: none;
}
#print_footer #print_page_container2 a.nav_link
{
	float: left;
}
#print_footer
{
	border-top: dotted 1px #666;
	margin: 0;
	padding: 0;
	float: left; /* used to clear floats */
	width: 100%;
}

/*
/ sitemap styles
///////////////////////////////////////////////////////////////////////////////////////////
*/

#sitemap_content_container
{
	background-color: #FFF;
	margin: 0;
	padding: 34px 0 50px 19px;
}
#sitemap_container
{
	padding: 0 0 20px 0;
	width: 99%; /* hack: necessary to keep floats working in IE on print page */
	background: url(../images/sitemap_background.jpg) no-repeat center center;
}
#sitemap_container h2
{
	margin: 0 0 3px 0;
	padding: 18px 0 0 0;
}
#sitemap_container h2 a:link, #sitemap_container h2 a:visited, 
#sitemap_container h2 a:hover, #sitemap_container h2 a:active
{
	font-size: 12px; /* TODO consider using percentage here to allow font resizing in IE */
	line-height: 14px;
	font-weight: bold;
	color: #000;
	text-transform: uppercase;
	text-decoration: none;
}
#sitemap_container h2 a:hover
{
	text-decoration: underline;
}
#sitemap_container a:link, #sitemap_container a:visited,
#sitemap_container a:hover, #sitemap_container a:active
{
	display: block;
	text-decoration: none;
}
#sitemap_container a:hover
{
	text-decoration: underline;
}
/* external link icon style */
#sitemap_container img.extlink
{
	vertical-align: middle;
	margin: -2px 0 0 5px;
}
/* remove external link formatting */
#sitemap_container a[href^="http:"]
{
	background: none;
	padding-right: 0;
}
#sitemap_container ul
{
	margin: 0;
	padding: 0;
}
#sitemap_container ul li
{
	margin: 0;
	padding: 0 0 0 10px;
	list-style-type: none;
	background: url(../images/dot_green.gif) 2px 7px no-repeat !important;
}
#sitemap_container .border
{
}
#sitemap_container ul.level2 li
{
}
#sitemap_container ul.level2 a
{
	font-size: 12px; /* TODO consider using percentage here to allow font resizing in IE */
	line-height: 14px;
	padding-top: 2px;
	padding-bottom: 2px;
}
#sitemap_container ul.level3 li
{
}
#sitemap_container ul.level3 a
{
}
#sitemap_column1
{
	width: 206px;
	min-height: 250px;
	margin: 0 19px 0 0;
	float: left;
	border-right: dotted 1px #999;	
}
#sitemap_column2
{
	width: 206px;
	min-height: 250px;
	margin: 0 19px 0 0;
	float: left;
	border-right: dotted 1px #999;	
}
#sitemap_column3
{
	width: 206px;
	min-height: 250px;
	float: left;
	border-right: dotted 1px #999;	
}
#sitemap_section1
{
	margin: 5px 0 0 0;
}
#sitemap_section1 div
{
	background: url(../images/sitemap_products.jpg) 0 12px no-repeat;
	margin: 0;
	padding: 10px 10px 10px 67px;
	min-height: 55px;
}
#sitemap_section2 div
{
	background: url(../images/sitemap_about_us.jpg) 0 12px no-repeat;
	margin: 0;
	padding: 10px 10px 10px 67px;
	min-height: 55px;
}
#sitemap_section3 div
{
	background: url(../images/sitemap_locations.jpg) 0 12px no-repeat;
	margin: 0;
	padding: 10px 10px 10px 67px;
	min-height: 55px;
}
#sitemap_section4
{
	margin: 5px 0 0 0;
}
#sitemap_section4 div
{
	background: url(../images/sitemap_part_search.jpg) 0 12px no-repeat;
	margin: 0;
	padding: 10px 10px 10px 67px;
	min-height: 55px;
}
#sitemap_section5 div
{
	background: url(../images/sitemap_careers.jpg) 0 12px no-repeat;
	margin: 0;
	padding: 10px 10px 10px 67px;
	min-height: 55px;
}
#sitemap_section6
{
	margin: 5px 0 0 0;
}
#sitemap_section6 div
{
	background: url(../images/sitemap_contacts.jpg) 0 12px no-repeat;
	margin: 0;
	padding: 10px 10px 10px 67px;
	min-height: 55px;
}
#sitemap_section7 div
{
	background: url(../images/sitemap_contacts.jpg) 0 12px no-repeat;
	margin: 0;
	padding: 10px 10px 10px 67px;
	min-height: 55px;
}

/*
/ keep alive styles
///////////////////////////////////////////////////////////////////////////////////////////
*/

#keep_alive_container
{
	background-color: #FFF;
	padding: 20px;
	text-align: left;
}
.keep_alive_item, .keep_alive_item_failure
{
	border-top: solid 1px #000;	
	padding: 10px 0 10px 0;
}
.keep_alive_item h3, .keep_alive_item_failure h3
{
	margin: 10px 0 0 0;
}
.keep_alive_item p, .keep_alive_item_failure p
{
	margin: 3px 0 10px 0;
}
.keep_alive_item_failure
{
	color: red;
}

/*
/ search results styles
///////////////////////////////////////////////////////////////////////////////////////////
*/

#search_results_search_box
{
	padding: 0 0 20px 0;
}
#search_results_search_box .search_textbox
{
	width: 350px;
	float: left;
}
#search_results_search_box .search_button
{
	padding: 0;
	float: left;
	margin: 2px 0 0 5px;
}
.search_result_item
{
}
.search_result_item_link
{
	font-size: 115%;
}
.search_result_item_summary
{
	font-size: 100%;
}
.search_result_item_url
{
	font-size: 90%; 
	color: #999;
}
.search_result_item_location
{
	font-size: 90%; 
	color: #999;
}
.search_result_item_content
{
	font-size: 90%; 
	color: #999;
}
.search_result_footer
{
	width: 95%;
	font-size: 100%; 
	background-color: #DFDFDF; 
	border-bottom: 1px solid #B2B2B2;
	border-left: 1px solid  #B2B2B2; 
	border-right: 1px solid #B2B2B2; 
	padding: 4px;
	text-align: left;
}
.search_result_footer td
{
	font-size: 100%;
	padding: 0 3px 0 3px;
}
.search_result_count
{
	font-size: 100%; 
	padding: 4px;
}
.search_result_header
{
	width: 95%;
	font-size: 100%; 
	background-color: #DFDFDF; 
	border-top: 1px solid #B2B2B2; 
	border-left: 1px solid  #B2B2B2;
	border-right: 1px solid #B2B2B2; 
	padding: 6px;
}
.search_result_error
{
	font-size: 100%;
	padding: 4px;
}
.search_result_error td, .search_result_error th
{
	padding: 5px;
	font-size: 100%;
}
.search_result_error th
{
	color: red;
	width: 250px;
}

/*
/ job openings styles
///////////////////////////////////////////////////////////////////////////////////////////
*/

.eeo_message 
{
	font-size: 11px !important;
	line-height: 13px !important;
	font-style: italic;
	padding: 20px 0 5px 0;
	width: 540px;
}

/* search */

.job_search label
{
	display: block;
	font-weight: bold;
}
.job_show_all
{
	padding: 0 0 18px 0;
}
.job_search .search_tip 
{
	clear: both;
	font-size: 11px !important;
	line-height: 13px !important;
	font-style: italic;
	padding: 12px 100px 2px 0;
}
.job_search_now
{
	clear: both;
}
.job_search_buttons
{
	margin: 0 0 20px 0;
}
.job_search_again_button
{
	margin: 0;
}
.job_categories
{
	float: left;
	margin-right: 20px;
}
.job_categories select
{
	width: 230px;
}
.job_search .location_selector
{
	float: left;
}
.job_search .location_selector select
{
	width: 230px;
}
.job_keywords
{
	clear: both;
	float: left;
	margin-right: 20px;
	display: inline;
}
.job_keywords input
{
	width: 225px;
}
.job_number
{
	float: left;
}
.job_number input
{
	width: 225px;
}

/* list */

.job_list h4 
{
	color: #000 !important;
}
.job_list table
{
	width: 99%;
	border: none;
	border-collapse: collapse;
}
.job_list tr.alt
{
	background-color: #F3F3F3;
}
.job_list td, .job_list th
{
	text-align: left;
}
.job_list th
{
	padding: 3px 2px 3px 8px;
	background-color: #CCC;
	border: solid 1px #CCC;
	font-weight: normal;
}
/* sort direction arrow */
.job_list th img
{
	margin: 6px 0 0 5px;
	vertical-align: top;
}
.job_list td
{
	padding: 6px 2px 6px 9px;
}
.job_list td.first_column
{
	border-left: solid 1px #CCC;
}
.job_list td.last_column
{
	border-right: solid 1px #CCC;
}
.job_list tr.last_row td
{
	border-bottom: solid 1px #CCC;
}
.job_list th a:link, .job_list th a:visited, .job_list th a:hover, .job_list th a:active
{
	color: #000;
	text-decoration: none;
}
.job_list th a:hover
{
	text-decoration: underline;
}
.job_list td a:link, .job_list td a:visited, .job_list td a:hover, .job_list td a:active
{
	text-decoration: underline;
}
.job_list .currentsort
{
}
#content .job_list .job_list_pager, #content .job_list .job_list_container
{
	margin: 0;
	padding: 0;
}
#content .job_list .job_list_pager td, #content .job_list .job_list_container
{
	padding: 6px 1px 4px 1px;
}
#content .job_list .job_list_pager div, #content .job_list .job_list_container div
{
	margin: 0;
	padding: 0;
	float: left;
}
#content .job_list .job_list_pager ul, #content .job_list .job_list_container ul
{
	margin: 0;
	padding: 0;
	float: right;
}
#content .job_list .job_list_pager li, #content .job_list .job_list_container li
{
	margin: 0 0 0 7px;
	padding: 0;
	float: left;
	list-style-type: none;
	background: none;
}
#content .job_list .job_list_pager a:link, #content .job_list .job_list_pager a:visited,
#content .job_list .job_list_pager a:hover, #content .job_list .job_list_pager a:active,
#content .job_list .job_list_container a:link, #content .job_list .job_list_container a:visited,
#content .job_list .job_list_container a:hover, #content .job_list .job_list_container a:active
{
	text-decoration: none;
}
#content .job_list .job_list_pager a:hover, #content .job_list .job_list_container a:hover
{
	text-decoration: underline;
}
#content .job_list .job_list_pager span, #content .job_list .job_list_container span
{
	padding: 0 8px 0 8px;
}
.job_list .job_search_buttons
{
	margin: 10px 0 10px 0;
}

/* details */

.job_details_buttons
{
	margin: 40px 0 20px 0;
}
.job_details_buttons a, .job_details_buttons input
{
	margin: 0 7px 0 0;
}
.job_details .detail_row
{
	padding: 5px;
	margin: 0 0 8px 0;
	clear: left;
}
.job_details .detail_row label
{
	float: left;
	font-weight: bold;
	display: block;
	width: 145px;
	text-align: left;
	padding: 0 10px 0 0;
	color: #000;
	background-color: #CCC;
	padding: 3px 0 3px 10px;
}
.job_details .detail_row div
{
	padding: 3px 0 0 160px;
	border-top: solid 1px #CCC;
	border-left: solid 1px #CCC;
}
.job_details .detail_row div p
{
	margin: 0 0 10px 0;
}

/* apply */

.job_apply .validation_summary li
{
	margin: 5px 0 5px 30px;
	padding: 0;
}
.job_apply .instructions
{
	font-size: 11px !important;
	line-height: 13px !important;
	font-style: italic;
	margin: 5px 0 5px 0 !important;
	padding: 0 !important;
}
.job_apply_buttons
{
	margin: 40px 0 20px 0;
}
.job_apply_buttons a, .job_apply_buttons input
{
	margin: 0 7px 0 0;
}
.job_apply .detail_row, .job_apply .form_row
{
	padding: 5px;
	margin: 0 0 8px 0;
	clear: left;
}
.job_apply .detail_row label, .job_apply .form_row label
{
	float: left;
	font-weight: bold;
	display: block;
	width: 145px;
	text-align: left;
	padding: 0 10px 0 0;
	color: #000;
	background-color: #CCC;
	padding: 3px 0 3px 10px;
}
.job_apply .detail_row div
{
	padding: 3px 0 0 160px;
	border-top: solid 1px #CCC;
	border-left: solid 1px #CCC;
}
.job_apply .form_row div
{
	padding: 6px 0 0 160px;
	border-top: solid 1px #CCC;
	border-left: solid 1px #CCC;
}
.job_apply .detail_row div p, .job_apply .form_row div p
{
	margin: 0 0 10px 0;
}
.job_apply .form_row input 
{
	width: 320px;
}
.job_apply .cover_letter textarea, .job_apply .resume textarea
{
	width: 380px;
	height: 150px;
}
.job_apply .completed_application input, 
.job_apply .cover_letter input, 
.job_apply .resume input
{
	width: 380px;
}

/* send to a friend */

.job_send .validation_summary li
{
	margin: 5px 0 5px 30px;
	padding: 0;
}
.job_send_buttons
{
	margin: 40px 0 20px 0;
}
.job_send_buttons a, .job_send_buttons input
{
	margin: 0 7px 0 0;
}
.job_send .detail_row, .job_send .form_row
{
	padding: 5px;
	margin: 0 0 8px 0;
	clear: left;
}
.job_send .detail_row label, .job_send .form_row label
{
	float: left;
	font-weight: bold;
	display: block;
	width: 145px;
	text-align: left;
	padding: 0 10px 0 0;
	color: #000;
	background-color: #CCC;
	padding: 3px 0 3px 10px;
}
.job_send .detail_row div
{
	padding: 3px 0 0 160px;
	border-top: solid 1px #CCC;
	border-left: solid 1px #CCC;
}
.job_send .form_row div
{
	padding: 6px 0 0 160px;
	border-top: solid 1px #CCC;
	border-left: solid 1px #CCC;
}
.job_send .detail_row div p, .job_send .form_row div p
{
	margin: 0 0 10px 0;
}
.job_send .form_row input 
{
	width: 380px;
}
.job_send .recipient_emails textarea
{
	width: 380px;
	height: 100px;
}
.job_send .sender_message textarea
{
	width: 380px;
	height: 200px;
}

/*
/ surplus equipment styles
///////////////////////////////////////////////////////////////////////////////////////////
*/

/* search */

.equipment_search label
{
	display: block;
	font-weight: bold;
}
.equipment_show_all
{
	padding: 0 0 18px 0;
}
.equipment_search .search_tip 
{
	clear: both;
	font-size: 11px !important;
	line-height: 13px !important;
	font-style: italic;
	padding: 12px 100px 2px 0;
}
.equipment_search_now
{
	clear: both;
	padding: 0 0 10px 0;
}
.equipment_search_buttons
{
	margin: 0 0 20px 0;
}
.equipment_search_again_button
{
	margin: 0;
}
.equipment_categories
{
	float: left;
	margin-right: 20px;
}
.equipment_categories select
{
	width: 230px;
}
.equipment_search .location_selector
{
	float: left;
}
.equipment_search .location_selector select
{
	width: 230px;
}
.equipment_keywords
{
	clear: both;
	float: left;
	margin-right: 20px;
	display: inline;
}
.equipment_keywords input
{
	width: 225px;
}
.item_number
{
	float: left;
}
.item_number input
{
	width: 225px;
}

/* list */

.equipment_list h4 
{
	color: #000 !important;
}
.equipment_list table
{
	width: 99%;
	border: none;
	border-collapse: collapse;
}
.equipment_list tr.alt
{
	background-color: #F3F3F3;
}
.equipment_list td, .equipment_list th
{
	text-align: left;
}
.equipment_list th
{
	padding: 3px 2px 3px 8px;
	background-color: #CCC;
	border: solid 1px #CCC;
	font-weight: normal;
}
.equipment_list td
{
	padding: 6px 2px 6px 9px;
}
.equipment_list td.first_column
{
	border-left: solid 1px #CCC;
}
.equipment_list td.last_column
{
	border-right: solid 1px #CCC;
}
.equipment_list tr.last_row td
{
	border-bottom: solid 1px #CCC;
}
.equipment_list th a:link, .equipment_list th a:visited, .equipment_list th a:hover, .equipment_list th a:active
{
	color: #000;
	text-decoration: none;
}
.equipment_list td a:link, .equipment_list td a:visited, .equipment_list td a:hover, .equipment_list td a:active
{
	text-decoration: underline;
}
#content .equipment_list .equipment_list_pager, #content .equipment_list .equipment_list_container
{
	margin: 0;
	padding: 0;
}
#content .equipment_list .equipment_list_pager td, #content .equipment_list .equipment_list_container
{
	padding: 6px 1px 4px 1px;
}
#content .equipment_list .equipment_list_pager div, #content .equipment_list .equipment_list_container div
{
	margin: 0;
	padding: 0;
	float: left;
}
#content .equipment_list .equipment_list_pager ul, #content .equipment_list .equipment_list_container ul
{
	margin: 0;
	padding: 0;
	float: right;
}
#content .equipment_list .equipment_list_pager li, #content .equipment_list .equipment_list_container li
{
	margin: 0 0 0 7px;
	padding: 0;
	float: left;
	list-style-type: none;
	background: none;
}
#content .equipment_list .equipment_list_pager a:link, #content .equipment_list .equipment_list_pager a:visited,
#content .equipment_list .equipment_list_pager a:hover, #content .equipment_list .equipment_list_pager a:active,
#content .equipment_list .equipment_list_container a:link, #content .equipment_list .equipment_list_container a:visited,
#content .equipment_list .equipment_list_container a:hover, #content .equipment_list .equipment_list_container a:active
{
	text-decoration: none;
}
#content .equipment_list .equipment_list_pager a:hover, #content .equipment_list .equipment_list_container a:hover
{
	text-decoration: underline;
}
#content .equipment_list .equipment_list_pager span, #content .equipment_list .equipment_list_container span
{
	padding: 0 8px 0 8px;
}
.equipment_list .equipment_search_buttons
{
	margin: 10px 0 10px 0;
}
.equipment_list .equipment_image
{
	width: 85px;
}
.equipment_list .equipment_adlines
{
}
.equipment_list .equipment_other_detail
{
}

/* details */

.equipment_details_buttons
{
	margin: 40px 0 20px 0;
}
.equipment_details .detail_row
{
	padding: 5px;
	margin: 0 0 8px 0;
	clear: left;
}
.equipment_details .detail_row label
{
	float: left;
	font-weight: bold;
	display: block;
	width: 145px;
	text-align: left;
	padding: 0 10px 0 0;
	color: #000;
	background-color: #CCC;
	padding: 3px 0 3px 10px;
}
.equipment_details .detail_row div
{
	padding: 3px 0 0 160px;
	border-top: solid 1px #CCC;
	border-left: solid 1px #CCC;
}
.equipment_details .detail_row div p
{
	margin: 0 0 10px 0;
}
.equipment_details .detail_row div.clear
{
	border: none;
}

/* details images */

#content .equipment_images
{
	width: 90%;
	padding: 5px 0 0 10px;
}
#content .equipment_images li
{
	float: left;
	margin: 0;
	padding: 6px;
	list-style-type: none;
	background: none;
}
#content .equipment_images img
{
	border: solid 2px #999;
}

/*
/ locations styles
///////////////////////////////////////////////////////////////////////////////////////////
*/

/* list */

.location_map
{
	border-bottom: dotted 1px #999;
	float: left;
	margin: 22px 0 -8px -18px;
	padding: 0;
	display: inline;
}
.location_map_flash
{
	margin: 0;
	padding: 0;
	width: 585px;
	height: 396px;
	background-color: #D9D9D9;
	font-size: 11px; /* TODO consider using percentage here to allow font resizing in IE */
}
.location_map_flash p
{
	margin: 0;
	padding: 10px;
}
.location_map ul
{
	margin: 0 !important;
	padding: 0 !important;
	float: left;
}
.location_map ul li
{
	margin: 0;
	padding: 4px 9px 8px 0 !important;
	list-style-type: none;
	background: none !important;
	float: left;
	display: inline;
	font-size: 11px;
}
.location_map ul li.last_item
{
	padding-right: 0;
}
.location_map ul li img
{
	float: left;
	margin: 4px 4px 0 0;
	padding: 0;
	width: 12px;
	height: 8px;
}
.location_list
{
	margin: 0 0 0 -18px;
}
.location_list #location_column
{
	width: 283px;
	float: left;
	margin: 10px 0 0 0;
	padding: 0 0 20px 0;
}
.location_list #location_column1
{
	width: 283px;
	float: left;
	margin: 0 13px 0 0;
	padding: 0 0 20px 0;
}
.location_list #location_column2
{
	width: 283px;
	float: left;
	margin: 0;
	padding: 0 0 20px 0;
}
#content .location_list h3
{
	text-transform: uppercase;
	font-size: 14px; /* TODO consider using percentage here to allow font resizing in IE */
	line-height: 22px;
	margin: 0;
	padding: 10px 0 4px 0;
}
.location_list dl
{
	position: relative;
	margin: 0 0 2px 0;
	padding: 5px 0 5px 0;
	background-color: #F1F1F1;
}
.location_list dl.alt
{
	background-color: Transparent;
}
.location_list dt, .location_list dd
{
	font-size: 12px; /* TODO consider using percentage here to allow font resizing in IE */
	line-height: 14px;
}
.location_list dt
{
	font-weight: normal;
	width: 105px;
	position: absolute;
	top: 6px;
	left: 5px;
}
.location_list dd
{
	padding: 1px 0 1px 105px;
}
.location_list dd a:link, .location_list dd a:visited, .location_list dd a:hover, .location_list dd a:active
{
	text-decoration: underline;
}
.location_list dd a:hover
{
	color: #000;
}

/* detail */

.location_details
{
}
.location_details #google_map
{
	width: 358px;
	height: 249px;
	float: right;
	border: solid 1px #666;
	margin: 0 0 13px 13px;
}
/* remove external link icons from google maps */
.location_details #google_map a[href^="http:"]
{
	background-image: none;
	padding-right: 0;
}
.location_details #no_google_map
{
	width: 278px;
	height: 149px;
	float: right;
	border: solid 1px #666;
	background-color: #DFDFDF;
	margin: 0 0 13px 13px;
	padding: 100px 40px 0 40px;
	text-align: center;
	font-style: italic;
}
/* location name */
.location_details h2
{
	color: #000;
	font-size: 20px !important; /* TODO consider using percentage here to allow font resizing in IE */
	margin: 15px 0 6px 0 !important;
}
/* location sub name */
.location_details h3
{
	color: #000;
	font-size: 14px !important; /* TODO consider using percentage here to allow font resizing in IE */
	font-weight: normal !important;
	margin: -5px 0 6px 0 !important;
}
/* location type */
.location_details h4
{
	color: #000 !important;
	font-size: 12px; /* TODO consider using percentage here to allow font resizing in IE */
	font-weight: normal;
	margin: 0 !important;
	padding: 0 0 6px 0;	
}
.location_details p
{
	margin: 0 !important;
	font-size: 12px !important; /* TODO consider using percentage here to allow font resizing in IE */
	line-height: 18px !important;
}
.location_details .detail_row label
{
	font-weight: bold;
}
.location_details .address, .location_details .phones, .location_details .hours, .location_details .directions
{
	border-top: dotted 1px #999;
	margin: 0;
	padding: 8px 0 8px 0;
	font-size: 12px; /* TODO consider using percentage here to allow font resizing in IE */
	line-height: 18px;
}
.location_details .address
{
	margin: 5px 0 0 0;
}
.location_details .phones .detail_row label
{
	width: 55px;
	float: left;
}
.location_details .phones .detail_row div
{
	margin-left: 55px;
}
.location_details .hours .detail_row label
{
	width: 44px;
	float: left;
}
.location_details .hours .detail_row div
{
	margin-left: 44px;
}
.location_details .directions .detail_row label
{
	width: 68px;
	float: left;
}
.location_details .directions .detail_row div
{
	margin-left: 68px;	
}
.location_details .misc
{
	clear: both;
	float: left;
	background-color: #DFDFDF;
	font-size: 12px; /* TODO consider using percentage here to allow font resizing in IE */
	line-height: 16px;
	margin: 0 0 14px 0;
	padding: 12px 15px 12px 15px;
}
.location_details .misc label
{
	display: inline;
	font-weight: bold;
	margin-right: 5px;
}
.location_details .misc .detail_row
{
	padding: 2px 0 2px 0;
}
.location_details .misc .detail_row div
{
	display: inline;
}
.location_details .misc .column1
{
	float: left;
	width: 272px;
	margin-right: 10px;
}
.location_details .misc .column2
{
	float: right;
	width: 273px;
}
.location_details .misc img.checkbox1, .location_details .misc img.checkbox2
{
	position: relative;
	top: 1px;
}
.location_details .misc img.checkbox1
{
	margin: 0 3px 0 4px;
}
.location_details .misc img.checkbox2
{
	margin: 0 3px 0 12px;
}
.location_details_links
{
	clear: both;
	padding: 0 0 15px 0;
}

/*
/ form general styles
///////////////////////////////////////////////////////////////////////////////////////////
*/

.validation_summary
{
	margin: 20px 0 20px 0;
}
.form_row input, .form_row textarea 
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}

/*
/ slideshow
///////////////////////////////////////////////////////////////////////////////////////////
*/

#content div.slide_show_header
{
	border-bottom: dotted 1px #000;
	height: 27px;
	margin-top: 10px;
	padding: 5px 0 0 0;
}
#content div.slide_show_footer
{
	border-top: dotted 1px #000;
	padding-top:8px;
	margin-bottom: 15px;
}
#content div.slide_show_pager ul
{
	padding: 0;
	margin: 0;
	display: inline;
}
#content div.slide_show_pager ul li
{
	background: none;
	float: left;
	padding: 0 2px;
	margin: 0;
}
#content div.slide_show_pager
{
	float: right;
	padding: 0;
	margin: 3px 0 0 0;
	height: 30px;
	display: inline;
	height: 15px;
}
#content div.slide_show_pager span
{
	float: left;
	padding-right: 10px;	
}
#content div.slide_show_header h2
{
	margin: 0;
}
#slide_image 
{
	margin: 20px 0 22px;
	text-align: center;
}
#slide_image img
{
}
.slide_image_right 
{
	float: right;
	margin: 15px 0 5px 15px;
	clear: both;
}
.slide_caption 
{
	background-color: #DDD;
	border: solid 1px #666;
	padding: 10px;
	margin: 10px 0;
	font-style: italic;
}


/* 
/ errors
//////////////////
*/
#error_content
{
	padding: 10px 0px 10px 30px;
	background-color: White;
}
#error_content p
{
	padding-bottom: 0;
	margin-bottom: 0;
}
#error_content ul
{
	padding-top: 2px;
	margin-top: 0;
}


/*
/ colors
///////////////////////////////////////////////////////////////////////////////////////////



*/