*
{margin: 0; padding: 0;}

img
{border: 0;}

body
{background: #fff; position: relative;}

h1
{font: bold 18px/24px arial, sans-serif; padding: 5px 0;}

/*
-----
*/

#mainContainer
{margin: 0 auto; padding-top: 20px; position: relative; width: 1000px;}

#logo
{display: block; margin: 0 0 10px 30px; position: relative; width: 133px; z-index: 51;}

#container
{clear: both; width: 1000px;}

#leftNav
{float: left; width: 163px;}

/*#leftNavFlash
{margin: 0 0 0 30px; height: 240px; font: bold 10px/14px arial, sans-serif;}*/

#leftNavPowers {
	height: 240px;
	width: 110px;
	background: url("/_media/images/common/menu-bg.jpg") no-repeat top left;
	margin: 5px auto;
	color: #444;
	font-size: 11px;
	line-height: 11px;
	font-family: Helvetica, Airal, sans-serif;
}

#leftNavPowers ul {
	width: 97px;
	padding: 45px 12px 0 11px;
	margin: 0 0 0 0;
}

#leftNavPowers ul li {
	background: url("/_media/images/home/sponsorBox_bg_dotted.gif") no-repeat bottom left;
	list-style-type: none;
	padding: 0 0 3px 2px;
	margin: 0 0 4px 10px;
}

#leftNavPowers ul li.last {
	background: none;
	padding-bottom: 1px;
}

#leftNavPowers ul li a,
#leftNavPowers ul li a:visited {
	color: #444;
	text-decoration: none;
}

#leftNavPowers ul li a:hover {
	color: #222;
	text-decoration: none;
}


#leftNavPowers ul li.last:hover, 
#leftNavPowers ul li.oneline:hover {
	background: #dfdfdf url("/_media/images/common/menu-gradient.jpg") repeat-x bottom left;
	margin-left: 0px;
	padding-top: 5px;
	margin-top: -5px;
	padding-left: 12px;

}

#leftNavPowers ul li.twoline:hover {
	background: #dfdfdf url("/_media/images/common/menu-gradient2.jpg") repeat-x bottom left;
	margin-left: 0px;
	padding-top: 5px;
	margin-top: -5px;
	padding-left: 12px;

}


#leftNavPowers ul li.last:hover a, 
#leftNavPowers ul li.oneline:hover a, 
#leftNavPowers ul li.twoline:hover a {
	color: #222;
}

/*
-----
*/

#topNav
{color: #666; position: absolute; right: 100px; top: 5px; z-index: 50;}

img#jciLogo
{position: absolute; top: 25px; right: -80px;}

ul#topDrop
{background: url(/_media/images/common/top_nav_rounded_bg.gif) top left no-repeat; float: right; height: 24px; list-style: none; margin: 10px 0 0 0; padding: 6px 0 0 0; position: relative; width: 707px; z-index: 20;}

ul#topDrop li
{float: left; font: 11px/15px helvetica, arial, sans-serif; position: relative; padding: 0 9px; border-left: 1px solid #ccc;}

ul#topDrop li.first
{padding: 0 9px 0 18px; border-left: none;}

ul#topDrop li a,
ul#topDrop li a:link,
ul#topDrop li a:visited,
ul#topDrop li a:active
{color: #666; text-decoration: none;}

ul#topDrop li a:hover
{color: #ef3e42;}

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

ul#topDrop 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: 0; padding: 8px 0 7px 0; position: absolute; top: 1em; width: 100px; z-index: 19;}

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

ul#topDrop li .navDrop ul li
{border-left: 1px solid #fff; float: none; margin: 0 0 0 6px; padding: 0 0 5px 6px;}

ul#topDrop li a.stackedSquare
{background: url(/_media/images/common/stacked_square.gif) right center no-repeat; padding: 0 15px 0 0;}

/* 
unnecessary trimming of the nav to match the nav element above it,
which will not work in different browsers of course,
nor if someone changes the text-size

*/

.optimaProductsDropNav
{left: .9em !important; width: 99px !important;}

/*
.batterySelectDropNav
{left: -1px !important; width: 98px !important;}

.buyOptimaDropNav
{left: .9em !important;}

.productSupportDropNav
{left: .9em !important;}

.storiesTestimonialsDropNav
{left: .9em !important;}

.newsEventsDropNav
{left: .9em !important;}
*/


/*
-----
*/

ul#utilityNav
{float: right; list-style: none;}

ul#utilityNav li
{color: #b2b2b2; display: inline; font: 11px/15px arial, sans-serif; margin: 0 0 0 20px;}

ul#utilityNav li a,
ul#utilityNav li a:link,
ul#utilityNav li a:visited,
ul#utilityNav li a:active
{color: #b2b2b2; text-decoration: none;}

ul#utilityNav li a:hover
{text-decoration: underline;}

/*
-----
*/

#encapsulatedContent
{background: url(/_media/images/common/bg_battery.jpg) top left no-repeat; color: #333; float: left; font: 11px/15px arial, sans-serif; padding: 60px 70px 20px 50px; width: 670px; } /* changed right padding from 85 to 40. Aaron - 04/24.2009 */

#encapsulatedContentArea
{background: url(/_media/images/common/content_bg.gif) bottom left no-repeat #f5f5f5; padding: 20px;}

#encapsulatedContentArea ul
{line-height: 12px; list-style-type: square; margin: 5px;}

#encapsulatedContentArea ul li
{margin: 4px 0 4px 14px;}

#encapsulatedContentArea h2
{color: #333; font: bold 14px/22px arial, sans-serif; margin: 0 0 8px 0;}

#encapsulatedContentArea p
{color: #333; font: 11px/16px arial, sans-serif; margin: 0 0 8px 0;}


/*
-----
FOR RV AND COMMERCIAL
-----
*/


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

#encapsulatedContentAreaComRV img
{padding: 10px 50px;}

#encapsulatedContentAreaComRV p
{padding: 0 50px 15px 50px;}

#encapsulatedContentAreaComRV a
{color: #BB1114;}

/*
-----
*/

#insideTopNav
{background: url(/_media/images/common/top_nav_gradient.gif) left top repeat-x #090a09; border-bottom: 1px solid #FFF;}

#insideTopNav ul
{list-style-type: none;}

#insideTopNav ul li
{float: left; font: 11px/15px arial, sans-serif; margin: 0; padding: 0;}

#insideTopNav ul li a,
#insideTopNav ul li a:link,
#insideTopNav ul li a:visited,
#insideTopNav ul li a:active
{border-right: 1px solid #aaa; color: #ddd; display: block; padding: 3px 18px; text-decoration: none;}

#insideTopNav ul li a:hover, 
#insideTopNav ul li.topNav_on a
{background: #ff0000; color: #ffffff;}

/*
-----
*/

#bottom_text {
	padding: 10px 0 15px 133px;
	margin: auto;
	font-size: 12px;
	color: #444;
	text-align: center;
}

#bottom_text p {
	width: 600px;
	margin: auto;
}

#footer
{clear: both; color: #b2b2b2; font: 11px/15px arial, sans-serif; margin: 0 auto; padding: 10px 0 15px 133px; text-align: center;}

#footer ul
{list-style-type: none;}

#footer ul li
{display: inline; padding: 0 6px;}

#footer ul li a,
#footer ul li a:link,
#footer ul li a:visited,
#footer ul li a:active
{color: #b2b2b2; text-decoration: none;}

#footer ul li a:hover
{text-decoration: underline;}

/*
-----
*/

.floatLeft
{float: left;}

.floatRight
{float: right;}

.clearIt
{clear: both;}

.news-events
{min-height: 3450px;}

.videotips {
	min-height: 350px;
	text-align: center;
}
.displayNone
{display: none;}

.width230
{width: 230px;}

.padding12px
{padding: 12px 12px 12px 0;}

.borderLeft
{border-left: 1px solid #d5d5d5; height: 330px;padding-left: 12px;}

.borderHero
{border: 1px solid #919191;}




#social-icons {
	width: 100px;
	margin: 10px 0 0 35px;
	font: bold 14px/24px arial, sans-serif;
	text-align: center;
}

#social-icons ul {
	width: 75px;
	margin: 5px 0 0 16px;

}

#social-icons ul li {
	display: inline;
	margin: 0 10px 0 0;
	line-height: 30px;
}

#flash-nav {
	position: relative;
	z-index: 500;
}