body { background:#fff; }

h1, h2, h3, h4, h5, h6 { color:#fff; }

h1 {font-size:2.4em; line-height:1; }
h2 {font-size:1.5em; margin-bottom:0.5em; }
h3 {font-size:1.3em; line-height:1.3; margin-bottom:0.2em; }
h4 {font-size:1.2em; line-height:1.25; margin-bottom:1.25em; }
h5 {font-size:1.2em; font-weight:normal; margin-bottom:1em; }
h6 {font-size:0.85em; font-weight:bold;}

h1 img, h2 img, h3 img, h4 img, h5 img, h6 img {margin:0;}

p {margin:1em 0;}

a:focus, a:hover {color:#666;}
a {color:#666;text-decoration:underline; outline:none; }

/* Custom */
#wrapper { width:996px; background:#000 url(/images/main-bg.jpg); margin:0 auto; text-align:left; }
#header { height:124px; max-height:124px; background:#fff; padding:1px 0; z-index:99; position:relative; }
#logo { background:url(/images/logo.png) no-repeat; margin:37px 0 0 0; width:232px; height:75px; display:block; text-indent:-2000px; outline:none; }

#main-content { 
	background:url(/images/main-content-bg.jpg) no-repeat;
	position:relative; 
	padding:0 20px;
	height:300px;
}

html>body #main-content { 
	min-height:300px; height:auto; overflow:auto;
}

#breadcrumb { 
	color:#fff; height:33px; 
	line-height:33px; text-transform:uppercase;
	font-weight:bold; font-size:0.8em;
}

#base-bg { background:url(/images/base-bg.jpg) no-repeat; height:182px; }

#footer { clear:both; background:#fff; font-size:0.9em; height:62px; border-top:1px solid #fff; text-align:center; padding-top:16px;color:#999; }
#footer a { text-decoration:none; color:#999; }


#left-column { float:left; width:183px; margin-top:15px; padding-bottom:10px; }

#center-column { width:510px; margin-left:205px; padding:15px; }

#double-column { width:712px; margin-left:204px; overflow:hidden; }

#left-column img { margin-left:10px; }

#double-column h1,
#double-column h2 { text-align:center; }

h3 { color:#75ce30; text-transform:uppercase; }
h4 { color:#75ce30; text-transform:uppercase; font-weight:bold; }
h5 { color:#fff; }

ol { margin:0 0 20px 20px; padding:0; }

.h5_ol { color:#75ce30; font-size:1.2em; font-weight:normal; }

.white-text { color:#fff; }
.green-text { color:#75ce30; font-weight:bolder; }

/* Home page */

body#home #wrapper { background:#fff; }

body#home #main-content { 
	background:url(/images/homepage/home-content-bg.jpg) no-repeat;
	height:397px; padding-bottom:0;
}

body#home h1 { 
	color:#fff; margin:0 0 0.5em 10px; font-size:3.2em;
	text-transform:none;
}

body#home #left-column { width:325px; float:none; height:364px; margin:0px; overflow:hidden; padding-bottom:0; }
body#home .home_img { position: absolute; right: 0; top: 0; margin:0px; padding:0; }
html>body#home #left-column { min-height:364px; height:auto; }

body#home #left-column a { font-size:1.2em; }

#home-battery-link { 
	background:url(/images/homepage/home-battery-link.png) no-repeat;
	width:140px; height:74px; display:block; position:absolute; top:165px;
	z-index:10; padding:25px 116px 25px 25px; text-decoration:none; color:#000;
}

#home-charger-link { 
	background:url(/images/homepage/home-charger-link.png) no-repeat;
	width:156px; height:76px; display:block; position:absolute; top:226px;
	padding:70px 25px 25px 100px; text-decoration:none; color:#000;
}

#home-banners { clear:left; padding-top:20px; background:#fff; }

#home-banners div { float:left; margin-right:8px; height:136px; }

#home-banners div p { margin-bottom:10px; }

#home-banners div a { 
	color:#fff; text-decoration:none; padding:5px 20px 2px 0;
	background:url(/images/homepage/banner-arrow.png) no-repeat right bottom; 
}

#rechargeable-banner {
	background:url(/images/homepage/recharge-banner.jpg) no-repeat;
	width:198px; color:#92e202; padding-left:17px; padding-right:110px;
}

#rechargeable-banner p { margin-top:20px; font-size:1.5em; }

#intelligent-banner {
	background:url(/images/homepage/intelligent-banner.jpg) no-repeat;
	width:318px; color:#fff; padding-right:12px; text-align:right;
}

#intelligent-banner p { margin-top:67px; }

#lithium-banner {
	background:url(/images/homepage/lithium-banner.jpg) no-repeat;
	width:187px; color:#fff; padding-right:12px; text-align:right;
	padding-left:125px;
}

#lithium-banner p { margin-top:15px; }

#home-banners div.last { margin-right:0; }

/* The Range */

#right-column { position:absolute; right:20px; width:205px; }

#functions { border:#333 1px solid; background:#1A1A1A; padding:5px 0; margin-bottom:10px; }
#functions h6 { padding:0; font-weight:normal; font-size:0.95em; text-align:center; border-bottom:#666 1px dashed; padding:8px 0 10px 0; }
#functions p { font-size:0.8em; margin:5px 7px; }
#functions img { /*margin-left: 5px;*/ }
#functions h4 { text-indent:-2000px; height:25px; margin:10px 0 0 5px; }
#functions h5 { margin: 0 0 10px 5px;}

h4#individual-channels { background:url(/images/2-individual-channels.gif) left bottom no-repeat; }
h4#auto-switch-off { background:url(/images/auto-switch-off.gif) left bottom no-repeat; }
h4#charging-status-led { background:url(/images/charging-status-led.gif) left bottom no-repeat; }
h4#trickle-charge { background:url(/images/trickle-charge.gif) left bottom no-repeat; }

.pdf-link { 
    font-size:1em;
    margin:5px 0 0 0;
    background:url(/images/pdf_bg.png) no-repeat;
    display:block;
    text-decoration:none;
    padding: 9px 0 0 10px;
    color: #fff;
    font-weight: bold;
    width: 173px;
    height: 26px;
}

.lh-box { 
	background:#000; 
	-moz-border-radius:0 0 5px 5px; -webkit-border-radius:0 0 5px 5px; border-radius:0 0 5px 5px; 
	box-shadow:2px 5px 5px #0a5a02; -moz-box-shadow:2px 5px 5px #0a5a02;
	margin-top:14px; padding-bottom:10px;
}

.lh-box-right {
	-moz-border-radius:0 0 5px 5px; -webkit-border-radius:0 0 5px 5px; border-radius:0 0 5px 5px;
	margin-top:14px; padding-bottom:10px;
        background: #1D1D1B;
}

.lh-box-right .results-links{
}

.lh-box-right .title_comparison {
    background: url(/images/comparison_bg_up.png) no-repeat scroll right 0;
    height: 22px;
    width: 181px;
    color: #00FF00;
    font-size: 1.3em;
    padding: 5px 10px;
    margin-left: 5px;
    cursor: pointer

}

.lh-box-right .content_comparison {
    font-size: .8em;
    padding: 5px 10px;
    display: none;
}

.lh-box-right .content_comparison ul{
    margin-left: 15px;
}

.lh-box-right .content_comparison ul li{
    padding-bottom: 5px;
}

#filter-box { padding-bottom:0; }
#filter-box h6{ padding-top: 5px; margin-top: 0; }
#filter-box fieldset {
    padding:0;
    margin:0 10px 10px 10px;
    border-bottom: 1px solid #555555;
}

#filter-box fieldset ul{
    list-style-type: disc;
    margin-left:13px;
}

body#charger-range #filter-box fieldset ul{
    list-style-type: none;
     margin-left:0;
}
#filter-box #results-box{
    background: #000
}
#filter-box #charger-range-form{
    background: #000;
    padding: 0 0 5px 0;
    margin: 0 0 10px 0;
}
#filter-box .results-links{
    margin-top: 0;
    margin-left: 0;
}
#filter-box .results-links li{
    padding: 5px 0 5px 15px;
    margin: 0;
}

h5.bordered { 
	font-weight:bold; font-size:1.20em; padding:0 0 0 15px; margin:0; border-bottom:#1d6a0e 1px solid;
	background:url(/images/h5-bg.jpg) repeat-x; height:46px; line-height:42px;
}

h6 { color:#fff; padding:0; font-size:1.2em; margin:8px 0 8px 10px; }

form { margin:0; padding:0; }

.filter-box form { padding:0 10px; }

fieldset { border:none; padding:0 5px 20px 10px; }

.filter-box fieldset { padding:0 0 15px 0; border-bottom:#4d4d4d 1px dotted; }

fieldset label { color:#75ce30; font-weight:normal; margin-left:8px; }
fieldset input { margin:0; padding:0; }
fieldset ul { list-style:none; margin:0; padding:0; }
fieldset ul li { margin:5px 0; }

.results-links { list-style:none; padding:0px; margin:10px;  }
.results-links li { color:#999; display:block; margin:5px 0; }
.results-links li a {
	color:#0f0; padding-left:15px; background:url(/images/green-arrow.png) 5px center no-repeat;
	text-decoration:none; display:block; height:22px; line-height:22px; 
}
.results-links li a:hover { color:#000; background:#4ebe10 url(/images/black-arrow.png) 5px center no-repeat; }
.results-links li.highlighted a { color:#000; background:#4ebe10 url(/images/black-arrow.png) 5px center no-repeat; }

#range-footer { 
	border:#302a2f 1px solid; background:#0a1e01; padding:10px 20px;
	-moz-border-radius:15px; -webkit-border-radius:15px; border-radius:15px;
	width:570px; margin:0 auto;
}

#range-footer h2 { text-align:left; }

#product-details { width: 502px; margin: 20px 0 0 0;}
#product-details h4 { display:none; color:#fff; font-size:1.1em; margin:15px 0; }

#product-details a { color:#75CE30; }

#product-logo { margin-bottom:25px; }
#product-logo-batteries { margin-bottom:5px; }

.product-slide { overflow:hidden; position:relative; text-align: center;height: 500px;width:530px; margin-left: -10px;}
.product-slide p.desc { filter: alpha(opacity:60); opacity:0.6; color:#fff; text-indent:20px; font-weight:bold; width:100%; padding:10px 0; position:absolute; bottom:0; left:0; background:#333; margin:0; }
.product-slide span.overlay { display:block; position:absolute; top:0; width:100%; height:15px;}

.software { list-style:none; float:right; margin:0; }
.software li { color:#666; text-transform:uppercase; }
.software li span { color:#75ce30; } 
.software a { color:#75ce30; } 


.compatibility { list-style:none; margin:0; }
.compatibility li { color:#666; text-transform:uppercase; display:block; float:left; margin-right:15px; }
.compatibility li.aa-aaa-batteries { margin-top:10px; background:url(/images/aa-aaa.jpg) no-repeat; width:76px; height:30px; text-indent:-2000px; }
.compatibility li.aa-aaa-9v-batteries { margin-top:10px; background:url(/images/aa-aaa-9v.jpg) no-repeat; width:103px; height:30px; text-indent:-2000px; }
.compatibility li.aa-aaa-9v-c-d-batteries { margin-top:10px; background:url(/images/aa-aaa-9v-c-d.jpg) no-repeat; width:123px; height:30px; text-indent:-2000px; }
ul li.product-feature-highlight { color:#75CE30; }

#tech-info-link {
	background:url(/images/products/tech-info-bg.png) no-repeat;	
	width:176px; height:33px; line-height:31px; padding-left:5px;
	padding-bottom:0; -moz-border-radius:5px; -webkit-border-radius:5px;
	display:block; text-decoration:none; color:#fff; font-size:1.1em;
}

/* Facts page */

body#facts #center-column, body .facts-content {
	background:#FCF8F7 url(/images/recharge-the-facts/facts-header.jpg) no-repeat 15px 10px;
	-moz-border-radius:0 0 5px 5px;
}

body#facts #center-column h1,
body#facts #center-column p#intro,
body .facts-content h1,
body .facts-content p#intro { width:380px; }

body .facts-content p#intro {margin-bottom: 0; }

body#facts #center-column h2,
body .facts-content h2 { margin-top:45px; }

a.banner-link { border:1px solid #423d47; display:block; width:235px; margin:4px 4px; float:left; }
a.banner-link:hover { border:1px solid #b3f700; }

#recharge-the-facts-button { background:url(/images/recharge-the-facts/button.jpg) no-repeat; margin-bottom:8px; height:40px; text-transform:uppercase; padding-top: 11px;}
#recharge-the-facts-button:hover { background:url(/images/recharge-the-facts/button-rollover.jpg) no-repeat;  }
#recharge-the-facts-button a { color: #000000; text-decoration: none; display:block; text-align:center; font-weight:bold; }

#facts-menu { 
	background:#000; padding-bottom:10px;
	-moz-border-radius:0 0 5px 5px; -moz-box-shadow:2px 5px 5px #0A5A02;
}
#facts-menu ul { margin:10px; list-style:none; padding:0; }
#facts-menu ul li { display:block; margin:5px 0; color:#999; }
#facts-menu ul li a { color:#0f0; padding:5px; background:url(/images/recharge-the-facts/green-arrow-large.png) 98% 8px no-repeat; 
	text-decoration:none; display:block; 
}
#facts-menu ul li a:hover { color:#fff; background:#4ebe10 url(/images/recharge-the-facts/white-arrow-large.png) 98% 8px no-repeat; }

body#about-batteries #facts-menu #about-batteries-link a,
body#about-chargers #facts-menu #about-chargers-link a,
body#tech-info #facts-menu #techinfo-link a,
body#faq_body #facts-menu #faq-link a
{ color:#75ce30; background:#2b4c12;}


/* What's New */

#inner-content { padding-top:28px; margin-bottom:20px; background:#141414 url(/images/new-product-bg.jpg) no-repeat; }

.hidden { display:none; }
.new-product-slide { clear:right; height:272px; overflow:hidden; position:relative; }
.new-product-slide p.desc { filter: alpha(opacity:60); opacity:0.6; color:#fff; text-indent:20px; font-weight:bold; width:100%; padding:10px 0; position:absolute; bottom:0; left:0; background:#333; margin:0; }

body#whats-new #inner-content { padding-top:0; }

#new-product-1 { padding-top:28px; height:244px; }
#new-product-1 img { float:right; }

#image-line { text-align:center; clear:right; margin: 7px 0 25px; height:50px; padding:15px 0; }
#image-line ul { list-style:none; margin:0 auto; margin-left:100px; }
#image-line ul li { display:block; float:left; position:relative; margin-right:10px; }

html>body #image-line ul li a { top:0; left:0; text-indent:-2000px; position:absolute; display:block; height:48px; width:48px; background:url(/images/image-line-border-over.png) }
html>body #image-line ul li a:hover,
html>body #image-line ul li.active a { background: none; height:48px; }

.left-link { border-top:#666 1px solid; border-bottom:#666 1px solid; margin:0 0 16px 0; padding:7px 0; background:#010101 url(/images/left-link-bg.jpg) repeat-x; display:block; padding-left:10px; }
.left-link a { color:#999; background:url(/images/grey_arrow.gif) left 6px no-repeat; display:block; padding-left:10px; margin:5px 5px 5px 0; text-decoration:none; }
.left-link a:hover { color:#e8b600; background:url(/images/orange_arrow.gif) left 6px no-repeat; }
.left-link p { color:#fff; margin:0 5px 10px 0; }

body#whats-new .left-link { margin-top:16px }


/* Competition */

body#competition #center-column h2 { width:55%; }
body#registration #center-column h2 { width:80%; }

body#competition h5 { width:55%; }

#back-button { background:url(/images/grey_arrow_back.gif) left 6px no-repeat; padding-left:10px; float:right; text-transform:uppercase; color:#999; text-decoration:none; }
#back-button:hover { background:url(/images/orange_arrow_back.gif) left 6px no-repeat; color:#e8b600; }

#comp-para1 { 
	background:url(/images/competition/xbox-comp-bg-1.jpg) no-repeat; 
	height:123px; padding:28px 97px 0 153px;
}

#comp-para2 { 
	background:url(/images/competition/xbox-comp-bg-2.jpg) right top no-repeat; 
	height:142px; padding:13px 105px 0 148px;
}

#competition-enter-link { float:right; margin-left:40px; }

ul#orange-links { list-style:none; margin:0; padding:0; clear:left; }
ul#orange-links li a { color:#999; text-decoration:none; padding-left:10px; background:url(/images/grey_arrow.gif) left 4px no-repeat; }
ul#orange-links li a:hover { color:#e8b600; background:url(/images/orange_arrow.gif) left center no-repeat; }

#hidden-content { height:653px; position:absolute; left:248px; background:#141414; width:480px; padding:25px; }

#hidden-content h5 { font-size:1.4em; }
#hidden-content label, #hidden-content form { color:#fff; }
#hidden-content table td { color:#999; }

#req-fields { float:right; }


/* Contact Us */

body#contact-us #center-column { background:#000; }
body#contact-us #inner-content { background:#141414 url(/images/contact-us-bg.gif) repeat-x; }

body#contact-us #inner-content table { width:350px; }
body#contact-us #inner-content table td { font-weight:bold; vertical-align:top;padding:4px 10px 4px 5px; }


#contact-submit { background:url(/images/submit-button.gif); border:none; height:33px; width:99px; cursor:pointer; margin-top:20px; }
#contact-submit-en { background:url(/images/submit-button-en.png); border:none; height:33px; width:120px; cursor:pointer; margin-top:20px; }
#contact-submit-fr { background:url(/images/submit-button-fr.png); border:none; height:33px; width:120px; cursor:pointer; margin-top:20px; }
#contact-submit-es { background:url(/images/submit-button-es.png); border:none; height:33px; width:120px; cursor:pointer; margin-top:20px; }
#contact-submit-it { background:url(/images/submit-button-it.png); border:none; height:33px; width:120px; cursor:pointer; margin-top:20px; }
#contact-submit-de { background:url(/images/submit-button-de.png); border:none; height:33px; width:120px; cursor:pointer; margin-top:20px; }
#contact-submit-pl { background:url(/images/submit-button-pl.png); border:none; height:33px; width:120px; cursor:pointer; margin-top:20px; }
#contact-submit-el { background:url(/images/submit-button-el.png); border:none; height:33px; width:108px; cursor:pointer; margin-top:20px; }

#contact-submit-hu { background:url(/images/submit-button-hu.png); border:none; height:33px; width:117px; cursor:pointer; margin-top:20px; }
#contact-submit-ru { background:url(/images/submit-button-ru.png); border:none; height:33px; width:117px; cursor:pointer; margin-top:20px; }
#contact-submit-se { background:url(/images/submit-button-se.png); border:none; height:33px; width:117px; cursor:pointer; margin-top:20px; }

.alignright { text-align:right; }
.green-ast { color:#75ce30; }

textarea { width:202px; }

select { width:116px; }

.info-small { font-weight:normal; font-size:0.9em; }

/* Sitemap */

body#sitemap #inner-content ul { margin:0; list-style:none; }
body#sitemap #inner-content ul li a { color:#fff; text-decoration:none; padding-left:15px; background:url(/images/orange_arrow.gif) left center no-repeat; }
body#sitemap #inner-content ul li a:hover { color:#e8b600; }
body#sitemap #inner-content { padding-top:10px; }

.header-link { text-transform:uppercase; font-weight:bold; padding-top:10px; }
.header-link a { text-transform:uppercase; font-weight:bold; }
.upper-link { text-transform:uppercase; }

/* TOP NAV */
#top_nav { margin:0; position:absolute; right:0; top:31px; font-size:0.75em; letter-spacing:0.1em;  line-height:1; }
#top_nav li { color:#000; display:inline; list-style:none; text-transform:uppercase; margin-left:8px; }
#top_nav li a { background:#f4f4f4; font-weight:bold; color:#000; text-decoration:none; padding:5px 10px; }
#top_nav li form { display:inline; }
#top_nav select { text-transform:none; width:140px; background:#fff; color:#9c9c9c; border:#9c9c9c 1px solid; font-size:1.2em; }

/* MAIN NAV */
#main_nav {
	width:710px; height:26px; position:absolute; 
	top:82px; right:0; z-index:100; font-size:0.9em; 
}

/* remove all the bullets, borders and padding from the default list styling */
#main_nav ul {padding:0; margin:0; list-style-type:none; float: right }

/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
#main_nav li { float:left; width:172px; position:relative; text-transform:uppercase; }

/* style the links for the top level */
#main_nav a, #main_nav a:visited { 
	outline:none; line-height:23px; display:block; 
	text-align:center; text-decoration:none; 
	height:26px; color:#2abd02; width:172px; font-weight:bold;
	background:#d6d6d6 url(/images/main-nav-bg1.png) left top no-repeat;
}

/* hide the sub levels and give them a positon absolute so that they take up no room */
#main_nav ul ul { visibility:hidden; background:#292929; position:absolute; height:0; top:25px; left:0; width:142px; }

/* style the table so that it takes no ppart in the layout - required for IE to work */
#main_nav table { position:absolute; top:0; left:0; border-collapse:collapse; }

/* style the second level links */
#main_nav ul ul a, #main_nav ul ul a:visited { text-transform:none; font-size:0.8em; text-align:left; background:#292929 url(/images/grey_arrow_dark.gif) left 8px no-repeat; color:#ccc; height:auto; line-height:1.3em; margin:0 10px; padding:5px 10px; width:102px; }

/* style the top level hover */
#main_nav a:hover, #main_nav a.current { background-position:left bottom; }
#main_nav :hover > a { background-position:left bottom; } 

#main_nav a.drop-down:hover { background-position:left bottom; }
#main_nav :hover > a.drop-down { background-position:left bottom; } 

/* menu items hover */
#main_nav ul ul a:hover { color:#e8b600; background:#292929 url(/images/orange_arrow.gif) left 8px no-repeat; }
#main_nav ul ul :hover > a { color:#e8b600; background:#292929 url(/images/orange_arrow.gif) left 8px no-repeat; }

/* make the second level visible when hover on first level list OR link */
#main_nav ul li:hover ul,
#main_nav ul a:hover ul { z-index:120; visibility:visible; padding-bottom:10px; height:auto; }

/* END OF MAIN NAV */

div#faq_body {
    margin-top: 15px;
}

div#faq_body p {
    padding: 10px 10px 10px 15px;
    background: url(/images/grey_arrow_down.gif) no-repeat 5px 15px;
    cursor: pointer;
    margin: 0;
    text-align: justify;
    text-decoration: underline;
    color: #555152;
}


#center-column div#faq_body p.current {
    padding: 10px 10px 10px 15px;
    background: #E3E3E3 url(/images/grey_arrow_down_open.gif) no-repeat 5px 15px;
    cursor: pointer;
    margin: 0;
    text-align: justify;
    text-decoration: none;
    color: #000;
    font-weight: bold;
}

 div#faq_body p:hover {
    font-weight: bold;
}

span.answer {
    display: none;
    font-weight: normal;
    text-decoration: none;
}

p ol{
    display: none;
}

#center-column, #center-column h1, #center-column h2 {
    color: #fff;
}

#crumbs li {
    float: left;
    margin: 0 10px 0 0;
}

#crumbs li a {
    color: #fff;
    text-decoration: none;
    background: url(/images/breadcrumb-bullet.gif) no-repeat scroll right center;
    padding: 0 10px 0 0;
}

#crumbs li a:hover {
    text-decoration: underline;
}


#about-batteries div#center-column h1, #about-batteries div#center-column h2, #about-batteries div#center-column p,
#about-chargers div#center-column h1, #about-chargers div#center-column h2, #about-chargers div#center-column p,
#faq div#center-column h1, #faq div#center-column h2, #faq div#center-column p
{
    color: #555152;
}

body#charger-range #double-column h1,
body#battery-range #double-column h1{
    text-transform: uppercase;
    font-size:2em;
}

body#product-chargers #center-column,
body#product-batteries #center-column{
    margin-left : 200px;
    width:530px;
}

body#product-chargers #center-column #product-details,
body#product-batteries #center-column #product-details{
   width:530px;
}

body#product-chargers #center-column #product-details ul,
body#product-batteries #center-column #product-details ul{
   margin-left: 20px;
}

#lithium-banner p {
    font-size: .9em;
}

.facts-content h2 {
    width: 395px;
    border-top: 1px solid #D7D3D2;
}
