@charset "utf-8";
/* CSS Document */
body {
	background-color: #FFFFFF;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 00px;
	margin-bottom: 0px;
	text-align: center;
	background-image: url(images/bg_global.jpg);
	background-repeat: repeat-x;
}
#Main {
	position:relative;
	width:1005px;
	z-index:1;
	margin-left:auto;
	margin-right:auto;
	padding:0px;
	border:0px;
	background-color: #FFFFFF;
	text-align:left;
}
#Footer {
	position:relative;
	width:989px;
	z-index:1;
	margin-left:0px;
	padding:0px;
	border:0px;
	background-color: #FFFFFF;
	text-align:left;
}

body,td,th {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666666;
}
a:link {
	color: #666666;
}
a:visited {
	color: #00CC00;
}
a:hover {
	color: #00CC00;
}
a:active {
	color: #00CC00;
}
.franchise_head {
	font-size: 18px;
	color: #141650;
}
.franchise_subhead {
	font-size: 18px;
	color: #81BB1B;
}
.nav {
font-size: 11px;
margin: 0;
padding: 0;
list-style-type: none;
}
.nav a:link {
	color: #666666;
	text-decoration:none;
}
.nav a:visited {
	color: #666666;
	text-decoration:none;
}
.nav a:hover {
	color: #00CC00;
	text-decoration:none;
}
.nav a:active {
	color: #00CC00;
	text-decoration:none;
}
h2,h3,h4,h5,h6 {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-style: italic;
}

h2 {
	font-size: 16px;
	color: #009900;
}
h3 {
	font-size: 16px;
	color: #000066;
}
#BlueFoot {
	position:absolute;
	left:0px;
	top:0px;
	width:209px;
	height:40px;
	z-index:2;
	background:#141650;
}
#GreenFoot {
	position:absolute;
	left:225px;
	top:0px;
	width:764px;
	height:40px;
	z-index:2;
	background:#81bb1b;
	text-align:center;
}
#LeftNav {
	position:absolute;
	left:0px;
	top:0px;
	width:197px;
	height:876px;
	z-index:4;
	background-image:url(images/bg_leftnav.jpg);
	padding-left: 8px;
	padding-right: 4px;
}
#LeftNav2 {
	background-image:url(images/bg_leftnav2.jpg);
	background-repeat: repeat-x;
	padding-left: 8px;
	padding-right: 4px;
}
#HeaderImg {
	position:absolute;
	left:225px;
	top:0px;
	width:764px;
	height:133px;
	z-index:4;
	background-image:url(images/bg_header.jpg);
}
#Home1 {
	position:absolute;
	left:378px;
	top:0px;
	width:386px;
	height:205px;
	z-index:6;
}
#Home2 {
	position:absolute;
	left:378px;
	top:210px;
	width:386px;
	height:205px;
	z-index:6;
}
#Home3 {
	position:absolute;
	left:378px;
	top:420px;
	width:386px;
	height:205px;
	z-index:6;
}
.whitetext {
	color:#FFFFFF;
}
.whitetext a:link{
	color:#FFFFFF;
	text-decoration:none;
}
.whitetext a:visited{
	color:#FFFFFF;
	text-decoration:none;
}
.whitetext a:hover{
	color:#FFFFFF;
	text-decoration:underline;
}
.whitetext a:active{
	color:#FFFFFF;
	text-decoration:none;
}
#SearchBox{
	position:absolute;
	left:536px;
	top:23px;
	width:225px;
	height:76px;
	z-index:5;
	background-image:url(images/bg_search.jpg)
}
#TopNav{
	position:absolute;
	left:400px;
	top:4px;
	width:350px;
	height:16px;
	z-index:5;
	text-align:right;
}
#MidNav{
	position:absolute;
	left:6px;
	top:113px;
	width:591px;
	height:16px;
	z-index:5;
}
#livehelp{
	position:absolute;
	left:463px;
	top:24px;
	width:68px;
	height:72px;
	z-index:5;
}
.searchbox {
 font-size: 11px; 
 background-color: #ffffff; 
 border: 1px solid #999999;
}
#MainContentArea {
	position:absolute;
	left:224px;
	top:142px;
	width:764px;
	height:634px;
	z-index:3;
	overflow: auto;
}
.BigNav {
	font-size: 13px;
	font-weight: bold;
	font-style: italic;
	color:#000066;
}
.BigNav a:link{
	font-size: 13px;
	font-weight: bold;
	font-style: italic;
	color:#000066;
	text-decoration:none;
}
.BigNav a:visited{
	font-size: 13px;
	font-weight: bold;
	font-style: italic;
	color:#000066;
	text-decoration:none;
}
.BigNav a:hover{
	font-size: 13px;
	font-weight: bold;
	font-style: italic;
	color:#00CC00;
	text-decoration:none;
}
.BigNav a:active{
	font-size: 13px;
	font-weight: bold;
	font-style: italic;
	color:#000066;
	text-decoration:none;
}
.style3 {font-size: 14px}
.style4 {
	color: #FFFFFF;
	font-size: 14px;
	font-weight: bold;
	font-style: italic;
}
.generaltext {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#000000;

}
.BigLink {
	font-size: 13px;
	font-weight: bold;
	color:#000066;
	line-height:24px;
}
.BigLink a:link{
	font-size: 13px;
	font-weight: bold;
	color:#000066;
	line-height:24px;
	text-decoration:none;
}
.BigLink a:visited{
	font-size: 13px;
	font-weight: bold;
	color:#000066;
	line-height:24px;
	text-decoration:none;
}
.BigLink a:hover{
	font-size: 13px;
	font-weight: bold;
	color:#00CC00;
	line-height:24px;
	text-decoration:none;
}
.BigLink a:active{
	font-size: 13px;
	font-weight: bold;
	color:#000066;
	line-height:24px;
	text-decoration:none;
}
.navlist {
	padding:0px;
	margin:0px;
}
.navlist li {
	list-style-type:none;
	margin-left:5px;
	padding-left:5px;
}
/* Style Carryover from BatteryFinder */
div.showall {
	margin-top:15px;
	margin-right:5px;
	float:right;

}
div.boxtopper{
	padding-left:7px;
	padding-top:3px;
	padding-bottom:3px;
	padding-right:7px;
	margin-top:8px;
	font-size:11px;
	font-weight:bold;
	color:#FFFFFF;
	background-color: #81BB1B;
	width:176px;
}
div.intcontent{
	margin-top:7px;
	width:560px;
	height:120px;
	border-bottom:dotted;
	border-bottom-color:#CCCCCC;
	border-bottom-width:thin;
	
}
div.intcontent img{
	border-right:dotted;
	border-right-color:#CCCCCC;
	border-right-width:thin;
	margin-right:5px;
}

div.box {

	background-color:#FFFFFF;
	background-image:url(../images/bg_box.gif);
	background-repeat:repeat-x;
	border: 1px #81BB1B solid;
	border-top:none;
	padding:7px;
	width:174px;
	height:auto;
	
}
.makemodel li {
	list-style-type:none;
	margin: 1px 0px 1px 0px;
	padding: 1px 0px 1px 0px;
}
.makemodel2 li {
	list-style-type:circle;
}
.tophat {
	margin:5px 0px 5px 0px;
	padding:5px 0px 5px 0px;
	text-align:center;
	font-weight:bold;
	color:#141650;
	font-size:16px;
}
div.c1 {
	text-align:center;
}
.catlink {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12.5px;
	color: #CCCCCC;
	font-weight:bold;
	line-height:20px;
}
.catlink a:link {
	font-family:Arial, Helvetica, sans-serif;
	text-decoration: none;
	color: #161851;
}
.catlink a:visited {
	font-family:Arial, Helvetica, sans-serif;
	text-decoration: none;
	color: #161851;
}
.catlink a:hover {
	font-family:Arial, Helvetica, sans-serif;
	text-decoration: none;
	color: #89bc2e;
}
.catlink a:active {
	font-family:Arial, Helvetica, sans-serif;
	text-decoration: none;
	color: #161851;
}

tr.tr td {background-color:white;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color: #161851;
}
tr.trover td {background-color:#eef6e0;
font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color: #FF0000;
	font-weight:bold;
}
tr.tr2 td {background-color:#F3F3F3;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color: #161851;
}
.headlink {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color: #161851;
	font-weight:bold;
}
.headlink a:link {
	font-family:Arial, Helvetica, sans-serif;
	text-decoration: none;
	color: #161851;
}
.headlink a:visited {
	font-family:Arial, Helvetica, sans-serif;
	text-decoration: none;
	color: #161851;
}
.headlink a:hover {
	font-family:Arial, Helvetica, sans-serif;
	text-decoration: none;
	color: #89bc2e;
}
.headlink a:active {
	font-family:Arial, Helvetica, sans-serif;
	text-decoration: none;
	color: #161851;
}
h1 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color: #161851;
	font-weight:bold;
}
h1 a:link {
	font-family:Arial, Helvetica, sans-serif;
	text-decoration: none;
	color: #161851;
}
h1 a:visited {
	font-family:Arial, Helvetica, sans-serif;
	text-decoration: none;
	color: #161851;
}
h1 a:hover {
	font-family:Arial, Helvetica, sans-serif;
	text-decoration: none;
	color: #89bc2e;
}
h1 a:active {
	font-family:Arial, Helvetica, sans-serif;
	text-decoration: none;
	color: #161851;
}

/* Style Additions by Darren */


div.headlink {
	margin-bottom:10px;
	font-style:italic;

}
div.showall {
	margin-top:15px;
	margin-right:5px;
	float:right;
}
span.maincat {
	color:#82BA17;
}
span.subcat {
	font-size:85%;
	margin-left:5px;
	color:#82BA17;
}
.copy {
	/*font-family: Arial, Helvetica, sans-serif;*/
	margin-top:3px;
	font-size: 12px;
	font-weight: bold;
	color:#161851;
}
.copygreen {
	/*font-family: Arial, Helvetica, sans-serif;*/
	margin-top:3px;
	font-size: 12px;
	font-weight: bold;
	color:#57AB18;
}

/*****************************/

td.tr {background-color: #EEEEEE;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color: #161851;
}
td.trover {background-color:#eef6e0;
font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color: #FF0000;
	font-weight:bold;
	cursor:pointer;
}
td.tr2 {background-color:#F3F3F3;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color: #161851;
}
.loginbox{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#666666;
	border:1px #666666 solid;
}
div.catbox {
	background-color:#FFFFFF;
	background-image:url(../images/bg_catbox.gif);
	background-repeat:repeat-x;
	border: 2px #81BB1B solid;
	padding: 0px;
	padding-left:7px;
	width:145px;
	height:52px;
	margin:3px;
	float: left;
	font:Arial, Helvetica, sans-serif;
	font-size:12x;
	font-weight:bold;
	font-style:italic;
	color:#000066;
	
}
div.catbox:hover {
	border: 2px #000066 solid;
	cursor: pointer;
	color: #81BB1B;	
}
div.catbox a:link {
color:#000066;
	text-decoration:none;
}
div.catbox a:visited {
color:#000066;
	text-decoration:none;
}
div.catbox a:hover {
color:#000066;
	text-decoration:none;
}
div.catbox a:active {
color:#000066;
	text-decoration:none;
}
div.catbox img{
	border: none;
}
div.catcontain {
	padding: 0px;
	float: none;
	width: 504px;
	height: 58px/
	
}
div.rightcontain{
	float: right;
	width: 258px;
	height: 1100px;
}
div.spokespersonhome{
	border: 2px #000066 solid;
	margin: 3px;
	height:170px;
	width:246px;
}
div.homeboxtop{
	border: 2px #000066 solid;
	margin: 3px;
	margin-bottom: 0px;
	background-color:#000066;
	width:238px;
	padding-left: 4px;
	padding-right: 4px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
	color:#FFFFFF;
}
div.homelogin{
	border: 2px #000066 solid;
	border-top:none;
	margin: 3px;
	margin-top: 0px;
	background-color:#EFEFEF;
	width:238px;
	padding: 4px;
}
div.homefeatured{
	border: 2px #000066 solid;
	border-top:none;
	margin: 3px;
	margin-bottom: 0px;
	margin-top: 0px;
	background-color:#EFEFEF;
	width:238px;
	padding: 4px;
}
div.homefeatured img.productimg {
	border: 1px #81BB1B solid;
}
a.add, a.add:visited {
font: bold 11px verdana, sans-serif;
text-decoration: none;
color:#ffffff; 
background-color: #66cc00; 
border: solid 1px #ffffff; 
padding: 1px 4px 1px 4px;
margin: 0px;
text-align: center;
}

/* add to cart link */
a.add:hover, a.add:active {
font: bold 11px verdana, sans-serif; 
text-decoration: none;
color:#ffffff; 
background-color: #ff6633; 
border: solid 1px #ffffff; 
padding: 1px 4px 1px 4px;
margin: 0px;
text-align: center;
}
span.add {
font: bold 11px verdana, sans-serif; 
background-color: #336699;
border: solid 1px #336699;
line-height: 1.2;
padding: 1px 0px 1px 0px;
margin: 0px;
text-align: center;
}
.mainbox {
	background-image:url(https://www.batterygiant.com/images/bg_mainbottom.jpg);
	background-repeat:repeat-x;
	background-position:bottom;
}
.jsbrand
{
  position   : absolute;
  z-index    : 1000;
}
.myMovie {position: fixed; bottom: 0px; right: 0px;}
#button7{
	padding:4px;
	background-color:#000066;
	color:#FFFFFF;
	border:thin #00CC00 solid;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	width:120px;
	position: inherit;
}
#builderbox {
	background-color:#FFFFFF;
	background-image:url(/images/bg_builder.gif);
	background-repeat:repeat-x;
	background-position:top;
	width:756px;
	min-height:510px;
	
	border: solid 2px #CCCCCC;
	}
#builderbox p {
	margin-left:10px;
	margin-right:10px;
	}

#prods {height:290px;text-align:center;color:#161851;background-color:#f0f4e6;padding:0px 0px 10px 0px;margin:0px 0px 25px 0px;clear:both;}

#prods p {width:252px;overflow:hidden;float:left;margin:0px}

#prods strong {color:#161851;background-color:transparent;font-size:14px;display:block;}

.ptstr {font-size:16px;display:block;color:white;background-color:#141650;padding:3px 5px;margin:0px 0px 10px 0px;}

#prods img {width:150px;height:150px;display:block;text-align:center;margin:10px auto;border:2px solid #89bc2e;}

#prods a:hover img {border:2px solid #141650;}

#prods a {background: url(/images/buy-now.jpg) no-repeat bottom center;width:152px;height:205px;max-height:195px;text-decoration:none;display:block;margin:0px auto;}

#prods a:hover {text-decoration:underline;}

.vai {text-align:center;margin:17px 0px 17px 0px;}

.vai a {font-size:20px;color:#ffffff;background: #81bb1b;text-decoration:none;padding:15px 25px;display:block;border:2px solid #00cc00}

.vai a:hover {color:#141650;text-decoration:none;border:2px solid #141650}

.vai img {border:0px;padding:10px 0px 0px 0px;}

strong {color:#699718}

.clbo {clear:both;}

.call {text-align:center;font-size:16px;margin:25px 0px;}
.call img {margin:0px auto;display:block}
.call strong {display:block;font-size:18px;color:#000066;padding:5px 0px 0px 0px;}
.call b {display:block;font-size:20px;color:#000066;padding:0px 0px 5px 0px;}
.call p {width:489px;color:#ffffff;background-color:#81bb1b;margin: 0px auto;padding: 5px 0px;}

.alpha {list-style-type:upper-alpha;}

.grnarr {padding-bottom:10px;}

.tlst {list-style-position:inside;margin-left:3px;padding-left:0px;}

.tli li {margin: 4px 0px;}

.spnl {display:none;}
.headerRow td{background-color:#006; font-weight:bold; color:#fff;}

a.new-bodylinks { font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#666666 !important; text-decoration:underline; }
a.new-bodylinks:hover {  color:#00cc00 !important; }
.BGphoneboxinterior{
	position:absolute;
	width:286px;
	text-align:center;
	font-family:Tahoma, Geneva, sans-serif;
	font-size:28px;
	font-weight:bold;
	left:187px;
	top:10px;
	z-index:10;
	color: #81bb1b;
	height: 66px;
}

.BGhoursinterior{font-size:11px; color:#000;}