body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 80%;
	margin: 0;
	padding: 0;
}

ul, ol, dl { position: relative; }

/* MAIN GRAPHICS & TEXT BOX SETTINGS -- ALL SECTIONS */

/* container is used to correctly float the page image & text box allowing the bottom bar to move down when text overflows  */
#container{
  /* background: none; */
   width: 1071px;
	wid\th: 856px;
	height: auto;
	min-height: 563px;
	float: left;
	margin: 0;
	padding: 0;
   border-left: 155px solid #FFCC00;
	overflow: visible;
	z-index: 2;
}


/* The bottom bar is set to clear the container at top & left; allows downward repositioning */
#btmBar {
   clear: both;
	background: Black url(images/CSSAssets/BtmImg.gif) 0 100% repeat-x;
	height: 101px;
	display: block;
	z-index: 109;
}

#masthead {
	background: Black
	url(images/CSSAssets/TopImg.gif) 0 100% no-repeat;
	height: 106px;
	width: 1024px;
	display: block;
	z-index: 81;
}

#mastheadRepeat {
	background: Black
	url(images/CSSAssets/BkgRepeatTopSl.gif) 0 100% repeat-x;
	height: 106px;
	width: 100%;
	display: block;
	position: absolute;
	top: 0px;
	left: 1024px;
	z-index: 60;
}


/* LEFT NAVIGATION BAR settings -- ALL SECTIONS */
#leftbar, #leftbarCust, #leftbarBlank, #leftbarBlankFrame, #leftbarClaim, #leftbarClaimFrame, #leftbarDealer, #leftbarCustFrame, 
#leftbarDealerFrame, #leftbarEmp, #leftbarEmpFrame {
	background-color: #FFCC00;
	background-position: 0 100%;
	background-repeat: no-repeat;
	height: 563px;
	width: 155px;
	display: block;
	margin: 0;
   padding: 0;
	position: absolute;
	left: 0px;
	margin: 0;
	z-index: 80;
}

#leftbar, #leftbarCust, #leftbarBlank, #leftbarDealer, #leftbarEmp, #leftbarClaim { top: 106px; }
#leftbarFrame, #leftbarCustFrame, #leftbarClaimFrame, #leftbarDealerFrame, #leftbarEmpFrame { top: 0px; }

#leftbar { background-image: url(images/CSSAssets/PWILeftBar.gif);  }

#leftbarCust { background-image: url(images/CSSAssets/PWILeftBarCustomer.gif); }
#leftbarCustFrame { background: #FFCC00 url(images/CSSAssets/PWILeftBarCustomer.gif) 0 100% no-repeat; }

#leftbarClaim { background-image: url(images/CSSAssets/PWILeftBarClaim.gif); }
#leftbarClaimFrame { background: #FFCC00 url(images/CSSAssets/PWILeftBarClaim.gif) 0 100% no-repeat; }

#leftbarBlank  { background-image: url(images/CSSAssets/PWILeftBarBlank.gif); }
#leftbarBlankFrame { background: #FFCC00 url(images/CSSAssets/PWILeftBarBlank.gif) 0 100% no-repeat; }

#leftbarDealer { background-image: url(images/CSSAssets/PWILeftBarDealer.gif); }
#leftbarDealerFrame { background: #FFCC00 url(images/CSSAssets/PWILeftBarDealer.gif) 0 100% no-repeat; }

#leftbarEmp { background-image: url(images/CSSAssets/PWILeftBarEmp.gif); }
#leftbarEmpFrame { background: #FFCC00 url(images/CSSAssets/PWILeftBarEmp.gif) 0 100% no-repeat; }

/* hot spot link for the link to AutoCheck */
#autoChkLink, #autoChkLinkFrame {
	border: none;
	height: 52px;
	width: 155px;
	position: absolute;
	margin: 0;
	left: 0px;
	padding: 0;
	display: block;
	z-index: 99;
}
#autoChkLink { top: 616px; }
#autoChkLinkFrame { top: 514px; }



/* TEXT divs are positioned using the following 2 styles; to create a page with different text box positions */
/* 1) COPY one of the following styles; PASTE within this style sheet file */
/* 2) RENAME the pasted in style (ex. #txtBox2) */
/* 3) CHANGE the settings */

/* Sets the common text box styles */
#txtBox, #txtBoxMore, #txtBoxMore2 {
   font: normal .9em/1.4 arial, Helvetica, sans-serif;
	text-align: left;
	width: 505px;
	float: left;
	margin-top: 0;
	margin-left: 0;
	margin-bottom: 20px;
	overflow: visible;
	z-index: 1009;
}



/* txtBox special settings for the image, paragraphs, lists & bullet colors */

#txtBox img, #txtBoxMore img, #txtBoxMore2 img, #txtBoxFrame img, #txtBoxMoreFrame img { display: block; margin-bottom: -.95em; }
#txtBox p, #txtBoxMore p, #txtBoxMore2 p, #txtBoxFrame p, #txtBoxMoreFrame p { margin-left: 26px; margin-right: 55px; }
div#txtBox ul, div#txtBoxChecks ul { margin: 0 56px 0 46px; padding: 0; } 
div#txtBox li, div#txtBoxChecks li { color: #E20A16; padding: 0;  }
#txtBox li span, #txtBoxChecks li span { color: Black; padding: 0; }
#txtBox span img { margin: 0 10px 0 0; }
.mediaList, .mediaLink { margin: .25em -30px .25em 0; }
.mediaLink { padding-left: 46px; }


/* txtBoxMore is used on Company History & Dealer Testimonials 2nd page of copy, hidden at load  */
#txtBoxMore { 
   position: absolute; 
   top: 106px; 
   left: 351px; 
	margin-bottom: 20px;
   z-index: 14; 
   visibility: hidden; 
}

/* txtBoxMore2 is used on Dealer Testimonials 3rd page of copy, hidden at load  */
#txtBoxMore2 { 
   position: absolute; 
   top: 106px; 
   left: 351px; 
	margin-bottom: 20px;
   z-index: 14; 
   visibility: hidden; 
}

/* txtBoxFrame & #txtBoxMoreFrame are used on Dealer E-Catalog Downloads frameset body frame  */
#txtBoxFrame { 
	font: normal .9em/1.4 arial, Helvetica, sans-serif;
	text-align: left;
	width: 505px;
   position: absolute; 
   top: 0px; 
   left: 196px; 
	margin-bottom: 20px;
   z-index: 14; 
    
}

/* txtBoxMoreFrame is used on Dealer E-Catalog Downloads frameset body frame  */
#txtBoxMoreFrame { 
	font: normal .9em/1.4 arial, Helvetica, sans-serif;
	text-align: left;
	width: 505px;
   position: absolute; 
   top: 0px; 
   left: 196px; 
	margin-bottom: 20px;
   z-index: 14; 
	visibility: hidden;
    
}

/* txtBoxChecks & #txtBoxChecksMore are used on Start A Claim pages to accomodate check mark images and text alignment  */
#txtBoxChecks, #txtBoxChecksMore {
   font: normal .9em/1.4 arial, Helvetica, sans-serif;
	text-align: left;
	width: 505px;
	float: left;
	margin-top: 0;
	margin-left: 30px;
	margin-bottom: 20px;
	overflow: visible;
	z-index: 1009;
}

#txtBoxChecks img, #txtBoxChecksMore img { display: inline; margin-left: -30px;  }
#txtBoxChecks p, #txtBoxChecksMore p { margin-left: 30px; margin-right: 55px; }
#txtBoxChecks span, #txtBoxChecksMore span { margin-left: 0px; margin-right: 55px; }
#txtBoxChecks span img, #txtBoxChecksMore span img { display: block; margin-left: -25px; margin-right: 55px; }
.flushText { margin-left: -60px; padding-left: 0;  }
.indentedText { padding-left: 60px; margin-right: 55px; }

/* txtBoxChecksMore is used on Start A Claim 2nd page of copy, hidden at load  */
#txtBoxChecksMore { 
   position: absolute; 
   top: 106px; 
   left: 351px; 
	margin-bottom: 20px;
   z-index: 14; 
   visibility: hidden; 
}

#txtBoxFAQ h1 { font: normal 1.2em/1.4 arial, Helvetica, sans-serif; font-weight: bold; }

#txtBoxBroch {
   text-align: center;
	width: 708px;
   position: absolute;
	top: 415px;
	left: 204px;
	z-index: 14;
}

#pageImg {
	background: White;
	height: 324px;
	width: 196px;
	display: block;
	float: left;
	margin: 0;
	padding: 0;
	z-index: 2;
}

#pgImgTransTestMap{
	background: none;
	height: 325px;
	width: 500px;
	margin: 0;
	padding: 0;
	display: block;
	position: absolute;
	top: 311px;
	left: 317px;
	z-index: 2;
}

#pageImgFrame {
	background: White;
	height: 324px;
	width: 196px;
	display: block;
	position: absolute;
	top: 0px;
	left: 0px;
	margin: 0;
	padding: 0;
	z-index: 2;
}

#subHeadImg, #subHead1Img, #subHead1ImgCtr {
	background: White;
	margin: 0;
	padding: 0;
	display: block;
	z-index: 10;
}

#subHeadImg { float: left; height: 112px; width: 505px; }
#subHead1Img { float: left; height: 76px; width: 505px; }
#subHead1ImgCtr{ height: 76px; width: 605px; position: absolute; top: 106px; left: 204px; }


/* BUTTON GRAPHICS SETTINGS -- ALL SECTIONS */

/* TOP NAVIGATION BUTTONS */
/* this creates the layers for all six top menu buttons */
#home, #customer, #claim, #dealer, #emp, #contact {
	margin: 0;
	height: 24px;
	position: absolute;
	top: 80px;
}

#home { width: 67px; left: 155px; z-index: 100; }
#customer { width: 94px; left: 228px; z-index: 101; }
#claim { width: 107px; left: 328px; z-index: 102; }
#dealer { width: 79px; left: 441px; z-index: 103; }
#emp { width: 184px; left: 526px; z-index: 104; }
#contact { width: 90px; left: 716px; z-index: 105; }

/* this creates the generic styles for all six top menu buttons */
#home a, #customer a, #claim a, #dealer a, #emp a, #contact a { 
   display: block; 
   text-decoration: none;
   padding: 0; 
   height: 24px; 
} 

/* this creates the background image for the <a> tag (up state) */ 
#home a { background-image: url(images/CSSAssets/TopNavHomeUp.gif); } 
#customer a { background-image: url(images/CSSAssets/TopNavCustUp.gif); } 
#claim a { background-image: url(images/CSSAssets/TopNavClaimUp.gif); } 
#dealer a { background-image: url(images/CSSAssets/TopNavDealersUp.gif); } 
#emp a { background-image: url(images/CSSAssets/TopNavEmpUp.gif); } 
#contact a { background-image: url(images/CSSAssets/TopNavContactUp.gif); } 

/* this creates the background image for the <a> hover tag (over & down state) */ 
#home a:hover { background-image: url(images/CSSAssets/TopNavHomeDown.gif); } 
#customer a:hover { background-image: url(images/CSSAssets/TopNavCustDown.gif); } 
#claim a:hover { background-image: url(images/CSSAssets/TopNavClaimDown.gif); } 
#dealer a:hover { background-image: url(images/CSSAssets/TopNavDealersDown.gif); } 
#emp a:hover { background-image: url(images/CSSAssets/TopNavEmpDown.gif); } 
#contact a:hover { background-image: url(images/CSSAssets/TopNavContactDown.gif); }

/* HOME LEFT MENU BUTTONS */
/* this creates the layers for all four left home menu buttons */
#company, #coverage, #financing, #become, #eContract {
	margin: 0;
	height: 30px;
	width: 140px;
	position: absolute;
	left: 0px;
   display: block;
}

#company { top: 123px; z-index: 106; }
#coverage {	top: 160px; z-index: 104; }
#financing { top: 196px; z-index: 107; }
#become { top: 232px; z-index: 108; }
#eContract { top: 268px; z-index: 109; }

/* this creates the generic styles for all four left home menu buttons */
#company a, #coverage a, #financing a, #become a, #eContract a { 
display: block; 
text-decoration: none; 
padding: 0; 
height: 30px; 
z-index: 108;
} 

/* this creates the background image for the <a> tag (up state) */ 
#company a { background-image: url(images/CSSAssets/LeftBarCompanyUp.gif); } 
#coverage a { background-image: url(images/CSSAssets/LeftBarCoverageUp.gif); } 
#financing a { background-image: url(images/CSSAssets/LeftBarFinancingUp.gif); }
#become a { background-image: url(images/CSSAssets/LeftBarBecomeUp.gif); }
#eContract a { background-image: url(images/CSSAssets/LeftBarEContractUp.gif); }

/* this creates the background image for the <a> hover tag (over_state) */ 
#company a:hover { background-image: url(images/CSSAssets/LeftBarCompanyOver.gif); } 
#coverage a:hover { background-image: url(images/CSSAssets/LeftBarCoverageOver.gif); } 
#financing a:hover { background-image: url(images/CSSAssets/LeftBarFinancingOver.gif); } 
#become a:hover { background-image: url(images/CSSAssets/LeftBarBecomeOver.gif); }
#eContract a:hover { background-image: url(images/CSSAssets/LeftBarEContractOver.gif); }

/* CUSTOMER LEFT MENU BUTTONS */
/* LDH - 3/10/2010 - BT6500 - removed PT, BASE, PLUS; replaced AIO (Customer Select) and OPTIMUM */
/* this creates the layers for all four left customer menu buttons and submenus of brochures */
#faq, #custTest, #broch, #review, #faqFrame, #custTestFrame, #brochFrame, #reviewFrame {
	margin: 0;
	padding: 0;
	height: 30px;
	width: 140px;
	position: absolute;
	left: 0px;
	display: block;
}

/* NON-FRAME */
#faq { top: 123px; z-index: 106; }
#custTest {	top: 160px; z-index: 104; }
#broch { top: 196px; z-index: 107; }
#review { top: 401px; z-index: 108; }

/* FRAME */
#faqFrame { top: 17px; z-index: 106; }
#custTestFrame { top: 54px; z-index: 104; }
#brochFrame {	top: 90px; z-index: 107; }
#reviewFrame { top: 295px; z-index: 108; }

/* this creates the generic styles for all four left customer menu buttons */
#faq a, #custTest a, #broch a, #review a, #faqFrame a, #custTestFrame a, #brochFrame a, #reviewFrame a { 
display: block; 
text-decoration: none; 
padding: 0; 
height: 30px; 
z-index: 200;
} 

/* this creates the background image for the <a> tag (up state) */ 
#faq a, #faqFrame a { background-image: url(images/CSSAssets/LeftBarCustomerFAQUp.gif); } 
#custTest a, #custTestFrame a { background-image: url(images/CSSAssets/LeftBarCustomerTestUp.gif); } 
#broch a, #brochFrame a { background-image: url(images/CSSAssets/LeftBarCustomerBrochUp.gif); }
#review a, #reviewFrame a { background-image: url(images/CSSAssets/LeftBarCustomerReviewUp.gif); }

/* this creates the background image for the <a> hover tag (over_state) */ 
#faq a:hover, #faqFrame a:hover { background-image: url(images/CSSAssets/LeftBarCustomerFAQOver.gif); } 
#custTest a:hover, #custTestFrame a:hover { background-image: url(images/CSSAssets/LeftBarCustomerTestOver.gif); } 
#broch a:hover, #brochFrame a:hover { background-image: url(images/CSSAssets/LeftBarCustomerBrochOver.gif); }
#review a:hover, #reviewFrame a:hover { background-image: url(images/CSSAssets/LeftBarCustomerReviewOver.gif); }

/* the submenus layers under Brochures */
#customerselect, #customerselectEnglish, #customerselectSpanish,
#optimum, #budget, #powersports,
#customerselectFrame, #customerselectEnglishFrame, #customerselectSpanishFrame,
#optimumFrame, #budgetFrame, #powersportsFrame {
	margin: 0;
	padding: 0;
	height: 15px;
	width: 142px;
	position: absolute;
	left: 0px;
	display: block;
}

/* NON-FRAME */
#customerselect { top: 229px; z-index: 130; }
#customerselectEnglish { top: 248px; z-index: 131; }
#customerselectSpanish { top: 267px; z-index: 132; }
/* #optimum { top: 286px; z-index: 133; } */
#budget { top: 286px; z-index: 134; }
#powersports { top: 306px; z-index: 135; }

/* FRAME */
#customerselectFrame { top: 123px; z-index: 130; }
#customerselectEnglishFrame { top: 142px; z-index: 131; }
#customerselectSpanishFrame { top: 161px; z-index: 132; }
/* #optimumFrame { top: 180px; z-index: 133; } */
#budgetFrame { top: 182px; z-index: 134; }
#powersportsFrame { top: 202px;	z-index: 135; }

/* generic styles for Brochure submenu */
#customerselect a, #customerselectEnglish a, #customerselectSpanish a,
#optimum a, #budget a, #powersports a, 
#customerselectFrame a, #customerselectEnglishFrame a, #customerselectSpanishFrame a,
#optimumFrame a, #budgetFrame a, #powersportsFrame a { 
   display: block; 
   text-decoration: none; 
   padding: 0; 
   height: 15px; 
   z-index: 201;
}

/* this creates the background image for the <a> tag (up state) */
#customerselect a, #customerselectFrame a { background-image: url(images/CSSAssets/LeftBarCustomerSelectUp.gif); background-repeat: no-repeat; }
#customerselectEnglish a, #customerselectEnglishFrame a { background-image: url(images/CSSAssets/LeftBarCustomerSelectEnglishUp.gif); background-repeat: no-repeat; }
#customerselectSpanish a, #customerselectSpanishFrame a { background-image: url(images/CSSAssets/LeftBarCustomerSelectSpanishUp.gif); background-repeat: no-repeat; }
#optimum a, #optimumFrame a { background-image: url(images/CSSAssets/LeftBarCustomerOptUp.gif); background-repeat: no-repeat; }
#budget a, #budgetFrame a { background-image: url(images/CSSAssets/LeftBarCustomerBudgetUp.gif); background-repeat: no-repeat; } 
#powersports a, #powersportsFrame a { background-image: url(images/CSSAssets/LeftBarCustomerPowersportsUp.gif); background-repeat: no-repeat; }

/* this creates the background image for the <a> hover tag (over state) */ 
#customerselect a:hover, #customerselectFrame a:hover { background-image: url(images/CSSAssets/LeftBarCustomerSelectOver.gif); background-repeat: no-repeat; }
#customerselectEnglish a:hover, #customerselectFrame a:hover { background-image: url(images/CSSAssets/LeftBarCustomerSelectEnglishOver.gif); background-repeat: no-repeat; }
#customerselectSpanish a:hover, #customerselectFrame a:hover { background-image: url(images/CSSAssets/LeftBarCustomerSelectSpanishOver.gif); background-repeat: no-repeat; }
#optimum a:hover, #optimumFrame a:hover { background-image: url(images/CSSAssets/LeftBarCustomerOptOver.gif); background-repeat: no-repeat; }
#budget a:hover, #budgetFrame a:hover { background-image: url(images/CSSAssets/LeftBarCustomerBudgetOver.gif); background-repeat: no-repeat; } 
#powersports a:hover, #powersportsFrame a:hover { background-image: url(images/CSSAssets/LeftBarCustomerPowersportsOver.gif); background-repeat: no-repeat; }

/* Cust Select PDF images are now wider - 7/2011 */
#customerselectPDF, #customerselectSpanishPDF {
	margin: 0;
	height: 204px;
	width: 91px;
	position: absolute;
	top: 196px;
}

/* the layers for PDF images under Brochures */
#optimumPDF, #budgetPDF, #powersportsPDF {
	margin: 0;
	height: 204px;
	width: 84px;
	position: absolute;
	top: 196px;
}


#customerselectPDF { width: 91px; left: 332px; z-index: 230; }
#customerselectSpanishPDF { width: 91px; left: 453px; z-index: 231; }
/* #optimumPDF { left: 312px; z-index: 231; } */
#budgetPDF { width: 82px; left: 574px; z-index: 232; }
#powersportsPDF { height: 202px; left: 686px; z-index: 233; }

/* generic styles for Brochure PDFs */
#customerselectPDF a, #customerselectSpanishPDF a, #optimumPDF a, #budgetPDF a, #powersportsPDF a { 
  display: block; 
   text-decoration: none; 
   padding: 0px; 
   height: 204px;
   z-index: 201;
}

/* this creates the background image for the <a> tag (up state) */
#customerselectPDF a { background-image: url(images/CSSAssets/AIOEnglish_WebCover.jpg); }
#customerselectSpanishPDF a { background-image: url(images/CSSAssets/AIOSpanish_WebCover.jpg); }
#optimumPDF a { background-image: url(images/CSSAssets/PWIOptimum.jpg); }
#budgetPDF a { background-image: url(images/CSSAssets/PWIBudget.jpg); } 
/*
#powersportsPDF a { background-image: url(images/CSSAssets/PWIMotorcycle.jpg); }
*/
#powersportsPDF a { background-image: url(images/CSSAssets/PWI_Powersport.jpg); }


/* this creates the border effect for the <a> hover tag (over state) */ 
#customerselectPDF a:hover { border: 6px solid #EE1C25; margin: -6px; }
#customerselectSpanishPDF a:hover { border: 6px solid #EE1C25; margin: -6px; }
#optimumPDF a:hover { border: 6px solid #EE1C25; margin: -6px; }
#budgetPDF a:hover { border: 6px solid #EE1C25; margin: -6px; } 
#powersportsPDF a:hover { border: 6px solid #EE1C25; margin: -6px; }

/* CLAIM LEFT MENU BUTTONS */
/* this creates the layers for all three left start claim menu buttons */
#claimLogin, #claimForm, #claimLoginFrame, #claimFormFrame {
	margin: 0;
	height: 30px;
	width: 140px;
	position: absolute;
	left: 0px;
   display: block;
}

/* positions the non-frame buttons in the left bar of start claim section */
#claimLogin { top: 134px; z-index: 106; }
#claimForm {	top: 170px; z-index: 104; }

/* positions the frame buttons in the left bar of start claim section */
#claimLoginFrame { top: 28px; z-index: 106; }
#claimFormFrame {	top: 64px; z-index: 104; }


/* this creates the generic styles for all three left start claim menu buttons */
#claimLogin a, #claimForm a, #claimLoginFrame a, #claimFormFrame a { 
display: block; 
text-decoration: none; 
padding: 0; 
height: 30px; 
z-index: 108;
} 

/* this creates the background image for the <a> tag (up state) */ 
#claimLogin a, #claimLoginFrame a { background-image: url(images/CSSAssets/LeftBarClaimLoginUp.gif); } 
#claimForm a, #claimFormFrame a { background-image: url(images/CSSAssets/LeftBarClaimFormUp.gif); } 

/* this creates the background image for he <a> hover tag (over_state) */ 
#claimLogin a:hover, #claimLoginFrame a:hover { background-image: url(images/CSSAssets/LeftBarClaimLoginOver.gif); } 
#claimForm a:hover, #claimFormFrame a:hover { background-image: url(images/CSSAssets/LeftBarClaimFormOver.gif); } 


/* DEALER LEFT MENU BUTTONS */
/* this creates the layers for all six left dealer menu buttons  */
#overview, #overviewFrame, #dealerTest, #dealerTestFrame, #media, #mediaFrame, #eCat, #eCatFrame, #lot, #lotFrame, #dealerLogin, #dealerLoginFrame {
	margin: 0;
	height: 30px;
	width: 140px;
	position: absolute;
	left: 0px;
}

/* positions the non-frame buttons in the left bar of Dealers section */
#overview { top: 125px; z-index: 106; }
#dealerTest {	top: 161px; z-index: 104; }
#media { top: 197px; z-index: 107; }
#eCat { top: 235px; z-index: 108; }
#lot { top: 269px; z-index: 109; }
#dealerLogin { top: 306px; z-index: 110; }

/* positions the frame buttons in the left bar of Dealers section */
#overviewFrame { top: 19px; z-index: 106; }
#dealerTestFrame {	top: 55px; z-index: 104; }
#mediaFrame { top: 91px; z-index: 107; }
#eCatFrame { top: 129px; z-index: 108; }
#lotFrame { top: 163px; z-index: 109; }
#dealerLoginFrame { top: 200px; z-index: 110; }

/* this creates the generic styles for all six left dealer menu buttons in non-frame & frame versions */
#overview a, #dealerTest a, #media a, #eCat a, #lot a, #dealerLogin a, 
#overviewFrame a, #dealerTestFrame a, #mediaFrame a, #eCatFrame a, #lotFrame a, #dealerLoginFrame a { 
display: block; 
text-decoration: none; 
padding: 0; 
height: 30px; 
z-index: 200;
} 

/* this creates the background image for the <a> tag (up state) */ 
#overview a, #overviewFrame a { background-image: url(images/CSSAssets/LeftBarDealerOverviewUp.gif); } 
#dealerTest a, #dealerTestFrame a{ background-image: url(images/CSSAssets/LeftBarDealerTestUp.gif); } 
#media a, #mediaFrame a { background-image: url(images/CSSAssets/LeftBarDealerMediaUp.gif); }
#eCat a, #eCatFrame a { background-image: url(images/CSSAssets/LeftBarDealerECatUp.gif); }
#lot a, #lotFrame a { background-image: url(images/CSSAssets/LeftBarDealerLotUp.gif); }
#dealerLogin a, #dealerLoginFrame a { background-image: url(images/CSSAssets/LeftBarDealerLoginUp.gif); }

/* this creates the background image for the <a> hover tag (over state) */ 
#overview a:hover, #overviewFrame a:hover { background-image: url(images/CSSAssets/LeftBarDealerOverviewOver.gif); } 
#dealerTest a:hover, #dealerTestFrame a:hover { background-image: url(images/CSSAssets/LeftBarDealerTestOver.gif); } 
#media a:hover, #mediaFrame a:hover { background-image: url(images/CSSAssets/LeftBarDealerMediaOver.gif); }
#eCat a:hover, #eCatFrame a:hover { background-image: url(images/CSSAssets/LeftBarDealerECatOver.gif); }
#lot a:hover, #lotFrame a:hover { background-image: url(images/CSSAssets/LeftBarDealerLotOver.gif); }
#dealerLogin a:hover, #dealerLoginFrame a:hover { background-image: url(images/CSSAssets/LeftBarDealerLoginOver.gif); }

/* EMPLOYMENT LEFT MENU BUTTONS */
/* this creates the layers for all six left Emp menu buttons  */
#about, #aboutFrame, #empTest, #empTestFrame, #openings, #openingsFrame, #benefits, #benefitsFrame, #resume, #resumeFrame {
	margin: 0;
	height: 30px;
	width: 140px;
	position: absolute;
	left: 0px;
}

/* positions the non-frame buttons in the left bar of Emps section */
#about { top: 124px; z-index: 106; }
#empTest {	top: 160px; z-index: 104; }
#openings { top: 196px; z-index: 107; }
#benefits { top: 232px; z-index: 108; }
#resume { top: 268px; z-index: 109; }


/* positions the frame buttons in the left bar of Emps section */
#aboutFrame { top: 16px; z-index: 106; }
#empTestFrame {	top: 52px; z-index: 104; }
#openingsFrame { top: 88px; z-index: 107; }
#benefitsFrame { top: 124px; z-index: 108; }
#resumeFrame { top: 160px; z-index: 109; }


/* this creates the generic styles for all six left Emp menu buttons in non-frame & frame versions */
#about a, #empTest a, #openings a, #benefits a, #resume a, 
#aboutFrame a, #empTestFrame a, #openingsFrame a, #benefitsFrame a, #resumeFrame a { 
display: block; 
text-decoration: none; 
padding: 0; 
height: 30px; 
z-index: 200;
} 

/* this creates the background image for the <a> tag (up state) */ 
#about a, #aboutFrame a { background-image: url(images/CSSAssets/LeftBarEmpAboutUp.gif); } 
#empTest a, #empTestFrame a{ background-image: url(images/CSSAssets/LeftBarEmpTestUp.gif); } 
#openings a, #openingsFrame a { background-image: url(images/CSSAssets/LeftBarEmpOpeningsUp.gif); }
#benefits a, #benefitsFrame a { background-image: url(images/CSSAssets/LeftBarEmpBenefitsUp.gif); }
#resume a, #resumeFrame a { background-image: url(images/CSSAssets/LeftBarEmpResumeUp.gif); }

/* this creates the background image for the <a> hover tag (over state) */ 
#about a:hover, #aboutFrame a:hover { background-image: url(images/CSSAssets/LeftBarEmpAboutOver.gif); } 
#empTest a:hover, #empTestFrame a:hover { background-image: url(images/CSSAssets/LeftBarEmpTestOver.gif); } 
#openings a:hover, #openingsFrame a:hover { background-image: url(images/CSSAssets/LeftBarEmpOpeningsOver.gif); }
#benefits a:hover, #benefitsFrame a:hover { background-image: url(images/CSSAssets/LeftBarEmpBenefitsOver.gif); }
#resume a:hover, #resumeFrame a:hover { background-image: url(images/CSSAssets/LeftBarEmpResumeOver.gif); }


/* PARAGRAPH class styles */
.arial10BlackBold {
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 1em;
	color: #000000;
	border: 0px none;
	margin: 0px;
	padding: 0px;
	text-align: left;
	font-weight: bold;
}

.verdana9BlackBold {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: .85em;
	color: #000000;
	border: 0px none;
	margin: 0px;
	padding: 0px;
	text-align: left;
	font-weight: bold;
}

/* LINK styles */ 
a:link, a:visited, a:hover, a:active { font-family: Arial, Helvetica, sans-serif; text-decoration: underline; color: #E20A16; }