#topNavBanner
{background: url(/_media/images/optima_products/product_rounded_top.gif) top left no-repeat; color: #fff; font: 15px/20px helvetica, arial, sans-serif; padding: 5px 20px 3px 20px; text-transform: uppercase; width: 588px;}

img#productHero
{margin: 0 0 14px 0;}

#insideTopNav
{border-bottom: 2px solid #fff; border-top: 2px solid #fff; width: 628px;}

#insideTopNav ul li
{border-left: 1px solid #fff; border-right: 1px solid #fff;}

#encapsulatedContentArea
{background: url(/_media/images/common/content_bg_smaller.gif) bottom left no-repeat #f5f5f5; padding: 0 0 30px 0; width: 628px;}

#encapsulatedContentAreaOverview
{background: url(/_media/images/optima_products/overview_battery_bg.jpg) bottom left no-repeat #fff; padding: 50px 0 250px 0; width: 628px;}

#encapsulatedContentAreaOverview p
{background: url(/_media/images/optima_products/spiral_cell.gif) right center no-repeat; color: #666; font: 12px/16px "Helvetica Neue", arial, sans-serif; margin: 0 50px 0 0; padding: 0 100px 0 50px;}

#encapsulatedContentAreaRed
{background: url(/_media/images/optima_products/redtop_content_bg.gif) bottom left no-repeat; padding: 0 0 30px 0; width: 628px;}

#encapsulatedContentAreaBlue
{background: url(/_media/images/optima_products/bluetop_content_bg.gif) bottom left no-repeat; padding: 0 0 30px 0; width: 628px;}

#encapsulatedContentAreaYellow
{background: url(/_media/images/optima_products/yellowtop_content_bg.gif) bottom left no-repeat; padding: 0 0 30px 0; width: 628px;}

/*
-----
*/

ul#productInsideNav
{list-style: none; position: relative; z-index: 16;}

ul#productInsideNav li
{float: left; font: 11px/15px helvetica, arial, sans-serif; position: relative;}

ul#productInsideNav li a:hover,
ul#productInsideNav li.topNav_on a
{background: #f00;}

ul#productInsideNav li:hover .navDrop,
ul#productInsideNav li.over .navDrop
{display: block;}

ul#productInsideNav li .navDrop
{background: url(/_media/images/common/drop_nav_bottom_bg.gif) bottom left no-repeat; display: none; font: 11px/14px helvetica, arial, sans-serif; left: -1px; padding: 8px 0 7px 0; position: absolute; top: 15px; width: 100px; z-index: 15;}

ul#productInsideNav li .navDrop ul
{background: #ddd; display: block; list-style: none; padding: 5px 0 0 0;}

ul#productInsideNav li .navDrop ul li
{border-left: 1px solid #fff; float: none;}

ul#productInsideNav li .navDrop ul li a,
ul#productInsideNav li .navDrop ul li a:link,
ul#productInsideNav li .navDrop ul li a:visited,
ul#productInsideNav li .navDrop ul li a:active
{background: none; border: none; color: #000; display: block; text-decoration: none;}

ul#productInsideNav li .navDrop ul li a:hover, 
ul#productInsideNav li .navDrop ul li.topNav_on a
{background: none; color: #ef3e42;}


/*
-----
*/

#batteryContent
{background: #fff; float: left; width: 406px;}

#batteryDescription
{padding: 0 20px;}

#batteryDescription p
{padding: 0 0 12px 0;}

#redTab
{background: url(/_media/images/optima_products/red_tab_bg.jpg) bottom left no-repeat; float: left; padding: 0 0 20px 0; width: 222px;}

#blueTab
{background: url(/_media/images/optima_products/blue_tab_bg.jpg) bottom left no-repeat; float: left; padding: 0 0 20px 0; width: 222px;}

#yellowTab
{background: url(/_media/images/optima_products/yellow_tab_bg.jpg) bottom left no-repeat; float: left; padding: 0 0 20px 0; width: 222px;}

#tabContent
{color: #fff; padding: 0 30px;}

#tabContent ul
{font: 12px/14px "Helvetica Neue", arial, sans-serif; list-style-type: disc; margin: 0 0 0 15px;}

#tabContent ul li
{padding: 0 0 15px 0;}

#yellowTab #tabContent ul
{color: #666;}

/*
-----
warranty
-----
*/

#warrantyArea
{padding: 35px 35px 70px 35px; text-align: center;}

#warrantyAreaInternal
{padding: 0 65px;}

#warrantyAreaInternal h3
{font-size: 14px; margin-bottom: 5px; padding: 10px 0 0 0;}

#warrantyByCategory
{background: url(/_media/images/optima_products/warranty_bg.jpg) top left no-repeat; height: 200px; width: 500px;}

.optimaTable
{border: 1px solid #666; border-collapse: collapse; margin: 20px 0 0 0; width: 500px;}

.optimaTable th
{height: 20px; vertical-align: middle;}

.optimaTable th.blue
{background: url(/_media/images/optima_products/blue_head.jpg) top left no-repeat;}

.optimaTable th.red
{background: url(/_media/images/optima_products/red_head.jpg) top left no-repeat;}

.optimaTable th.yellow
{background: url(/_media/images/optima_products/yellow_head.jpg) top left no-repeat;}

.optimaTable td
{border: 1px solid #666; padding: 3px 6px; width: 250px;}

.batteryCategory
{float: left; padding: 38px 0px 0px 35px; width: 130px;}

.batteryCategory img
{display: block; margin: 0 0 8px 0;}

.batteryCategory a.arrowLink,
.batteryCategory a.arrowLink:link,
.batteryCategory a.arrowLink:visited,
.batteryCategory a.arrowLink:active
{background: url(/_media/images/common/red_arrow_bullet.gif) 0em .4em no-repeat; color: #BB1114; display: block; padding: 0 0 0 8px;}

.batteryCategory a.arrowLink:hover
{text-decoration: none;}

a.pdfLink,
a.pdfLink:link,
a.pdfLink:visited,
a.pdfLink:active
{background: url(/_media/images/common/pdf_icon.gif) top left no-repeat; clear: both; color: #333; display: block; font: 11px/14px arial, sans-serif; margin: 15px 0 10px 120px; padding: 3px 0 8px 23px; text-decoration: none;}

a.pdfLink:hover
{text-decoration: underline;}

/*
-----
specs
-----
*/

.specsContain
{padding: 15px 30px;}

.specsContain a,
.specsContain a:link,
.specsContain a:visited,
.specsContain a:active
{color: #BB1114; text-decoration: underline;}

.specsContain a:hover
{text-decoration: none;}