/* Styles for the top tab navigation */

#navContainer a.aboutInsurance{ background-image: url('../images/tabs/nav-tab-aboutInsurance.png'); width: 137px; background-position: top center; background-repeat: no-repeat; }
#navContainer a.aboutUs{ background-image: url('../images/tabs/nav-tab-aboutUs.png'); width: 89px; background-position: top center; background-repeat: no-repeat; }
#navContainer a.contactUs{ background-image: url('../images/tabs/nav-tab-contactUs.png'); width: 99px; background-position: top center; background-repeat: no-repeat; }
#navContainer a.locations{ background-image: url('../images/tabs/nav-tab-locations.png'); width: 89px; background-position: top center; background-repeat: no-repeat; }
#navContainer a.requestQuote{ background-image: url('../images/tabs/nav-tab-requestQuote.png'); width: 130px; background-position: top center; background-repeat: no-repeat; }
#navContainer a.whyChooseUs{ background-image: url('../images/tabs/nav-tab-whyChooseUs.png'); width: 132px; background-position: top center; background-repeat: no-repeat; }

#navContainer a { color: #ffffff; display: block; height: 30px; line-height: 28px; text-decoration: none; }
#navContainer a:hover, #navContainer a.active { color: #9b292b; background-position: 0px -31px; }

#navContainer a.contactUs { margin-right:0px; } /* last item in the line */
#navContainer li { float: left; margin: 0px; padding: 0px; margin-right: 12px; list-style: none;  }


/* Styles for left button navigation */
#leftNav li { margin: 0px; padding: 0px; margin-bottom: 11px; list-style: none; list-style-type: none; list-style-position: outside; width: 222px; }
#leftNav li.last { margin-bottom: 0px; }
#leftNav a { width: 222px; height:40px; display: block; background-image: url('../images/slice/leftButtonBG.jpg'); background-position: top center; background-repeat: no-repeat; }
#leftNav a { color:#ffffff; text-transform: uppercase; font-size: 1.2em; text-align: left; line-height: 40px; text-decoration: none; }
#leftNav a span { padding-left:32px }
#leftNav a:hover, #leftNav a.active { background-position: 0px -40px; }