/*** GENERAL STYLES ***/

body {background: #ddd; margin: 0; padding: 0;}
body, th, td, h1, h2, h3, h4, h5, h6, select, input, textarea {font-family: arial, helvetica, sans-serif; font-size: 12px; color: #000;}
body, th, td, h1, h2, h3, h4, h5, h6 {line-height: 17px;}
form, h1, h2, h3, h4, h5, h6 {margin: 0; padding: 0;}

img, table, fieldset {border: 0;}
ul, ul li {list-style: none; margin: 0; padding: 0;}
p {margin: 0 0 1.5em 0;}
a {color: #1f61a9;}
a:hover {color: #ed1720;}

.hide {display: none;}
.small {font-size: 10px;}
.large {font-size: 13px;}
.spacer {float: none; clear: both; height: 1px; overflow: hidden;}
.hr {clear: both; background: #ddd; height: 2px; overflow: hidden; margin: 2em 0;}

.imgleft {float: left; margin: 0 30px 15px 0;}
.imgright {float: right; margin: 0 0 15px 30px;}


/*** STRUCTURAL STYLES ***/

#outer {position: relative; width: 750px; border: solid #777; border-width: 0 1px 1px 0; background: #fff url(../images/outer.gif) repeat-y;}

#top {position: relative; height: 101px; background: url(../images/top.gif);}
#top h1 a {position: absolute; left: 0; top: 0; width: 300px; height: 101px; overflow: hidden; line-height: 300px;}
#top h2 {display: none;}

#top ul {position: absolute; right: 0; top: 49px; width: 445px; height: 27px;}
#top li {float: left; position: relative;}
#top li a {display: block; width: 89px; height: 27px; overflow: hidden; line-height: 100px;}
#top li.on a {background: url(../images/top.gif);}

body.home #top #navhome a, body.company #navcompany a, body.batteries #navbatteries a, body.customers #navcustomers a, body.dealers #navdealers a {background: url(../images/top.gif);}
body.home #top #navhome a {background-position: 0 -101px !important;}
body.company #top #navcompany a {background-position: -89px -101px;}
body.batteries #top #navbatteries a {background-position: -178px -101px;}
body.customers #top #navcustomers a {background-position: -267px -101px;}
body.dealers #top #navdealers a {background-position: -356px -101px;}

#top #navhome.on a {background-position: 0 -101px;}
#top #navcompany.on a {background-position: -89px -101px;}
#top #navbatteries.on a {background-position: -178px -101px;}
#top #navcustomers.on a {background-position: -267px -101px;}
#top #navdealers.on a {background-position: -356px -101px;}

#top ul ul {display: none; top: 27px; width: 87px; height: auto; background: #e6e6e6; margin: 0 1px; z-index: 10;}
#top ul li.on ul {display: block;}
#top ul ul li {float: none; border-top: 1px solid #ececed; border-bottom: 1px solid #d3d4d6;}
#top ul ul li a {width: 57px; height: auto; padding: 5px 10px 5px 20px; line-height: 12px; background: url(../images/minus.gif) 5px 6px no-repeat !important; font-size: 11px; text-decoration: none;}
#top ul ul li.on a, #top ul ul li a:hover {background-color: #f0f0f0 !important; background-image: url(../images/plus.gif) !important;}

#left {float: left; width: 120px; padding: 28px 0 20px 0;}

#left ul {border-top: 1px solid #b0cef4; border-bottom: 1px solid #dfeafc;}
#left li {border-top: 1px solid #dfeafc; border-bottom: 1px solid #b0cef4;}
#left li a {display: block; width: 80px; padding: 7px 10px 7px 30px; line-height: 15px; background: url(../images/minus.gif) 15px 10px no-repeat; text-decoration: none;}
#left li.on a, #left li a:hover {background-color: #e0ebfd; background-image: url(../images/plus.gif);}

#right {float: right; width: 570px; padding: 0 30px 30px 0;}

#bottom {clear: both; position: relative; height: 70px;}
#bottom p {margin: 0;}
#bottomleft {float: left; width: 120px; text-align: center; font-size: 11px; line-height: 14px;}
#bottomemail {margin: 10px 0 !important;}
#bottomemail a {padding-left: 15px; padding-right: 5px; background: url(../images/minus.gif) 0 2px no-repeat;}
#bottomemail a:hover {background-image: url(../images/plus.gif);}
#bottomright {text-align: center; padding-top: 30px; color: #6f6f6f; font-size: 10px; line-height: 12px;}
#corner {position: absolute; right: -1px; bottom: -1px; width: 59px; height: 49px; background: url(../images/corner.gif);}

/*** CONTENT STYLES ***/

#home {}
#hometop h1 {display: none;}
#hometop {margin-left: -125px; padding-left: 325px; float: right;}
#hometop img.float {float: left; position: absolute; left: 40px; top: 120px;}

#homecolumns {margin-left: -80px; float: right;}
#homecolumna {float: left; width: 310px;}
#homecolumnb {float: right; width: 310px;}
#homecolumns img.float {position: absolute; left: 0; top: 0;}
#homecolumns img.title {display: block; margin-left: -3px;}
#homecolumns p {position: relative; min-height: 96px; height: 96px; padding-left: 121px;}
	html>body #homecolumns p {height: auto;}

#right h1 {border-bottom: 2px solid #ddd; background: left top no-repeat; height: 25px; overflow: hidden; line-height: 1000px; margin: 1em 0 2em 0;}
#right h2 {font-size: 13px; margin: 1.5em 0 1em 0;}
#right h3 {font-size: 12px; margin: 1em 0 0 0;}

#right ul {margin: 1.5em 0;}
#right ul li {padding-left: 10px; background: url(../images/bullet.gif) 0 6px no-repeat;}

#aboutreasons {border: 1px solid #ddd; padding: 0 20px; background: #fff;}
#aboutreasons h2 {text-align: center; background: #ccddfb; margin: 0 -20px 1em -20px; line-height: 24px;}
#aboutreasons h3 {position: relative; padding-left: 7px;}
#aboutreasons h3 span {position: relative; left: -10px; top: 0;}
#aboutreasons ul {margin-top: 0; margin-left: 20px; font-size: 11px;}
#aboutreasons ul li {padding-left: 0; background: none;}
#aboutreasons #columna {float: left; width: 260px;}
#aboutreasons #columnb {float: right; width: 260px;}

#historyphotos {text-align: center; font-weight: bold;}
#historyphotos img {margin: 0 7px;}

#faqlinks {margin-left: 0 !important;}
#faqlinks li {position: relative; padding-left: 28px !important; background: none !important;}
#faqlinks li span {position: absolute; left: -25px; top: 0; width: 20px; text-align: right;}
	html>body #faqlinks li span {left: 0;}
.question, .answer {position: relative; padding-left: 28px;}
.question span, .answer span {position: absolute; left: -30px; top: -1px; font-weight: bold; font-size: 13px; width: 20px; text-align: right;}
	html>body .question span, .answer span {left: -5px;}
.backtotop {font-size: 10px; text-transform: uppercase; margin-left: 28px;}

.formtable {margin: 1.5em 0;}
.formtable th, .formtable td {padding: 4px 15px 4px 0;}
.formtable th {text-align: right;}
.formtable input {width: 300px;}
.formtable input#State {width: 50px;}
.formtable input#Zip {width: 100px;}
.formtable input#Phone {width: 200px;}
.formtable textarea {width: 300px; height: 70px;}
.formtable tfoot td {text-align: right;}
.formtable tfoot input {width: auto; margin-left: 10px; font-weight: bold; border: 2px solid; font-size: 11px; text-transform: uppercase; color: #fff;}
.formtable tfoot input#Reset {background: #1f61a9; border-color: #1f61a9;}
.formtable tfoot input#SubmitButton {background: #c11f1d; border-color: #c11f1d;}


#table_location {width: 100%;}

#table_location td, th {text-align: left; padding: 0 4px 0 4px; line-height: 12px;}
#table_location th {font-weight: bold; padding: 10px 4px 0 4px;}
.leftrightborder {border-left: 2px solid #ddd; border-right: 2px solid #ddd;}
.footer {padding: 20px 0 0 0 !important; font-size: 10px;}

#table_contact {margin-bottom: 30px;}
#table_contact td {padding: 0 10px; width: 30%;}

#internationalwelcome {margin: 20px 60px 20px 60px; text-align: center;}
#internationalwelcome2 {margin: 20px 50px 20px 50px; text-align: center;}