﻿#main {padding: 10px 0 0 0;}
#leftNav {width: 200px;float: left;}
#content {width: 720px;float: right;}
.engineTable span { font-weight:bold;}
div#ContactUs table.engineTable
{
    font-weight: bold;
}
/***** Left Navigation *****************************************/
#leftNav ul, #leftNav li {margin: 0; padding: 0; list-style-type: none;}
#leftNav ul 
{
	background: url(/App_/DESIGN/ROOT/PageFrame/Standard/Images/LeftNav/SubNav_BG.gif) top repeat-x;
	min-height: 200px;
	height: auto !important;
	height: 200px;
	padding-top: 15px;
}
#leftNav li {padding: 5px 5px 5px 15px;}
#leftNav li a 
{
	color: #555;
	text-decoration: none;
	font-weight: bold;
	font-size: .8em;
	line-height: 1.5em;
	display: inline-block;
	padding-left: 12px;
	background: url(/App_/DESIGN/ROOT/PageFrame/Standard/Images/LeftNav/SubNavArrow_O.gif) 0 3px no-repeat;
}
#leftNav li a:hover {color: #171717;background-image:url(/App_/DESIGN/ROOT/PageFrame/Standard/Images/LeftNav/SubNavArrow_X.gif);}
#leftNav li.selected a {color: #003479;background-image:url(/App_/DESIGN/ROOT/PageFrame/Standard/Images/LeftNav/SubNavArrow_C.gif);}
#leftNav h3 { margin: 0; padding: 0; }

/********************************************************/
.leftContent { float: left; width: 540px; }
.leftContentWide { float: left; width: 720px; }
.rightContent { float: right; width: 160px; }
.locationCallout 
{
	background: url(/App_/DESIGN/ROOT/PageFrame/Standard/Images/Interior_Map.gif) bottom center no-repeat;
	padding-bottom: 110px;
	padding-top: 10px;
}
.locationCallout strong { color: #000; }
.locationCallout .form { padding-top: 10px; }
.locationCallout .form input { border: 1px solid #ccc; padding: 5px 2px; margin: 0 5px 0 0; width: 110px; float: left;}
.locationCallout .form .button { margin-top: 2px; }

/****** Search Form **************************************/
.searchForm 
{
	width:720px;
	height:110px;
	background: url(/App_/DESIGN/ROOT/PageFrame/Standard/Images/SearchBG.gif) top left repeat-y;
	margin-bottom: 1em;
	color:#555;
}
#content .searchForm h3  
{
	color: #555; font-size: 1.2em; 
	padding-top: 13px;
	padding-left: 15px;
	margin-right: 20px;
}
td.searchFormOr 
{
	font-size:14px;
	font-weight:bold;
	padding-top:15px;
	text-align:center;
	vertical-align:top;
	width:65px;
}
.searchForm h3, .searchForm .searchField1, .searchForm .searchField2 
{ 
	float: left; 
	font-weight:bold;
}
.searchForm h3, .searchForm .searchField1, .searchForm .searchField3 
{ 
	float: left; 
	font-weight:bold;
}
.searchForm .searchField1, .searchForm .searchField2 { width: 170px; padding-left:15px; }
.searchForm .content { padding: 12px; }
.searchForm label 
{
	font-weight: bold;
	display: block; 
	margin-bottom: 2px;
	font-size: .9em;
}
.searchForm .button { margin-top: 5px; }
.FindLocation { margin-bottom: 0px; }
.FindLocation .locationForm, .FindLocation .locationForm .content
{
	background: url(/App_/DESIGN/ROOT/PageFrame/Standard/Images/SearchBG.gif) top left no-repeat;
	height:65px;
}
.FindLocation .locationForm {  font-size: 1.2em; }
.FindLocation .locationForm .content { background-position: top right; margin-left: 2px; padding: 1px 0; }
.FindLocation .locationForm .engineTable { margin: 12px; }
.FindLocation .locationForm td { vertical-align: middle; text-align: center; }
#content .FindLocation .locationForm label { font-weight: bold; display: block; margin: 0; padding:0; }
#content .FindLocation .locationForm input.text 
{
	border: 1px solid #E9C869;
	background: #fff;
	padding: 6px 4px;
	width: 100px !important;
}

/****** Content Banner **********************************/
.contentBanner {padding-bottom: 16px;}
.contentBanner .bannerImage {width: 550px;float: left;}
.contentBanner .bannerCallout 
{
	background: #FFF6D5 url(/App_/DESIGN/ROOT/PageFrame/Standard/Images/Join_BG.gif) top left no-repeat;
	float: left;
	position: relative;
	width: 170px; height: 173px;
}
.contentBanner .bannerCallout .content {padding: 20px;}
.contentBanner .bannerCallout .arrow 
{
	background: url(/App_/DESIGN/ROOT/PageFrame/Standard/Images/Arrow_OverImage.gif) top left no-repeat;
	width: 7px;
	height: 13px;
	position: absolute;
	top: 26px;
	left: -7px;
}

/****** Columns ***************************************/
/* div */
.columns_2 div.col, .columns_3 div.col, .columns_4 div.col, .columns_5 div.col { float:left;}
.columns_2 div.alpha, .columns_3 div.alpha, .columns_4 div.alpha, .columns_5 div.alpha { margin-left:0 !important;}
.columns_2 div.omega, .columns_3 div.omega, .columns_4 div.omega, .columns_5 div.omega { margin-right:0 !important;}
.columns_2 div.col { width:340px;margin:0 10px;}
.columns_3 div.col { width:222px;margin:0 13px;}
.columns_4 div.col { width:167px;margin:0 8px;}
.columns_5 div.col { width:17%;margin:0 1%;}

#content .columns_4, #content .columns_3 p {margin-bottom: .8em;}
.columns_4, .columns_3 { line-height: 1.1em;}


/**** Content/Engine Pages *********************************************/
.enginePage { padding: 1px 0; }

/**** Pager Table **************************************************/
table.pagerFrame { width: 100%; }
table.pagerFrame th, table.pagerFrame td {
	padding: 5px 10px 5px 20px;	
}
table.pagerFrame th 
{
	background: #E6E7E9;
	font-weight: bold;
	font-size: 14px;
	text-align: left;
}
table.pagerFrame th a { color: #555; }
table.pagerFrame td {background-color: #F0F0F0;}
table.pagerFrame td.alternate {background: #FBFBFB;}
table.pagerFrame tr.indicator th { height: 1px; }
table.pagerFrame th img {position: relative; top: 7px; left: -5px;}
table.pagerFrame th.selected { padding-left: 10px; }


/**** Help me choose App *******************************/

.helpMeChooseFormFrame, #HelpMeChoose .formPart 
{
	text-align: center;
	background: url(/App_/ROOT/PageFrame/Standard/Images/HelpMeChoose/HMCBackground.gif) top left no-repeat;
	padding: 10px;
	width: 648px;
	height: 332px;
	position: relative;
}
/*
#HelpMeChoose .formPart table { width: 75%; margin: 0 auto; }
#HelpMeChoose .formPart td { text-align: left; }
#HelpMeChoose h2 
{
	color: #333;
	font-size: 28px;
	font-family: "Arial Narrow", Arial, Verdana;
	font-weight: normal;
	padding: 50px 0 15px 0;
	width: 600px;
	margin: 0 auto 20px auto;
}
#HelpMeChoose .commandPane 
{
	bottom: 60px;
	left: 0;
	position: absolute;
	width: 648px;
}
#HelpMeChoose .commandPane .btn_hmc_next, 
#HelpMeChoose .commandPane .btn_hmc_back { position: absolute; top: 0;}
#HelpMeChoose .commandPane .btn_hmc_next { right: 0; }
#HelpMeChoose .commandPane .btn_hmc_back { left: 20px; }
#HelpMeChoose label.checkbox_checked,
#HelpMeChoose label.checkbox_unchecked,
#HelpMeChoose label.radio_checked,
#HelpMeChoose label.radio_unchecked
{
	background: url(/App_/ROOT/PageFrame/Standard/Images/HelpMeChoose/HMCCheckbox.gif) top left no-repeat;
	cursor: pointer;
	height: 27px;
	font-size: 18px;
	padding-left: 44px;
	padding-top: 7px;
	margin: 0 40px 10px 0;
	display: -moz-inline-box;
	display: inline-block;
	text-decoration: underline;
}
#HelpMeChoose label.checkbox_checked,
#HelpMeChoose label.radio_checked {
	background-position: 0 -34px;
}
*/
/* Hover State */
/*
#HelpMeChoose label:hover{
	color: #575B60;
}
#HelpMeChoose label.highlighted {
	border: 1px solid #333;
}
#HelpMeChoose .crirHidden {
	position: absolute;
	left: -1000px;
}
*/
/** contact info */
/*
#HelpMeChoose #ContactInfo {background: none;}
#ContactInfo, #HelpMeChoose #ContactInfo .form 
{
	background: url(/App_/ROOT/PageFrame/Standard/Images/HelpMeChoose/TellUsBgSync.gif) top repeat-x;
	width: 65%;
	margin: 0 auto;
}
#HelpMeChoose #ContactInfo .form label { color: #fff; }
#HelpMeChoose #ContactInfo .commandPane  
{
	position: relative; 
	width: 420px; 
	top:0;left:0; 
	margin-top: 15px;
}
#HelpMeChoose #ContactInfo th { text-align: left; }
#HelpMeChoose #ContactInfo td { padding: 10px 0; }
*/
/**** Job search form ********************************************/
#JobFormRegionSearch { padding: 1px 0 15px 0; }
#JobFormRegionSearch .formSearch .form
{
	border: 1px solid #ded5b3;
	background: #f4dd8c url(/App_/ROOT/PageFrame/Standard/Images/JobFormSync.gif) top repeat-x;
	padding: 10px;
}
#JobFormRegionSearch .formSearch label  
{
	font-size: 14px;
}
#JobFormRegionSearch .formSearch label,
#JobFormRegionSearch .formSearch select,
#JobFormRegionSearch .formSearch input { margin-bottom: 10px; }
#JobFormRegionSearch .formSearch .controlPane { margin-top: 10px; }
#JobFormRegionSearch .formSearch .gbutton { float: right; }
#JobFormRegionSearch .formSearch { float: left; width: 270px; }
#JobFormRegionSearch .regionSearch { float: right; width: 415px; }
.localImage { border: 1px solid rgb(204, 204, 204); padding: 6px; float: left; margin-right: 10px; }
h3.localPage { color:#84BE4C !important; }
table.localPage
{
	width:100%;
	border:none;
	padding:0px;
	margin:0px;
}
td.localPagePhotoContainer 
{
	width:145px;
}

/*===== Click to Call =========================================================*/
.clickToCall .section {
    background:#ebeef3; border: 2px solid #dce0e9; padding: 10px 15px;
    margin: 0 0 15px;    
}
.clickToCall .section table { margin: 0; }
.clickToCall .section table td { vertical-align: middle; }
.clickToCall .section table td.label { font-weight: bold; color: #4573a7; font-size: 17px; }
.clickToCall .section .number {
    color: #8cd404; font-size: 25px; font-weight: bold; 
    background: url(Images/Click-To-Call-Num.gif) center center no-repeat;
    display: block;
    padding: 13px 0;
    width: 44px;
    text-align: center;
}
.clickToCall .tooltip { font-size: 11px; line-height: 13px; display: block; background: transparent; }
#loadingLocations {
    background: url(Images/ajax-loader.gif) top left no-repeat;
    width: 16px;
    height: 16px;
    overflow: hidden;
    text-indent: -9999px;
}

/*==== Tooltip ===============================================================*/
a:hover {background:#ffffff; text-decoration:none;} /*BG color is a must for IE6*/
a.tooltip span {display:none; padding:2px 3px; margin-left:8px; width:150px;}
a.tooltip:hover span{
    display:inline; 
    position:absolute; 
    background:#eee; 
    border:1px solid #999; 
    color:#6c6c6c;
    font-size: 11px;
    line-height: 15px;
}

#content .searchForm h3.careerPortal
{
	padding-top:0px;
	margin-top:0px;
	font-weight:bold;
	font-size:14px;
}

