/*________* General Body Styles. *________*/
body {
margin: 0 auto;
position:relative;
text-align: center;
width: 800px;}

#menuLayer0 {text-align: left;} 

a:link, a:visited {color: #0066CC; text-decoration: none; font-size: 11px;}
a:hover, a:active {color: #FF0000; text-decoration: none; font-size: 11px;}

h1 {font: bold 1.2em arial, sans-serif; color: #004A00; padding: 0; margin: 0 0 5px 0;}
h2 {font: bold 1.1em arial, sans-serif; color: #990000; padding: 0; margin: 2px 0 6px;}

p {padding: 0px; margin: 0px ;}
p a:link, a:visited {color: #000; text-decoration: none; font-size: 11px;}
p a:hover, a:active {color: #FF0000; text-decoration: none; font-size: 11px;}

/*________* Header & Utilities *________*/
#top {
	position: absolute;
	left: 2px;
	top: 1px;
	height: 54px;
	width: 770px;
	font: 10px arial, sans-serif;
	padding: 3px 0 0 3px;
}
#top a:link, #top a:visited {color: #990000; text-decoration: none; font-size: 10px;}
#top a:hover, #top a:active {color: #0066CC; text-decoration: underline; font-size: 10px;}

/*________* Battery Menu *________*/
#mainmenu {
	position: absolute;
	left: 176px;
	top: 64px;
	height: 144px;
	width: 598px;
	font: 11px arial, sans-serif;
	color: #DCDCDC;
}
#mainmenu a:link, #mainmenu a:hover, #mainmenu a:active, #mainmenu a:visited {color: #000; text-decoration: none; font-weight: bold;}

/*________* Service Menu *________*/
#servicemenu {
	position: absolute;
	left: 1px;
	width: 164px;
	top: 63px;
	background-color: #fff;
	text-align: left;
}
#servicemenu ul {margin: 0; padding: 0; list-style-type: none; font: 11px arial, sans-serif;} 
#servicemenu li {margin: 2px 0 0;} /*creates spacing between li*/
#servicemenu a {display: block; width: 156px; line-height:17px; font-family: tahoma, verdana, sans-serif; font-weight: bold; padding: 0 2px 0 10px; border-top: 1px solid #000; border-left: 5px solid #1e1e1e; border-bottom: 1px solid #000; border-right: 1px solid #000; background-color: #EEF2FB;} 
#servicemenu a:link, #servicemenu a:active, #servicemenu a:visited {color: #000;}
#servicemenu a:hover {background: #333; color: #fff;}

/*________* Battery AnimGIF *________*/
/*#animgif {position: absolute; left: 2px; top: 205px; width: 167px;}*/

/*________* PHP Live *________*/
#phpl {position: absolute; left: 2px; top: 191px; width: 169px;}

/*________* Date Script *________*/
#date {
	position: absolute;
	left: 192px;
	top: 213px;
	width: 175px;
	font: 11px arial, sans-serif;
	color: #330000;
}

/*________* Site Map *________*/
#map {
	position: absolute;
	left: 668px;
	top: 212px;
	font: 11px arial, sans-serif;
	color: #330000;
}

/*________* Netsuite Menu *________*/
#netsuite-container {position: absolute; top: 250px; width: 169px; left: 2px;}
#netsuite-hd {left: 2px; width: 167px; border-left: solid 5px #000; background: url(../assets/netsuite-top167.jpg) no-repeat top left;}
#netsuite-bd {left: 2px; top: 112px; width: 166px; background-color: #EEF2FB; border-right: 1px solid #000; border-left: 5px solid #000; text-align: left;}
#netsuite-bd h1 {font: bold .7em arial, verdana, sans-serif; color: black; padding: 3px 0 0 6px; margin: 3px 0 0 6px; }
#netsuite-bd h2 {font: bold .7em tahoma, arial, sans-serif; color: #990000; padding: 0 0 4px 7px; margin: 0 0 3px 7px;}

/*________* Left Menu UL *________*/
ul.leftnavv {margin: .5em 0 0 0; padding: 0 0 0 .3em; font: 11px/13px arial, san-serif; list-style-type: none;}
ul.leftnavv li {margin: 0; background: url(../assets/netsuite-bullet.gif) no-repeat; background-position: left top; padding: 1px 0 1px 1.3em; display: block;}
.sub {display: none;}

/*________sets the background color for current category ________*/
ul.leftnavv li.nvcurrent, ul.nvcurrent { background-color: #FFFFDD;}
/*________sets category name to bold ________*/
ul.leftnavv li.nvcurrent {font-weight: bold;}
/*________sets the background color for current SUB-category ________*/
ul.nvcurrent li.nvcurrent, ul.nvcurrent span.nvcurrent { background-color: #FFFFFF; font-weight: normal;}
ul.nvcurrent { list-style-type: none; margin: 0; padding: 0 0 0 0.9em;}
/*________spacer hides the bullet image for subnavigation ________*/
ul.nvcurrent li {padding: 1px 0 1px .5em;  background: url(../assets/spacer.gif) no-repeat; background-position: left top; font-weight: normal;}
/*________makes entire li cell be the link and to take hover color in  the last one ________*/
ul.leftnavv li a { display: block; padding: 0; margin: 0;}
.netsuite-bd a:link, .netsuite-bd a:visited {color: #333; text-decoration: none}
.netsuite-bd a:hover, .netsuite-bd a:active {color: #990000; text-decoration: none; background-color: #FFF;}

#netsuite-foot {position: relative; display: inherit; width: 167px; border-left: solid 5px #000; background: url(../assets/netsuite-bot167.gif) no-repeat top left; margin-bottom: 20px}
.batform {font: 11px arial, sans-serif; padding-left: 8px; margin: 1px 0 6px;}
.mysubmit {font: bold 11px arial, san-serif; color: #000; border: 0; margin-top: .25em; background-color: #EEF2FB;}

/*________*  Notices [Commercial, Payment, Shopping, and Testimonials Boxes] within Netsuite Container  *________*/
#commercial-bd ul, #payment-bd ul, #shipping-bd ul, #testim-bd ul {margin: .5em 0 0 .1em; padding: 0; font: 11px arial, san-serif; list-style-type: none;}
#commercial-bd li, #payment-bd li, #shipping-bd li, #testim-bd li {margin: 3px 0 0; background: url(../assets/commercial-bullet.gif) no-repeat; background-position: 0 50%; padding-left: 1.4em;}
#commercial-foot, #shipping-foot  {position: relative; display: inherit; width: 167px; border-left: solid 5px #000; background: url(../assets/commercial-bot167.gif) no-repeat top left; margin-bottom: 20px}
#payment-hd, #testim-hd {left: 2px; width: 167px; border-left: solid 5px #000; background: url(../assets/netsuite-top167.jpg) no-repeat top left;}
#payment-foot, #testim-foot {position: relative; display: inherit; width: 167px; border-left: solid 5px #000; background: url(../assets/netsuite-bot167.gif) no-repeat top left; margin-bottom: 20px}

/*________*  Commercial  *________*/
#commercial-hd {left: 2px; width: 167px; border-left: solid 5px #000; background: url(../assets/commercial-top167.jpg) no-repeat top left;}
#commercial-bd {left: 2px; top: 112px; width: 160px; background-color: #fff6f8; font: 11px arial, sans-serif; color: #000066; border-right: 1px solid #000; border-left: 5px solid #000; padding: 0 0 0 6px; text-align: left;}

/*________*  Payment  *________*/
#payment-bd {text-align: center; left: 2px; top: 112px; width: 166px; background-color: #EEF2FB; font: 11px arial, sans-serif; color: #000066; border-right: 1px solid #000; border-left: 5px solid #000; padding: 0 0 0 0px;}

/*________*  Shipping  *________*/
#shipping-hd {left: 2px; width: 167px; border-left: solid 5px #000; background: url(../assets/shipping-top.jpg) no-repeat top left;}
#shipping-bd {left: 2px; top: 112px; width: 166px; background-color: #fff6f8; font: 11px arial, sans-serif; color: #000066; border-right: 1px solid #000; border-left: 5px solid #000; padding: 0 0 0 0px; text-align:center;}

/*________*  Testimonials  *________*/
#testim-bd {left: 2px; top: 112px; width: 166px; background-color: #EEF2FB; font: 11px arial, sans-serif; color: #000066; border-right: 1px solid #000; border-left: 5px solid #000; padding: 0 0 0 0px; text-align:center;}

/*________*  Right Margin Styles  *________*/
#lenmar {
	position: absolute;
	left: 628px;
	width: 147px;
	top: 250px;
	background-color: #e9f8fe;
	font: 11px arial, sans-serif;
	color: #000;
	border-top: 5px solid #990000;
	border-bottom: 5px solid #9CCBFA;
	border-left:1px solid #9CCBFA;
	border-right:1px solid #9CCBFA;
	padding: 0 0 5px 0;
}
#lenmar p {text-align: left; padding: 3px;}
#lenmar h2 {font: bold 1em arial, sans-serif; color: #990000;}

#box3 {
	position: absolute;
	left: 628px;
	width: 147px;
	top: 550px;
	font: 11px arial, sans-serif;
	color: #000;
}
#box3 h1 {font: bold 1.1em tahoma, arial, sans-serif; color: #990000; padding: 3px 2px 0;}
#box3 a:link, #box3 a:visited {color: #000066; text-decoration: none;} 
#box3 a:hover, #box3 a:active {color: #FF0000;}

#box4 {
	position: absolute;
	left: 628px;
	width: 147px;
	top: 754px;
	font: 11px arial, sans-serif;
	color: #000066;
	border-top: 5px solid #990000;
	background-color: #ECFEFF;
}
#box4 h2 {font: bold 11px tahoma, arial, sans-serif; color: #750075; padding: 3px 0 4px 0; margin: 0 0 3px 0;}
#box4 p {background: #944D9E; font: normal 11px arial, sans-serif; color: #fff; margin: 0px; padding: 2px;}
.box4pad {padding: 0 4px 0;}
.box4underline {font: bold 11px arial, sans-serif; color: #990000; text-decoration: underline;}

#box5 {
	position: absolute;
	left: 628px;
	width: 147px;
	top: /*1272*/1102px;
	font: 11px arial, sans-serif;
	color: #000;
	border-top: 5px solid #990000;
	padding-left: 2px;
	background-color: #FCFDDF;
}
#box5 h1 {font: bold 11px tahoma, arial, sans-serif; color: #004a00; padding: 3px 0 4px 0; margin: 0 0 3px 0;}
#box5 h2 {color: #990000; padding: 3px 0 2px 0; margin: 0 0 3px 0;}

/*________* Logos & Endorsements *________*/
#logos {
	position: absolute;
	left: 190px;
	top: 2035px;
	width: 575px;
	font: 10px arial, sans-serif;
	color: #666666;
	padding: 3px 0 0 2px;
	border-top: 1px dotted #cccccc;
}

/*________* Classes *________*/
.bord-blk {border: #333 1px solid;}
.form-tarea {font: 11px arial, sans-serif; background-color: #F7FFF5; margin-top: .5em;}

/*________* Intro Text *________*/
#introcontent {
	position: absolute;
	left: 190px;
	top: 245px;
	width: 420px;
	font: 11px verdana, arial, sans-serif;
	color: #333;
	text-align: justify;
}

/*________* Hearing Aid Box *________*/
#hearingcontent {
	position: absolute;
	left: 190px;
	top: 450px;
	width: 420px;
	font: 11px arial, sans-serif;
	color: #000;
	margin-bottom: 20px;
	border: 1px solid #666666;
}

/*________* Hearing Aid Links *________*/
#hearinglinks {
	position: absolute;
	left: 190px;
	top: 566px;
	width: 420px;
	font: 11px arial, sans-serif;
	margin-bottom: 20px;
}
#hearinglinks a {color: #990000; text-decoration: none; font-size: 11px;}
#hearinglinks a:hover {color: #000; text-decoration: underline; font-size: 11px;}

/*________* Charger Section *________*/
#chargerdeals-hd {
	position: absolute;
	left: 190px;
	top: 625px;
	width: 420px;
	height: 30px;
	font: 11px verdana, arial, sans-serif;
	color: #333;
	margin-bottom: 15px;
	text-align: justify;
}
#chargerdeals-hd h2 {font-size: 12px; color: #000066; margin-bottom: 4px;} 
#chargerdeals1 h1, #chargerdeals2 h1, #chargerdeals3 h1 {font-size: 11px; color: #000066; margin-bottom: 4px; padding-top: 13px;}
#chargerdeals1, #chargerdeals2 {
	position: absolute;
	width: 116px;
	height: 350px;
	padding: 10px;
	top: 730px;
	background: url(../assets/product-chargers-bg1.jpg) no-repeat top left;
}
#chargerdeals1 {left: 190px;}
#chargerdeals2 {left: 333px;}
#chargerdeals3 {left: 475px; position: absolute; width: 116px; height: 350px; padding: 10px; top: 730px;background: url("../assets/product-rayovac-bg-1.gif") no-repeat top left;}
ul {padding: 0 0 0 9px; margin: 0 0 1px 9px; list-style-type: disc; font: 10px arial, sans-serif; color: #333;} 
li {margin: 0em 0 0; padding: 0em 0 0 1px;} 

/*________* New Items *________*/
#new-hd {
	position: absolute;
	left: 190px;
	top: 1087px;
	width: 427px;
	height: 30px;
	font: 11px verdana, arial, sans-serif;
	color: #333;
}
#new-hd h1, #newa h1, #newb h1 {font-size: 12px; color: #004A00; margin-bottom: 4px; padding-top: 5px;}
#newa {left: 188px; background: url(../assets/new-sony-spotlight.jpg) no-repeat top left;}
#newb {left: 403px; background: url(../assets/new-power-sonic1.jpg) no-repeat top left;}
#newa, #newb {
	position: absolute;
	top: 1162px;
	width: 206px;
	height: 210px;
	padding: 10px 0 0 15px;
	font: 11px arial, sans-serif;
	color: #000;
} 

/*________* Text Wrap-Up *________*/
#final {
	position: absolute;
	top: 1378px;
	left: 190px;
	width: 427px;
	font: 11px verdana, arial, sans-serif;
	color: #333;
	text-align: justify;
}
#habs {border: 1px solid #00CC33 !important; padding: 5px !important; line-height:16px;}
#habs span {font:bold 14px Arial, Helvetica, sans-serif; color:#009900}
#habs a {text-decoration: underline; color:#006699;}
#habs a:hover {text-decoration: none; color:#FF0000;}