*{margin:0;padding:0}
html {scroll-behavior: smooth;}
body{background:#fff;font:90% Tahoma,Geneva,sans-serif;text-align:center;width:100%}
p{margin:14px 0;line-height:130%}
ul{margin-left:17px;list-style:circle}
ol{margin-left:17px}
li{margin:8px 0}
h1 {font-weight:400; font-size:37px; margin:5px 0 30px 0; color:#0C80C6; font-family:Tahoma,Arial,sans-serif;}
/*h1{font-size:24px;font-weight:bold;color:#444;font-style:italic;margin-bottom:14px;margin-top:5px; padding-right:5px;}*/
h2{font-size:1.15em; font-weight:bold; margin:12px 0 6px 0;}
h3{font-size:1.5em; color:#666; margin:16px 0 6px 0; padding-bottom:3px; font-weight:bold;}
h4{font-size:1.15em; font-weight:bold; margin:12px 0 6px 0;}
h5{font-size:1.5em; font-weight:bold; margin:5px 0 12px 0; color:#0C80C6;}
h6{font-size:1.15em; font-weight:bold; margin:12px 0 6px 0}
img,a img{border:0}
.vam{vertical-align:middle}
.fl{float:left}
.fr{float:right}
.cl {clear:left;}
.cr {clear:right;}
form{margin:0}
.dn {display:none}

/* standard orange color: #C05817 #C05817 , old color: #ED6C1B */

/* standard form inputs */
input[type='text'], input[type='number'], input[type='password'], input[type='file'], input[type='password'], input[type='email'], input[type='tel'], input[type='date'], input[type='datetime'], input[type='month'], input[type='search'], input[type='time'], input[type='url'], input[type='week'], textarea {background:#fff; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; padding:1px 10px; font:18px Verdana,sans-serif; color:#333; border:1px solid #E0E0E0; -webkit-appearance:textfield; border-bottom:1px solid #C8C8C8; -webkit-box-shadow: 0 1px 2px 0 rgba(170,170,170,0.5); -moz-box-shadow: 0 1px 2px 0 rgba(170,170,170,0.5); box-shadow: 0 1px 2px 0 rgba(170,170,170,0.5); }

input[type='text']:focus, input[type='number']:focus, input[type='password']:focus, input[type='file']:focus, input[type='password']:focus, input[type='email']:focus, input[type='tel']:focus, input[type='date']:focus, input[type='datetime']:focus, input[type='month']:focus, input[type='search']:focus, input[type='time']:focus, input[type='url']:focus, input[type='week']:focus, textarea:focus {-webkit-box-shadow: 0 2px 5px 0 rgba(170,170,170,0.7); -moz-box-shadow: 0 2px 5px 0 rgba(170,170,170,0.7); box-shadow: 0 2px 5px 0 rgba(170,170,170,0.7); }

input::-ms-clear {display:none;}
input::-webkit-contacts-auto-fill-button { visibility: hidden; display: none !important; pointer-events: none; position: absolute; right: 0; }

input[type='text']:invalid, input[type='text']:focus:invalid, input[type='email']:invalid, input[type='email']:focus:invalid, input[type='tel']:invalid, input[type='tel']:focus:invalid {background:#fff url(https://www.batterystuff.com/images/alert-triangle.png) no-repeat 98% center; background-size: 16px 16px;}

input[type='text'].empty:invalid, input[type='text'].empty:focus:invalid, input[type='email'].empty:invalid, input[type='email'].empty:focus:invalid, input[type='tel'].empty:invalid, input[type='tel'].empty:focus:invalid {background-image:none;}
 
input[type='text']:not(.noValidation):valid, input[type='email']:valid, input[type='tel']:valid {background:#fff url(https://res.cloudinary.com/dyuctplmh/image/upload/v1498102643/checkmark-circle-fill-green3.png) no-repeat 98% center; background-size: 16px 16px;}
input[type='text'].empty:valid, input[type='email'].empty:valid, input[type='tel'].empty:valid {background:#fff;}

input:focus:invalid + .fieldErrorTxt {display:block;}
input:not:focus:valid + .fieldErrorTxt {display:none;}
input:focus:valid + .fieldErrorTxt {display:none;}

a{text-decoration:underline}
a:link{color:#f60}
a:visited{color:#d65500}
a:hover{color:#ff9700}
.strike{text-decoration:line-through;}
.red{color:#900}
.alignleft{float:left;margin:0 15px 5px 0}
.alignright{float:right;margin:0 0 5px 15px}
.imgLeft{margin:0 15px 5px 0;float:left}
.imgRight{margin:0 0 5px 15px;float:right}
.txtSmall{font-size:70%}
.txtLarge{font-size:170%;color:#695f3f}
.cb {clear:both;}
.c {text-align:center;}
.r {text-align: right;}
.l {text-align: right;}

p.intro:first-letter{font-size:350%;float:left;width:1.5em;color:#695f3f;font-family:Georgia,serif}

.dn {display:none !important;}	
#navContainer {position:fixed; top:60px; left:0; right:0; height:40px; background:#00346D; padding:0px 10px; color:#fff; font-family: Verdana,Arial,sans-serif; margin-top: 0; display:flex; justify-content: center; color:#fff; z-index:40;}
#navMenu {max-width:1500px; position: relative; box-sizing: border-box;}
#navMenu * {box-sizing: border-box;}
#navMenu > ul {margin:0; padding:0; list-style: none; display:flex; width:100%;}
#navMenu > ul > li {margin:0; padding:0; display:inline-block;}
#navMenu > ul > li > span > a {padding:10px; margin:0 1px 0 1px; display:inline-block; font-size:14px; white-space: nowrap;}
#navMenu > ul > li span {padding:0 1px; display:inline-block;}
#navMenu > ul > li > span > a:link {color:#fff; -webkit-transition: all 500ms ease 0s; -o-transition: all 500ms ease 0s; transition: all 500ms ease 0s; text-decoration:none;}
#navMenu > ul > li > span > a:visited {color:#fff; -webkit-transition: all 500ms ease 0s; -o-transition: all 500ms ease 0s; transition: all 500ms ease 0s;  text-decoration:none;}
#navMenu > ul > li > span > a:hover {color:#FEC057;  text-decoration:none;}
#navMenu > ul > li > span > a:active {color:#FEC057;  text-decoration:none;}
#navMenu > ul > li.active > span > a {color:#00346D; text-decoration:none; border-top:3px solid #00346D;}
#navMenu > ul > li.active span { background:white; }

#navButton {display: none;}

.subMenu {font-family: Verdana,Arial,sans-serif; position: absolute; z-index:100; padding:10px; border-right:1px solid #eee; border-bottom:1px solid #eee; border-left:1px solid #eee; -webkit-box-shadow: 0px 8px 8px 1px rgba(0, 0, 0, 0.5); box-shadow: 0px 8px 8px 1px rgba(0, 0, 0, 0.5);  margin-top:0px; max-height: calc(100vh - 130px); overflow-y: auto; width:100%; left:0; margin:0 auto; background:white;}
.subMenu h3 {color:#0C80C6; font-weight: 400; margin:0;}
.subMenu .icons {display:flex; justify-content: space-evenly; align-items: baseline;}
.subMenu .icons .item {text-align: center;  margin:15px; font-size:14px;}
.subMenu .icons .item img {width:80px; margin-bottom:12px; display:block}
.subMenu .icons .item a {display:flex; flex-direction: column; align-items:center; border:1px solid white; border-radius: 3px;}
.subMenu .icons .item em {font-style: normal;}
.subMenu .icons .item a {padding:8px;}
.subMenu .icons .item a:link, #navMenu .subMenu .icons .item a:visited {text-decoration: none; color:black;}
.subMenu .icons .item a:hover {text-decoration: underline; color:black; border:1px solid #0C80C6;}
.subMenu .textLinks {display:flex; justify-content: space-evenly; align-items: baseline; text-align: left;}
.subMenu .textLinks .item {margin:15px; font-size:14px;}
.subMenu .textLinks .item h4 {color:black; font-size:15px; margin:0 0 10px 0;}
.subMenu .textLinks .item ul {color:black; list-style: none; margin:0; padding:0;}
.subMenu .textLinks .item li {margin:24px 0;}
.subMenu .textLinks .item a:link, #navMenu .subMenu .textLinks .item a:visited {text-decoration: none; color:black;}
.subMenu .textLinks .item a:hover {text-decoration: underline; color:black; background:#ebebeb; padding:3px;}
#navMenu .small {width:200px; left:auto; margin-left:-110px;}
.subMenu .seeAllTitle {text-align: center; color:black; font-size:19px;}
.subMenu .seeAllLink {font-size:13px;}

/* remove left nav for desktop */
#sideNav {background:none; margin-top:0; width:auto; position:fixed; overflow:auto; bottom:0; top:-10px; left:0; right:0; display:none; z-index:100; max-width:300px;}


#sidebarCcNoTax{background:url(https://res.cloudinary.com/dyuctplmh/image/upload/v1498102344/small-image-sprite5.png) 0 0 no-repeat;width:145px;height:66px}
.socialLinkBox {margin:10px 0 6px 6px;}
.socialNetworks {margin:0 0 8px 6px;}
input.searchBox{}
#mainSearch{width:220px;height:74px;background:#ecebe1;position:relative;margin-bottom:15px}
#mainSearch textarea{width:78px;height:37px;position:absolute;top:26px;left:5px}
#mainSearch b{color:#fd6802;font-size:12px;font-style:italic;display:block;position:absolute;top:6px;left:5px}
#mainKBSearch{width:178px;height:74px;position:relative;margin-bottom:15px}
#mainKBSearch textarea{width:78px;height:37px;position:absolute;top:26px;left:5px}
#mainKBSearch b{color:#fd6802;font-size:12px;font-style:italic;display:block;position:absolute;top:6px;left:5px}
#sidebar{background:#fff;border:1px solid #f60;-moz-border-radius:11px;-webkit-border-radius:11px;border-radius:11px;padding:6px;margin-bottom:12px;margin-right:5px}
.errorDisplay{border:1px solid #FC0;background:#ffc url(https://res.cloudinary.com/dyuctplmh/image/upload/v1498102501/bkgd_light_yel.png) repeat-x;padding:10px;margin:10px 0}
#overLayBody {background-color:rgba(0,0,0,0.5); position: fixed; top:100px; left:0; right:0; bottom:0; z-index:30;}

/*.fieldError{background:#f59c8b}*/

/*#displayNoticeBoxWarning, #displayNoticeBoxNotice {position:fixed; bottom:0px; text-align:center; z-index:1000; width:100%; display:none;}
#displayUserNotice, #displayUserWarning, #displayUserError {max-width:700px; min-height:94px; margin:5px auto; z-index:1000; display:relative;}
#displayUserNotice div, #displayUserWarning div, #displayUserError div {margin:0 0 0 93px; border-left:1px solid #fff; color:#fff; font-size:20px; min-height:74px; text-align:left; padding:10px 5px 10px 15px; text-align:left;}
#displayUserNotice {background:#74AD53 url(/images/global/messageNotice.png) 12px 12px no-repeat; }
#displayUserWarning {background:#FFDC73 url(/images/global/messageWarning.png) 12px 12px no-repeat;}
#displayUserWarning div {color:#444;}*/

.buttonOrange, .searchProductsButton, .buttonOrangeSearch {background:#ED6C1B; -moz-border-radius:2px;-webkit-border-radius:2px;border-radius:2px;padding:5px 15px; font:bold 14px Verdana,sans-serif; color:#fff; border:none; cursor:pointer;}
.buttonOrange:active, .buttonOrange:hover, .searchProductsButton:active, .buttonOrangeSearch:hover {background:#DD6402;}
.buttonGray {background:#646B74; -moz-border-radius:2px;-webkit-border-radius:2px;border-radius:2px; padding:9px 15px; font:bold 14px Verdana,sans-serif; color:#fff; border:none; cursor:pointer;}
.searchProductsButton {font-size:15px;}

.buttonOrangeSearch {vertical-align: middle; margin: -7px 0 0 -8px; height:30px; padding: 4px 15px; -moz-border-radius-topleft:0; -webkit-border-top-left-radius:0; border-top-left-radius:0; -moz-border-radius-bottomleft:0; -webkit-border-bottom-left-radius:0; border-bottom-left-radius:0;}

.searchBoxFormIndex {margin:20px 0 0 0; text-align:center;}
.searchBoxFormIndex input[type='text'] {padding:4px 5px; height:32px; font:13px Verdana,sans-serif; display:block; width:100%;  box-sizing: border-box; margin: 0;}

.searchBoxFormIndex .buttonOrange { box-sizing: border-box; display: block; float: right; height:32px; -moz-border-radius-topleft:0; -webkit-border-top-left-radius:0; border-top-left-radius:0;
-moz-border-radius-bottomleft:0; -webkit-border-bottom-left-radius:0; border-bottom-left-radius:0;}
.searchBoxFormIndex h5 {margin-bottom:8px;}
.searchFieldContainer {overflow:hidden;}
.searchFieldContainer input {width:89%; padding:1px 5%; -moz-border-radius-topright:0; -webkit-border-top-right-radius:0; border-top-right-radius:0;
-moz-border-radius-bottomright:0; -webkit-border-bottom-right-radius:0; border-bottom-right-radius:0;}
.sidebarSearch input {width:206px;}
.searchWrapper {max-width:500px; text-align:left; width:100%; margin:0 auto;}
.searchWrapper .buttonOrange {margin-right:2%;}
.redPrice {color:#8C0000;}

.selectMenu { padding: 8px 35px 8px 10px; font-size:16px; border:1px solid #ccc; -webkit-appearance: none; -moz-appearance: none; appearance: none; border-radius:2px; color:#04376C; font-weight:700; background:#f7f7f7 url('https://res.cloudinary.com/dyuctplmh/image/upload/v1678323667/global/option-arrow.png') right 10px center no-repeat; flex-grow:1; margin-right:7px}

.kbSidebarEmailSignup {background:#F1F5F6; padding:10px; margin-bottom:12px;}
.kbSidebarEmailSignup div {font:bold 16px Tahoma,sans-serif; color:#E56A10;}
.kbSidebarEmailSignup .searchWrapper {margin-top:10px;}
.buttonOrangeSmall {background:#ED6C1B; -moz-border-radius:2px;-webkit-border-radius:2px; border-radius:2px; padding:5px 5px; font:bold 12px Verdana,sans-serif; color:#fff; border:none; box-sizing: border-box; display: block; float: right; height:28px; margin-top:1px; -moz-border-radius-topleft:0; -webkit-border-top-left-radius:0; border-top-left-radius:0; -moz-border-radius-bottomleft:0; -webkit-border-bottom-left-radius:0; border-bottom-left-radius:0; cursor:pointer;}
.kbSidebarEmailSignup input[type="email"] {padding:4px 5px; height:30px; font:14px Verdana,sans-serif; display:block; width:100%;  box-sizing: border-box; margin: 0;}
.kbHomeButton, .kbContactButton {background:#999; box-sizing: border-box;  -moz-border-radius:2px;-webkit-border-radius:2px;border-radius:2px;padding:5px 8px; font:bold 12px Tahoma,Verdana,sans-serif; color:#fff; border:none; text-decoration:none;}
.kbHomeButton:active, .kbHomeButton:hover, .kbContactButton:active, .kbContactButton:hover {background:#777;}

#kb-logoSVG {width:37px; height:46px; vertical-align:middle; margin-right:5px;}
.searchSidebar {text-align:left;}

.relatedArticleList {list-style-type: none;}

.hiddenSVGs {display:none;}

.commentform label[for="author"], .commentform label[for="email"] {display:block;}
#gasp_p {background:#F9F9F9 url(https://www.batterystuff.com/images/bot-check-robot-small.png) no-repeat 90% center; border:1px solid #D3D3D3; -moz-border-radius:2px; -webkit-border-radius:2px; border-radius:2px; -webkit-box-shadow: 2px 2px 2px 0px rgba(186,186,186,0.96); -moz-box-shadow: 2px 2px 2px 0px rgba(186,186,186,0.96); box-shadow: 2px 2px 2px 0px rgba(186,186,186,0.96);  position:relative; width:300px; height:50px;}
#gasp_p input {visibility:hidden;}
#gasp_checkbox {background:#fff; border:2px solid #C1C1C1; -moz-border-radius:2px; -webkit-border-radius:2px; border-radius:2px; position:absolute; top:10px; left:12px; width:28px; height:28px; z-index:25;}
#gasp_p label {position:absolute; top:20px; left:40px; font:15px Arial,sans-serif; color:#000; z-index:20;}
#gasp_p img {position:absolute; top:15px; left:15px; visibility:hidden; z-index:20;}

/* sharing buttons */

.socialSharing {overflow:hidden;}
.socialButton {position: relative; margin: 0; float: left; margin:0 6px 6px 0;  height: 31px; width: auto; border-radius: 2px; cursor: pointer; padding: 0 10px 0 35px; line-height: 31px; font-size: 14px; color: #333333; background: #F2F2F2; transition: background 0.3s ease-in-out;}
.socialButton:last-child {margin-right:0;}
.socialButton:hover {background:#e0e0e0; } 
.socialButton:active {background:#d6d6d6; } 
.socialButton::after {content:""; position:absolute; top:6px; left:4px; width:32px; height:26px;}
.socialSharing .facebook::after {background:url("https://www.batterystuff.com/images/facebook-color.svg") no-repeat; width:10px; height:20px; top:6px; left:12px;}
.socialSharing .googleplus {padding: 0 10px 0 40px;}
.socialSharing .googleplus::after {background:url("https://www.batterystuff.com/images/g+.svg") no-repeat; width:32px; height:20px; top:6px; left:4px;}
.socialSharing .twitter {padding: 0 10px 0 35px;}
.socialSharing .twitter::after {background:url("https://www.batterystuff.com/images/twitter-color.svg") no-repeat; width:25px; height:20px; top:6px; left:6px;}
.socialSharing .linkedin {padding: 0 10px 0 35px;}
.socialSharing .linkedin::after {background:url("https://www.batterystuff.com/images/linkedin-share-black.svg") no-repeat; width:20px; height:20px; top:6px; left:6px;}
.socialSharing .pinterest {padding: 0 10px 0 35px;}
.socialSharing .pinterest::after {background:url("https://www.batterystuff.com/images/pinterest-share.svg") no-repeat; width:20px; height:20px; top:6px; left:6px;}
.socialSharing .copylink {padding: 0 10px 0 35px;}
.socialSharing .copylink::after {background:url("https://www.batterystuff.com/images/copylink.svg") no-repeat; width:20px; height:20px; top:6px; left:6px;}
.socialButton a {position: absolute; top: 0; left: 0; width: 100%; height: 100%;} 
.socialSharing .copylink.copied {background:#DFDFDF; }

/* order status form */
.orderStatusForm{font:14px "Open Sans",Verdana,sans-serif; color:#000; padding:20px 50px; margin:50px auto; border:1px solid #ccc; max-width:320px;}
.orderStatusFormBox {text-align:center;}
.orderStatusForm label {display:block; font:600 14px "Open Sans",Verdana,sans-serif; color:#333; text-align:left;}
.orderStatusForm h2 {font-size:24px; color:#70AA4E; margin-bottom:30px;}
.orderStatusForm h3 {font-size:15px; color:#666; font-weight:bold; margin-bottom:50px; border:none;}
.orderStatusForm p {text-align:left; margin-left:-60px;text-align:left; padding:0 0 0 50%;}
#orderStatusBottomInfo {margin:20px 0; text-align:left;}
#statusFormOrderNumber {width:110px;}
#statusFormZipCode {width:110px;}

.fieldErrorTxt {display:none; font:normal 12px "Open Sans",Verdana,sans-serif; background:#d45252; border-radius:3px 3px 3px 3px; color:white; margin:4px 0 0 0; padding:1px 6px; z-index:999; position:relative; max-width:320px;}
.fieldErrorTxt::before {content:"▲"; color:#d45252; position:absolute; top:-10px; left:20px; }
.validFieldIcon {position: absolute; z-index: 100; display:none; top:27px; right:110px; }
.fieldLabel {position:relative;}

#statusFormOrderNumber:focus:invalid + .fieldErrorTxt, #statusFormZipCode:focus:invalid + .fieldErrorTxt {display:block;}

#statusFormOrderNumber:invalid, #statusFormZipCode:invalid {border:1px solid #d45252;}


/* contact form */
#contactFormEmailAddress:focus:invalid + .fieldErrorTxt, #contactFormPhone:focus:invalid + .fieldErrorTxt {display:block;}


#kbSuggestionsBox {border:1px solid #333; background:#f2f2f2; padding:10px;}
#kbSuggestions {font-size:12px;}
#kbSuggestions a {font-size:16px;}

#customerSupportForm .sendTo {display:table; border-spacing:1px; margin-left:-1px;}
#customerSupportForm .sendTo label.sel {background:#F66D00;}
#customerSupportForm .sendTo label {display:table-cell; vertical-align:middle; width:100px; height:60px; background:#333; color:#fff; font:15px "Open Sans",Arial,sans-serif; text-align:center;  position:relative; cursor:pointer;}


#customerSupportForm label.sel:after {top:100%; left:50%; border:solid transparent; content:" "; height:0; width:0; position:absolute; pointer-events:none; border-color:rgba(246, 109, 0, 0); border-top-color:#F66D00; border-width:10px; margin-left:-10px; }
#customerSupportForm .sendTo input {display:none;}
#customerSupportForm .sendToTitle {font:bold italic 16px Verdana,Arial,sans-serif;}

@media screen and (max-width:840px){
	#customerSupportForm .sendTo label {display:block; position:relative; padding:4px 10px; float:none; margin:0 10px 12px 0;}     
} 

@media screen and (max-width:768px){
	#customerSupportForm .sendTo label {display:block; position:relative; padding:4px 10px; float:left; margin:0 10px 12px 0; width:70px;}     
} 

@media screen and (max-width:588px){
	#customerSupportForm .sendTo label {display:block; height:34px;
font:12px "Open Sans",Arial,sans-serif; position:relative; padding:4px 10px; float:left; margin:0 10px 12px 0;} 
	#customerSupportForm .sendTo label:nth-child(3n) {clear:left;}
} 

@media screen and (max-width:360px){
	#customerSupportForm .sendTo label {display:block; height:20px; width:100%;
font:12px "Open Sans",Arial,sans-serif; padding:4px 10px; float:none; margin:0 3px -10px 0;} 
	
} 

/* mini cart */
#miniCart { margin-bottom:15px;}
.miniCartInside {padding:10px; background:#F1F5F6;}
.miniCartInside .errors {background:#fff; border:1px solid #FFDC73; border-left:20px solid #FFDC73; padding:3px 8px; font-size:14px; position:relative; margin:10px 0;}
.miniCartInside .errors .warningIcon {left:-14px; width:6px; height:15px; position: absolute; top:5px;}
#miniCart .miniCartHeading {color:#308AC5; font-size:16px; font-weight:bold;}
.miniCartItem {border-bottom:1px solid #fff; padding:8px 0; color:#444; font-size:11px; font-weight:bold;}
.miniCartItem {color:#444; font-size:11px; font-weight:bold;}
.miniCartItem .title {overflow:hidden; margin-bottom:5px;}
.miniCartItem .title a:link {color:#444;}
.miniCartItem .left {float:left;}
.miniCartItem .right {float:right;}
.miniCartItem .image {float:left; margin-right:10px;}
.miniCartItem .remove {cursor:pointer; width:20px; height:20px; vertical-align:middle;}
.miniCartItem .miniCartQty {width:27px; vertical-align:middle; padding:1px 3px}
.subTotal {font-size:12px; font-weight:bold; color:#444; overflow:hidden; margin-top:5px;}
#miniCart .subTotal .left {float:left;}
#miniCart .subTotal .right {float:right;}
.cartButton, .checkoutButton {background:#74AD53; padding:6px 35px; font:bold 12px "Open Sans",Verdana; border-radius:2px;}
a.cartButton, a.checkoutButton {color:#fff; text-decoration:none;}
.cartButton:active, .checkoutButton:active {font-size:12px; background:#3c6b24;}
.checkoutButton:active {background:#E0661B;}
.checkoutButton {background:#ED6C1B; padding:6px 15px;}

#miniCart p {text-align:center; padding-top:8px; }
#miniCart .checkOrder {border-top:1px solid #fff; padding:10px 0 0 0; font:15px "Open Sans",Verdana;}
#miniCart .checkOrder a {text-decoration:none;}
#miniCart .checkOrder span {font-size:22px;}
.svg-truck {width:36px; height:20px; vertical-align:middle;}

.relatedProductsMini .heading {color:#E56A10; margin:15px 0 2px 0; font-size:18px;}
.relatedProductsMini .relatedItem {font-family:"Open Sans",Verdana; border-bottom:1px solid #fff; padding:10px 0 0 0;}
.relatedProductsMini .relatedItem .image {float:left; width:84px;}
.relatedProductsMini .relatedItem .price {font-size:14px; font-weight:bold; float:right; padding:3px 0 0 0;}
.relatedProductsMini .relatedItem .title {float:left; width:145px; font-size: 13px; margin-bottom:8px;}
.relatedProductsMini .relatedItem .title a {color:#222; text-decoration:none;}
.relatedProductsMini .relatedItem .buttonForm {clear:both; margin:8px 0 0 0;}
.relatedProductsMini .relatedItem .addToCart {font-size:14px; font-weight:bold; color:#fff; margin:0 15px 10px 0; background:#ED6C1B; padding:3px 24px 3px 24px; -moz-border-radius:2px; -webkit-border-radius:2px; border-radius:2px; border:none; font-family:"Open Sans",Verdana,sans-serif; outline:none; cursor:pointer;}

/* checkout bar */
#checkoutBar {background:#eee; height:30px; width:auto; border-bottom:1px solid #bababa; padding:3px 15px; overflow:hidden; display:none; margin-top:14px;}
#checkoutBar .floatRight {float:right;}
#checkoutBar div {margin-top:4px; float:left;}

.tooltip {position:relative; display:inline-block; }
.tooltip .tooltiptext::after {content:" "; position:absolute; bottom:100%; left:50%; margin-left:-5px; border-width:5px; border-style:solid; border-color:transparent transparent black transparent; }
.tooltip .tooltiptext {opacity:0; transition:opacity 0.5s; width:90px; background-color:black; color:#fff; font:12px Verdana, sans-serif; text-align:center; border-radius:6px; padding:2px 3px; position:absolute; z-index:500; top:120%; left:50%; margin-left:-48px; }
.tooltip:hover .tooltiptext {opacity:.8; }

/* new header start */
body {background:#fff;}
header {clear:both;float:none;width:none;text-align:left;position:fixed; top:0; left:0; right:0; height:96px;margin:0;}
#navTop {font:bold italic 14px Verdana,Arial,sans-serif;position:absolute;color:#fff;text-align:center; border:none; clear:both; top:70px; left:90px; right:0;  z-index:2;}
#navTop a {margin-right:18px; -webkit-transition:color 700ms ease; -moz-transition:color 700ms ease; -o-transition:color 700ms ease; -ms-transition:color 700ms ease; transition:color 700ms ease;}
#navTop a:link,#navTop a:visited{color:#fff;text-decoration:none}
#navTop a:hover, #headerAccountAccess a:hover {color:#f70;position:relative;  }
#logo-main{position:absolute; background:url(https://www.batterystuff.com/images/logo-main-large6.svg) no-repeat; top:9px;left:8px;z-index:2; width:425px; height:80px;  z-index:1;}
#logo-main svg {width:425px; height:80px;}
#logo-main a {display:block;width:260px;height:80px}
#headerSearchField {background:#fff url(https://www.batterystuff.com/images/header-search-field.svg) 5px center no-repeat; border-radius:0; height:30px; width:201px; border:1px solid #000; padding:3px 5px 3px 30px; position:absolute; right:33px; top:0px; font:14px Verdana,sans-serif; color:#333; display:block;}

#headerSearchFieldForm {position:absolute; right:219px; top:18px; width:235px;}
#mainSearchButton {background:#ED6C1B; padding:6px 5px 7px 5px; font:bold 16px "Open Sans",Verdana,sans-serif; border:none; position:absolute; right:0; top:1px; cursor:pointer; color:#fff; height:36px; width:34px;}


#headerAccountAccess {position:absolute; right:80px; top:21px; font:13px Verdana,sans-serif; color:#333; width:130px; cursor:pointer;}
#headerAccountAccess a {text-decoration:none; color:#fff; -webkit-transition:color 700ms ease; -moz-transition:color 700ms ease; -o-transition:color 700ms ease; -ms-transition:color 700ms ease; transition:color 700ms ease;}
#headerAccountAccess .mainIcon {vertical-align:top; margin-right:6px; float:left;}
#headerAccountAccess small {display:block;}
/*#headerCartIcon {position:absolute; right:20px; top:21px;}*/
/*#headerCartCount {position:absolute; right:5px; top:-3px; width:20px; color:#f60; font:bold italic 14px Verdana,sans-serif; text-align:center;}*/
#searchIcon, #mobileMenuToggle {display:none}

#headerMenuButton {display:none;}


.blur {-webkit-filter:blur(6px); -moz-filter:blur(6px); -o-filter:blur(6px); -ms-filter:blur(6px); filter:blur(6px); }
.searchOverlay {position:fixed; top:47px; right:0; bottom:0; left:0; z-index:50;}

@media screen and (max-width:923px){
	#logo-main{background:url(https://www.batterystuff.com/images/logo-main-large-symbol.svg) no-repeat; width:80px; height:80px;}
}



@media screen and (max-width:768px){
	
	
	#mobileNavBar {display:none; background:#333; border-top:4px solid #f60; clear:both; height:50px;}
	#mobileMenuIcon {margin:10px 0 0 18px;}
	#mobileCartIcon {margin:12px 18px 0 0; float:right;}
	.smalldn {display:none;}
	
	.searchBoxFormMo {display:none;margin-left:18px; position:relative; width:auto;}
	.searchBoxFormMo button {width:68px; height:30px; background:#E7680F; -moz-border-radius-topright:4px; -webkit-border-top-right-radius:4px; border-top-right-radius:4px; -moz-border-radius-bottomright:4px; -webkit-border-bottom-right-radius:4px; border-bottom-right-radius:4px; border:none; border-top:1px solid #DB6100; text-align:center; padding:7px 0; vertical-align:top; box-sizing:border-box; display:block; position:absolute; top:0; right:0;}

	.searchBoxFieldMo {font-size:1em; border:1px solid #d9d9d9; border-top:1px solid #bfbfbf;  border-top:1px solid #bfbfbf; border-top:1px solid #bfbfbf; height:30px; padding-left:8px; width:100%; box-sizing:border-box; display:block; -webkit-appearance:none; border-radius:0;}
	.searchBoxFormMo > div {position:relative; margin-right:18px;}
	.searchBoxBtnMo {vertical-align:middle}
	#logo-main{position:absolute;top:6px;left:15px;z-index:2; background:url(https://www.batterystuff.com/images/logo-main.svg) no-repeat; width:35px; height:53px;}
	#logo-main a{display:block;width:35px;height:35px}
	
	header {height:47px}
	#headerAccountAccess {right:110px; top:8px;}
	#headerCartIcon {right:60px; top:9px;}
	#searchIcon {right:268px; top:9px; cursor:pointer; display:block; position:absolute;}
	#mobileMenuToggle {display:block; background:url(https://www.batterystuff.com/images/header-icon-menu2.svg) no-repeat; width:28px; height:20px; cursor:pointer; position:absolute; top:14px; right:15px;}
	
	/*#headerSearchFieldForm {position:absolute; text-align:center; z-index:100; top:0; left:0; right:0; left:0;}
	#headerSearchField {background:#444 url(/images/header-search-icon.svg) 8px center no-repeat; width:70%; height:18px; padding:26px 20px 26px 50px; font:16px Verdana,sans-serif; color:white; position:absolute;  margin:20% auto 0 auto; right:0; left:0; -moz-border-radius:8px; -webkit-border-radius:8px; border-radius:8px; display:none; outline:none; z-index:100;}*/
	
	#headerSearchFieldForm {position:fixed; text-align:center; z-index:100; top:150px; left:0; right:0; left:0; width:auto;}
	#headerSearchFieldForm div {width:70%; position:relative;   margin:10px auto; padding-right:30px;}

	#headerSearchField {background:#333; width:90%; height:18px; padding:26px 20px 26px 50px; font:16px Verdana,sans-serif; color:white; position:relative;  border:2px solid #666; -moz-border-radius-topleft:8px; -webkit-border-top-left-radius:8px; border-top-left-radius:8px; -moz-border-radius-bottomleft:8px; -webkit-border-bottom-left-radius:8px; border-bottom-left-radius:8px; outline:none; z-index:100;  }

	#mainSearchButton { background:#ED6C1B; /*padding:26px 40px 48px 20px;*/ width:60px; height:74px; font:bold 16px "Open Sans",Verdana,sans-serif; border:none; cursor:pointer; color:#fff; position:absolute; top:0; right:-17px; z-index:120;}
	#checkoutBar {display:block;}

	#headerMenuButton {display:flex; cursor:pointer;}
	#headerMenuButton img {margin-left:8px;}
	#headerAccount {display:none;}
}

@media screen and (max-width:365px){
	#headerAccountAccess {width:24px; right:120px;} 
	#headerAccountAccess .textInfo {display:none;}
	#searchIcon {right:170px; }
}
/* new header end */

/* customer account menu */
#accountMenu {width:181px; padding:10px; border:2px solid #ccc; background:#fff; position:absolute; top:35px; left:0; display:none; z-index:100;}
#accountMenu .accountName {font-size:16px; text-align:center;}
#accountMenu .signOut {font-size:14px; text-align:center; display:block; margin-bottom:20px;}
#accountMenu .signOut img {vertical-align:top; margin-right:1px; float:none;}
#accountMenu a:link {color:#333;}
#accountMenu a:visited {color:#333;}
#accountMenu a:hover {color:#ff9700;}

/*.myAccount {background:url(/images/header-icon-account.svg) top center no-repeat; text-align:center; display:inline-block; padding-top:30px; width:60px; cursor:pointer;}*/
.myAccount {text-align:center; display:inline-block; width:60px; cursor:pointer;}

.viewOrders {text-align:center; display:inline-block; padding-top:30px; width:60px; cursor:pointer;}

.trackOrders {text-align:center; display:inline-block; padding-top:30px; width:60px; cursor:pointer;}


/* end customer account menu */
	
#footer{clear:both;float:left;width:100%}
.homeProducts{overflow:hidden}
.homeProducts div{width:150px;height:105px;float:left;padding-right:8px;text-align:center}
.homeProducts a:visited{color:#f60}
.cb{clear:both}
.subNav{font-size:.8em}
#navTopPhone{font:bold 1em Arial,Helvetica,sans-serif;text-align:right;position:absolute;right:8px;bottom:0;color:#fff}
#navTopViewCart{display:inline}
#checkOrderHome{display:block;background:url(https://res.cloudinary.com/dyuctplmh/image/upload/v1498102344/small-image-sprite5.png) 0 -104px no-repeat;width:155px;height:35px;padding:0}
#mainNav{width:150px;font-size:.93em;line-height:170%;padding:0 10px 50px 15px;margin-top:5px;font-weight:bold;background:#ecebe1;text-align:left;float:left;margin-left:10px}
#breadcrumbs{font-size:13px; text-align:left; margin:107px 0 0 20px; z-index:9; position: relative;}
#breadcrumbs a{z-index:12}
#breadcrumbs a:link,#contentcolumn a:link{color:#f60}
#breadcrumbs a:visited,#contentcolumn a:visited{color:#d65500}
#breadcrumbs a:hover,#contentcolumn a:hover{color:#ff9700}
#searchBoxForm{margin:6px -6px}
#searchBoxField{width:85px;vertical-align:middle;border:1px solid #888}
#searchBoxBtn{vertical-align:middle}
.searchBoxForm{margin:6px -6px}
.searchBoxField{width:85px;vertical-align:middle;border:1px solid #888}
.searchBoxBtn{vertical-align:middle}
#footer{margin-top:15px;clear:both;background:#fff}
#footerBar{background:#ecebe1;color:#000;margin:0;padding:10px 0;}
#footerBottom{text-align:left;margin:20px 0 50px 0;padding:0;color:#444;line-height:180%}
#footerInfo{padding:0 10px}
#footerInfo a{color:#f60;text-decoration:underline}
#footerInfo a{color:#f60}
#footerInfo a:hover{color:#ff9700}
#semaLogo{position:absolute;top:8px;right:8px}
.iconbullet{margin-bottom:-4px}
.cb{clear:both}
#homeLeftCol{float:left;width:382px;padding:0}
#homeRightCol{float:right;width:178px;margin-left:15px;padding-top:15px;font-size:.95em}
#lgOtherImg{position:absolute;top:46px;left:2px;width:600px;height:620px}
#smImgSideBox{position:absolute;top:20px;left:620px;width:120px}
.smOtherImgs{float:left;margin:2px 0 8px 10px}
.smOtherImgs div{border:1px solid #ccc;padding:2px;margin-bottom:2px}
.lgOtherImgIE{margin:2px 8px 10px 8px}
#productImageMed{float:left;width:215px}
#productPurchaseInfo{float:left;width:330px;border-top:1px solid #999;border-bottom:1px solid #999;padding:6px 0;line-height:170%;margin-left:20px}
.grayHorRule{height:1px;border-top:1px solid #999;margin:6px 0}
.thePrice{font-size:13px;color:#F60}
.thePrice2{font-size:13px;color:#333}
.available{color:#F60}
big{color:#390;font:14px Arial,Helvetica,sans-serif}



.subhead{font-size:1.1em;font-weight:bold;margin:15px 0 5px 0}
.nodisplay{display:none}
#row1 img,#row2 img,#row3 img,#row4 img,#row5 img,#row6 img{margin-bottom:15px}
#midcolumndiv{width:342px;float:left;font-size:.85em;color:#0f0f0f;line-height:1.5em;padding:0 15px 0 15px}
#midcolumndiv img{margin:4px}
#midcolumndiv h1{font-size:1.5em;font-weight:bold;color:#333;font-style:italic;margin:5px 0 14px 0}
#midcolumndiv h1 em{display:block;font-size:14px;color:#666}
#midcolumndiv a:link,#midcolumndiv a:visited,#midcolumndiv a:hover{font-weight:bold;color:#e66a2a}
#rightcolumndiv{width:246px;float:right;padding-top:15px}
.topboxdiv{width:246px;height:11px;font-size:1px;line-height:0}
.midboxdiv{width:234px;padding:0 5px;border-left:1px solid #9b9b9b;border-right:1px solid #9b9b9b;color:#343434}
.midboxdiv a:link{color:#f60}
.midboxdiv a:visited{color:#d65500}
.midboxdiv a:hover{color:#ff9700}
.boxDivPrice, .infoBox {width:225px;padding:10px 5px; border:1px solid #9b9b9b; color:#343434;zoom:1;}
.infoBox {margin:15px 0; width:210px;}
.prodInfoRelated .info {overflow:hidden; margin-bottom:12px;}
.prodInfoRelated .info a {font-size:.95em;}
.prodInfoRelated img {float:left; margin-right:8px;}

.boxDivPrice a:link{color:#f60}
.boxDivPrice a:visited{color:#d65500}
.boxDivPrice a:hover{color:#ff9700}
.topboxdiv2{width:237px;height:11px;font-size:1px;line-height:0}
.bottboxdiv2{width:237px;height:11px;font-size:1px;line-height:0}
.midboxdiv2{width:227px;padding:0 5px;border-left:1px solid #9b9b9b;border-right:1px solid #9b9b9b;color:#343434}
#midcolumndiv h3,.midboxdiv h3{font-size:12px;color:white;padding:0 6px;background:#696969;margin:0 0 6px 0}
#midcolumndiv h3{margin-top:15px}
.midboxdiv em,.boxDivPrice em{display:block;margin:6px 0}
.midboxdiv h3,.boxDivPrice h3{padding:2px 6px}
.midboxdiv .sm,.boxDivPrice .sm{font-size:.85em}
.midboxdiv .price,.boxDivPrice .price{margin:0 0 5px 0;font-size:1.2em}
.botboxdiv{width:246px;margin-bottom:10px;background:url(/images/botboxbg.gif) no-repeat;height:11px;font-size:1px;line-height:0}
#checkoutdiv{margin-top:7px}
#checkoutdiv form{display:inline}
.smallColorList{color:#333;font-size:11px}
.smallColorList b{color:#e56927}
#productImageMed2{text-align:center}
#midcolumndiv h4{font:12px Tahoma,Arial;color:#F90;background:#faf9df url(/images/bkgd_light_yel.png) repeat-x;padding:6px;margin:8px 0;border:1px solid #ffec3f}
.categoryItemContainer{margin:0 -10px 0 0;overflow:hidden;}
.categoryItem{float:left;width:160px;height:285px;margin-right:10px;text-align:center;font-size:15px;line-height:140%;overflow:hidden; position:relative;}
.cateItemImage{background:#fff;margin-top:3px;text-align:left}
.cateItemInfo {font-size:12px;color:black;text-align:left;line-height:130%; position:relative;}
.cateItemInfo a{line-height:95%;font-weight:bold}
.cateItemInfo .price, .cateItemInfo .productPrice {font-size:14px; margin-top:8px; font-weight:bold;}
.cateItemInfo .price .strike {color:#666; font-weight:normal; font-size:12px;}
.cateItemInfo .price em{color:#000;font-weight:bold}
.cateItemInfo a:link{color:black;text-decoration:underline}
.cateItemInfo a:visited{color:black;text-decoration:underline}
.cateItemInfo a:hover{color:#c24d2f;text-decoration:underline}
.cateBattInfo{font-size:11px;color:#333}
.proddisplay{float:left;margin:10px 8px 20px 8px;width:150px;height:250px;font-weight:bold; position: relative;}
.volPrice {font-weight:normal;}

.categoryMainDescription p {line-height:normal; overflow: hidden;}
.subCategoryHeading {background:#00346D; font:bold 24px "Open Sans",Verdana,sans-serif; color:white; padding:10px;}

.categoryBrandLogo {float:right; margin: 0 0 10px 15px;}

.twoColWithIconsTxt {display:flex; margin-bottom:30px;}
.twoColWithIconsTxt .left {display:flex; margin-right:20px;}
.twoColWithIconsTxt .right {display:flex;}
.twoColWithIconsTxt img {margin-right:15px;}

.categories {background:#F3F4F6; padding:20px 20px; display:-ms-flexbox; display: -webkit-box; display: flex;  -ms-flex-pack:space-between; -webkit-box-pack: justify; justify-content: space-between; -ms-flex-wrap:wrap; flex-wrap:wrap; -webkit-box-align:stretch; -ms-flex-align:stretch; align-items:stretch;}
.categories .item, .categoryIconBox figure {background: #fff; width:15%; padding:5px 5px 10px 5px; text-align: center; font:20px Raleway,Arial,sans-serif; margin-bottom:10px; --webkit-box-shadow: 0px 0px 5px 0px rgba(173,173,173,0.2); -moz-box-shadow: 0px 0px 5px 0px rgba(173,173,173,0.2); box-shadow: 0px 0px 5px 0px rgba(173,173,173,0.2); position:relative;}
.categories .item img, .categoryIconBox img {width:100%; max-width:155px;  height:auto;}
.categories .item a {text-decoration: none;}
.categories .item h3 {font-size:.9em !important; border:none !important; margin:0;}


.categoryIconBox {display:flex; flex-wrap: wrap;}
.categoryIconBox figure a {color:#666 !important; text-decoration: none!important;}
       
.categories .item::after, .categoryIconBox figure::after {background-color: rgba(0,0,0,.04);  bottom: 0; content: ""; left: 0; opacity: 0; pointer-events: none; position: absolute; right: 0; top: 0; transition: opacity .25s;}
       
.categories .item:hover::after, .categoryIconBox figure:hover::after {opacity: 1;}

@media screen and (max-width:1850px){
	.categories .item, .subCategoryGroupItem figure { width:15%; margin-right:0;}
}
@media screen and (max-width:950px){
	.categories .item, .subCategoryGroupItem figure {width:15%;}
}
@media screen and (max-width:830px){
	.categories .item, .subCategoryGroupItem figure {width:15%; font-size:16px;}
}
@media screen and (max-width:660px){
	.categories .item, .subCategoryGroupItem figure {width:23%; font-size:14px;}
}
@media screen and (max-width:540px){
	.categories .item, .subCategoryGroupItem figure {width:23%; font-size:14px;}
}
@media screen and (max-width:400px){
	.categories .item, .subCategoryGroupItem figure {width:32%; font-size:13px;}
}

/* Category Product Display height:540px; */
.productItem {width:260px; height:596px;  border:1px solid #ccc; padding:9px; margin:5px 14px 10px 0px; background:#F3F4F5; color:#074484; font:bold 14px "Open Sans",Arial,sans-serif; display:-ms-flexbox; display:-webkit-box; display:flex; -webkit-box-orient:vertical; -webkit-box-direction:normal; -ms-flex-direction:column; flex-direction:column; -ms-flex-pack:space-between; -webkit-box-pack: justify; justify-content: space-between; border-radius: 2px;}

.productItem figure {text-align: center; position: relative; height:260px;}
.productItem .overlayPhoto {position: absolute; width:100px; height:100px; bottom:0; right:0; border:2px solid #333;}
.productItem .mainPhoto {position: relative; top:0; left:0; }
.productItem .title {font-size:16px; margin:5px 0 5px 0;}
.productItem .title > a:link {color:#05376C; text-decoration:none;}
.productItem .title > a:visited {color:#05376C; text-decoration:none;}
.productItem .title > a:hover {color:#074484;}
.productItem .price {font-size:24px; margin:0 0 0 0;}
.productItem .price s {font-size:14px; display:block; color:#666; margin:0 0 -5px 0;}
.productItem .replaces {margin:5px 0 5px 0;}
.productItem .part {margin:5px 0 10px 0; color:#555;}
.productItem .attribute {display:-ms-flexbox; display:-webkit-box; display:flex; -ms-flex-pack:space-between; -webkit-box-pack: justify; justify-content: space-between; margin:1px 0 1px 0; padding:0 0 1px 0; border-bottom:1px solid #646B74; width:260px;}
.productItem > div.top > div:last-child {border:none;}

.productItem .buttons {margin:70px 0 0 0; text-align:center; position:relative;}
.productItem .buttons a {background:#646B74; font:bold 13px Raleway,Arial,sans-serif; padding:12px 8px 12px 8px; border-radius:2px; position:absolute; bottom:0; left:0; width:122.39px; height:16px;}
.productItem .buttons a:link {color:#fff !important; text-decoration:none;}
.productItem .buttons a:visited {color:#fff !important; text-decoration:none;}
.productItem .buttons a:hover {color:#fff !important; background:#8A929D;}
.productItem .buttons a:active {color:#fff !important; background:#595D64;}
.productItem .buttons button {color:#fff !important; background:#FF7101; font:bold 13px Raleway,Arial,sans-serif; padding:12px 8px; border:none; border-radius:2px; cursor:pointer; position:absolute; bottom:0; right:0; width:117px; height:40px;}

/*.productItem .buttons {display:-ms-flexbox; display: -webkit-box; display: flex; -ms-flex-pack:space-between; -webkit-box-pack: justify; justify-content: space-between; margin:20px 0 0 0; text-align:center;}
.productItem .buttons a {background:#646B74; font:bold 14px Raleway,Arial,sans-serif; padding:12px 8px 12px 8px; border-radius:2px;;}
.productItem .buttons a:link {color:#fff !important; text-decoration:none;}
.productItem .buttons a:visited {color:#fff !important; text-decoration:none;}
.productItem .buttons a:hover {color:#fff !important; background:#8A929D;}
.productItem .buttons a:active {color:#fff !important; background:#595D64;}
.productItem .buttons button {color:#fff !important; background:#FF7101; font:bold 14px Raleway,Arial,sans-serif; padding:12px 8px; border:none; border-radius:2px; cursor:pointer;}*/
.productItem .buttons button.outOfStock {background:#666; cursor:default;}
.productItem .buttons button:hover {background:#FF9C4E;}
.productItem .buttons button:active {background:#C75800;}
.productItem .buttons button.outOfStock:hover {background:#666;}
.productItem .buttons button.outOfStock:active {background:#666;}

/*.stockNoticeOverlay {position:absolute; top:-15px; left:-15px; width:291px; height:180px; z-index:5; background:rgba(255,255,255,0.75);}*/
.stockNoticeOverlay {position:absolute; top: -17px; left: -17px; width: 293px; height:238px; padding-top: 40px; z-index:5; background:rgba(255,255,255,0.75);}
.stockNoticeOverlay img {margin:61px 0 0 5px;}

.blink {animation: blink-animation 1s steps(5, start) infinite; -webkit-animation: blink-animation 1s steps(5, start) infinite;}
   
@keyframes blink-animation {
	to {visibility: hidden;}
}
@-webkit-keyframes blink-animation {
	to {visibility: hidden;}
}

.categoryList {margin:0; background: #F3F4F5; padding:10px 20px;}
.categoryList h2 {margin:20px 0 20px 0; font:bold 28px Raleway,Arial,san-serif; color:#646B74;}
.categoryListBox {list-style:none;}

.subCategoryGroupItem a:link {color:#FF7100 !important;}
.subCategoryGroupItem a:visited {color:#FF7100 !important;}
.subCategoryGroupItem a:hover {color:#FCB57C !important;}
.subCategoryGroupItem a:active {color:#B75200 !important;}
.subCategoryGroupItem h4 {font:bold 18px Verdana,Arial,san-serif; color:#FF7100; margin:8px 0!important; line-height: 120%;}

.subSubCategoryHeading {margin-left:20px;}
.subCategoryHeading {padding-left:20px;}


@media screen and (max-width:768px) {
	.main {padding:0 15px; }
	.subMenu {top:40px !important; left:-70px; right:-70px; width:auto;}
}
@media screen and (max-width:600px) {
	.categoryList {margin:20px 0;}
	
	.subCategoryGroupItem h4 {margin:18px 0!important;}
}

.proddisplay .price {font-size:14px; margin-top:8px; font-weight:bold;}
.proddisplay .price .strike {color:#666; font-weight:normal; font-size:12px;}

.proddisplay em{font-size:.9em;color:#000;font-style:normal;padding:6px 0;display:block}
.prodTitle{font-size:12.5px}
.cateBattTitle{font-size:12.5px;color:#333}
#cateScrollText{height:120px;overflow:auto}
.iconcategoryitem{float:left;margin:15px 30px 10px 0;font-size:1em;font-weight:bold;text-align:center;width:7.1em;height:8.5em}
.onepageSubcateBox{background:url(https://www.batterystuff.com/images/bkgd_browngradent.jpg) repeat-y;border-bottom:1px solid #ccc;padding:10px}
.subCateOnePgBottom{height:15px}
.subCateOnePgSection{background:url(https://www.batterystuff.com/images/bkgd_browngradent.jpg) repeat-y;border-bottom:1px solid #ccc;border-top:1px solid #ccc;border-left:15px solid #f60;padding:5px}
.searchtable{text-align:center}
.itemheader{background-color:#c0c0c0;font:bold 14px Arial,Geneva,san-serif}
.item{font:16px Arial,Geneva,san-serif}
.itemdivider{height:8px;background-color:#c0c0c0}
.searchbutton{color:#000;text-align:center;padding:0 8px 0 8px;width:120px;border-style:solid;border-width:thin;border-color:green;text-decoration:none}
.searchbutton:hover{color:#000;text-align:center;padding:0 8px 0 8px;width:120px;border-style:solid;border-width:thin;border-color:#ff8000;text-decoration:none}
.makeWidth{width:170px}
.scrollingTextBox{height:130px;overflow:auto}
.scrollingTextBoxHome{height:400px;overflow:auto}
.battItemBox{border-left:1px solid #ccc;border-bottom:1px solid #ccc;padding:8px;margin:6px;position:relative}
#btnViewDetails{position:absolute;top:42px;left:110px}
#battListBoxRight{position:absolute;top:0;right:0;width:40%}
#battListBox{width:380px;float:left}
#tabFrame{background:#efefef;position:relative;width:575px}
#tabContents{border-left:1px solid #333;border-right:1px solid #333;border-bottom:1px solid #333;padding:20px;line-height:150%}
.stockNotice {position:absolute; bottom:5px; text-align: center; color:#F44343; font:bold 20px Verdana; z-index:5; border-top:3px solid; border-bottom:3px solid; padding:3px 0; left:29px;}
.stockNoticeLarge {left:0; font-size:16px; padding:0;}
.stockNoticeOnePage {left:0; font-size:16px; padding:0; bottom:-35px;}
/*.stockNoticeOverlay {position:absolute; top:0; left:0; width:120px; height:120px; z-index:5; background:rgba(255,255,255,0.75);}
.stockNoticeOverlay img {margin:15px 0 0 5px;}*/

.colorRow{background:#e3e3e3}
.imgBorder{border:1px solid #666}
.column1-2{float:left;width:47%;margin-right:30px}
.column2-2{float:right;width:47%}
.column h3{padding:0 0 2px 0;font-size:14px;border-bottom:1px solid #76797c;margin-bottom:4px;color:#444;margin:0;margin-bottom:-10px}
p.attribution{font-size:11px;padding:0 0 5px 50px;color:#d65500}
.grayEms em{color:#666;font-style:normal}
#PPMcontent{margin:30px 0 0 0;padding:0}
#PPMcontent a:link{color:#333}
#PPMcontent a:visited{color:#333;text-decoration:underline}
#PPMcontent a:hover{color:#f70}

.scrollheadPPM{font-size:14px;padding:7px 15px 5px 20px;color:#ecebe1;font-style:normal;background:#e56c2b;border:1px solid #e56c2b;-moz-border-radius:11px;-webkit-border-radius:11px;border-radius:11px}
.scrollheadPPM2{font-size:14px;padding:7px 15px 5px 20px;color:#ecebe1;font-style:normal;background:#333;border:1px solid #333;-moz-border-radius:11px;-webkit-border-radius:11px;border-radius:11px}
.PPMtext{color:#555;margin:0;padding:0 30px 0 30px;font-size:.85em;text-align:justify}
#PPMtable{width:90%;background:#ecebe1;margin:0 0 0 35px;padding:0}
#PPMtable li{text-align:left;margin:0 0 5px 0;padding:0}
#PPMtable2{text-align:left;padding:0}
#PPMtable2 li{text-align:left;margin:0 0 5px 0;padding:0}
.PPMcell{border:0;vertical-align:top;width:50%;margin:0;padding:5px 5px 5px 5px}
.PPMcell li{list-style:disc}
#products{width:100%;margin:30px 0 0 10px;padding:0}
.cateItem{text-align:center;width:33%}
.cateItem img{margin:6px 0 0 0;padding:0}
.cateItem a{font-weight:bold;font-size:1.1em}
.cateItem a:link{color:#f60}
.cateItem a:visited{color:#d65500;text-decoration:underline}
.cateItem a:hover{color:#ff9700}
.infocell{vertical-align:top;margin:0;padding:0 0 0 20px;text-align:left;font-size:11px}
img.tax{margin:0;padding:0 0 10px 0}
img.cards{margin:5px 0 5px 0;padding:0 0 20px 0}
img.sema{margin:25px 0 0 0;padding:0}
img.verisign{vertical-align:top;margin:25px 0 0 0;padding:0}
img.blueribbon{margin:0;padding:0;float:right}
.prodInfoSec{font-weight:bold;font-size:12px;color:white;padding:0 6px;background:#696969;margin:10px 0 6px 0}
.prodInfoSec2{font-weight:bold;font-size:12px;color:#333;padding:3px 6px;margin:0 0 6px 0; font-family:"Open Sans",Verdana,sans-serif;}
#mediumImgDiv{float:left}
.highLightBox{font:12px Tahoma,Arial;color:#F60;background:#faf9df url(https://www.batterystuff.com/images/bkgd_light_yel.png) repeat-x;padding:6px;margin:8px 0;border:1px solid #ffec3f}
#viewLargerImg{margin-top:4px}
#cateScrollText{height:120px;overflow:auto}
.iconcategoryitem{float:left;margin:15px 30px 10px 0;font-size:1em;font-weight:bold;text-align:center;width:7.1em;height:8.5em}
.onepageSubcateBox{background:url(https://www.batterystuff.com/images/bkgd_browngradent.jpg) repeat-y;border-bottom:1px solid #ccc;padding:10px}
.subCateOnePgBottom{height:15px}
.subCateOnePgSection{background:url(https://www.batterystuff.com/images/bkgd_browngradent.jpg) repeat-y;border-bottom:1px solid #ccc;border-top:1px solid #ccc;border-left:15px solid #f60;padding:5px}
.searchtable{text-align:center}
.itemheader{background-color:#c0c0c0;font:bold 14px Arial,Geneva,san-serif}
.item{font:16px Arial,Geneva,san-serif}
.itemdivider{height:8px;background-color:#c0c0c0}
.searchbutton{color:#000;text-align:center;padding:0 8px 0 8px;width:120px;border-style:solid;border-width:thin;border-color:green;text-decoration:none}
.searchbutton:hover{color:#000;text-align:center;padding:0 8px 0 8px;width:120px;border-style:solid;border-width:thin;border-color:#ff8000;text-decoration:none}
.makeWidth{width:170px}
.scrollingTextBox{height:130px;overflow:auto;margin-bottom:10px}
.scrollingTextBoxHome{height:400px;overflow:auto}
#searchResultsBatteries{border:1px solid #ccc;padding:6px}
#searchResultsBatteries b{font:21px Tahoma,sans-serif;color:#fd6802}
#searchResultsBatteries i{font-style:normal;font:bold 13px Tahoma,sans-serif;color:#666}
#searchResultsBatteries img{margin:6px 3px 0 0}
#searchResultsBatteries2{border:1px solid #ccc;padding:6px}
#searchResultsBatteries2 b{font:21px Tahoma,sans-serif;color:#fd6802}
#searchResultsBatteries2 i{font-style:normal;font:bold 13px Tahoma,sans-serif;color:#666}
#searchResultsBatteries2 img{margin:6px 3px 0 0}
#battListBox{width:380px}
.battItemBox{border-left:1px solid #ccc;border-bottom:1px solid #ccc;padding:8px;margin:6px;position:relative}
#btnViewDetails{position:absolute;top:42px;left:110px}
#battListBoxRight{position:absolute;top:30px;left:400px;margin-right:20px}
#tabFrame{background:#efefef;position:relative;width:575px}
#tabContents{border-left:1px solid #333;border-right:1px solid #333;border-bottom:1px solid #333;padding:20px;line-height:150%}
#tabbar{float:right;width:575px;background:#fff url("https://www.batterystuff.com/images/bg.gif") repeat-x bottom;font-size:93%;line-height:normal;position:relative}
#tabbar ul{margin:0;padding:10px 10px 0;list-style:none}
#tabbar li{float:right;background:url("https://www.batterystuff.com/images/left.gif") no-repeat left top;margin:0;padding:0 0 0 8px}
#tabbar a{float:right;display:block;background:url("https://www.batterystuff.com/images/right.gif") no-repeat right top;padding:5px 15px 4px 6px;text-decoration:none;font-weight:bold;color:#fff;cursor:pointer}
#tabbar a:link{color:#fff;text-decoration:none;cursor:pointer}
#tabbar a:hover{color:#000;text-decoration:none;cursor:pointer}
#tabbar a:visited{color:#fff;text-decoration:none;cursor:pointer}
/*\*/#tabbar a{float:none}
/**/#tabbar a:hover{color:#333}
#tabbar #current{background-image:url("https://www.batterystuff.com/images/left_on.gif")}
#tabbar #current a{background-image:url("https://www.batterystuff.com/images/right_on.gif");color:#333;padding-bottom:5px}
.colorRow{background:#e3e3e3}
.imgBorder{border:1px solid #666}
.column1-2{float:left;width:47%;margin-right:30px}
.column2-2{float:right;width:47%}
.column h3{padding:0 0 2px 0;font-size:14px;border-bottom:1px solid #76797c;margin-bottom:4px;color:#444;margin:0;margin-bottom:-10px}
p.attribution{font-size:11px;padding:0 0 5px 50px;color:#d65500}
.grayEms em{color:#666;font-style:normal}
#homeRightColPPM{margin-left:15px;padding-top:500px;font-size:smaller}
.scrollheadPPM{font-style:normal}
.boatlist{list-style-image:url(https://www.batterystuff.com/images/bullet_orange.gif);line-height:130%}
.faqlist dt{margin-top:15px}

.instructProdDir{margin-left:120px;margin-bottom:10px}
#prodDirBoxTop{background:url(https://www.batterystuff.com/images/order_status_top_box.png);width:440px;height:59px;padding:25px 55px 0 115px;margin:20px 0 15px 0}
#productsDisplay{padding-top:10px}
#productsDisplay .bull{background:url(https://www.batterystuff.com/images/icon_bull_orange_lg.gif) no-repeat;width:17px;height:20px}
#productsDisplay table td{border-bottom:1px solid #ecebe1;padding:2px 0}
#productsDisplay a:link{color:#333}
#productsDisplay a:visited{color:#666}
#productsDisplay a:hover{color:#f60}
/*#battSearchBoxTop{background:url(/images/battery-search-heading.gif) no-repeat;width:440px;height:65px;padding:20px 55px 0 115px;margin:20px 0 15px 0}*/
#battSearchCol1{width:174px;float:left;margin:0 6px 10px 0}
#battSearchCol2{width:144px;float:left;display:none;margin:0 6px 10px 0}
#battSearchCol1 ul,#battSearchCol2 ul{margin-left:0}
#battSearchCol1 li,#battSearchCol2 li{margin:0;padding:2px 5px;text-decoration:underline;font-weight:bold}
#battSearchCol1 h5,#battSearchCol2 h5{color:#fd6802}
#battSearchCol3{width:260px;float:left;display:none}
.battSearchSelOff{cursor:pointer;background:#fff;color:#333}
.battSearchSelOn{cursor:pointer;background:#e56927;color:#fff}
#modelList{height:375px;overflow:auto;width:143px}
#manuList{height:375px;overflow:auto;width:173px}
.searchProdItem{color:#333;margin-bottom:8px;clear:both}
.searchProdItem .itemPrice{font-size:13px;font-weight:bold;margin:6px 0 4px 0}
.searchProdItem .photo{float:left;margin-right:4px;width:120px}
.searchProdItem .info{float:left;width:118px;padding-top:10px}
.mainSearchProdItem{color:#333;margin-bottom:15px;clear:both;border-bottom:1px solid #ccc;padding-bottom:15px}
.mainSearchProdItem .itemPrice{font-size:13px;font-weight:bold;margin:6px 0 4px 0}
.mainSearchProdItem .photo{float:left;margin-right:14px}
.mainSearchProdItem .info{float:left;width:150px;padding-top:6px;font-size:12px}
.mainSearchProdItem .shortDesc{float:left;width:300px;padding-top:6px;font-size:11px}
.mainSearchProdItem .title{font-size:13px;font-weight:bold}
.logoImg{margin-bottom:12px}
#rollover_container{padding:0;margin:0;height:575px;width:545px}
#rollover_container h2{font-size:20px}
#rollover_header{padding:5px 0 9px 0;margin:0;height:30px;width:545px;font-size:20px;text-decoration:none}
#rollover_header ul li{display:inline}
/*#rollover_header ul li a:link{font-size:20px;text-align:center;text-decoration:none;color:#eee;float:left;display:block;background-image:url(/Tabs/st_infoBoxHeadingImage2.gif);padding:4px 0 0 0;margin:0 2px 0 0;height:25px;width:171px}
#rollover_header ul li a:visited{font-size:20px;text-align:center;text-decoration:none;color:#eee;float:left;display:block;background-image:url(/Tabs/st_infoBoxHeadingImage2.gif);padding:4px 0 0 0;margin:0 2px 0 0;height:25px;width:171px}*/
#rollover_header ul li a:hover{color:#999}
#rollover_content{font-size:12px;padding:10px 5px 5px 5px;margin:0 12px 0 5px;text-align:left;font-family:Tahoma,Arial,Helvetica,sans-serif;line-height:120%;text-decoration:none}
#rollover_content ul li{list-style-type:disc;padding:0;margin:0 0 0 30px}
#rollover_content ul{padding:5px 0 5px 0;margin:0}
#rollo2{display:none}
#rollo3{display:none}
/*.t{width:550px;background:url(/Tabs/dot2.gif) 0 0 repeat-x}
.b{width:550px;background:url(/Tabs/dot2.gif) 0 100% repeat-x}
.l{width:550px;background:url(/Tabs/dot2.gif) 0 0 repeat-y}
.r{width:550px;background:url(/Tabs/dot2.gif) 100% 0 repeat-y}
.bl{width:550px;background:url(/Tabs/bl2.gif) 0 100% no-repeat}
.br{width:550px;background:url(/Tabs/br2.gif) 100% 100% no-repeat}
.tl{width:550px;background:url(/Tabs/tl2.gif) 0 0 no-repeat}
.tr{width:550px;background:url(/Tabs/tr2.gif) 100% 0 no-repeat}*/
#rollover_container-marine{padding:0;margin:0;height:375px;width:545px}
#rollover_container-marine h2{font-size:20px}
#rollover_container3{padding:0;margin:0;height:305px;width:545px}
#rollover_container3 h2{font-size:20px}
#rollover_container-AGM{padding:0;margin:0;height:325px;width:545px}
#rollover_container-AGM h2{font-size:20px}
#rollover_container-tender{padding:0;margin:0;height:375px;width:545px}
#rollover_container-tender h2{font-size:20px}
#tab ul,#tab li{list-style-type:none}
#tab body{color:#000;padding-top:10px;font:100%/100% Tahoma,Verdana,Arial,Helvetica,sans-serif;text-align:left}
#tab p{padding-bottom:10px}
#tab a{color:#bd1010;text-decoration:underline;font-size:1em}
#tab a:visited{color:#02121a;font-size:1em}
#tab a:hover,a:active{text-decoration:underline;font-size:1em}
#site-header h1{text-align:left;text-indent:-9999px;height:42px;width:150px}
#tab h1{color:#003451;font:normal 2.3em/100% Tahoma,Helvetica,sans-serif;letter-spacing:-1px;margin:5px 0;font-size:18px}
#tab h2{color:#003451;font:normal 2.3em/100% Tahoma,Helvetica,sans-serif;letter-spacing:-1px;margin:5px 0;font-size:18px}
#tab h3{color:#003451;font:normal 2em/100% Tahoma,Helvetica,sans-serif;letter-spacing:-.8px;margin:5px 0;border:0;font-size:16px}
body#store #site-wrapper{width:550px;background:#fff;display:block;margin-top:0;margin-right:auto;margin-bottom:0;margin-left:auto}
.couponProdDisplay{background:#f4f5e3;border:1px dashed #dfe4aa;-moz-border-radius:7px;-webkit-border-radius:7px;border-radius:7px;padding:3px;margin:8px 0;font:.85em "Arial Black",Arial,sans-serif;line-height:120%}
.couponBtn{float:right;margin:3px 0 3px 6px;cursor:pointer}
.productDisplay h3,.midboxdiv h3{font-size:12px;color:white;padding:0 6px;background:#696969;margin:0 0 6px 0}
.purchaseBoxContainer{margin-left:10px;font-size:.9em;width:235px}
.homeCategories{overflow:hidden; padding:16px 10px;}
.homeCategories span,.tutorialSideBar span{width:107px;height:41px;float:left;margin-right:8px;text-align:center;padding:70px 10px 0 5px}
.homeCategories a span,.tutorialSideBar a span{color:#333;font:bold 10px Verdana,sans-serif;text-decoration:none}
.homeCategories a div {max-width:100px}
.homeCategories a,.tutorialSideBar a{color:#333;text-decoration:inherit}
.homeCategories a:linked,.homeCategories a:visited,.homeCategories a:hover,.tutorialSideBar a:linked,.tutorialSideBar a:visited,.tutorialSideBar a:hover{color:#333;text-decoration:inherit}
/*.homeCategories span,.tutorialSideBar span{background:url(/images/categories-icons/home-sprite.jpg) no-repeat;width:107px;height:36px;margin-bottom:15px}*/
.homeCategories span,.tutorialSideBar span{background:url(https://res.cloudinary.com/dyuctplmh/image/upload/v1498096827/home-sprite_cet6ss.jpg) no-repeat;width:107px;height:36px;margin-bottom:15px}
#homeCateMotoBat{background-position:0 0}
#homeCateATVBat{background-position:0 -112px}
#homeCateAllBat{background-position:0 -223px}
#homeCateBattChrg{background-position:0 -334px}
#homeCateSolarChrg{background-position:0 -445px}
#homeCateInverters{background-position:0 -556px}
#homeCateRestor{background-position:0 -667px}
#homeCateBattProds{background-position:0 -778px}
#homeCateCables{background-position:0 -889px}
#homeCateFuel{background-position:0 -1000px}
#homeCateNiMH{background-position:0 -1111px}
#homeCatePTools{background-position:0 -1222px}
#homeCateEmergency{background-position:0 -1333px}
#homeCatePSupplies{background-position:0 -1442px}
.tutorialSideBar{float:right;width:125px;margin-left:12px;background:#fff}
/*#wrapper{margin:0 auto;padding:0;border:0;min-width:768px;width:100%;max-width:1900px;text-align:center}*/
#maincontainer{margin-top:20px;}
#contentwrapper{float:left;width:100%}


#sideNav strong { color:#308AC5; margin:0!important; display:block; padding:10px 0 10px 10px; font-size:17px;}
#sideNav {background:#F1F5F6; width:176px; font:bold 14px Verdana,Arial,sans-serif;}
#sideNav ul {margin:0; padding:0; padding:0 0 6px 0px; list-style:none;}
#sideNav li {margin:0; padding:0;  }
#sideNav li a {color:#333;  display: block; width:165px;
padding: 4px 3px 4px 8px;}
#sideNav li li a {color:#333; display: block; width:155px;
padding: 4px 3px 4px 18px; font-size:12px;}
#sideNav li li li a {color:#333; display: block; width:145px;
padding: 4px 3px 4px 28px; font-size:11px;}
#sideNav li li li li a {color:#333; display: block; width:135px;
padding: 4px 3px 4px 38px; font-size:10px;}
#sideNav li a:hover {color:#ff9700}
#sideNav li a:active {color:#ff9700}
.sideButtonLink a {text-decoration:none;}

.navInfoSection {background:#939DA4; padding-bottom:10px;}
.navInfoSection li a:hover {color:#ff9700} 

#rightcolumn{float:left;width:250px;margin-left:-250px;text-align:left}
#rightcolumn ul {margin-left:0;}
#rightcolumn li {list-style:none; overflow: visible; padding-left: 17px; position: relative;}
#rightcolumn li:before { content: "›"; left:0; position:absolute; font-size:22px; top:-5px;}
.bottomContent{text-align:left;margin:10px 200px}
#footerArea{clear:left;width:100%;text-align:center;padding:4px 0}
#ie6Notice{padding:10px;font-size:13px;color:#fff}
.listStyle1{list-style-position:inside;margin-left:0;text-wrap:avoid}
/*.listStyle1 li{list-style-image:url(/images/bullet_orange.gif);margin:7px 5px 7px 0}*/
.listStyle1 li{list-style-image:url('data:image/gif;base64,R0lGODlhCQAHAJEAAM6LQ+vUvffw6QAAACH5BAQUAP8ALAAAAAAJAAcAAAINDI5gySksYmzg0bRYKAA7');margin:7px 5px 7px 0}
.specsTable1{max-width:400px; width:100%; border:1px solid #000}
.specsTable1 th{font:25px Verdana,sans-serif;padding:6px}
.specsTable1 td{border-right:1px solid #000;border-top:1px solid #000;padding:3px;font-size:12px}
/*.sideMakes a.btn{background:url(/images/categories/side-make-background.png) no-repeat;display:block}*/
.sideMakes a.btn:link,.sideMakes a.btn:visited{background-position:0 0;height:95px}
.sideMakes a.btn:hover,.sideMakes a.btn:active{background-position:0 -95px;height:95px}
.brandsByCategory{background:white;padding:0;margin-bottom:15px;position:relative;margin-top:-30px}
.stripeInner{background:white;clear:both;padding:10px 0;border:1px solid #ccc;zoom:1;*display:inline}
.stripeInner li{list-style-image:url(https://www.batterystuff.com/images/bullet_orange.gif);*width:100%}
.css3SripeInner{border:1px solid #ccc; padding:10px 15px 10px 10px;}
.stripeInner ul{color:#555;display:block;float:left;font-family:Verdana,Arial,sans-serif;font-size:12px;margin-bottom:3px;text-align:left;width:23%;list-style-image:url(https://www.batterystuff.com/images/bullet_orange.gif);}
.stripeInner li{line-height:120%;margin-left:20px;padding-left:0}
.css3SripeInner li{line-height:100%;}
.css3SripeInner,.css3SripeInnerWide{-moz-column-width:230px;-webkit-column-width:230px;column-width:230px;-moz-column-gap:15px;-webkit-column-gap:15px;column-gap:15px;background:white;clear:both;position:relative;padding:10px 15px 10px 10px;text-align:left;margin-bottom:0;white-space:nowrap}
.css3SripeInner ul,.css3SripeInnerWide ul{color:#555;font-family:Verdana,Arial,sans;font-size:12px;list-style-position:outside;list-style-type:none;margin-bottom:22px;margin-left:26px;text-align:left}
.css3SripeInner a{display:block;white-space:pre-wrap}
.css3SripeInner li,.css3SripeInnerWide li{list-style-image:url(https://www.batterystuff.com/images/bullet_orange.gif); margin-bottom:18px!important;}
.css3SripeInnerWide{-moz-column-width:16em;-webkit-column-width:16em;column-width:16em}

.css3SripeInnerNarrow {-moz-column-width:75px; -webkit-column-width:75px; column-width:75px; -moz-column-gap:15px;-webkit-column-gap:15px; column-gap:15px; background:white; clear:both;position:relative; padding:10px 0;text-align:left;margin-bottom:0; white-space:nowrap}
.css3SripeInnerNarrow li {list-style-image:url(https://res.cloudinary.com/dyuctplmh/raw/upload/v1499312087/bullet_orange.gif); width:75px; }

#reviewSummary em {font-style:normal; font-size:1.2em;}

#mobileNavBar {display:none;}

.videoWrapperSD, .videoSD {position: relative; padding-bottom:75%; /*56.25% 16:9 */ padding-top: 25px; height: 0;}
.videoWrapperSD iframe, .videoSD iframe {position: absolute; top: 0; left: 0; width: 100%; height: 100%; border:none;}
.videoWrapperHD, .videoHD {position: relative; padding-bottom:56.25%; /*56.25% 16:9 */ padding-top: 25px; height: 0;}
.videoWrapperHD iframe, .videoHD iframe {position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

#fieldEmail {width:100%; max-width:320px;}
.hidden {display:none;}


/* cart notice */

#displayUserNotice, #displayUserWarning {z-index:100; margin:0 10px 15px 10px;}
#displayUserNotice, #displayUserWarning, #displayUserError {background:#74AD53 url('https://res.cloudinary.com/dyuctplmh/raw/upload/v1499312145/messageNotice.png') 12px 12px no-repeat; min-width:315px; min-height:94px;  border:3px solid #74AD53;}
#displayUserNotice > div, #displayUserWarning > div, #displayUserError > div {margin-left:93px; border-left:1px solid #fff; color:#333; font-size:20px; min-height:89px; text-align:left; padding:0 5px 5px 10px; background:#fff; overflow:hidden; border-top:1px solid #ECEAE0;  border-bottom:1px solid #ECEAE0;}
#displayUserWarning {background:#FFDC73 url('https://res.cloudinary.com/dyuctplmh/raw/upload/v1499312145/messageWarning.png') 12px 12px no-repeat; border:3px solid #FFDC73;}
#displayUserWarning div {color:#444;}
#displayUserError {background:#D90000 url('https://res.cloudinary.com/dyuctplmh/raw/upload/v1499312145/messageError.png') 12px 12px no-repeat;}

#displayUserNotice .left, #displayUserNotice .right {float:left; vertical-align:top; }
#displayUserNotice .left {width:25%; margin-right:2%;}
#displayUserNotice .right {width:72%;}
#displayUserNotice .left > .title {font:bold 18px Verdana,Arial,sans-serif; color:#74AD53;}
#displayUserNotice .notRelated > .title {font:bold 18px Verdana,Arial,sans-serif; color:#74AD53;}
#displayUserNotice .left > .title a {color:#74AD53;}
#displayUserNotice .left > .productTitle {font:bold 14px Verdana,Arial,sans-serif; color:#666; margin-top:10px;}
#displayUserNotice .right > .title {font:bold 14px Verdana,Arial,sans-serif; color:#666;}
#displayUserNotice .related {float:left; width:250px; border-left:1px solid #ECEAE0; margin:10px 20px 0 0; padding-left:10px;}
#displayUserNotice .right > .first {border:none; margin-left:0;}
#displayUserNotice .related > .productTitle {font:12px Verdana,Arial,sans-serif; color:#FF6500;}
#displayUserNotice .related > .price {font:bold 12px Verdana,Arial,sans-serif; color:#000;}
#displayUserNotice .related .mainImg {float:left; margin-right:10px;}
#displayUserNotice .related > .addToCart {vertical-align:middle;}
#displayUserNotice .mobileDisplay {display:none;}

#displayProductWarning {background:#FFAB00 url('https://res.cloudinary.com/dyuctplmh/raw/upload/v1499312145/messageWarning.png') 12px 12px no-repeat; min-width:315px; min-height:50px;  border:3px solid #FFAB00; position:relative; clear:both;}
#displayProductWarning > div {margin-left:93px; border-left:1px solid #fff; color:#333; font-size:17px; min-height:89px; text-align:left; padding:0 5px 5px 10px; background:#fff; overflow:hidden; border-top:1px solid #FFAB00;  border-bottom:1px solid #FFAB00;}

.btnGreen {background:#74AD53; border:none; font-size:18px; font-weight:bold; color:#fff; padding:4px 15px; -moz-border-radius:2px; -webkit-border-radius:2px; border-radius:2px; cursor:pointer; margin-bottom:8px; display:inline-block;}
.btnGreen:link {color:#fff; text-decoration:none;}
.btnGreen:visited {color:#fff; text-decoration:none;}
.btnGreen:hover {color:#fff; text-decoration:none;}
.btnGreen:active {color:#fff; text-decoration:none; font-size:18px!important;}

/* end cart notice */

/* BLOG */
.articleContent {margin:20px 0 0 0;}
.articleContent li {margin-left:30px;}
.blogBottomBar {background:#ecebe1; padding:8px 15px; color:#333; margin:20px 0;}
#lazyContainer {margin:20px 15px;}
.blogImgLeft {float:left; margin:0 15px 10px 0; width:100%; max-width:350px;}

/* LightSlider */

.lSSlideOuter {overflow:hidden; text-align:center; -webkit-touch-callout:none; -webkit-user-select:none; -khtml-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none; }
.lightSlider:before, .lightSlider:after {content:" "; display:table; }
.lightSlider {overflow:hidden; margin:0; }
#productImages .lSSlideWrapper {position:relative;}
.lSSlideWrapper > .lightSlider:after {clear:both; }
.lSSlideWrapper .lSSlide {-webkit-transform:translate(0px, 0px); -ms-transform:translate(0px, 0px); transform:translate(0px, 0px); -webkit-transition:all 1s; -webkit-transition-property:-webkit-transform, height; -moz-transition-property:-moz-transform, height; transition-property:transform, height; -webkit-transition-duration:inherit !important; transition-duration:inherit !important; -webkit-transition-timing-function:inherit !important; transition-timing-function:inherit !important; }
.lSSlideWrapper .lSFade {position:relative; }
.lSSlideWrapper .lSFade > * {position:absolute !important; top:0; left:0; z-index:9; margin-right:0; width:100%; }
.lSSlideWrapper.usingCss .lSFade > * {opacity:0; -webkit-transition-delay:0s; transition-delay:0s; -webkit-transition-duration:inherit !important; transition-duration:inherit !important; -webkit-transition-property:opacity; transition-property:opacity; -webkit-transition-timing-function:inherit !important; transition-timing-function:inherit !important; }
.lSSlideWrapper .lSFade > *.active {z-index:10; }
.lSSlideWrapper.usingCss .lSFade > *.active {opacity:1; }
/** /!!! End of core css Should not edit !!!/**/
/* Pager */
.lSSlideOuter .lSPager.lSpg {margin:10px 0 0; padding:0; text-align:center; }
.lSSlideOuter .lSPager.lSpg > li {cursor:pointer; display:inline-block; padding:0 5px; }
.lSSlideOuter .lSPager.lSpg > li a {background-color:#222222; border-radius:30px; display:inline-block; height:8px; overflow:hidden; text-indent:-999em; width:8px; position:relative; z-index:99; -webkit-transition:all 0.5s linear 0s; transition:all 0.5s linear 0s; }
.lSSlideOuter .lSPager.lSpg > li:hover a, .lSSlideOuter .lSPager.lSpg > li.active a {background-color:#428bca; }
.lSSlideOuter .media {opacity:0.8; }
.lSSlideOuter .media.active {opacity:1; }
/* End of pager */
/** Gallery */
.lSSlideOuter .lSPager.lSGallery {list-style:none outside none; padding-left:0; margin:0; overflow:hidden; transform:translate3d(0px, 0px, 0px); -moz-transform:translate3d(0px, 0px, 0px); -ms-transform:translate3d(0px, 0px, 0px); -webkit-transform:translate3d(0px, 0px, 0px); -o-transform:translate3d(0px, 0px, 0px); -webkit-transition-property:-webkit-transform; -moz-transition-property:-moz-transform; -webkit-touch-callout:none; -webkit-user-select:none; -khtml-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none; width:auto!important;}
.lSSlideOuter .lSPager.lSGallery li {overflow:hidden; width:80px!important; /*-webkit-transition:border-radius 0.12s linear 0s 0.35s linear 0s; transition:border-radius 0.12s linear 0s 0.35s linear 0s;*/ }
/*.lSSlideOuter .lSPager.lSGallery li.active, .lSSlideOuter .lSPager.lSGallery li:hover {border-radius:5px; }*/
.lSSlideOuter .lSPager.lSGallery img {display:block; height:80px; width:80px; }
.lSSlideOuter .lSPager.lSGallery:before, .lSSlideOuter .lSPager.lSGallery:after {content:" "; display:table; }
.lSSlideOuter .lSPager.lSGallery:after {clear:both; }
/* End of Gallery*/
/* slider actions */
.lSAction > a {width:32px; display:block; top:50%; height:32px; background-image:url('https://www.batterystuff.com/images/controls-orange.png'); cursor:pointer; position:absolute; z-index:99; margin-top:-16px; opacity:0.5; -webkit-transition:opacity 0.35s linear 0s; transition:opacity 0.35s linear 0s; }
.lSAction > a:hover {opacity:1; }
.lSAction > .lSPrev {background-position:0 0; left:10px; }
.lSAction > .lSNext {background-position:-32px 0; right:10px; }
.lSAction > a.disabled {pointer-events:none; }

.cS-hidden {height:1px; opacity:0; filter:alpha(opacity=0); overflow:hidden; }
/* vertical */
.lSSlideOuter.vertical {position:relative; }
.lSSlideOuter.vertical.noPager {padding-right:0px !important; }
.lSSlideOuter.vertical .lSGallery {position:absolute !important; right:0; top:0; }
.lSSlideOuter.vertical .lightSlider > * {width:100% !important; max-width:none !important; }
/* vertical controlls */
.lSSlideOuter.vertical .lSAction > a {left:50%; margin-left:-14px; margin-top:0; }
.lSSlideOuter.vertical .lSAction > .lSNext {background-position:31px -31px; bottom:10px; top:auto; }
.lSSlideOuter.vertical .lSAction > .lSPrev {background-position:0 -31px; bottom:auto; top:10px; }
/* vertical */
/* Rtl */
.lSSlideOuter.lSrtl {direction:rtl; }
.lSSlideOuter .lightSlider, .lSSlideOuter .lSPager {padding-left:0; list-style:none outside none; }
.lSSlideOuter.lSrtl .lightSlider, .lSSlideOuter.lSrtl .lSPager {padding-right:0; }
.lSSlideOuter .lightSlider > *, .lSSlideOuter .lSGallery li {float:left; }
.lSSlideOuter.lSrtl .lightSlider > *, .lSSlideOuter.lSrtl .lSGallery li {float:right !important; }
/* Rtl */
@-webkit-keyframes rightEnd {0% {left:0; }
50% {left:-15px; }
100% {left:0; }
}
@keyframes rightEnd {0% {left:0; }
50% {left:-15px; }
100% {left:0; }
}
@-webkit-keyframes topEnd {0% {top:0; }
50% {top:-15px; }
100% {top:0; }
}
@keyframes topEnd {0% {top:0; }
50% {top:-15px; }
100% {top:0; }
}
@-webkit-keyframes leftEnd {0% {left:0; }
50% {left:15px; }
100% {left:0; }
}
@keyframes leftEnd {0% {left:0; }
50% {left:15px; }
100% {left:0; }
}
@-webkit-keyframes bottomEnd {0% {bottom:0; }
50% {bottom:-15px; }
100% {bottom:0; }
}
@keyframes bottomEnd {0% {bottom:0; }
50% {bottom:-15px; }
100% {bottom:0; }
}
.lSSlideOuter .rightEnd {-webkit-animation:rightEnd 0.3s; animation:rightEnd 0.3s; position:relative; }
.lSSlideOuter .leftEnd {-webkit-animation:leftEnd 0.3s; animation:leftEnd 0.3s; position:relative; }
.lSSlideOuter.vertical .rightEnd {-webkit-animation:topEnd 0.3s; animation:topEnd 0.3s; position:relative; }
.lSSlideOuter.vertical .leftEnd {-webkit-animation:bottomEnd 0.3s; animation:bottomEnd 0.3s; position:relative; }
.lSSlideOuter.lSrtl .rightEnd {-webkit-animation:leftEnd 0.3s; animation:leftEnd 0.3s; position:relative; }
.lSSlideOuter.lSrtl .leftEnd {-webkit-animation:rightEnd 0.3s; animation:rightEnd 0.3s; position:relative; }
/*/ GRab cursor */
.lightSlider.lsGrab > * {cursor:-webkit-grab; cursor:-moz-grab; cursor:-o-grab; cursor:-ms-grab; cursor:grab; }
.lightSlider.lsGrabbing > * {cursor:move; cursor:-webkit-grabbing; cursor:-moz-grabbing; cursor:-o-grabbing; cursor:-ms-grabbing; cursor:grabbing; }
#image-gallery .lSSlideOuter {text-align:center;}
#image-gallery .lslide img {width:100%;}
#mastersliderLgBox .lslide img {width:auto; height:auto!important; max-height:70%; box-sizing:border-box; vertical-align:middle;}
#productImages .lSPager {margin:0 auto; display:inline-block;}
.lSPager li {border-top:3px solid #fff; border-bottom:3px solid #fff;}
.lSPager li:hover {border-top:3px solid #666; border-bottom:3px solid #666;}
.lSPager li.active {border-top:3px solid #aaa; border-bottom:3px solid #aaa;}
#mastersliderLgBox .lSPager {display:inline-block;}
#mastersliderLgBox .lSPager li {max-width:80px;}

#productImages .lSGallery .active {position:relative;}
/*#productImages .lSGallery .active a:before {content:"▴"; left: 50%!important; color:#666!important; margin-top:-10px!important;  position:relative!important; transition:all .3s ease-out!important;)*/
/*.lSSlide {height:100%!important;}*/

.zoomInstruct {font-size:12px; text-align:center; color:#444; cursor:pointer;}
.zoomInstruct img { height:15px; vertical-align:bottom;}

#largeViewClose {position:fixed; z-index:300; margin-top:12px; margin-left:-41px; left:50%; background:#666; padding:3px 20px; color:#fff; border:none; cursor:pointer; -moz-border-radius:15px; -webkit-border-radius:15px; border-radius:15px; outline:none; font:16px "Open Sans", Verdana, sans-serif; border:1px solid #fff;}
#largeViewClose b {font-weight:normal; font-size:30px; line-height:16px; vertical-align: top;}
#largeViewClose:active {background:#444;}

/*.masterslider {position:fixed; width:100%!important; height:100%!important; min-height:600px; min-width:600px; top:0; right:0; bottom:0; left:0;}
.masterslider .ms-slide {width:100%!important; height:100%!important; min-height:600px!important; min-width:600px!important;}*/

#mastersliderLg {display:block; position:relative; background:#fff; text-align:center;}
#mastersliderLgBox {text-align:center; display:none; z-index:200; border:4px solid #666; background:rgb(255, 255, 255);background:rgba(255, 255, 255, 0.90);}
#mastersliderLg .tumbnailImages {text-align:center;} 

#image-gallery-large {height:auto!important;}

#mastersliderLgBox .lSSlideWrapper, #image-gallery-large, #mastersliderLgBox #lSSlideWrapper, #mastersliderLgBox .lSSlideOuter, #mastersliderLgBox {position:fixed!important; top:5px; left:5px; right:5px; bottom:5px;}
#mastersliderLgBox .lslide img {max-width:100%; max-height:98%;}
#mastersliderLgBox .lslide {width:100%; height:100%;}
#mastersliderLgBox .lSPager.lSGallery {position:fixed; bottom:2px; right:6px;}



/* https://projects.lukehaas.me/css-loaders/ */
.buttonTxt {float:left;}
.spinner { width: 15px; height: 15px; background:#fff; margin: 3px 6px 0 0; -webkit-animation: sk-rotateplane 1.2s infinite ease-in-out; animation: sk-rotateplane 1.2s infinite ease-in-out; float:left;}
@-webkit-keyframes sk-rotateplane {
  0% { -webkit-transform: perspective(120px) }
  50% { -webkit-transform: perspective(120px) rotateY(180deg) }
  100% { -webkit-transform: perspective(120px) rotateY(180deg)  rotateX(180deg) }
}
@keyframes sk-rotateplane {
  0% { transform: perspective(120px) rotateX(0deg) rotateY(0deg); -webkit-transform: perspective(120px) rotateX(0deg) rotateY(0deg) }
  50% { transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg); -webkit-transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg) }
  100% { transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg); -webkit-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg); }
}

@media screen and (min-width:1300px){
	#contentcolumn {margin: 0 315px 0 265px}
	#rightcolumn {width: 300px; margin-left: -300px}
	#sideNav {width: 250px;}
	#sideNav li a {width:auto;}
}

@media screen and (max-width:915px){
	.blogImgLeft {float:none;}
}

@media screen and (max-width:768px){
	#displayUserNotice .mobileDisplay {display:block;}
	.blogImgLeft {float:left;}
}

@media screen and (max-width:550px){
	.sideMakes{display:none}
	.mainContentCategory{margin-left:0}
	#content{margin-top:30px}
	
	#displayUserNotice .left, #displayUserNotice .right {float:none; }
	#displayUserNotice .left {width:100%; margin-right:0;}
	#displayUserNotice .right {width:100%; margin-top:15px;}
	#displayUserNotice {background:none;}
	#displayUserNotice .related {border:none; }
	#displayUserNotice > div {margin-left:0; }
	.blogImgLeft {float:none;}
}
.multicolumn{-moz-column-width:230px;-webkit-column-width:230px;column-width:230px;-moz-column-gap:15px;-webkit-column-gap:15px;column-gap:15px}
#siblingsList{border:1px solid #ccc;background:#ecebe1;padding:6px}
#siblingsList ul{float:left;margin-right:10px;padding-right:20px;border-right:1px solid #ccc}
#siblingsList li{list-style-image:url(https://res.cloudinary.com/dyuctplmh/raw/upload/v1499312087/bullet_orange.gif)}
.cateItemList{padding:8px 0;width:100%;margin:6px 0}
.cateItemList img{float:left;margin-right:5px}
.cateItemListRight{float:left;width:80%;border:1px solid #ccc}
.cateItemListRight .title{font-weight:bold;font-size:16px}
.cateItemListSpecs{float:left;width:100%;font-size:12px}
.cateItemListSubRight{float:left;width:120px}
.cateItemListSubRight .productPrice{font-weight:bold}
.cateItemListAddToCart{margin-top:6px}
.cateItemListAddToCart .cartBtns{margin-top:6px}
.categoryItemRightInfo{width:216px;height:180px;float:left;margin:5px 6px 5px 0;font-size:11px;padding:4px;border:1px solid #ccc;background:#f6f6f6; overflow-y:hidden; position: relative;}
.categoryItemRightInfo img,.categoryItemRightInfoLg img{float:left;margin-right:5px;margin-bottom:75px}
.categoryItemRightInfo a,.categoryItemRightInfoLg a{font-weight:bold;line-height:130%;display:block;margin-bottom:3px;font-size:12px}
.categoryItemRightInfoLg a{font-size:14px}
.categoryItemRightInfo em,.categoryItemRightInfoLg em{color:#000;font-weight:bold;display:block}
.categoryItemRightInfo strike {color:#000;font-weight:bold;display:block}
.categoryItemRightInfoLg strike {color:#000;font-weight:bold;}
.categoryItemRightInfoLg{width:320px;height:155px;overflow:hidden;float:left;margin:5px 10px 5px 0;font-size:11px;padding:4px;border:1px solid #ccc;background:#f6f6f6}
.loginScreenSection{float:left;width:48%;margin-left:20px;margin-bottom:30px}
.loginScreenSection h2{font-size:30px;font-weight:bold;margin-bottom:12px}
.loginScreenSection small{color:#666}
.loginScreenSection label{font-weight:bold}
.loginScreenSectionLine{height:2px;background:#e56b2a;margin:10px 30px 10px 0}
.loginScreenSectionForm div{margin-bottom:20px}
.loginScreenSectionForm em{font-size:12px}
.reviewTopLine{border-top:1px solid #ccc;height:1px;margin-bottom:4px}
.helpfulLine{text-align:right;color:#666}
#productTabs{border-bottom:2px solid #e56b2a;padding-bottom:4px;margin-top:10px}
#productTabs a{padding:4px 10px;margin-right:7px;background:#999}
#productTabs a.active{background:#e56b2a}
#productTabs a:link{color:#fff;text-decoration:none}
#productTabs a:visited{color:#fff;text-decoration:none}
#productTabs a:hover{color:#fff}
.colmask{position:relative;clear:both;float:left;width:100%;overflow:hidden}
.leftmenu .colright{float:left;width:200%;position:relative;left:145px}
.leftmenu .col1wrap{float:right;width:50%;position:relative;right:145px;padding-bottom:1em}
.leftmenu .col1{margin:0 15px 0 0;position:relative;right:100%;overflow:hidden}
.leftmenu .col2{float:left;width:145px;position:relative;right:145px}
.cssbox,.cssbox_body,.cssbox_head,.cssbox_inside{}
.cssbox{width:auto!important;padding-right:15px;margin:0 auto}
.cssbox_head{background-position:top right;margin-right:-15px;padding-right:40px}
.cssbox_inside{background-position:top left;margin:0;border:0;padding:0;height:auto!important;height:1%}
.cssbox_body{background-position:bottom left;margin-right:6px;padding:1px 0 1px 6px}
.cssbox_body p{margin-top:0;margin-bottom:15px}
.searchBoxFormMo{display:none}
.youtubeIframe{width:420px;height:315px}
.threeCols {-moz-column-width:32%;-webkit-column-width:230px;column-width:230px;-moz-column-gap:15px;-webkit-column-gap:15px;column-gap:15px;background:white;clear:both;position:relative;padding:10px 0;text-align:left;margin-bottom:0;-webkit-column-rule:1px solid #c4c8cc;-moz-column-rule:1px solid #c4c8cc;white-space:nowrap}

.svg-icon-pp-lg {width:160px; height:43px;}
.svg-visa-logo {width:76px; height:23px;}
.svg-mastercard-logo {width:56px; height:34px;}
.svg-discover-logo {width:115px; height:20px;}
.svg-amex-logo {width:50px; height:50px;}
.svg-no-sales-tax {width:129px; height:98px;}

@media screen and (max-width:768px){
	body {font-size:100%;background:0}
	.productDisplay h3, .midboxdiv h3, h3 {font-size:140%}
	
	h1{font-size:170%; margin: 25px 0 30px 0;}
	
	.moNo, .socialNetworks, .boxDivShippingStamp, #reviewsTable, .bottomContent, .smOtherImgs,.tutorialSideBar {display:none}
	
	#wrapper {margin:0;padding:0;border:0;text-align:left;min-width:0}
	#breadcrumbs {font-size:40%}
	#maincontainer {margin:0;padding:0;position:relative;right:0;display:block; }
	#contentwrapper {margin:0;padding:0;float:none;position:relative;}
	#contentcolumn {margin:0 15px; text-align:left; padding:0; position:relative; width:none;}
	.listStyle1 li{font-size:100%}
	#leftcolumn {text-align:left;padding:0;border:0;float:left;width:100%;margin:0}
	#rightcolumn {margin:0;padding:0;display:none}
	#footerInfo {clear:both}
	.purchaseBoxContainer{margin-bottom:20px; float:none;}
	
	
	.sideNavDisplay {display: block !important;}
	#sideNav strong{font-size:1.2em;color:#308AC5;margin:10px 0 -4px 0;font-weight:bold;display:block; background:#F1F5F6;}
	#sideNav ul a{padding:14px 10px;width:auto;display:block;background:url(https://www.batterystuff.com/images/icon-down-angle.png) 96% middle no-repeat}
	#sideNav a:link{color:#333}
	#sideNav a:visited{color:#333 !important; text-decoration:underline}
	#sideNav a:hover{color:#00346D !important; }
	#sideNav ul{margin:0;}
	#sideNav li{list-style:none;font-size:14px;margin:0;background:#F1F5F6;border-bottom:1px solid #ccc;width:auto}
	#sideNav li li{font-size:12px;margin-left:0px}
	#sideNav li li a {width:auto;}
	#sideNav li li li{font-size:10px}
	#navTop {background:#F1F5F6;font-size:14px;padding-left:5px}
	#sideNav .navInfoSection {background:#00346D; margin-top:-12px;}
	#sideNav .navInfoSection strong {text-align:left; padding-left:18px; display: block; margin-bottom: 15px;}
	#sideNav .navInfoSection ul{background:0;margin:0;padding:0;border:1px solid #ccc}
	#sideNav .navInfoSection li{background:#F1F5F6;border-bottom:1px solid #fff;width:100%}
	#sideNav .navInfoSection li.noline{background:#F1F5F6;border-bottom:0;width:100%}
	#sideNav .navInfoSection2 {background:none; margin-top:-16px;}
	#sideNav .navInfoSection2 ul{background:0;margin:0;padding:0;}
	#sideNav .navInfoSection2 li{background:#F1F5F6;border-bottom:1px solid #ccc; width:100%}
	#sideNav .navInfoSection2 li.noline{background:#F1F5F6;border-bottom:0;width:100%}
	.productDisplay{margin:0 10px;padding:0px;z-index:3;position:relative;float:none; min-width:10px; }
	.loginScreenSection{width:auto;}
	#reviews {padding:5px; }
	
	#blogButton {margin-left:18px;}

	#reviewSummary{width:100%;float:none}
	#mediumImgDiv{float:none}

	.subSubCategoryHeading {margin-left:8px;}
	
	
	#navTop {display:none;}
	
	.css3SripeInner li{line-height:100%; margin:19px 0;}
	.css3SripeInnerNarrow li{margin:14px 0;}
	
	.youtubeIframe,.youtube5container,.youtube5player,.youtube5waiting,.youtube5player video,.youtube5info,.youtube5bottom-overlay,.youtube5top-overlay,.youtube5title,.youtube5show-on-waiting,.youtube5author{width:285px;height:233px}

}
.boxDivShippingStamp{padding:5px 25px;float:left;}

/* NEW CSS */

body {font-family: Raleway,Arial,sans-serif;}

header {background:#fff; height:110px; text-align: center; font-family: Raleway,Arial,sans-serif; z-index:10;}
header > div {margin:0 auto; height:110px; padding:0 15px; display:-ms-flexbox; display: -webkit-box; display: flex; display:-ms-grid; display:grid; -ms-flex-pack:space-between; -webkit-box-pack:justify; justify-content:space-between; -ms-flex-align:center; -webkit-box-align:center; align-items:center; -ms-grid-columns: 100px 10px 100px 10px 100px; grid-template-columns: 100px 10px 100px 10px 100px; -ms-grid-rows: auto 10px auto; grid-template-rows: auto 10px auto;}
header > div > *:nth-child(1) {-ms-grid-row:1;-ms-grid-column:1;}
header > div > *:nth-child(2) {-ms-grid-row:1;-ms-grid-column:2;}
header > div > *:nth-child(3) {-ms-grid-row:1;-ms-grid-column:3;}
header > div > *:nth-child(4) {-ms-grid-row:1;-ms-grid-column:4;}
header > div > *:nth-child(5) {-ms-grid-row:1;-ms-grid-column:5;}
header > div > *:nth-child(6) {-ms-grid-row:2;-ms-grid-column:1;}
header > div > *:nth-child(7) {-ms-grid-row:2;-ms-grid-column:2;}
header > div > *:nth-child(8) {-ms-grid-row:2;-ms-grid-column:3;}
header > div > *:nth-child(9) {-ms-grid-row:2;-ms-grid-column:4;}
header > div > *:nth-child(10) {-ms-grid-row:2;-ms-grid-column:5;}
header > div > *:nth-child(11) {-ms-grid-row:3;-ms-grid-column:1;}
header > div > *:nth-child(12) {-ms-grid-row:3;-ms-grid-column:2;}
header > div > *:nth-child(13) {-ms-grid-row:3;-ms-grid-column:3;}
header > div > *:nth-child(14) {-ms-grid-row:3;-ms-grid-column:4;}
header > div > *:nth-child(15) {-ms-grid-row:3;-ms-grid-column:5;}


header {background:#fff; height:60px; text-align:center; font-family:Raleway,Arial,sans-serif;}
header > div {margin:0 auto; height:60px; padding:0 15px; display:-ms-flexbox; display: -webkit-box; display: flex; -ms-flex-pack:space-between; -webkit-box-pack:justify; justify-content:space-between; -ms-flex-align:center; -webkit-box-align:center; align-items:center; }
#headerLogoText {display: block; margin-right:12px; text-align: left;}
#headerLogoText img {max-width:200px; width:100%; height:auto; margin-top:5px;  }
#headerLogo img {max-width:6%; width:7%; height:auto;}
@media screen and (min-width:1200px){
	#headerLogoText img {}
}
#aboveNavSearch, #belowNavSearch {-ms-flex-positive:3; -webkit-box-flex:3; -ms-flex:3 1 auto; flex:3 1 auto; margin:0 0 0 0;  margin-right:10px; }
#belowNavSearch {display:none;}
.headerSearch {-webkit-box-flex:1; -ms-flex:1 1 auto; flex:1 1 auto; display:-ms-flexbox; display:-webkit-box; display:flex; -ms-flex-wrap:nowrap; flex-wrap:nowrap;}
.headerSearch input {border:1px solid #00356E; padding:8px; font-size:18px; color:#555; min-width:1px; width:100%;  border-radius: 0 !important;}
.headerSearch button {background:#00356E; border:none; color:#fff; font-size:14px; padding:10px; display:-ms-flexbox; display: -webkit-box; display: flex; -ms-flex-align:center; -webkit-box-align:center; align-items:center; cursor: pointer;}
.headerSearch button img {margin-right:7px;}
#headerAccount {margin:0 12px 0 10px; display:-ms-flexbox; display:-webkit-box; display:flex; -ms-flex-align:center; -webkit-box-align:center; align-items:center; color:#00356E;}
#headerAccount a {text-decoration: none; color:#00356E; white-space:nowrap;}
#headerAccount img {margin-right:4px}
#headerCart {position: relative; margin-right:20px;}
#headerCart .box {display:inline; position:relative; cursor:pointer; margin-top:-8px;}
#headerCart .box > div {background:#00356E; display:inline-block; color:#fff; border:2px solid #fff; position:absolute; top:-23px; right:-5px; 
width:auto; height:auto; padding-top: 50%; border-radius: 50%; padding:1px 4px 1px 4px; font-size:11px;}
#headerCart .box svg {width:33px; height:31px;}
#headerContactInfo {min-width:175px; margin-left:10px; font-size:13px; color:#00356E;}
#headerContactInfo b {font-size:25px; display:block;}
#headerContactInfo b a {text-decoration:none;}
#accountSMLocation {display:none;}
.headerRightSide {display:flex; align-items: center;}
#accountLinkMainNav {display:none;}

/* menu cart */

#menuCart {background:#fff; -webkit-box-shadow: 10px 10px 18px 0px rgba(191,191,191,0.69); box-shadow: 10px 10px 18px 0px rgba(191,191,191,0.69); width:270px;  font-family:"Open Sans",Arial,sans-serif; color:#666; position: fixed; z-index: 200; top: 60px; right: 11px; border-radius: 3px;}	
#menuCart .heading {display:-ms-flexbox; display: -webkit-box; display: flex; -ms-flex-pack:space-between; -webkit-box-pack: justify; justify-content: space-between; padding:8px 18px 0 18px;}
#menuCart .heading h5 {font-size:16px; font-weight:600; }
#menuCart .heading h5 a:link {color:#666; text-decoration: none;}
#menuCart .heading h5 a:visited {color:#666; text-decoration: none;}
#menuCart .heading h5 a:hover {color:#00356E; text-decoration: underline;}
#menuCart .heading h5 a:active {color:#666; text-decoration: underline;}
#menuCart .heading img {cursor:pointer;}
#menuCart .cartItems {background:#F3F4F5; padding:0 18px; max-height: calc(100vh - 365px); overflow-y: auto;}
#menuCart .cartItem {border-bottom:1px solid #666; padding:6px 0; display:-ms-flexbox; display: -webkit-box; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin:5px 0 5px 0;}
#menuCart .cartItem:last-child {border:none;}
#menuCart .cartItem img {width:60px; height:60px; margin-right:12px; -ms-flex-negative: 0; flex-shrink: 0;}
#menuCart .cartItem h6 {font-size:16px; font-weight:300; display: block; margin:0; line-height:100%; text-align: left;}
#menuCart .cartItem h6 a {color:#666; text-decoration: none;}
#menuCart .cartItem .itemInfo {font-size:12px; font-weight:400; text-align:left; display:-ms-flexbox; display: -webkit-box; display: flex; -ms-flex-pack:space-between; -webkit-box-pack: justify; justify-content: space-between; margin:10px 0 6px 0;}
#menuCart .cartItem .itemInfo .qty {width:33px; font-size:13px; padding:2px 4px;}
#menuCart .cartItem .itemInfo .remove {font-size:12px; color:#888; text-decoration:underline; cursor: pointer; margin-top:5px;}
#menuCart .subtotal {padding:10px 0 8px 0; display:-ms-flexbox; display: -webkit-box; display: flex; -ms-flex-pack:space-between; -webkit-box-pack: justify; justify-content: space-between; font-weight: 600; font-size:14px; border-bottom:1px solid #666; margin:0 18px 15px 18px;}
#menuCart .goToCart, #menuCart .checkoutPaypal {border:none; padding:10px 10px; font:15px "Raleway",Arial,sans-serif; color:#fff; text-transform: uppercase; width:235px; margin:0 18px 10px 18px; cursor:pointer;}
#menuCart .checkout {background:#646B75;}
#menuCart .goToCart {border:none; background:#FF7100; border-radius:2px;}
#menuCart .checkoutPaypal {border:none; background:#FCC347; border-radius:2px; text-align: center; padding:11px 10px 7px 10px;}
#menuCart .checkoutPaypal img {vertical-align: middle; padding: 0 0 3px 2px; height:15px;}
#menuCart .paymentMethods {font-size:12px; margin:0 18px 5px 18px; display:-ms-flexbox; display: -webkit-box; display: flex; -ms-flex-pack:space-between; -webkit-box-pack: justify; justify-content: space-between;}
#menuCart .ccImages {width:37px; height:22px; margin-right:1px}



/* FOOTER */

footer * {box-sizing: border-box;}
footer {text-align: center; font-family:Verdana,Arial,sans-serif;}
footer hr {background:rgb(128,128,128); height:2px; border-width:0;}	
footer .connectWithUs {color:#0D83C4; font:32px Verdana,sans-serif; text-align: center; margin:20px 10px;}
footer .joinText {color:#555; font:16px Verdana,sans-serif; text-align: center; margin:35px 10px;}
footer .socialLinks {display:flex; max-width:300px; margin:10px auto 30px auto; align-items: center; justify-content: space-between;}
footer .footerMain {display:flex;}
footer .contactInfo {width:25%; background:#636C75; padding:20px; color:white; text-align: left;}
footer .contactInfo img {width:95%; height:auto; max-width:250px;}
footer .contactInfo a:link {color:white; text-decoration: none;}
footer .contactInfo a:visited {color:white; text-decoration: none;}
footer .contactInfo a:hover {color:white; text-decoration: underline;}
footer .infoItem {margin:20px 0;}
footer .infoItem a:link {color:white;}
footer .links {background:#EDF2F4; padding:40px 2% 60px 2%; width:100%;}
footer .links a:link {color:#00376C; text-decoration: none;}
footer .links a:visited {color:#00376C; text-decoration: none;}
footer .links a:hover {color:#00376C; text-decoration: underline;}
footer .links .top {display:flex; justify-content: space-between;}
footer .bottom {text-align: left;}
footer .bottom .text {font-size:12px; margin-top:40px;}
footer .linkSection {font-size:16px; text-align: left; margin:0 0 30px 0;}
footer .linkSection h5 {font-size:18px; font-weight:bold; padding:0 0 7px 0; border-bottom:2px solid #636C75; color:#0D83C4; max-width:250px; margin: 5px 0 30px 0 !important;}
footer .linkSection ul {list-style: none; margin:-18px 0 0 0; padding:0;}
footer .linkSection li {margin:15px 0;}
footer .linkSection input {padding:3px 3px; font-size:14px !important;}
footer .linkSection button {background:#00376C; border:none; padding:3px 10px; margin-left:-2px; border-bottom-right-radius:2px; border-top-right-radius:2px;}
footer .searchBox {display: flex; align-items: center;}
@media screen and (min-width:1350px) {
	footer .links {padding:40px 6% 60px 6%;}
}
@media screen and (max-width:960px) {
	footer .footerMain {flex-direction:column;}
	footer .contactInfo {width:100%;}
}
@media screen and (max-width:670px) {
	footer .links .top {flex-direction: column; margin:0 0 0 15px;}
	footer .links {padding:0 0 60px 8px;}
	footer .socialLinks {max-width:250px; margin:10px auto 10px auto;}
	footer .bottom {margin:0 0 0 15px;}
}

#cartHeaderButtonCount {display:inline-block;}

@media screen and (max-width:934px) {
	#belowNavSearch {display:block; margin:5px 0 0 0;}
	#aboveNavSearch {display:none;}
	header {height:120px;}
	header > div {height:60px;}
	#navContainer {top:115px;}
	#maincontainer {margin-top:22px !important;}
	.subMenu {top:40px;}
	#breadcrumbs {margin-top:160px;}
	#overLayBody {top:155px;}
}

@media screen and (max-width:873px){
	

	#aboveNavSearch {-ms-flex-positive:0; -webkit-box-flex:0; flex-grow:0; margin-right:0;}
	#belowNavSearch {padding:0 15px 0 15px; margin-left:15px;}
	
	#headerSearch form {width:100%;}
	#headerSearch input {max-width:100%;}
	#navButton {align-items: center; z-index:100;}
}

@media screen and (max-width:768px) {
	.subMenu {top:40px !important; left:-70px; right:-70px; width:auto;}
	#navButton {display:-ms-flexbox; display:-webkit-box; display:flex; text-align: center; font-weight: bold; cursor:pointer; margin:0 40px 0 5px; align-items: center;}
	#navButton img {padding-right:8px; width:20px; height:12px; vertical-align: middle;}
	.categoriesContainer {margin:0 -15px;}
	#headerAccount {display:none;}
	.accountLinkMainNav {display:block;}
	.mainNavHeader {display:flex; justify-content:space-between; background:#F1F5F6;}
	#accountLinkMainNav {margin: 15px 10px 0 0; display:inline-block;}
	#accountLinkMainNav a {color:#00346D !important; text-decoration: none !important;}
}

@media screen and (max-width:708px) {
	#accountSMLocation { margin:0 8px 0 0; display:-ms-flexbox; display:-webkit-box; display:flex; -ms-flex-align:center; -webkit-box-align:center; align-items:center; color:#00356E;}
	#accountSMLocation a {text-decoration: none;}
	#accountSMLocation img {margin-right:4px}
}

@media screen and (max-width:672px) {
	footer .sectionBottom {display:block; text-align: center;}
	footer .sectionBottom .text {margin:20px auto;}
	footer .sectionBottom img {margin:0 auto 15px auto;}
	footer .paymentBox {display:-ms-flexbox; -ms-flex-pack:space-between; display: -webkit-box; display: flex; -webkit-box-align: top; -ms-flex-align: top; align-items: top; -webkit-box-pack:justify; -ms-flex-pack:justify; justify-content:space-between; -ms-flex-wrap:wrap; flex-wrap: wrap;}
	footer .paymentBox img {margin:10px 10px;}
	footer .paymentBox img[alt=Visa] {height:18px;}
	footer .paymentBox img[alt=Mastercard] {height:24px;}
	footer .paymentBox img[alt=Discover] {height:18px;}
	footer .paymentBox img[alt=PayPal] {height:20px;}
	footer .paymentBox img[alt=AMEX] {height:24px;}
	
	footer .center .text {font-size:14px;}
	footer .right {text-align: left; width:100%;}
	footer .right img {height:30px; margin:15px 15px 0px 0px; }
	footer .right a {margin-bottom:0px; }
	footer .left {font-size:15px;}
	footer .left img {width:100%; max-width: 380px;}
}


@media screen and (max-width:570px) {
	#headerContactInfo {display:none;}
}

@media screen and (max-width:536px) {
	
	#navMenu, #navContainer {display:none;}
	#mobileNavBar {display:none; background:#333; border-top:4px solid #f60; clear:both; height:50px;}
	#mobileMenuIcon {margin:10px 0 0 18px;}
	#mobileCartIcon {margin:12px 18px 0 0; float:right;}
	.smalldn {display:none;}
	#maincontainer {margin-top:95px !important;}
	
	.searchBoxFormMo {display:none;margin-left:18px; position:relative; width:auto;}
	.searchBoxFormMo button {width:68px; height:30px; background:#E7680F; -moz-border-radius-topright:4px; -webkit-border-top-right-radius:4px; border-top-right-radius:4px; -moz-border-radius-bottomright:4px; -webkit-border-bottom-right-radius:4px; border-bottom-right-radius:4px; border:none; border-top:1px solid #DB6100; text-align:center; padding:7px 0; vertical-align:top; box-sizing:border-box; display:block; position:absolute; top:0; right:0;}

	.searchBoxFieldMo {font-size:1em; border:1px solid #d9d9d9; border-top:1px solid #bfbfbf;  border-top:1px solid #bfbfbf; border-top:1px solid #bfbfbf; height:30px; padding-left:8px; width:100%; box-sizing:border-box; display:block; -webkit-appearance:none; border-radius:0;}
	.searchBoxFormMo > div {position:relative; margin-right:18px;}
	.searchBoxBtnMo {vertical-align:middle}
	#logo-main{position:absolute;top:6px;left:15px;z-index:2; background:url(https://www.batterystuff.com/images/logo-main.svg) no-repeat; width:35px; height:53px;}
	#logo-main a{display:block;width:35px;height:35px}
	
	header {height:47px}
	#headerAccountAccess {right:110px; top:8px;}
	#headerCartIcon {right:60px; top:9px;}
	#searchIcon {right:268px; top:9px; cursor:pointer; display:block; position:absolute;}
	#mobileMenuToggle {display:block; background:url(https://www.batterystuff.com/images/header-icon-menu2.svg) no-repeat; width:28px; height:20px; cursor:pointer; position:absolute; top:14px; right:15px;}
	#headerCart {position: relative; margin-right:20px;}
	#headerCart .box {display:inline; position:relative; cursor:pointer; margin-top:-8px;}
	#headerCart .box > div {background:#00356E; display:inline-block; color:#fff; border:2px solid #fff; position:absolute; top:-23px; right:-5px; 
	width:auto; height:auto; padding-top: 50%; border-radius: 50%; padding:1px 4px 1px 4px; font-size:11px;}
	#headerCart .box svg {width:33px; height:31px;}
	
	/*#headerSearchFieldForm {position:absolute; text-align:center; z-index:100; top:0; left:0; right:0; left:0;}
	#headerSearchField {background:#444 url(/images/header-search-icon.svg) 8px center no-repeat; width:70%; height:18px; padding:26px 20px 26px 50px; font:16px Verdana,sans-serif; color:white; position:absolute;  margin:20% auto 0 auto; right:0; left:0; -moz-border-radius:8px; -webkit-border-radius:8px; border-radius:8px; display:none; outline:none; z-index:100;}*/
	
	#headerSearchFieldForm {position:fixed; text-align:center; z-index:100; top:150px; left:0; right:0; left:0; width:auto;}
	#headerSearchFieldForm div {width:70%; position:relative;   margin:10px auto; padding-right:30px;}

	#headerSearchField {background:#333; width:90%; height:18px; padding:26px 20px 26px 50px; font:16px Verdana,sans-serif; color:white; position:relative;  border:2px solid #666; -moz-border-radius-topleft:8px; -webkit-border-top-left-radius:8px; border-top-left-radius:8px; -moz-border-radius-bottomleft:8px; -webkit-border-bottom-left-radius:8px; border-bottom-left-radius:8px; outline:none; z-index:100;  }

	#mainSearchButton { background:#ED6C1B; /*padding:26px 40px 48px 20px;*/ width:60px; height:74px; font:bold 16px "Open Sans",Verdana,sans-serif; border:none; cursor:pointer; color:#fff; position:absolute; top:0; right:-17px; z-index:120;}
	#checkoutBar {display:block;}

	#headerMenuButton {display:flex; cursor:pointer;}
	#headerMenuButton img {margin-left:8px;}
	#headerAccount {display:none;}
}