/* *************************************************************************
Title : CSS main styles
Author : Designkitchen, Inc.
Description : Common styles for layout and appearance

CSS TOC
=HTML SELECTORS
=LAYOUT
************************************************************************* */
/* RESET */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, sub, sup, tt, var, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background-image: none;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
ul {
	list-style: none;
}

/* *************************************************************************
=HTML SELECTORS
************************************************************************* */

html {
  overflow: auto;
}

html, body { height: 100%; }

body {
	font-size:62.5%;
	font-family: Arial, Helvetica, sans-serif;
	background-color: #191817;
}
body.home_root {
	background-color: #fff;
}

h1 {
	text-indent: -90000px;
}
.tortureTest h1 {
    width: 582px;
    height: 43px;
    margin: 19px 0 9px 141px;
    background: url(../images/text/torture-header-welcome.png) 0 0 no-repeat;
}
.privacy h1 {
	height: 21px;
	background: url(../images/text/privacy.h1.png) 0 0 no-repeat;
}
.recharge h1 {
	height: 19px;
	background: url(../images/text/recharge.h1.png) 0 0 no-repeat;
}
.install h1 {
	height: 19px;
	background: url(../images/text/install.h1.png) 0 0 no-repeat;
}
.maintain h1 {
	height: 19px;
	background: url(../images/text/maintain.h1.png) 0 0 no-repeat;
}

/* Product Page h1 */
.automotive h1 {
	height: 19px;
	background: url(../images/text/automotive.h1.png) 0 0 no-repeat;
	position: relative;
	z-index: 3;
}
.chargers h1 {
	height: 19px;
	background: url(../images/text/chargers.h1.png) 0 0 no-repeat;
	position: relative;
	z-index: 3;
}
.gear h1 {
	height: 19px;
	background: url(../images/text/gear.h1.png) 0 0 no-repeat;
	position: relative;
	z-index: 3;
}
.marine h1 {
	height: 19px;
	background: url(../images/text/marine.h1.png) 0 0 no-repeat;
	position: relative;
	z-index: 3;
}
.powersport h1 {
	height: 23px;
	background: url(../images/text/powersport.h1.png) 0 0 no-repeat;
	position: relative;
	z-index: 3;
}
.tools h1 {	
	height: 19px;
	background: url(../images/text/tools.h1.png) 0 0 no-repeat;
	position: relative;
	z-index: 3;
}
.tractor h1 {
	height: 19px;
	background: url(../images/text/tractor.h1.png) 0 0 no-repeat;
	position: relative;
	z-index: 3;
}


/* End Product Page h1 */

h2 {
	text-indent: -90000px;
}
#content h2 {
	height: 24px;
	margin: 10px 0 16px 0;
}
.lightbox h2 { margin: 0 0 10px 0; }

.privacy #content h2,
.maintain #content h2,
.recharge #content h2,
.install #content h2 {
	color: #fff;
	font: normal 2.4em Arial, Helvetica, sans-serif;
	font-style: italic;
	margin: 5px 0 20px 0;
	text-indent: 0;
}
.privacy #content h2 {
    color: #000;
}

#where h2 {
	height: 17px;
	background: url(../images/text/lightbox.where.h2.gif) 0 0 no-repeat;
}
#where .results h2 { 
    background: url(../images/text/lightbox.results.h2.gif) 30px 0 no-repeat;
}

#contactUs h2 {
	height: 17px;
	background: url(../images/text/lightbox.contactUs.h2.gif) 0 0 no-repeat;
}

#sendEmail h2 {
	height: 39px;
	background: url(../images/text/lightbox.sendEmail.h2.gif) 0 0 no-repeat;
}

/* Product Page h2 */

.chargers #content h2 { background: url(../images/text/chargers.h2.png) -84px 0 no-repeat; margin: 10px 0 -10px 0; }

/* End Product Page h2 */

h3 { font-size: 1.2em; }

.results h3 {
	font: bold 1.2em/1.4em verdana, arial;
	color: #585546;
}

#contactUs h3 {
	font: normal 1.8em/1.2em arial, verdana;
}

a {
	text-decoration: none;
}

/* *************************************************************************
=LAYOUT
************************************************************************* */

/*---- global containers ----*/

#outer {
    min-width: 1003px;
    width: 100%;
	height: 100%;
    min-height: 590px;
}
.home_root #outer {
    /* make footer legal always visible, Etool #267
    min-height: 640px; */
    min-height: 677px;
}

#contain {
	height: 100%;
    position: relative;
}

#page { 
	height: auto;
	min-height: 400px;
    margin: 0;
    position: relative;
	background: #191817 url(../images/backgrounds/page.jpg) repeat-x 0 149px;
}
#page .page-stub {
    width: 100%;
    display: block;
    border: solid 1px lime;
    background-color: cyan;
    font-size: 18px;
    text-align: center;
    clear: both;
}
.home_root #page {
	min-height: 640px;
    background-image: none;
	background-color: #fff;
}
	.noflair, .home { background-position: 0 50px!important; }
	.home_root #page {
		background: none;
	}

#header { 
	position: relative;
	width: 100%; 
    height: 199px;
	min-width: 1003px;
}
	.noflair #header {
        height: 65px;
		background-color: #fff;
	}
	.home #header {
        height: 47px;
		background-color: #fff;
    }
	.recharge #header { background: #fff url(../images/backgrounds/header.recharge.jpg) 50% 0 no-repeat; }
	.install #header { background: #fff url(../images/backgrounds/header.install.jpg) 50% 0 no-repeat; }
	.maintain #header { background: #fff url(../images/backgrounds/header.maintain.jpg) 50% 0 no-repeat; }
	.seasonal #header { background: #fff url(../images/backgrounds/header.seasonal.jpg) 50% 0 no-repeat; }

	/* Product Pages #header */
	.automotive #header { background: #fff url(../images/backgrounds/header.automotive.jpg) 50% 0 no-repeat; }
	.chargers #header { background: #fff url(../images/backgrounds/header.chargers.jpg) 50% 0 no-repeat; }
	.gear #header { background: #fff url(../images/backgrounds/header.gear.jpg) 50% 0 no-repeat; }
	.marine #header { background: #fff url(../images/backgrounds/header.marine.jpg) 50% 0 no-repeat; }
	.powersport #header { background: #fff url(../images/backgrounds/header.powersport.jpg) 50% 0 no-repeat; }
	.tools #header { background: #fff url(../images/backgrounds/header.tools.jpg) 50% 0 no-repeat; }
	.tractor #header { background: #fff url(../images/backgrounds/header.tractor.jpg) 50% 0 no-repeat; }
	/* End Product Page #header */

#wrapper {
	position: relative;
	width: 921px;
	margin: 0 auto;
}
.home #wrapper { width: 100%; height: 100%; }
.batterySelector #wrapper { 
	width: 920px; 
	background: url(../images/backgrounds/batterySelector.content.tile.jpg) 50% 0 repeat-y;}
.batterySelectorResults #wrapper {
    background: url(../images/backgrounds/content.legacy.gif) 50% 0 repeat-y;
}
#content { 
	position: relative;
	display: inline;
	float: right;
	overflow: hidden;
	width: 671px;
    /* show legal always, per Etool #267
	margin: 0 0 24px 0; */
    margin: 0;
	padding: 105px 30px 50px 30px;
}
	.noflair #content { padding: 50px 30px; }
	.privacy #content { background: url(../images/backgrounds/content.privacy.gif) 0 0 repeat-y; }
	.recharge #content { background: url(../images/backgrounds/content.recharge.gif) 0 0 repeat-y; width: 463px; padding-right: 238px; }
	.install #content  { background: url(../images/backgrounds/content.install.gif) 0 0 repeat-y; width: 455px; padding-right: 246px;}
	.maintain #content  { background: url(../images/backgrounds/content.maintain.gif) 0 0 repeat-y; width: 455px; padding-right: 246px; }
	.seasonal #content  { background: url(../images/backgrounds/content.seasonal.gif) 0 0 repeat-y; width: 455px; padding-right: 246px; }
	.legacy #content, .batterySelector #content, .batSelector_results #content {
		float: left;
		width: 920px;
		margin: 0;
		padding: 120px 0 0 0;
		background: url(../images/backgrounds/content.legacy.gif) 0 0 repeat-y;
	}
	.batterySelector #content {
		overflow: visible;
		padding: 88px 0 0 0;
	}
	.batSelector_results #content {
		overflow: visible;
	}
	
	/* Product Page #content */
	.automotive #content { background: url(../images/backgrounds/content.automotive.gif) 0 0 repeat-y; }
	.chargers #content { background: url(../images/backgrounds/content.chargers.gif) 0 0 repeat-y; }
	.gear #content { background: url(../images/backgrounds/content.gear.gif) 0 0 repeat-y; }
	.marine #content { background: url(../images/backgrounds/content.marine.gif) 0 0 repeat-y; }
	.powersport #content { background: url(../images/backgrounds/content.powersport.gif) 0 0 repeat-y; }
	.tools #content { background: url(../images/backgrounds/content.tools.gif) 0 0 repeat-y; }
	.tractor #content { background: url(../images/backgrounds/content.tractor.gif) 0 0 repeat-y; }
	/* End Product Page #content */

    /* Torture Test */
    .tortureTest #content {
        width: 876px;
        padding: 20px 23px 38px 22px;
        background: url(../images/backgrounds/torture-dark.png) 0 0 repeat-y;
    }
	
#home_flash {
	position: relative;
    position: absolute;
	overflow: hidden;
	width: 100%;
}
#wrapper.helpCenterClosed {
    padding-bottom: 99px;
}
	#home_flash div {
    /*
		background: url(../images/backgrounds/no-flash.jpg) 50% 0 no-repeat;
        */
        text-align: center;
        position: relative
		display: block;
		height: 515px;
	}
		#home_flash div a {
			display: block;
            position: relative;
            left: 80px;
            width: 335px;
            height: 13px;
            background: url(../images/text/get-flash-player.png) 0 0 no-repeat;
			margin: 10px 0 0;
			text-indent: -9999em;
			width: 342px;
		}
		#home_flash div .text-intro {
			top: 416px;
            left: 31%;
            position: absolute;
            top: 380px;
        }
        #home_flash #content_no_javascript {
            font-size: 1.4em;
            color: #044c60;
            font-weight: bold;
        }
        #home_flash #content_no_javascript .text-intro {
            left: 0;
            width: 100%;
            text-align: center;
        }
	
#flair {
	position: absolute;
	z-index: 2;
	left: 190px;
	width: 731px;
}
	.recharge #flair {
		top: -127px;
		height: 215px;
		background: url(../images/backgrounds/flair.recharge.png) 0 0 no-repeat;
	}
	.install #flair {
		top: -125px;
		height: 304px;
		background: url(../images/backgrounds/flair.install.png) 0 0 no-repeat;
	}
	.maintain #flair {
		top: -146px;
		height: 250px;
		background: url(../images/backgrounds/flair.maintain.png) 0 0 no-repeat;
	}
	.seasonal #flair {
		top: -158px;
		height: 321px;
		background: url(../images/backgrounds/flair.seasonal.png) 0 0 no-repeat;
	}
	
	/* Product Page #flair */
	.automotive #flair {
		top: -146px;
		height: 288px;
		background: url(../images/backgrounds/flair.automotive.png) 0 0 no-repeat;
	}
	.chargers #flair {
		left: 191px; top: -142px;
		height: 306px;
		background: url(../images/backgrounds/flair.chargers.png) 0 0 no-repeat;
	}
	.gear #flair {
		top: -151px;
		height: 256px;
		background: url(../images/backgrounds/flair.gear.jpg) 0 0 no-repeat;
	}
	.marine #flair { 
		left: 191px; top: -102px;
		height: 260px;
		background: url(../images/backgrounds/flair.marine.png) 0 0 no-repeat;
	}
	.powersport #flair {
		top: -129px;
		height: 261px;
		background: url(../images/backgrounds/flair.powersport.png) 0 0 no-repeat;
	}
	.tools #flair {
		top: -130px;
		height: 282px;
		background: url(../images/backgrounds/flair.tools.png) 0 0 no-repeat;
	}
	.tractor #flair {
		top: -151px;
		height: 252px;
		background: url(../images/backgrounds/flair.tractor.png) 0 0 no-repeat;
	}
	/* End Product Page #flair */
	
#leftNav {
	float: left;
	width: 190px;
}

#recProductsControl {
    /* Show legal always, Etool 267 
	position: fixed; */
    position: absolute;
    clear: both;
    /* Show legal always, Etool 267 
	bottom: 22px; */
    /*
    bottom: 59px;
    */
    margin: -24px 0 0 0;
	z-index: 1;
	left: 0;
}

#recProductsControl.controlOpen /* Added to #recProductsControl when #recProducts is displayed */ {
/*
	bottom: 143px;
    */
    margin: -109px 0 0 0;
}

#recProducts {
    /* Show legal always, Etool 267 
	position: fixed; */
    position: absolute;
    clear: both;
	z-index: 3;
    /* Show legal always, Etool 267 
	margin: -48px 0 0 0;
	bottom: 21px; */
	overflow: hidden;
    margin: -85px 0 0 0;
	width: 100%; height: 85px;
	background-color: #fff;
	left: 0;
}

#footer {
    /* Show legal always, Etool 267 
	position: fixed; */
	position: relative;
    clear: both;
	bottom: 0;
    /* Show legal always, Etool 267 
	width: 100%; height: 21px;
	margin: -21px 0 0 0; */
    width: 100%; height: 58px;
    margin: -2px 0 0 0;
	background-color: #000;
	z-index: 3;
}

.home_root #footer {
	position: relative;
}
.footerOpen /* Added to #footer when #recProducts is displayed */ {
	margin: 0!important;
}

/*---- global selectors -----*/

.left { float: left; }
.right { float: right; }
.clear { clear: both; float: none; height:0px; font-size:0px; margin:0; padding:0; line-height:0; }

/*---- help center ----*/
#helpCenterTab {
    position: relative;
    width: 100%;
    height: 101px;
    top: 0;
    left: 0;
    background: #AB8817 url(../images/backgrounds/helpCenter-bgd-tile.png) 0 0 repeat-x;
    z-index: 5;
}
#helpCenterTab.collapsed {
/*
    margin-top: -99px;
    */
    height: 2px;
}
#helpCenterTab.collapsedAndSet {
    /*background-position: 0 100%;*/
    background-image: none !important;
    background-color: #C2A51B;
    margin-top: 0;
}
    #helpCenterTab .inner {
        background: transparent url(../images/backgrounds/helpCenter-bgd.png) -79px 0 no-repeat;
        position: relative;
        height: 101px;
        width: 1008px;
        margin: 0 auto;
    }
    #helpCenterTab.collapsed .inner {
        height: 2px;
        overflow: hidden;
        display: none;
    }
    #helpCenterTab.collapsedAndSet .inner {
        overflow: hidden;
        height: 2px;
        display: none;
    }
        #helpCenterTab a#helpCenterAutoCenterMain {
            width: 230px;
            height: 101px;
            position: absolute;
            left: 69px;
            top: 0;
            overflow: hidden;
            text-indent: -9000px;
            background: transparent url(../images/buttons/helpCenter-autoCenter.png) 0 0 no-repeat;
        }
        #helpCenterTab a#helpCenterAutoCenterMain:hover {
            background-position: 0 -124px;
        }
        #helpCenterTab a#helpCenterTabControl {
            width: 198px;
            height: 20px;
            position: absolute;
            bottom: -20px;
            right: 0;
            overflow: hidden;
            cursor: pointer;
            text-indent: -9000px;
            background: transparent url(../images/buttons/helpCenter-control.png) 0 0 no-repeat;
        }
        #helpCenterTab.collapsedAndSet a#helpCenterTabControl {
            background-position: 0 0;
        }
        #helpCenterTab.collapsedAndSet a#helpCenterTabControl:hover {
            background-position: 0 -21px;
        }
        #helpCenterTab a#helpCenterTabControl {
            background-position: -202px 0;
        }
        #helpCenterTab a#helpCenterTabControl:hover {
            background-position: -202px -21px;
        }
        #helpCenterTab ul {
            width: 366px;
            margin: 0 auto;
            padding: 7px 0 0;
            overflow: hidden;
        }
            #helpCenterTab ul li {
                float: left;
            }
                #helpCenterTab ul li a {
                    display: block;
                    overflow: hidden;
                    text-indent: -9000px;
                    width: 121px;
                    height: 83px;
                    margin: 0 1px 0 0;
                    background: transparent url(../images/buttons/helpCenterButtons.png) 0 0 no-repeat;
                }
                #helpCenterTab ul li a#helpCenterButton_jump {
                    background-position: 0 0;
                }
                #helpCenterTab ul li a#helpCenterButton_jump:hover {
                    background-position: 0 -90px;
                }
                #helpCenterTab ul li a#helpCenterButton_install {
                    background-position: -125px 0;
                }
                #helpCenterTab ul li a#helpCenterButton_install:hover {
                    background-position: -125px -90px;
                }
                #helpCenterTab ul li a#helpCenterButton_locator {
                    background-position: -250px 0;
                }
                #helpCenterTab ul li a#helpCenterButton_locator:hover {
                    background-position: -250px -90px;
                }
/*---- header specific ----*/

#topNavWrapper {
	position: absolute;
	z-index: 4;
	right: 0; top: 0;
}

.home #topNavWrapper { top: -47px; }

#logo {
	position: absolute;
	left: 0; top: 0;
	display: block;
	text-indent: -90000px;
	width: 347px; height: 47px;
	background: url(../images/text/logo-demandsDieHard.png) 0 0 no-repeat;
}

#topNav {
	width: 575px;
	margin: 32px 0 0 0;
	padding: 0;
}
	#topNav li {
		position: relative;
		display: inline;
		float: left;
		margin: 0 1px;
		padding: 0;
	}
	#topNav li.products { width: 75px; }
		#topNav li a {
			overflow: hidden;
			display: block;
			height: 21px;
			text-indent: -90000px;
			background: url(../images/text/nav-main-sprite.png) 0 0 no-repeat;
		}
		#topNav li.selector a {
            background-position: 0 0;
			width: 126px;
		}
		  #topNav li.selector a:hover,
		  #topNav li.selector a.over {
              background-position: 0 -21px;
		  }
		  #topNav li.selector a.active,
		  #topNav li.selector a.active:hover {
              background-position: 0 -42px;
		  }
		#topNav li.maintain a {
			width: 69px;
            background-position: -128px 0;
		}
		  #topNav li.maintain a:hover,
		  #topNav li.maintain a.over {
              background-position: -128px -21px;
		  }
		  #topNav li.maintain a.active,
		  #topNav li.maintain a.active:hover {
              background-position: -128px -42px;
		  }
		#topNav li.recharge a {
			width: 74px;
            background-position: -199px 0;
		}
		  #topNav li.recharge a:hover,
		  #topNav li.recharge a.over {
              background-position: -199px -21px;
		  }
		  #topNav li.recharge a.active,
		  #topNav li.recharge a.active:hover {
              background-position: -199px -42px;
		  }
		#topNav li.install a {
			width: 60px;
            background-position: -275px 0;
		}
		  #topNav li.install a:hover,
		  #topNav li.install a.over {
              background-position: -275px -21px;
		  }
		  #topNav li.install a.active,
		  #topNav li.install a.active:hover {
              background-position: -275px -42px;
		  }
		#topNav li.products a {
			width: 75px;
            background-position: -337px 0;
		}
		  #topNav li.products a:hover,
		  #topNav li.products a.over {
              background-position: -337px -21px;
		  }
		  #topNav li.products a.active,
		  #topNav li.products a.active:hover {
              background-position: -337px -42px;
		  }
		#topNav li.legacy a {
			width: 55px;
            background-position: -414px 0;
		}
		  #topNav li.legacy a:hover,
		  #topNav li.legacy a.over {
              background-position: -414px -21px;
		  }
		  #topNav li.legacy a.active,
		  #topNav li.legacy a.active:hover {
              background-position: -414px -42px;
		  }
		#topNav li.where a {
			width: 100px;
            background-position: -471px 0;
		}
		  #topNav li.where a:hover,
		  #topNav li.where a.over {
              background-position: -471px -21px;
		  }
		  #topNav li.where a.active,
		  #topNav li.where a.active:hover {
              background-position: -471px -42px;
		  }
		
		/* Dropdown navigation */
			#topNav li ul {
				position: absolute;
				z-index: 10;
				left: 0!important;
				width: 215px!important;
                border: solid 1px #bcbcbc;
			}
			#topNav li.products ul {
				width: 160px!important;
			}
				#topNav li ul li {
					display: block;
					width: 215px; 
					margin: 0;
					padding: 0;
				}
				#topNav li.products ul li {
					width: 160px; 
                }
					#topNav li ul li a {
						width: 208px!important; height: 19px;
						padding: 8px 0 0 7px;
						text-indent: 0;
						font: bold .9em/1.1em Verdana, sans-serif;
						text-transform: uppercase;
						color: #888686;
					    background: url(../images/backgrounds/nav-dropdown.png) 0 0 no-repeat !important;
					}
					#topNav li ul li.last a {
                        height: 18px;
                    }
					#topNav li ul li a:hover {
                        color: #fff;
                        background-position: -217px 0 !important;
                    }
					#topNav li.products ul li a {
						width: 100px!important; 
						height: 20px;
						padding: 9px 0 0 60px;
					    background: url(../images/backgrounds/nav-dropdown-product.png) 0 0 no-repeat !important;
                    }
					#topNav li ul li.automotive a { 
                        background-position: 0 0;
                    }
                    #topNav li ul li.automotive a:hover {
                        background-position: -162px 0 !important;
					}
					#topNav li ul li.marine a {
                        background-position: 0 -28px !important;
                    }
                    #topNav li ul li.marine a:hover {
                        background-position: -162px -28px !important;
					}
                    #topNav li ul li.powersport a {
                        background-position: 0 -57px !important;
                    }
                    #topNav li ul li.powersport a:hover {
                        background-position: -162px -57px !important;
					}
                    #topNav li ul li.tractor a {
                        background-position: 0 -86px !important;
                    }
                    #topNav li ul li.tractor a:hover {
                        background-position: -162px -86px !important;
					}
                    #topNav li ul li.tools a {
                        background-position: 0 -115px !important;
                    }
                    #topNav li ul li.tools a:hover {
                        background-position: -162px -115px !important;
					}
                    #topNav li ul li.chargers a {
						height: 25px;
						padding: 4px 0 0 60px;
                        background-position: 0 -144px !important;
                    }
                    #topNav li ul li.chargers a:hover {
                        background-position: -162px -144px !important;
					}
                    #topNav li ul li.gear a {
                        background-position: 0 -173px !important;
                    }
                    #topNav li ul li.gear a:hover {
                        background-position: -162px -173px !important;
					}

/*---- leftNav specific ----*/

#leftNav { font-size: 1.3em; }
.privacy #leftNav { font-size: 1.1em; }
	#leftNav ul {
		margin: 24px 0 28px 0;
		border-top: 1px solid #7f7d74;
	}
	#leftNav li {
		display: inline;
	}
		#leftNav li a {
			display: block;
			width: 172px;
			padding: 3px 0 3px 18px;
			color: #fff;
			border-bottom: 1px solid #7f7d74;
			background: url(../images/icons/leftNav.plus.gif) 6px 8px no-repeat;
		}

		#leftNav li a:hover {
            color: #000;
            background-color: #fff;
        }

		#leftNav li.active a:hover {
            color: #fff;
        }

		.privacy #leftNav a { padding: 5px 0 5px 18px; }
		
		.recharge #leftNav li.active a { background-color: #8a959f; }
		.install #leftNav li.active a { background-color: #ea8931; }
		.maintain #leftNav li.active a { background-color: #96a129; }
		.seasonal #leftNav li.active a { background-color: #8a9d9f; }
		
		/* Product Page #leftNav */
		.automotive #leftNav li.active a { background-color: #8994a0; }		
		.chargers #leftNav li.active a { background-color: #42703f; }
		.gear #leftNav li.active a { background-color: #ab935b; }
		.marine #leftNav li.active a { background-color: #659ad4; }
		.powersport #leftNav li.active a { background-color: #6c8735; }
		.tools #leftNav li.active a,
		.tractor #leftNav li.active a { background-color: #95bd50; }
		/* End Product Page #leftNav */
		
	.callouts p.expertAdvice {
        margin: 0;
        padding: 0 0 8px;
    }
	
	.callouts p.mobile {
        margin: 0;
        padding: 0;
    }
	.callouts p.callUs {
        margin: 0;
        padding: 0 0 20px;
    }
	.callouts a.serviceLiveCallout {
		cursor: pointer;
		display: block;
		height: 50px;
		margin-bottom: 18px;
		overflow: hidden;
		position: relative;
		width: 167px;
	}
		.callouts a.serviceLiveCallout span,
		.callouts a.serviceLiveCallout:hover span {
			background: url(../images/text/callout.serviceLive.png) 0 0 no-repeat;
			display: block;
			height: 100px;
			margin-top: 0;
			position: relative;
			text-indent: -9999px;
		}
	.callouts a.autoCenterCallout {
		cursor: pointer;
		display: block;
		height: 54px;
		margin-bottom: 6px;
		overflow: hidden;
		position: relative;
		width: 172px;
	}
		.callouts a.autoCenterCallout span,
		.callouts a.autoCenterCallout:hover span {
			background: url(../images/buttons/callout.autoCenter.png) 0 0 no-repeat;
			display: block;
			height: 54px;
			margin-top: 0;
			position: relative;
			text-indent: -9999px;
		}
	.callouts a.livePersonCallout {
		cursor: pointer;
		display: block;
		height: 55px;
		margin-bottom: 1px;
		overflow: hidden;
		position: relative;
		width: 172px;
	}
		.callouts a.livePersonCallout span,
		.callouts a.livePersonCallout:hover span {
			background: url(../images/buttons/callout.livePerson.png) 0 0 no-repeat;
			display: block;
			height: 55px;
			margin-top: 0;
			position: relative;
			text-indent: -9999px;
		}
	
/*---- Checklist specific ----*/

#checklist, .checklist {
	position: absolute;
	z-index: 3;
	right: -10px; top: 15px;
	width: 243px;
	color: #363636;
}
	#checklist .top, .checklist .top {
		height: 19px;
		background: url(../images/backgrounds/checklist.top.png) 0 0 no-repeat;
	}
	#checklist .body, .checklist .body  {
		padding: 0 0 15px 0;
		background: url(../images/backgrounds/checklist.body.png) 0 100% no-repeat;
	}
		#checklist div.head, .checklist div.head {
			padding: 18px 0 15px 36px;
			background: url(../images/backgrounds/checklist.body.ul-div.png) 12px 0 no-repeat;
		}
		.checklist div.head { padding: 20px 0 0 36px; }
		#checklist h2, .checklist h2 {	width: 194px; }
		.install #checklist h2 { background: url(../images/text/install.checklist.h2.gif) 0 0 no-repeat; }
		.maintain #checklist h2 { background: url(../images/text/maintain.checklist.h2.gif) 0 0 no-repeat; }
		.seasonal #checklist h2 { background: url(../images/text/seasonal.checklist.h2.gif) 0 0 no-repeat; }
		.recharge #checklist h2 { background: url(../images/text/recharge.checklist.h2.gif) 0 0 no-repeat; }
		#content .checklist h2 {
			margin: 0;
			background: url(../images/text/batterySelector.checklist.h2.gif) 0 0 no-repeat;
		}
			#checklist h2 span {
				display: block;
				margin: 6px 0 0 0;
				text-indent: 0;
				font: italic 1.4em/1.0em arial, verdana;
			}
		#checklist ul, .checklist ul {
			width: 231px;
			margin: 0 0 0 12px;
			padding: 0 0 20px 0;
			font: 1.0em/1.4em verdana, arial;
			background: url(../images/backgrounds/checklist.body.ul-div.png) 0 100% no-repeat;
		}
        .checklist ul {
            padding: 0 0 40px;
        }
		#checklist li, .checklist li {
			width: 200px;
			margin: 0 0 0 10px;
			padding: 6px 0;
			background: url(../images/backgrounds/checklist.li.gif) 0 0 repeat-x;
		}
		.checklist li {
			width: 176px;
			margin: 0 12px 0 22px;
		}
		#checklist h3 {
			padding: 0 0 0 15px;
			background: url(../images/icons/checklist.h3.gif) 0 3px no-repeat;
		}
		.checklist h3 {
            font-size: 1.0em;
			padding: 0;
			background: none;
		}
		#content .checklist p,
		#contain #checklist p,
		#content #checklist p {
            font-size: 1.0em;
            color: #363636;
			padding: 0 0 0 15px;
		}
		#content .checklist p {
            padding: 0;
            line-height: 1.4em;
        }
		
		/*
		#checklist ul li ul {
			background: none !important;
			padding: 0;
		}
		#checklist ul li ul li {
			background: none !important;
			margin-left: 4px !important;
			width: 180px;
		}*/
		
		#checklist div.printShare {
			width: 208px; height: 20px;
			padding: 6px 0 0 8px;
			margin: 3px 0 0 14px;
			background: url(../images/backgrounds/checklist.body.printShare.png) 0 0 no-repeat;
		}
			#checklist div.printShare a {
				float: left;
				display: block;
				height: 16px;
				text-indent: -90000px;
			}
				#checklist div.printShare a.print {
					width: 75px;
					background: url(../images/buttons/checklist.print.gif) 0 0 no-repeat;
				}
				#checklist div.printShare a.share {
					width: 125px;
				    text-indent: 0;
                    /*
					background: url(../images/buttons/checklist.share.gif) 0 0 no-repeat;
                    */
				}

/*---- recommended products control & carousel ----*/

/* control */

#recProductsControl a {
	width: 235px;
	text-indent: -90000px;
	cursor: pointer;
}
.batterySelector #recProductsControl a {
    cursor: default;
}
	#recProductsControl a span, 
	.batterySelector #recProductsControl span {
		display: block;
		width: 235px; height: 24px;
		background: url(../images/buttons/recProducts.png) 0 0 no-repeat;
	}
	.batterySelector #recProductsControl span {
		width: 245px;
		text-indent: -90000px;
		background: url(../images/buttons/recProducts_battery.png) 0 0 no-repeat;
	}

/* carousel */

.jcarousel-skin-diehard {
	width: 100%;
}

.jcarousel-skin-diehard .jcarousel-container {
	position: relative;
	z-index: 3;
   	width: 959px; height: 85px;
	margin: 0 auto;
}

.jcarousel-skin-diehard .jcarousel-clip-horizontal {
    z-index: 4;
    overflow: hidden;
    position: relative;
	width: 936px; height: 85px;
	margin: 0 0 0 12px;
    padding: 0;
	/* background: url(../images/background/carousel-clip.png) 0 0 repeat-x; */
}

.jcarousel-list {
    z-index: 3;
    overflow: hidden;
    position: relative;
    left: 0; top: 0;
    margin: 0;
    padding: 0;
}

.jcarousel-list li {
    position: relative;
	float: left;
	width: 224px !important; height: 67px; /* Set the width/height explicitly. No width/height causes infinite loops. */
	margin: 12px 0 6px 0;
	padding: 0 0 0 10px;
    list-style: none;
	background: url(../images/backgrounds/carousel.li.gif) 100% 0 repeat-y;
}
.jcarousel-list li.noBackground {
	background: none;
}

.jcarousel-skin-diehard .jcarousel-next-horizontal, .jcarousel-skin-diehard .jcarousel-prev-horizontal {
    position: absolute;
	z-index: 3;
    top: 39px;
	width: 9px; height: 18px;
    cursor: pointer;
}

.jcarousel-skin-diehard .jcarousel-next-horizontal {
    left: 964px;
    background: url(../images/buttons/carousel.next.gif) 0 0 no-repeat;
}

.jcarousel-skin-diehard .jcarousel-prev-horizontal {
    left: -10px;
    background: url(../images/buttons/carousel.prev.gif) 0 0 no-repeat;
}


.jcarousel-skin-diehard .jcarousel-prev-disabled-horizontal, .jcarousel-skin-diehard .jcarousel-next-disabled-horizontal {
    display: none !important;
}

.jcarousel-skin-diehard ul li div {
	float: left;
}

.jcarousel-skin-diehard ul li div.prodImage {
	overflow: hidden;
	width: 76px;
}
.jcarousel-skin-diehard ul li div.prodInfo {
	overflow: hidden;
	width: 140px;
	margin: 10px 0 0 0;
	line-height: 1.5em;
	font-size: .9em;
	font-family: verdana, arial, sans-serif;
	color: #616161;
}
	.jcarousel-skin-diehard ul li div.prodInfo a,
	.jcarousel-skin-diehard ul li div.prodInfo a:hover {
		color: #616161 !important;
		display: inline !important;
	}
	.jcarousel-skin-diehard ul li div.prodInfo a:hover {
		color: #9c8101 !important;
	}
	.jcarousel-skin-diehard ul li div.prodInfo .price {
		font-weight: bold;
		color: #9c8101;
	}
	
/* Legacy carousel */

.jcarousel-skin-legacy {
	position: relative;
    /* show footer legal always, per Etool #267 
	bottom: 21px; left: 0;
	margin: -5px 0 0 0;
    */
    bottom: 0; left: 0;
    margin: -26px 0 0 0;
	width: 920px; height: 146px;
	background:	url(../images/backgrounds/legacy.carousel.png) 0 0 no-repeat;
}
	.jcarousel-skin-legacy .jcarousel-container {
		width: 735px; height: 100%;
		margin: 0 auto;
	}
	.jcarousel-skin-legacy .jcarousel-clip-horizontal {
		position: relative;
		overflow: hidden;
		width: 100%;
		margin: 0 auto;
	}	
	.jcarousel-skin-legacy .jcarousel-next-horizontal, .jcarousel-skin-legacy .jcarousel-prev-horizontal {
		position: absolute;
		z-index: 3;
		top: 78px;
		width: 9px; height: 18px;
		cursor: pointer;
	}
	.jcarousel-skin-legacy .jcarousel-next-horizontal {
		left: 828px;
		background: url(../images/buttons/legacy.carousel.next.gif) 0 0 no-repeat;
	}
	.jcarousel-skin-legacy .jcarousel-prev-horizontal {
		left: 82px;
		background: url(../images/buttons/legacy.carousel.prev.gif) 0 0 no-repeat;
	}
		.jcarousel-skin-legacy .jcarousel-list li {
		position: relative;
		float: left;
		width: 105px!important; height: 94px; /* Set the width/height explicitly. No width/height causes infinite loops. */
		margin: 40px 0 0 0;
		padding: 0;
		text-align: center;
		background: none;
		}

/*---- Lightbox ----*/

#overlay {	
    width: 100%;
	display: none;
	position: absolute;
	z-index: 998;
    top: 0;
    left: 0;
	background-color: #000;
	opacity: 0.4;
	filter: alpha(opacity = 40);
}

.lightbox {	
	display: none;
	position: absolute;
	z-index: 999;
	width: 725px;
	background-color: #fff;
}
    .lb_head {
        position: relative;
		z-index: 1;
		height: 1px;
    }
		.lb_head .close {
			position: absolute;
			top: -14px; right: -15px;
			width: 30px; height: 28px;
			text-indent: -90000px;
			background: url(../images/buttons/lightbox.close.gif) 0 0 no-repeat;
		}
    .lb_progress {
        position: relative;
        z-index: 1;
        width: 100%;
    }
    .lb_progress .inner {
        width: 725px;
        padding: 0;
        position: absolute;
        top: 0;
        left: 0;
        background-color: #fff;
        opacity: 0.6;
	    filter: alpha(opacity = 60);
        z-index: 1;
        text-align: center;
    }
    .lb_progress .inner img {
        position: absolute;
        top: 45%;
        left: 50%;
    }
	.lb_body {
		position: relative;
		padding: 30px;
	}
    #contactUs .lb_body,
    #where .lb_body {
        padding: 30px 0;
    }
    #contactUs .lb_body.confirmView,
    #where .lb_body.confirmView {
        padding: 30px;
    }
	.lb_body .lb_body_content {
        padding: 0 30px;
    }
		.lb_body p {
			font: 1.1em/1.6em verdana,arial;
			color: #666;
		}
		.lb_body p.intro {
            float: left;
        }
		.lb_body p.requiredDesc {
            float: right;
        }
        .lb_body form {
            clear: left;
        }
		.lb_body ul {
			overflow: hidden;
			width: 100%;
            padding: 24px 0 18px 0;
		}
			#where .lb_body ul {
				float: left;
				position: relative;
				width: auto;
			}
		.lb_body ul.contactInfo {
			width: 625px;
			padding: 12px 20px;
			margin: 16px 0;
			background-color: #dedede;
		}
		.lb_body ul.autoSelector {
			margin: 12px 0 18px 0;
			padding: 0;
		}
			.lb_body ul input {
                width: 206px;
				font-size: 1.8em;
				background-color: #dedede;
				color: #4a483b;
			}
			ul.contactInfo input {
				padding: 5px 0 5px 5px;
				background-color: #fff;
				border: none;
			}
			ul.contactInfo input.yourNumber { width: 250px; }
			ul.contactInfo input.ext { width: 55px; }
			ul.contactInfo select {
				width: 250px;
				margin: 9px 0 0 0;
			}
			ul.autoSelector select {
				width: 150px;
			}
			.lb_body ul textarea {
				font: normal 1.8em/1.2em arial,verdana;
				background-color: #dedede;
				color: #4a483b;
			}
		.lb_body li {
			float: left;
            position: relative;
			padding: 0 7px 0 0;
            overflow: visible;
		}
		.lb_body li.fullWidth {
            padding: 0;
            width: 100%;
        }
			ul.autoSelector li {
				padding: 0 21px 0 0;
			}
			ul.autoSelector li.engineSize { padding: 0; }
				
				ul.autoSelector li a {
					display: block;
					padding: 4px 0 0 0;
					font: bold 1.1em/1.2em arial,verdana;
					color: #c7b02f;
				}
		.lb_body ul.contactInfo li.callMe {
			margin: 0 0 0 20px;
			padding: 2px 8px 5px 8px;
			background: url(../images/backgrounds/lightbox.li.callMe.gif) 0 20px repeat-x;
		}
			.lb_body li img {
				margin: 26px 0 0 0;
			}
		.lb_body label {
			font: bold 1.2em/1.2em arial,verdana;
			text-transform: uppercase;
		}
			#sendEmail label { 
              display: inline-block;
              font-size: 0.9em; 
            }
		.lb_body input, .lb_body select, .lb_body textarea {
			margin: 5px 0 0 0;
		}
        .lb_body .inError {
            background-color: #d4b400;
        }
		.lb_body span.error {
            display: block;
            position: absolute; 
            top: 48px; left: 0;
            padding: 1px 0 0;
            color: #f00;
            font-family: Verdana;
            font-size: 1.0em;
        }
        .callMe span.error {
            padding-left: 7px;
        }
		.lb_body .contactInfo span.error {
            width: 270px;
            padding-top: 2px;
        }
        #sendEmail .lb_body span.error {
            position: static;
            display: inline-block;
        }
		.lb_body span.validationMessage {
            font-size: 1.2em;
            color: #f00;
            display: block;
            text-align: right;
            padding: 7px 34px;
        }
        #store_locator_gen_error {
            top: 0;
        }
		.lb_body .distances {
			overflow: hidden;
			width: 100%; height: 78px;
		}
		#where .lb_body .distances {
			float: left;
			padding-left: 13px;
			padding-top: 20px;
			width: auto;
		}
			.lb_body .distances span {
				float:left;
				height: 33px;
				margin: 15px 2px 10px 0;
			}
				#where .lb_body .distances span {
					margin-top: 5px;
				}
			.lb_body .distances span#five {
				width: 61px;
				background: url(../images/buttons/distances.input.radioOne.png) 0 0 no-repeat;
			}
			.lb_body .distances span#ten {
				width: 65px;
				background: url(../images/buttons/distances.input.radioTwo.png) 0 0 no-repeat;
			}
			.lb_body .distances span#twenty {
				width: 72px;
				background: url(../images/buttons/distances.input.radioThree.png) 0 0 no-repeat;
			}
			.lb_body .distances span#fifty {
				width: 73px;
				background: url(../images/buttons/distances.input.radioFour.png) 0 0 no-repeat;
			}
			.lb_body span.checked { background-position: 0 -33px!important; }
		
		.lb_body .inputs {
			width: 100%;
			background: url(../images/backgrounds/lightbox.inputs.gif) 0 0 repeat-x;
		}
		#contactUs .inputs {
			padding: 0 0 5px 0;
		}
			.lb_body .inputs a {
				position: relative;
				left: 540px; top: 3px;
				display: block;
				text-indent: -90000px;
			}
				.lb_body .inputs a { width: 125px; height: 25px; }
				.lb_body .inputs a.submit { background: url(../images/buttons/lightbox.inputs.submit.png) 0 0 no-repeat; }
				.lb_body .inputs a.update { background: url(../images/buttons/lightbox.inputs.update.png) 0 0 no-repeat; }				
				
		.lb_body .results {
			margin: 25px 0 0 0;
		}
        #where .lb_body .results {
            padding: 0 0 0 30px;
            padding: 0;
        }
			.lb_body .results ul {
				width: 100%;
				margin: 0;
			}
			.lb_body .results ul.store {
                padding: 0 0 0 30px;
            }
			.lb_body .results li {
				width: 209px;
			}
			.lb_body .results p {
				margin: 0 0 15px 0;
				font: 1.1em/1.3em verdana, arial;
			}
			#where .lb_body .results p {
                padding: 0 30px;
            }
			#where .lb_body .results ul p {
                padding: 0;
            }
			.lb_body .results a {
				font: 1.1em/1.3em verdana, arial; 
			}
            .lb_body a.confirmationClose {
                color: #FFD71E;
            }
            .lb_body a.confirmationClose:hover {
                color: #666;
            }
				.results a.map { color: #ae910c; }
				.results a.directions { color: #569a94; }

	.lb_body .lb_pagination {
		left: 0; bottom: -30px;
        position: relative;
		overflow: hidden;
        clear: left;
		width: 725px; height: 35px;
		background: url(../images/backgrounds/lightbox.pagination.gif) 0 0 repeat-x;
	}
	#where .lb_pagination {
	}
		.lb_body .lb_pagination ul {
			position: absolute;
			width: auto;
			top: 0; right: 0;
			margin: 0; padding: 0;
		}
			#where .lb_body .lb_pagination ul {
				position: absolute;
			}
		.lb_body .lb_pagination li {
			float: left;
			width: 54px; height: 35px;
			margin: 1px 0 0 0;
			padding: 0;
			text-align: center;
			background: url(../images/backgrounds/batSelector.pagination.li.gif) 0 0 no-repeat;
		}
		.lb_body .lb_pagination li.previous, .lb_body .lb_pagination li.next { 
			width: 22px;
			padding: 0 0 0 13px;
		}
		.lb_pagination li.current { background-color: #eee; }
		.lb_body .lb_pagination a {
			display: block;
			padding: 10px 0 0 0;
			font: bold 1.2em/1.4em arial,verdana;
			color: #5f5f5f;
		}
		.lb_body .lb_pagination li.previous a, .lb_body .lb_pagination li.next a {
				float: left;
				width: 9px; height: 18px;
				margin: 9px 0 0 0;
				padding: 0;
				text-indent: -90000px;
		}
		.lb_body .lb_pagination li.previous a { background: url(../images/buttons/batSelector_results.pagination.previous.gif) 0 -18px no-repeat; }
		.lb_body .lb_pagination li.next a { background: url(../images/buttons/batSelector_results.pagination.next.gif) 0 -18px no-repeat; }
		
			.lb_body .lb_pagination a:hover { color: #fff; }
			.lb_body .lb_pagination li.current a { color: #d4b400;	}
			.lb_body .lb_pagination li.disabled a { background-position: 0 0; }
			.lb_body .lb_pagination a.sendEmail {
				width: 220px;
				margin: 12px 0 0 30px;
				text-indent: -90000px;
				background: url(../images/text/lightbox.sendEmail.gif) 0 0 no-repeat;
			}

	.lb_body div.commentForm {
		overflow: hidden;
		width: 100%;
	}
		div.commentForm ul {
			float: left;
			width: 316px;
			padding: 18px 0 0 0;
		}
			div.commentForm ul.listOne { padding: 18px 32px 0 0; }
		div.commentForm li {
			float: none;
			overflow: hidden;
			width: 100%;
			padding: 0;
		}
			div.commentForm input {
				width: 312px;
			}
			div.commentForm textarea {
				width: 312px; height: 167px;
			}
				div.commentForm .half {
					width: 148px;
				}
			div.commentForm label {
				display: block;
				padding: 4px 0 0 0;
			}
				div.commentForm label.extrapad { padding: 4px 0 0 16px; }
			
.lightbox .confirmView .failMsg {
    text-align: middle;
}
.lightbox .confirmView a,
.lightbox .confirmView a:hover {
    color: #C7B02F; 
}

/*---- torture test page specific ----*/

#tortureShare, #tortureShareBottom {
    text-align: right;
    padding: 0 0 10px;
    height: 16px;
}
#tortureShareBottom { padding: 10px 0 0 0; }
#content #tortureShare a, #content #tortureShareBottom a {
    float: right;
    display: block;
    position: relative;
    left: 5px;
}
.addthis_lightbox {
    position: absolute;
    top: 0;
    left: 703px;
    padding: 4px 0 1px 0;
    border-right: solid 2px #000;
    z-index: 200;
    width: 145px;
}
.addthis_button_compact {
    color: #fff;
    font-size: 1.0em !important;
    line-height: 15px;
    text-transform: uppercase;
}
.addthis_button_compact span {
    display: block;
    width: 17px;
    height: 17px;
    background: url(../images/icons/share-addthis-compact.gif) 0 0 no-repeat !important;
}
.addthis_button_facebook span {
    display: block;
    width: 17px;
    height: 17px;
    background: url(../images/icons/share-facebook-sm.gif) 0 0 no-repeat !important;
}
.addthis_button_twitter span {
    display: block;
    width: 17px;
    height: 17px;
    background: url(../images/icons/share-twitter-sm.gif) 0 0 no-repeat !important;
}
.addthis_separator {
    border-right: solid 1px #fff;
    margin: 0 10px;
}
#tortureList {}
	#tortureList ul {
		width: 880px;
	}
	#tortureList li {
		padding: 0 0 3px 0;
	}
	#tortureList a {
		display: block;
		width: 880px; height: 150px;
		text-indent: -90000px;
	}
	
	/*#tortureList a.tortureWelcome { background: url('../images/buttons/extreme/extreme_01_testing.jpg') 0 0 no-repeat; } */
	#tortureList a.extremeKeyboard { background: url('../images/buttons/extreme/extreme_01_keyboard.jpg') 0 0 no-repeat; }
	#tortureList a.extremeHeat { background: url('../images/buttons/extreme/extreme_02_heat.jpg') 0 0 no-repeat; }
	#tortureList a.extremeToughness { background: url('../images/buttons/extreme/extreme_03_toughness.jpg') 0 0 no-repeat; }
	#tortureList a.extremePower { background: url('../images/buttons/extreme/extreme_04_power.jpg') 0 0 no-repeat; }
	#tortureList a.extremeHeadlights { background: url('../images/buttons/extreme/extreme_05_headlights.jpg') 0 0 no-repeat; }
	#tortureList a.extremeJumpstart { background: url('../images/buttons/extreme/extreme_06_jumpstart.jpg') 0 0 no-repeat; }
	
	#tortureList a:hover {
		background-position: 0 100%;
	}

/*

Version one of torture test page had grid format.  Leaving css intact in case view returns to this format.

#tortureGrid ul.left {
    width: 437px;
    margin-right: 2px;
}
#tortureGrid ul.right {
    width: 437px;
}
#tortureGrid ul li {
    padding: 0 0 2px;
}
#tortureGrid ul li a {
    display: block;
    width: 436px;
    height: 152px;
    text-indent: -9000px;
    background: transparent url(../images/buttons/torture-button-lorem.png) 0 0 no-repeat;
}
#tortureGrid ul li a.tortureButton_extremePower {
    background-image: url(../images/buttons/torture-button-extreme-power.png);
}
#tortureGrid ul li a.tortureButton_extremeHeadlights {
    background-image: url(../images/buttons/torture-button-headlights.jpg);
}
#tortureGrid ul li a.tortureButton_sevenCars {
    background-image: url(../images/buttons/torture-button-seven-cars.jpg);
}
#tortureGrid ul li a.tortureButton_frozenSolid {
    background-image: url(../images/buttons/torture-button-frozen.jpg);
}
#tortureGrid ul li a.tortureButton_totalSubmersion {
    background-image: url(../images/buttons/torture-button-submerged.jpg);
}
*/

/*---- legacy page specific ----*/

#legacyControl {
	position: absolute;
	z-index: 1;
	left: -9px; top: 21px;
	width: 937px; height: 72px;
}
	#legacyControl li {
		float: left;
		display: inline;
	}
		#legacyControl li a {
			display: block;
			width: 181px; height: 72px;
			margin: 1px 0 0 0;
			text-indent: -90000px;
		}
		#legacyControl li a.tabOne { background: url(../images/buttons/legacyControl.tabOne.png) 0 0 no-repeat; }
		#legacyControl li a.tabTwo { background: url(../images/buttons/legacyControl.tabTwo.png) 0 0 no-repeat; }
		#legacyControl li a.tabThree { background: url(../images/buttons/legacyControl.tabThree.png) 0 0 no-repeat; }
		#legacyControl li a.tabFour { background: url(../images/buttons/legacyControl.tabFour.png) 0 0 no-repeat; }
		#legacyControl li a:hover, #legacyControl li a.active {
			background-position: 0 100%;
		}
		
#legacyContent {
	width: 920px;
}
	#content #legacyContent h3 {
		font-size: 3.0em;
		font-weight: normal;
	}
	#content #legacyContent p {
		font-family: verdana,arial;
		color: #605d53;
	}
	#content #legacyContent .legacyWrap {
		overflow: hidden;
		width: 770px;
		padding: 0 50px 200px 100px;
	}
		#content #contentOne { background: url(../images/backgrounds/legacyContent.contentOne.jpg) 0 100% no-repeat; }
		#content #contentTwo { background: url(../images/backgrounds/legacyContent.contentTwo.jpg) 0 100% no-repeat; }
		#content #contentThree { background: url(../images/backgrounds/legacyContent.contentThree.jpg) 0 100% no-repeat; }
		#content #contentFour { background: url(../images/backgrounds/legacyContent.contentFour.jpg) 0 100% no-repeat; }
		.legacyWrap .col-one, .legacy .col-two {
			float: left;
		}
		.legacyWrap .col-one {
			width: 368px;
			padding: 0 22px 0 0;
		}
			#content .legacyWrap .col-one p {
				padding: 8px 0;
				line-height: 1.6em;
				font-size: 1.1em;
			}
		.legacyWrap .col-two {
			width: 374px;
			padding: 0 0 0 6px;
		}
		.col-two ul li { 
			height: auto!important;
			height: 90px;
			min-height: 90px;
			padding: 26px 0 0 0;
		}
		.col-two ul li.innovation { background: url(../images/backgrounds/legacy.li.innovation.png) 0 0 no-repeat; }
		.col-two ul li.milestone { background: url(../images/backgrounds/legacy.li.milestone.png) 0 0 no-repeat; }
		.col-two ul li.recognition { background: url(../images/backgrounds/legacy.li.recognition.png) 0 0 no-repeat; }
			#content .col-two ul li p {
				margin: 0 20px 10px 90px;
				line-height: 1.5em;
				font-size: 0.9em;
			}
			
/*---- Battery Selector ----*/

#progress_results {
    width: 920px;
    min-height: 1000px;/* use position:absolute otherwise will impact scroll */
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
}
#progress_results img {
    position: absolute;
    display: block;
    top: 120px;
    left: 50%;
}
.stepNavProgress {
    float: left;
    width: 16px;
    padding: 6px 20px 0 0;
}
.progressOverlay {
    position: absolute;
    width: 100%;
    height: 100%; 
    background-color: #fff;
    opacity: 0.6;
}
.fitmentProgressPreset {
    position: absolute;
    z-index: 1;
    top: 10px;
    width: 180px;
    height: 16px;
    text-align: center;
}
#fitment_progress_preset_1 {
    left: 101px;
}
#fitment_progress_preset_2 {
    left: 281px;
}
#fitment_progress_preset_3 {
    left: 461px;
}
#fitment_progress_preset_4 {
    left: 641px;
}
#fitment_progress_flyout {
    background-color: transparent;
    padding: 166px 0 0;
}
#fitment_progress_flyout .lb_body {
    height: 80px;
    padding: 64px 0 0;
    text-align: center;
    position: relative
}
#fitment_progress_flyout .lb_body .underlay {
    position: absolute;
    width: 300px;
    height: 144px;
    top: 0;
    left: 210px;
    /*
    background-color: #fff;
    opacity: 0.6;
    */
}
#batteryControl {
	position: absolute;
	z-index: 1;
	left: -11px; top: 21px;
	width: 943px; height: 67px;
}
.batterySelector #batteryControl { background: url(../images/backgrounds/batteryControl.png) 0 0 no-repeat; }
	.batterySelector #batteryControl ul {
		width: 704px; height: 100%;
		padding: 0 23px 0 216px;
	}
    .batterySelector #batteryControl ul.fitmentComplete { 
        background: url(../images/backgrounds/batteryControl.complete.png) 0 0 no-repeat; 
    }
	.batterySelector #batteryControl li {
		position: relative;
		float: left;
		height: 100%;
	}
	.batterySelector #batteryControl ul li.stepOne {
		width: 177px;
		background: url(../images/backgrounds/batteryControl.li.stepOne.png) 0 0 no-repeat;
	}
	.batterySelector #batteryControl ul li.stepTwo {
		width: 160px;
		background: url(../images/backgrounds/batteryControl.li.stepTwo.png) 0 0 no-repeat;
	}
	.batterySelector #batteryControl ul li.stepThree {
		width: 189px;
		background: url(../images/backgrounds/batteryControl.li.stepThree.png) 0 0 no-repeat;
	}
	.batterySelector #batteryControl ul li.stepFour {
		width: 178px;
		background: url(../images/backgrounds/batteryControl.li.stepFour.png) 0 0 no-repeat;
	}
	.batterySelector #batteryControl ul li.current { background-position: 0 -67px; }
	.batterySelector #batteryControl ul li.complete { background-position: 0 100%; }
    .batterySelector #batteryControl ul.fitmentComplete li { background: none }
		.batterySelector #batteryControl li p { text-indent: -90000px; }
		.batterySelector #batteryControl li a {
			position: absolute;
			top: 22px;
			display: block;
			height: 16px;
			text-indent: -90000px;
		}
		.batterySelector #batteryControl ul li.stepOne a {
			 left: 20px;
			 width: 136px;
		}
		.batterySelector #batteryControl ul li.stepTwo a {
			 left: 20px;
			 width: 100px;
		}
		.batterySelector #batteryControl ul li.stepThree a {
			 left: 36px;
			 width: 128px;
		}
		.batterySelector #batteryControl ul li.stepFour a {
			 left: 20px;
			 width: 135px;
		}

	.batterySelector #content a { 
		color: #c1a317;
	}
	#content .results a { 
        font-family: Arial, sans-serif;
        line-height: 1.2em;
    }
	#content .results a:hover { 
		color: #c1a317;
        text-decoration: underline; 
    }
	.batterySelector #content .steps {	
		position: relative;
		height: auto !important;
		height: 493px;
		min-height: 493px;
	}
	    .batterySelector #content .stepOne {	
		    min-height: 493px;
        }
		.batterySelector #content .stepOne { background: url(../images/backgrounds/batterySelector.content.stepOne.jpg) 0 0 no-repeat; }
		.batterySelector #content .stepTwo { background: url(../images/backgrounds/batterySelector.content.stepTwo.jpg) 0 0 no-repeat; }
		.batterySelector #content .stepThree { background: url(../images/backgrounds/batterySelector.content.stepThree.jpg) 0 0 no-repeat; }
		.batterySelector #content .stepFour { background: url(../images/backgrounds/batterySelector.content.stepFour.jpg) 0 0 no-repeat; }
		
		.batterySelector #content .steps .stepsNav {
			position: absolute;
			left: 28px; top: 415px;
			width: 863px;
			font: bold 1.1em/1.2em arial;
		}
		.batterySelector #content .stepOne .stepsNav { 
            position: static;
            display: block;
            height: 28px;
            padding: 7px 0 0 28px;
        }
		    #batteryControl li a { 
            }
			.steps .stepsNav a.skip {
				display: block;
				padding: 10px 0 0 0;
			}
			.steps .stepsNav a.current, .steps .stepsNav a.continue {
				float: right;
				display: block;
				height: 28px;
				text-indent: -90000px;
			}
			.steps .stepsNav a.current { width: 181px; }
			.steps .stepsNav a.continue { width: 177px; }
			.steps .stepsNav a:hover.current, .steps .stepsNav a:hover.continue { background-position: 0 100%; }
			
			.stepOne .stepsNav a.current { background: url(../images/text/stepOne.stepsNav.current.png) 0 0 no-repeat; }
			.stepTwo .stepsNav a.current { background: url(../images/text/stepTwo.stepsNav.current.jpg) 0 0 no-repeat; }
			.stepThree .stepsNav a.current { background: url(../images/text/stepThree.stepsNav.current.jpg) 0 0 no-repeat; }
			.stepFour .stepsNav a.current { background: url(../images/text/stepFour.stepsNav.current.jpg) 0 0 no-repeat; }
			
			.stepOne .stepsNav a.continue { background: url(../images/buttons/stepOne.stepsNav.continue.jpg) 0 0 no-repeat;	}
			.stepTwo .stepsNav a.continue { background: url(../images/buttons/stepTwo.stepsNav.continue.jpg) 0 0 no-repeat;	}
			.stepThree .stepsNav a.continue { background: url(../images/buttons/stepThree.stepsNav.continue.jpg) 0 0 no-repeat;	}
			.stepFour .stepsNav a.continue { background: url(../images/buttons/stepFour.stepsNav.continue.jpg) 0 0 no-repeat;	}
	
		.stepOne ul#automobileSelector {
			/*position: absolute;
			left: 101px; top: 267px;*/
            display: block;
            overflow: hidden;
            width: 750px;
            padding: 267px 0 0 101px;
		}
		.stepOne ul#automobileSelector li { float: left; }
			.stepOne ul#automobileSelector li a {
				display: block;
				width: 180px; height: 83px;
				text-indent: -90000px;
			}
			.stepOne ul#automobileSelector li.year a { background: url(../images/backgrounds/automobilleSelector.year.jpg) 0 0 no-repeat; }
			.stepOne ul#automobileSelector li.make a { background: url(../images/backgrounds/automobilleSelector.make.jpg) 0 0 no-repeat; }
			.stepOne ul#automobileSelector li.model a { background: url(../images/backgrounds/automobilleSelector.model.jpg) 0 0 no-repeat; }
			.stepOne ul#automobileSelector li.engine a { background: url(../images/backgrounds/automobilleSelector.engine.jpg) 0 0 no-repeat; }
			.stepOne ul#automobileSelector li a:hover { background-position: 0 100%; }
			.stepOne ul#automobileSelector li.inactive a:hover { background-position: 0 0; }
		.stepOne ul#selectorResults {
			/*position: absolute;
			left: 101px; top: 351px;*/
            position: relative;
            display: block;
            overflow: hidden;
            width: 750px;
            padding: 1px 0 0 101px;
		}
		.stepOne ul#selectorResults li {
			display: none;
			float: left;
			width: 180px;
			padding: 7px 0;
			text-align: center;
			font: normal 1.2em/1.2em arial;
			background: url(../images/backgrounds/batterySelector.selectorResults.png) 0 0 no-repeat;
			margin-top: 2px;
		}
			.stepOne ul#selectorResults li span {
				display: block;
				width: 174px;
				padding: 0 3px 8px 3px;
				background: url(../images/backgrounds/batterySelector.selectorResults.span.png) 0 100% no-repeat;
			}
		.stepOne ul#selectorResults li.complete { display: block; }
		.stepOne ul#selectorResults li.clearResults {
            position: relative;
            z-index: 1;
			clear: both;
			display: block;
			font: bold 1.1em/1.2em arial;
			background: none;
			text-align: left;
		}
		
	.stepTwo #map {
		position: relative;
		left: 12px; top: 100px;
		width: 660px; height: 320px;
	}
	.stepTwo #pin {
		position: absolute;
		width: 50px; height: 35px;
        left: -75px;
		background: url(../images/icons/batterySelector.pin.png) 0 0 no-repeat;
        cursor: pointer;
	}
	.stepTwo #mapData {
        display: none;
    }
	.stepThree .timesDriven {
		position: absolute;
		left: 77px; top: 188px;
	}
		.timesDriven span {
			float:left;
			width: 135px; height: 89px;
			margin: 0 2px 0 0;
		}
		.timesDriven span#zero { background: url(../images/buttons/batterySelector.distance.input.zero.jpg) 0 0 no-repeat; }
		.timesDriven span#four { background: url(../images/buttons/batterySelector.distance.input.four.jpg) 0 0 no-repeat; }
		.timesDriven span#seven { background: url(../images/buttons/batterySelector.distance.input.seven.jpg) 0 0 no-repeat; }
		.timesDriven span#tenPlus { background: url(../images/buttons/batterySelector.distance.input.tenPlus.jpg) 0 0 no-repeat; }
		.timesDriven span.checked { background-position: 0 100%!important; }

	.stepFour .accessories {
		position: absolute;
		left: 120px; top: 168px;
		width: 460px;
	}
		.accessories span {
			float: left;
			width: 91px; height: 83px;
			margin: 0 1px 0 0;
		}
		.accessories span#cellphone { background: url(../images/buttons/batterySelector.accessories.input.cellphone.jpg) 0 0 no-repeat; }
		.accessories span#tvDvd { background: url(../images/buttons/batterySelector.accessories.input.tvDvd.jpg) 0 0 no-repeat; }
		.accessories span#laptop { background: url(../images/buttons/batterySelector.accessories.input.laptop.jpg) 0 0 no-repeat; }
		.accessories span#stereo { background: url(../images/buttons/batterySelector.accessories.input.stereo.jpg) 0 0 no-repeat; }
		.accessories span#gps { background: url(../images/buttons/batterySelector.accessories.input.gps.jpg) 0 0 no-repeat; }
		.accessories span#mp3 { background: url(../images/buttons/batterySelector.accessories.input.mp3.jpg) 0 0 no-repeat; }
		.accessories span#tailgates { background: url(../images/buttons/batterySelector.accessories.input.tailgates.jpg) 0 0 no-repeat; }
		.accessories span#camping { background: url(../images/buttons/batterySelector.accessories.input.camping.jpg) 0 0 no-repeat; }
		.accessories span#heatedSeats { background: url(../images/buttons/batterySelector.accessories.input.heatedSeats.jpg) 0 0 no-repeat; }
		.accessories span#dualAir { background: url(../images/buttons/batterySelector.accessories.input.dualAir.jpg) 0 0 no-repeat; }
		.accessories span.checked { background-position: 0 100%!important; }
		
/* Lightbox */

.noOverlay {
	width: auto; 
	font: bold 1.2em/1.2em arial;
}
	.noOverlay ul { padding: 0; }
	.noOverlay li { float: none; }
				
.fitmentSelect {
    width: 888px; 
    border: solid 1px #6d8587;
}
#selectYear.fitmentSelect {
    width: 235px; 
}
.fitmentSelect .lb_body {
    padding: 21px 24px;
    overflow: hidden;
}
.fitmentSelect ul {
    width: 100px;
    margin: 0 0 0 15px;
    padding: 0;
    float: left;
    border-top: solid 1px #e2e7e7;
}
#selectYear.fitmentSelect ul {
    width: 35px;
}
#selectMake.fitmentSelect ul {
    width: 131px;
}
#selectModel.fitmentSelect ul {
    width: 180px;
}
.fitmentSelect ul.first {
    margin: 0;
}
.fitmentSelect ul li {
    position: static;
	display: block;
    padding: 5px 4px 3px 4px;
    border-bottom: solid 1px #e2e7e7;
}
.fitmentSelect ul li a {
    font-weight: bold;
    font-size: 1.0em;
    line-height: 1.1em;
    color: #757575;
}
.fitmentSelect ul li a:hover {
    color: #c1a317;
}
/* Battery Selector Results */

/* need to retain ul > li > a layout for navigation, so using same background in anchors *
#batteryControl .complete { background: url(../images/backgrounds/batteryControl.complete.png) 0 0 no-repeat; }
*/

	#content .batSelector_results {
        padding: 0 0 25px;
        position: relative;
    }
	#content .batSelector_results #batteryControl div {
		width: 100%; height: 100%;
		text-indent: -90000px;
	}

	#content .batSelector_results .results { 
        overflow: hidden; 
        clear: both;
    }
		#content .batSelector_results .results li {
			position: relative;
			display: inline;
			float: left;
			padding: 24px 0 20px 0;
			background: url(../images/backgrounds/batSelector.results.li.gif) 0 0 repeat-y;
			border-bottom: 1px solid #c3c3c3;
		}
			#content .batSelector_results .results ul div { 
                float: left;
            }
			#content .batSelector_results .results ul div.clear { 
                float: none;
            }
			#content .batSelector_results .results ul div.image {
				width: 208px;
				text-align: center;
			}
			#content .batSelector_results .results ul li.featured div.image {
				background: url(../images/icons/batSelector_results.featured.png) 0 0 no-repeat;
			}
				#content .batSelector_results .results ul div.image img { border: 1px solid #d6d6d7; }
			#content .batSelector_results .results ul div.desc { width: 459px; }
				#content .batSelector_results .results ul div.desc p.prodName {
					font-size: 1.8em;
					color: #a68f10;
				}
				#content .batSelector_results .results ul div.desc p.info {
					padding: 8px 0 20px 0;
					font: normal .9em/1.2em verdana;
					color: #626262;
				}
				#content .batSelector_results .results ul div.desc p.power, 
                #content .batSelector_results .results ul div.desc p.warranty {
					width: 445px;
					font: normal 1.0em/1.2em verdana;
					color: #626262;
				}
				#content .batSelector_results .results ul div.desc p strong {
					display: block;
					font: bold 1.0em/1.2em arial;
					color: #000;
					text-transform: uppercase;
				}
				#content .batSelector_results .results ul div.desc p.warranty { padding: 12px 0 0 0; }
				#content .batSelector_results .results ul div.desc ul { 
					font: normal 1.0em/1.2em verdana;
					color: #626262;
                }
				#content .batSelector_results .results ul div.desc ul li { 
                    background: url(../images/backgrounds/bullet-gray.png) 0 4px no-repeat;
					font: normal 1.0em/1.2em verdana;
					color: #626262;
                    padding: 0 0 3px 9px;
                    margin: 0;
                    border: none;
                    display: block;
                    width: auto;
                    float: none;
                }
			#content .batSelector_results .results ul div.details {
				width: 241px;
				margin: 0 0 0 12px;
			}
				#content .batSelector_results .results ul div.details p {
                    color: #000;
					font: normal 0.9em/1.2em verdana;
					padding: 5px 0 0 0;
				}
				#content .batSelector_results .results ul div.details p.pricing {
                    color: #000;
					padding: 0 0 8px 0;
					font: bold 2.1em/1.2em arial;
				}
				#content .batSelector_results .results ul div.details a {
					display: block;
					font: bold 1.1em/1.2em arial;
					color: #a68f10;
					text-transform: uppercase;
				}
				#content .batSelector_results .results ul div.details a.find,
				#content .batSelector_results .results ul div.details a.find:hover {
					width: 217px; height: 28px;
					margin: 10px 0 0 0;
					text-indent: -90000px;
					background: url(../images/buttons/batSelector_results.find.png) 0 0 no-repeat;
				}
				#content .batSelector_results .results ul div.details a.find:hover {
					background-position: 0 -28px;
				}
				
	
	#content .batSelector_results .pagination {
		width: 870px;
		margin: 0 auto;
		padding: 0 20px 0 28px;
		background: #a3a3a3 url(../images/backgrounds/batSelector.pagination.gif) 0 0 repeat-x;
	}
	#content .batSelector_results .pagination.lower {
        height: 37px;
        width: 890px;
    }
		#content .batSelector_results .pagination div {
			float: left;
			padding: 11px 0 4px;
			font-size: 1.4em;
		}
		#content .batSelector_results .pagination.lower div {
            padding: 0;
        }
		#content .batSelector_results .pagination div p {
            display: inline-block;
            margin: 0;
            padding: 0;
            color: #000;
            font-size: 1.0em;
            line-height: 1.2em;
            font-family: Arial, sans-serif;
            font-weight: normal;
        }
		#content .batSelector_results .pagination div p.preamble {
        }
		#content .batSelector_results .pagination div p.fitment {
        }
		#content .batSelector_results .pagination div.clear {
            float: none;
            clear: left;
            margin: 0;
            padding: 0;
            font-size: 0;
            line-height: 0;
        }
		#content .batSelector_results .pagination ul {
			width: 232px;
			float: right;
		}
		#content .batSelector_results .pagination li {
			float: left;
			margin: 1px 0 0 0;
			width: 54px; height: 35px;
			text-align: center;
			background: url(../images/backgrounds/batSelector.pagination.li.gif) 0 0 no-repeat;
		}
		#content .pagination li.previous, .pagination li.next { 
			width: 22px;
			padding: 0 0 0 13px;
		}
			#content .pagination li a {
				display: block;
				padding: 10px 0 0 0;
				font: bold 1.2em/1.4em arial,verdana;
				color: #5f5f5f;
			}
			#content .pagination li.current a {
				color: #d4b400;
			}
			#content .pagination li.previous a, #content .pagination li.next a {
				float: left;
				width: 9px; height: 18px;
				margin: 9px 0 0 0;
				padding: 0;
				text-indent: -90000px;
			}
			#content .pagination li.previous a { background: url(../images/buttons/batSelector_results.pagination.previous.gif) 0 -18px no-repeat; }
			#content .pagination li.next a { background: url(../images/buttons/batSelector_results.pagination.next.gif) 0 -18px no-repeat; }
			#content .pagination li.disabled a { background-position: 0 0; }
		#content .pagination li.current, #content .batSelector_results .lower li.current { background-color: #eee; }
	#content .batSelector_results .lower { 
		padding: 0 0 0 28px;
		background: url(../images/backgrounds/batSelector.pagination.lower.gif) 0 0 repeat-x;
	}
		#content .batSelector_results .lower div { visibility: hidden; }
		#content .batSelector_results .lower li { background: url(../images/backgrounds/batSelector.pagination.lower.li.gif) 0 0 no-repeat; }

	
/* Battery Selector Carousel */

.batterySelector #recProductsControl {
	position: absolute;
	z-index: 3;
	left: 37%; bottom: 120px;
}

.batterySelector #recProducts {
    position: static !important;
	overflow: visible;
    margin-top: 0;
    padding-bottom: 10px;
	background: none;
    clear: both;
}
	.batterySelector #recProducts .jcarousel-container {
		width: 919px;
	}
	.batterySelector #recProducts .jcarousel-clip-horizontal {
		width: 900px;
		margin: 0;
		padding: 0 10px 0 8px;
		background: url(../images/backgrounds/recProducts_battery.carousel-clip.png) 0 0 no-repeat;
	}
	.batterySelector #recProducts .jcarousel-next-horizontal {
		left: 930px;
		background: url(../images/buttons/recProducts_battery.carousel.next.gif) 0 0 no-repeat;
	}
	.batterySelector #recProducts .jcarousel-prev-horizontal {
		left: -20px;
		background: url(../images/buttons/recProducts_battery.carousel.prev.gif) 0 0 no-repeat;
	}
		.batterySelector #recProducts li {
			width: 219px!important; height: 82px;
			margin: 2px 0 6px 0;
			padding: 8px 0 0 10px;
		}
			.batterySelector #recProducts li div.prodInfo {
				width: 120px;
				/*font-size: 0.8em;*/
			}

/*---- footer specific ----*/

.footerWrap {
	margin: 0 auto;
    height: 21px;
    overflow: visible;
    position: relative;
}
    #footer .promo {
      position: absolute;
      top: -80px;
      width: 100%;
      height: 80px;
      text-align: center;
    }
	#footer ul {
		padding: 0 0 0 10px;
        width: 900px;
        height: 21px;
		text-transform: uppercase;
		font-size: 0.9em;
		color: #fff;
	}
	#footer li { 
        float: left;
        clear: none;
    }
	#footer li img {  }
	#footer a {
		cursor: pointer !important;
        display: block;
    }
	#footer a,
	#footer li.phone {
        height: 21px;
		padding: 0;
		color: #bab9b9;
        text-indent: -9000px;
        overflow: hidden;
        background: url(../images/text/nav-footer-text.png) 0 0 no-repeat;
	}
	#footer li.phone { 
        width: 77px;
        background-position: 0 0;
    }
	#footer li.contact a { 
        width: 72px;
        background-position: -77px 0;
    }
	#footer li.contact a:hover { 
        background-position: -77px -21px;
    }
	#footer li.autoCenter a { 
        width: 111px;
        background-position: -149px 0;
    }
	#footer li.autoCenter a:hover { 
        background-position: -149px -21px;
    }
	#footer li.serviceLive a { 
        width: 76px;
        background-position: -260px 0;
    }
	#footer li.serviceLive a:hover { 
        background-position: -260px -21px;
    }
	#footer li.privacy a { 
        width: 89px;
        background-position: -336px 0;
    }
	#footer li.privacy a:hover { 
        background-position: -336px -21px;
    }
	#footer li.recalls a { 
        width: 100px;
        background-position: -562px 0;
    }
	#footer li.recalls a:hover { 
        background-position: -562px -21px;
    }
	#footer li.mobile a { 
        width: 93px;
        background-position: -425px 0;
    }
	#footer li.mobile a:hover { 
        background-position: -425px -21px;
    }
	#footer li.legal a { 
        width: 43px;
        background-position: -518px 0;
    }
	#footer li.legal a:hover { 
        background-position: -518px -21px;
    }
	#footer li.legalClose {
		padding-top: 7px;
	}
	#footer li.legalClose a {
		font-size: 0.9em;
        font-family: Verdana, sans-serif;
        letter-spacing: 0.07em;
		height: 15px;
        display: block !important;
		overflow: hidden;
		text-indent: -9000px;
		text-transform: none;
		width: 50px;
        background: url(../images/text/nav-footer-legal-close.gif) 0 0 no-repeat;
	}
	#footer li.legalClose a:hover {
        color: #fff;
    }
	#footer li.promoShow a, 
	#footer li.promoHide a, 
	#footer li.vpAdjust a { 
        padding: 6px 0 0;
        margin: 0 0 0 30px;
        display: block;
        height: auto;
        position: relative;
        text-indent: 0;
        background: none;
    }
	#footer li.promoShow a:hover,
	#footer li.promoHide a:hover,
	#footer li.vpAdjust a:hover {
        color: #fff;
    }
	#footer li.promoShow a { 
        width: 70px;
    }
	#footer li.promoHide a { 
        width: 70px;
    }
	#footer li.vpAdjust a { 
        width: 120px;
    }
	#footer .alerts {
		position: absolute;
		right: 0; top: 0;
		display: block;
		width: 134px; height: 21px;
		margin: 0;
		padding: 0;
		text-indent: -90000px;
		background: url(../images/buttons/alerts.gif) 0 0 no-repeat;
	}
	
.footerLegal {
	background-color: #1e1d1d;
    /* Show legal always, Etool 267 
	display: none; */
	height: 27px;
	padding: 5px 10px;
}
	.footerLegal p {
		color: #616060;
		font: normal 1.1em Arial, Helvetica, sans-serif;
	}
		#footer .footerLegal p a {
			background: none;
			color: #a4a0a0;
			display: inline;
			height: auto;
		}
		#footer .footerLegal p a:hover {
			color: #fff;
		}

/*--- Privacy ---*/
.privacy #content p {
    padding: 20px 0 0 0;
}
.privacy #content p.last {
    padding: 20px 0 80px 0;
}
.privacy #content p a {
    display: inline;
}
.privacy #content h3 {
    padding: 25px 0 0;
    font-size: 1.8em;
    font-weight: normal;
}
.privacy #content ul {
	padding: 20px 0 0 10px;
	font: normal 1.1em verdana,arial;
	color: #fff;
}

/*--- Product Category Pages ---*/

#content p {
	color: #fff;
	font: 1.1em/1.8em Verdana, Arial, Helvetica, sans-serif;
}
	#content p.intro {
		padding-top: 20px;
	}
#content a {
	color: #ffd71e;
	display: block;
}
#content a:hover {
	color: #fff;
}
#content img.mainPic {
	float: right;
	padding-left: 20px;	
}

#tabs {
	display: block;
	margin-top: 30px;
}
	#content #tabs h2 {
		background: none;
		color: #fff;
		font: normal 2.1em Arial, Helvetica, sans-serif;
		height: auto;
		margin: 0 0 5px 0;
		text-indent: 0;
	}
	#tabs ul {
		display: block;
		float: left;
		margin-right: -1px;
	}
	*:first-child+html #tabs ul {
		margin-bottom: -1px;
	}
		#tabs ul li {
			display: block;
			float: left;
			height: 30px;
			margin-right: 1px;
			width: 133px;
		}
		.tools #tabs ul li {
			height: 44px;
			width: 167px;
		}
		.chargers #tabs ul li {
			height: 44px;
		}
			#tabs ul li a {
				color: #fff;
				font: bold 1.1em/2.7em Arial, Helvetica, sans-serif;
				text-align: center;
				text-transform: uppercase;
			}
			#tabs ul li a:hover {
				background-position: 0 -30px;
			}
			#tabs ul li.ui-tabs-selected a,
			#tabs ul li.ui-tabs-selected a:hover {
				background-position: 0 -60px;
			}
				.automotive #tabs ul li a {
					background-image: url(../images/backgrounds/tab.automotive.png);
				}
				.marine #tabs ul li a {
					background-image: url(../images/backgrounds/tab.marine.png);
				}	
				.powersport #tabs ul li a {
					background-image: url(../images/backgrounds/tab.powersport.png);
				}
				.tractor #tabs ul li a {
					background-image: url(../images/backgrounds/tab.tractor.png);
				}
				.tools #tabs ul li a,
				.chargers #tabs ul li a {
					background-image: url(../images/backgrounds/tab.tools.png);
					line-height: 1.2em;
					padding: 9px 0 8px 0;
				}
				.chargers #tabs ul li a {
					background-image: url(../images/backgrounds/tab.chargers.png);
				}
					.tools #tabs ul li a:hover,
					.chargers #tabs ul li a:hover {
						background-position: 0 -44px;
					}
					.tools #tabs ul li.ui-tabs-selected a,
					.tools #tabs ul li.ui-tabs-selected a:hover,
					.chargers #tabs ul li.ui-tabs-selected a,
					.chargers #tabs ul li.ui-tabs-selected a:hover {
						background-position: 0 -88px;
					}
	#tabs .tabContent {
		background-position: 0 0;
		background-repeat: repeat-y;
		clear: both;
		padding: 25px 30px 0 287px;
		position: relative;
		width: 353px;
	}
		.automotive #tabs .tabContent {
			background-image: url(../images/backgrounds/automotive.content.png);
		}
		.marine #tabs .tabContent {
			background-image: url(../images/backgrounds/marine.content.png);
		}
		.powersport #tabs .tabContent {
			background-image: url(../images/backgrounds/powersport.content.png);
		}
		.tractor #tabs .tabContent {
			background-image: url(../images/backgrounds/tractor.content.png);
		}
		.tools #tabs .tabContent {
			background-image: url(../images/backgrounds/tools.content.png);
		}
		.chargers #tabs .tabContent {
			background-image: url(../images/backgrounds/chargers.content.png);
		}
		.gear #tabs .tabContent {
			background-image: url(../images/backgrounds/gear.content.png);
		}
		#tabs .tabContent dl {
			display: block;
		}
			#tabs .tabContent dl dt {
				padding: 20px 0 0 0;
				color: #fff;
				font: bold 1.1em Arial, Helvetica, sans-serif;
				text-transform: uppercase;
			}
			#tabs .tabContent dl dd {
				color: #fff;
				font: normal 1.0em Verdana, Arial, Helvetica, sans-serif;
			}
				#tabs .tabContent dl dd ul {
					list-style-type: disc;
				}
				#tabs .tabContent dl dd li {
					display: list-item; 
					float: none;
					width: auto; height: auto;
					margin: 3px 0 0 13px;
				}
			#tabs .tabContent dl dd ul {
				float: none;
			}
			
		#tabs .tabContent .featuredProduct {
            width: 266px;
			color: #fff;
			font: bold 1.0em Verdana, Arial, Helvetica, sans-serif;
			left: 0;
			position: absolute;
			text-align: center;
			top: 0;
		}
		#tabs .tabContent .featuredProduct span.title {
            display: block;
            width: 236px;
            margin: 0 auto;
        }
		#tabs .tabContent .featuredProduct span.title a {
            display: inline;
        }
		#tabs .tabContent .tabContentFooter {
			display: block;
			height: 30px;
			margin: 25px -30px 0 -287px;
			width: 670px;
		}
			.automotive #tabs .tabContent .tabContentFooter {
				background: #7c858f url(../images/backgrounds/automotive.content.footer.png) 0 0 repeat-x;
			}
			.marine #tabs .tabContent .tabContentFooter {
				background: #5886b9 url(../images/backgrounds/marine.content.footer.png) 0 0 repeat-x;
			}
			.powersport #tabs .tabContent .tabContentFooter {
				background: #5a702c url(../images/backgrounds/powersport.content.footer.png) 0 0 repeat-x;
			}
			.tractor #tabs .tabContent .tabContentFooter,
			.tools #tabs .tabContent .tabContentFooter {
				background: #80a146 url(../images/backgrounds/tractor.content.footer.png) 0 0 repeat-x;
			}
			.chargers #tabs .tabContent .tabContentFooter {
				background: #40773e url(../images/backgrounds/chargers.content.footer.png) 0 0 repeat-x;
			}
			.gear #tabs .tabContent .tabContentFooter {
				background: #958050 url(../images/backgrounds/gear.content.footer.png) 0 0 repeat-x;
			}
			
			#tabs .tabContent .tabContentFooter span {
				background: url(../images/text/retailers.png) 0 0 no-repeat;
				display: block;
				float: left;
				height: 14px;
				margin-top: 14px;
				margin-right: 15px;
				overflow: hidden;
				text-indent: -9999em;
				width: 112px;
			}
			#tabs .tabContent .tabContentFooter a.sears {
				background: url(../images/buttons/sears.png) 0 0 no-repeat;
				float: left;
				height: 17px;
				margin-top: 11px;
				margin-right: 15px;
				overflow: hidden;
				text-indent: -9999em;
				width: 59px;
			}
			#tabs .tabContent .tabContentFooter a.kmart {
				background: url(../images/buttons/kmart.png) 0 0 no-repeat;
				float: left;
				height: 21px;
				margin-top: 10px;
				overflow: hidden;
				text-indent: -9999em;
				width: 22px;
			}
			#tabs .tabContent .tabContentFooter a.shop {
				display: block;
				float: right;
				height: 28px;
				overflow: hidden;
				text-indent: -9999em;
				width: 383px;
			}
				.automotive #tabs #platinum .tabContentFooter a.shop {
					background: url(../images/buttons/shop.automotive.png) 0 0 no-repeat;
				}
				.automotive #tabs #platinum .tabContentFooter a.shop:hover {
					background: url(../images/buttons/shop.automotive.png) 0 -28px no-repeat;
				}
				.automotive #tabs #gold .tabContentFooter a.shop {
					background: url(../images/buttons/shop.automotive.png) 0 -56px no-repeat;
				}
				.automotive #tabs #gold .tabContentFooter a.shop:hover {
					background: url(../images/buttons/shop.automotive.png) 0 -84px no-repeat;
				}
				.automotive #tabs #standard .tabContentFooter a.shop {
					background: url(../images/buttons/shop.automotive.png) 0 -112px no-repeat;
				}
				.automotive #tabs #standard .tabContentFooter a.shop:hover {
					background: url(../images/buttons/shop.automotive.png) 0 -140px no-repeat;
				}
				
				.marine #tabs #platinum .tabContentFooter a.shop {
					background: url(../images/buttons/shop.marine.png) 0 0 no-repeat;
				}
				.marine #tabs #platinum .tabContentFooter a.shop:hover {
					background: url(../images/buttons/shop.marine.png) 0 -28px no-repeat;
				}
				.marine #tabs #starting .tabContentFooter a.shop {
					background: url(../images/buttons/shop.marine.png) 0 -56px no-repeat;
				}
				.marine #tabs #starting .tabContentFooter a.shop:hover {
					background: url(../images/buttons/shop.marine.png) 0 -84px no-repeat;
				}
				.marine #tabs #deepcycle .tabContentFooter a.shop {
					background: url(../images/buttons/shop.marine.png) 0 -112px no-repeat;
				}
				.marine #tabs #deepcycle .tabContentFooter a.shop:hover {
					background: url(../images/buttons/shop.marine.png) 0 -140px no-repeat;
				}
				
				.powersport #tabs #gold .tabContentFooter a.shop {
					background: url(../images/buttons/shop.powersport.png) 0 0 no-repeat;
				}
				.powersport #tabs #gold .tabContentFooter a.shop:hover {
					background: url(../images/buttons/shop.powersport.png) 0 -28px no-repeat;
				}
				.powersport #tabs #standard .tabContentFooter a.shop {
					background: url(../images/buttons/shop.powersport.png) 0 -56px no-repeat;
				}
				.powersport #tabs #standard .tabContentFooter a.shop:hover {
					background: url(../images/buttons/shop.powersport.png) 0 -84px no-repeat;
				}
				
				.tractor #tabs #gold .tabContentFooter a.shop {
					background: url(../images/buttons/shop.tractor.png) 0 0 no-repeat;
				}
				.tractor #tabs #gold .tabContentFooter a.shop:hover {
					background: url(../images/buttons/shop.tractor.png) 0 -28px no-repeat;
				}
				.tractor #tabs #standard .tabContentFooter a.shop {
					background: url(../images/buttons/shop.tractor.png) 0 -56px no-repeat;
				}
				.tractor #tabs #standard .tabContentFooter a.shop:hover {
					background: url(../images/buttons/shop.tractor.png) 0 -84px no-repeat;
				}
				
				.tools #tabs #c3 .tabContentFooter a.shop {
					background: url(../images/buttons/shop.tools.png) 0 0 no-repeat;
				}
				.tools #tabs #c3 .tabContentFooter a.shop:hover {
					background: url(../images/buttons/shop.tools.png) 0 -28px no-repeat;
				}
				.tools #tabs #pro .tabContentFooter a.shop {
					background: url(../images/buttons/shop.tools.png) 0 -56px no-repeat;
				}
				.tools #tabs #pro .tabContentFooter a.shop:hover {
					background: url(../images/buttons/shop.tools.png) 0 -84px no-repeat;
				}
				.tools #tabs #lithium .tabContentFooter a.shop {
					background: url(../images/buttons/shop.tools.png) 0 -112px no-repeat;
				}
				.tools #tabs #lithium .tabContentFooter a.shop:hover {
					background: url(../images/buttons/shop.tools.png) 0 -140px no-repeat;
				}
				.tools #tabs #alkaline .tabContentFooter a.shop {
					background: url(../images/buttons/shop.tools.png) 0 -168px no-repeat;
				}
				.tools #tabs #alkaline .tabContentFooter a.shop:hover {
					background: url(../images/buttons/shop.tools.png) 0 -196px no-repeat;
				}
				
				.chargers #tabs #portable a.shop {
					background: url(../images/buttons/shop.chargers.png) 0 0 no-repeat;
				}
				.chargers #tabs #portable a.shop:hover {
					background: url(../images/buttons/shop.chargers.png) 0 -28px no-repeat;
				}
				.chargers #tabs #shelf a.shop {
					background: url(../images/buttons/shop.chargers.png) 0 -56px no-repeat;
				}
				.chargers #tabs #shelf a.shop:hover {
					background: url(../images/buttons/shop.chargers.png) 0 -84px no-repeat;
				}
				.chargers #tabs #inverters a.shop {
					background: url(../images/buttons/shop.chargers.png) 0 -112px no-repeat;
				}
				.chargers #tabs #inverters a.shop:hover {
					background: url(../images/buttons/shop.chargers.png) 0 -140px no-repeat;
				}
				.chargers #tabs #wheeled a.shop {
					background: url(../images/buttons/shop.chargers.png) 0 -168px no-repeat;
				}
				.chargers #tabs #wheeled a.shop:hover {
					background: url(../images/buttons/shop.chargers.png) 0 -196px no-repeat;
				}
				.chargers #tabs #universal a.shop {
					background: url(../images/buttons/shop.chargers.png) 0 -224px no-repeat;
				}
				.chargers #tabs #universal a.shop:hover {
					background: url(../images/buttons/shop.chargers.png) 0 -252px no-repeat;
				}
				
				.gear #tabs a.shop {
					background: url(../images/buttons/shop.gear.png) 0 0 no-repeat;
				}
				.gear #tabs a.shop:hover {
					background: url(../images/buttons/shop.gear.png) 0 -28px no-repeat;
				}
				
		
.ui-tabs-hide {
	display: none;
}

/*--- Other Content Pages ---*/

.maintain #content a,
.recharge #content a,
.install #content a {
	display: inline;
}

.instructions {
	display: block;
	margin-top: 32px;
}	
.step {
	padding-bottom: 32px;
	width: 455px;
}
	.step .number {
		background: url(../images/backgrounds/step.png) 0 0 no-repeat;
		color: #fff;
		display: block;
		float: left;
		font: bold 4.8em Arial, Helvetica, sans-serif;
		height: 62px;
		margin-right: 15px;
		padding: 8px;
		width: 62px;
	}
		.step .number span {
			display: block;
			font: normal 0.25em/0.8em Arial, Helvetica, sans-serif;
			font-style: italic;
			text-transform: uppercase;
		}
	.step .instruction {
		float: left;
		width: 362px;
	}
		.step .instruction h3 {
			color: #fff;
			font: normal 1.8em Arial, Helvetica, sans-serif;
		}
		.step .instruction p {
		}
		.step .instruction table {
			border: 1px solid #fff !important;
		}
		.step .instruction td,
		.step .instruction th {
			border: 1px solid #fff;
			color: #fff;
			font-size: 1.1em;
			font-family: Verdana, Arial, Helvetica, sans-serif;
			padding: 3px 0;
			text-align: center;
		}
		.step .instruction ul {
			margin: 15px 0 0 15px;
		}
			.step .instruction ul li {
				color: #fff;
				font-family: Verdana, Arial, Helvetica, sans-serif;
				font-size: 1.1em;
				list-style: disc !important;
				padding-bottom: 3px;
			}

/*--- Fancy Box jQuery Multimedia Lightbox Plugin ---*/
div#fancy_overlay {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: #666;
	display: none;
	z-index: 30;
}

* html div#fancy_overlay {
	position: absolute;
	height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}

div#fancy_wrap {
	text-align: left;
}

div#fancy_loading {
	position: absolute;
	height: 40px;
	width: 40px;
	cursor: pointer;
	display: none;
	overflow: hidden;
	background: transparent;
	z-index: 100;
}

div#fancy_loading div {
	position: absolute;
	top: 0;
	left: 0;
	width: 40px;
	height: 480px;
	background: transparent url('../images/fancybox/fancy_progress.png') no-repeat;
}

div#fancy_loading_overlay {
	position: absolute;
	background-color: #FFF;
	z-index: 30;
}

div#fancy_loading_icon {
	position: absolute;
	background: url('../images/fancybox/fancy_loading.gif') no-repeat;
	z-index: 35;
	width: 16px;
	height: 16px;
}

div#fancy_outer {
	position: absolute;
    top: 0;
    left: 0;
    z-index: 90;
    padding: 18px 18px 33px 18px;
    margin: 0;
    overflow: hidden;
    background: transparent;
    display: none;
}

div#fancy_inner {
	position: relative;
	width:100%;
	height:100%;
	border: 1px solid #BBB;
	background: #000 url(../images/backgrounds/fancy_content.png) 0 0 repeat-x;
}

div#fancy_content {
	margin: 0;
	padding: 23px 0 0 0;
	z-index: 100;
	position: absolute;
}

div#fancy_div {
	background: #000;
	color: #FFF;
	height: 100%;
	width: 100%;
	z-index: 100;
	margin: -3px 0 0 0;
}

img#fancy_img {
	position: absolute;
	top: 0;
	left: 0;
	border:0; 
	padding: 0; 
	margin: 0;
	z-index: 100;
	width: 100%;
	height: 100%;
}

div#fancy_close {
	position: absolute;
	top: -2px;
	right: -3px;
	height: 30px;
	width: 30px;
	/*background: url('../images/fancybox/fancy_closebox.png') top left no-repeat; */
	background: url('../images/buttons/lightbox.close.small.png') top left no-repeat;
	cursor: pointer;
	z-index: 181;
	display: none;
}

#fancy_frame {
	position: relative;
	width: 100%;
	height: 100%;
	display: none;
}

#fancy_ajax {
	width: 100%;
	height: 100%;
	overflow: auto;
}

a#fancy_left, a#fancy_right {
	position: absolute; 
	top: 50%; 
	height: 30px; 
	width: 30px; 
	cursor: pointer;
	z-index: 111; 
	display: none;
	background-image: url(data:image/gif;base64,AAAA);
	outline: none;
}

a#fancy_left {
	left: 0px; 
}

a#fancy_right {
	right: 0px; 
}

span.fancy_ico {
	position: absolute; 
	top: 50%;
	margin-top: -15px;
	width: 30px;
	height: 30px;
	z-index: 112; 
	cursor: pointer;
	display: block;
}

span#fancy_left_ico {
	left: -18px;
	background: transparent url('../images/fancybox/fancy_left.png') no-repeat;
}

span#fancy_right_ico {
	right: -18px;
	background: transparent url('../images/fancybox/fancy_right.png') no-repeat;
}

a#fancy_left:hover {
  visibility: visible;
}

a#fancy_right:hover {
  visibility: visible;
}

.fancy_bigIframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: transparent;
}

div#fancy_bg {
	position: absolute;
	top: 0; left: 0;
	width: 100%;
	height: 100%;
	z-index: 70;
	border: 0;
	padding: 0;
	margin: 0;
}
	
div.fancy_bg {
	position: absolute;
	display: block;
	z-index: 70;
	border: 0;
	padding: 0;
	margin: 0;
}

div.fancy_bg_n {
	top: -18px;
	width: 100%;
	height: 18px;
	background: transparent url('../images/fancybox/fancy_shadow_n.png') repeat-x;
}

div.fancy_bg_ne {
	top: -18px;
	right: -13px;
	width: 13px;
	height: 18px;
	background: transparent url('../images/fancybox/fancy_shadow_ne.png') no-repeat;
}

div.fancy_bg_e {
	right: -13px;
	height: 100%;
	width: 13px;
	background: transparent url('../images/fancybox/fancy_shadow_e.png') repeat-y;
}

div.fancy_bg_se {
	bottom: -18px;
	right: -13px;
	width: 13px;
	height: 18px;
	background: transparent url('../images/fancybox/fancy_shadow_se.png') no-repeat;
}

div.fancy_bg_s {
	bottom: -18px;
	width: 100%;
	height: 18px;
	background: transparent url('../images/fancybox/fancy_shadow_s.png') repeat-x;
}

div.fancy_bg_sw {
	bottom: -18px;
	left: -13px;
	width: 13px;
	height: 18px;
	background: transparent url('../images/fancybox/fancy_shadow_sw.png') no-repeat;
}

div.fancy_bg_w {
	left: -13px;
	height: 100%;
	width: 13px;
	background: transparent url('../images/fancybox/fancy_shadow_w.png') repeat-y;
}

div.fancy_bg_nw {
	top: -18px;
	left: -13px;
	width: 13px;
	height: 18px;
	background: transparent url('../images/fancybox/fancy_shadow_nw.png') no-repeat;
}

div#fancy_title {
	position: absolute;
	bottom: -33px;
	left: 0;
	width: 100%;
	z-index: 100;
	display: none;
    /* override title display with CSS as it's not a config option *
     * for the JS module and we want title attributes in HTML      */
	display: none !important;
}

div#fancy_title div {
	color: #FFF;
	font: bold 12px Arial;
	padding-bottom: 3px;
}

div#fancy_title table {
	margin: 0 auto;
}

div#fancy_title table td {
	padding: 0;
	vertical-align: middle;
}

td#fancy_title_left {
	height: 32px;
	width: 15px;
	background: transparent url(../images/fancybox/fancy_title_left.png) repeat-x;
}

td#fancy_title_main {
	height: 32px;
	background: transparent url(../images/fancybox/fancy_title_main.png) repeat-x;
}

td#fancy_title_right {
	height: 32px;
	width: 15px;
	background: transparent url(../images/fancybox/fancy_title_right.png) repeat-x;
}
/* --end Fancy Box CSS */