/* ================  COLOR PALETTE  ===================
Main Text					=	#000000
Main Links					=	#ff5902
Main Link Hover				=	#3c5165
Header Links				=	#ffffff
Header Link Hover			=	#ff5902
Footer / side links			=	#3c5165
Footer / side link hover	=	#ff5902
==================================================== */

/*
div, span {border: 1px solid red;}
*/



/* ===============  PAGE FORMATTING  =============== */

body
{
padding: 0px; border: 0px; margin: 0px; background-color: #000000;
}

div.container {
position: relative; top: 0px; width: 950px; margin-left: auto; margin-right: auto; padding: 0px; overflow: hidden; background-image: url('images/bg.jpg'); background-repeat: no-repeat; background-color: transparent; 
}

/* == For page height information, please refer to page_heights.css == */

#topnav {
position: absolute; left: 70px; top: 105px; width: 834px; height: 22px; padding: 0px; background-color: transparent;  z-index: 3;
}

#searchbox {
position: absolute; right: 0px; top: 0px;
}

#sideleft {
position: absolute; left: 44px; top: 139px; width: 151px; height: 100%; padding: 0px; overflow: hidden; background-color: transparent;  z-index: 3;
}

#graves_ad {
display: block; margin-top: 5px;
}

#content {
position: absolute; left: 0px; top: 141px; width: 950px; height: 100%; padding: 0px; overflow: hidden; background-image: url('images/content_bg.png'); background-color: transparent; z-index: 1; 
}

#contentbody {
position: relative; left: 207px; top: 0px; width: 530px; height: auto; padding: 0px; overflow: hidden; background-color: transparent;
}

#sideright {
position: absolute; left: 752px; top: 143px; width: 151px; height: 100%; padding: 0px; overflow: hidden; background-color: transparent;  z-index: 3;
}

#sideright #capture {
position: relative; width: 151px; height: 140px; padding: 0px; padding-top: 5px; overflow: hidden; background-color: transparent; background-image: url('images/form_right.png'); text-indent: 5px;
}

#sideright #rightdivider {
position: relative; padding: 0px; width: 151px; height: 30px; margin-top: 4px; margin-bottom: 2px; background-image: url('images/side_header.png');
}

#sideright div.featured {
position: relative; padding: 0px; width: 151px; height: auto; margin-bottom: 3px; padding-top: 5px; padding-bottom: 10px; background-color: #ffffff;
}

#sideright div.featured img {
display: block; position: relative; max-width: 140px; margin-right: auto; margin-left: auto;
}

#bttmnav {
position: absolute; left: 0px; bottom: 0px; width: 950px; height: 40px; padding: 0px; overflow: hidden; background-color: transparent; background-image: url('images/bottom_nav.png');  z-index: 5;
}




/* ================  TOP/BTTM NAV  ================= */

div#bttmnav div {
position: relative; top: 15px; width: 850px; margin-left: auto; margin-right: auto; text-align: center;
}

div#topnav ul, div#bttmnav ul {
padding: 0px; margin: 0px; list-style-type: none;
}

div#topnav ul li {
display: inline; padding: 0px; padding-left: 10px; padding-right: 60px; margin: 0px; list-style-type: none;
}

div#bttmnav ul li {
display: inline; padding: 0px; padding-left: 30px; padding-right: 30px; margin: 0px; list-style-type: none;
}

div#topnav ul li a, #searchbox div a {
color: #ffffff; font-size: 12pt; font-weight: bold; line-height: 22px; text-decoration: none;
}

div#bttmnav ul li a {
color: #3c5165; font-size: 12pt; font-weight: bold; line-height: 22px; text-decoration: none;
}

#searchbox div {
padding: 0px; margin: 0px; width: 250px; text-align: left;
}

input#q {
position: absolute; right: 28px; top: 0px; display: inline; padding: 0px; margin: 0px; width: 154px; height: 20px; border: none; border-top: 1px solid #1e2832; border-bottom: 1px solid #1e2832; border-left: 1px solid #1e2832; background-color: #e3e6e8;
}

input#go {
position: absolute; right: 0px; top: 0px; display: block; padding: 0px; margin: 0px; border-top: 1px solid #1e2832; border-bottom: 1px solid #1e2832; border-right: 1px solid #1e2832;
}



/* =====================  LISTS  =================== */

div#sideleft ul {
padding: 0px; padding-top: 4px; margin: 0px; text-indent: 6px; background-color: #000000; list-style-position: inside; list-style-type: none;
}

div#sideleft ul li.header {
color: #ffffff; font-family: Arial, Helvetica, sans-serif; font-size: 10pt; font-weight: bold; line-height: 30px; background-image: url('images/side_header.png');
}

div#sideleft ul li ul {
padding: 0px; padding-bottom: 25px; padding-top: 4px; margin: 0px; margin-top: 2px; padding-left: 11px; background-color: #ffffff; list-style-type: square; list-style-image: url('images/li.png'); list-style-position: inside;
}

div#sideleft ul li ul li a {
text-decoration: none; color: #3c5165; font-size: 10pt; font-weight: bold;
}



/* ====================  FORMS  ==================== */

#capture input {
margin-left: 5px; width: 140px; height: 20px; border: 0px; margin-bottom: 3px;
}

#capture #submit {
position: relative; left: 70px; top: 2px; width: 69px; height: 19px;
}



/* ==================  BATTERIES  ================== */

div#imglarge {
position: relative; left: 15px; width: 500px; height: auto; margin-top: 10px; margin-bottom: 40px;
}

div#caption {
position: absolute; left: 0px; bottom: 0px; background-color: #3c5165; padding: 3px 10px 3px 10px; opacity: 0.8; filter: alpha(opacity=80);
}

div#caption a {
color: #ffffff; font-size: 17pt; font-weight: bold;
}

img.large {
display: block; position: relative; max-width: 100%; max-height: 350px; margin-left: auto; margin-right: auto;
}

div#pricebox {
position: relative; left: 15px; width: 500px; height: auto; min-height: 95px;
}

div#pricebox a {
color: #000000; font-size: 13pt; font-weight: bold;
}

div#priceL {
width: 375px;
}

div#priceR {
position: absolute; right: 0px; top: 0px; width: 100px; text-align: right;
}

div.batterybox {
position: relative; left: 15px; width: 500px; height: auto; margin-top: 40px;
}

div.batterybox table {
width: 500px; padding: 0px; margin: 0px;
}

div.batterybox table tr.Rone td {
font-size: 13pt; font-weight: bold; width: auto; padding: 4px; text-align: center; border: 1px solid #283541; cursor: pointer;
}

div.batterybox table tr.Rtwo td {
width: auto; padding: 10px; text-align: left; border-top: 6px solid #283541;
}

div.batterybox table tr.Rtwo td ul, div.batterybox table tr.Rtwo td ul li ul {
font-size: 11pt; font-weight: bold; padding: 0px; margin: 0px; list-style-position: inside; text-align: left;
}

div.batterybox table tr.Rtwo td ul {
list-style-type: none;
}

div.batterybox table tr.Rtwo td ul li ul {
list-style-type: square;
}

td.active {
color: #ffffff; font-size: 13pt; font-weight: bold; background-image: url('images/td_bg.png'); border: 1px solid #283541;
}



/* ===================  PRODUCTS  ================== */

div.product {
position: relative; left: 0px; top: 0px; width: 530px; height: 130px; margin-top: 30px; margin-bottom: 20px; border-bottom: 4px solid #3c5165;
}

div.producthead, div.productcontent {
position: relative; left: 0px; top: 0px; width: 500px; height: auto; padding-left: 15px; padding-right: 15px; margin-top: 30px; padding-bottom: 55px;
}

div.producthead {
border-bottom: 4px solid #3c5165;
}

span.producthead {
position: relative; left: 15px; top: 0px; width: 500px;
}

span.thumb {
position: relative; left: 0px; top: 0px; width: 150px;
}

span.thumb img {
position: relative; left: 0px; top: 0px; max-width: 100%; max-height: 100px;
}

span.description {
position: absolute; left: 160px; top: 0px; width: 260px;
}

a.name, span.price a {
display: block; margin-top: 5px; margin-bottom: 20px;
}

span.description a.name, span.producthead a.name {
color: #000000; font-size: 16pt; font-weight: bold;
}

span.price a, div#priceR a.price {
color: #3c5165; font-size: 14pt; font-weight: bold;
}

span.description a.use {
color: #000000; font-size: 10pt; font-weight: bold;
}

span.price {
position: absolute; right: 0px; top: 0px;
}

span.price a {
text-align: right;
}



/* ====================  SUMMARY  ================== */

table#batt_summary, table#batt_capture {
position: relative; left: 30px; width: 470px;
}

table#batt_capture {
margin-top: 50px;
}

table#batt_summary td, table#batt_capture td,  table#contact_us td {
color: #000000; font-size: 12pt; font-weight: bold;
}

table#batt_summary td.s1 {
width: 70%;
}

table#batt_capture td.s1 {
width: 50%;
}

table#batt_summary td.s2 {
width: 30%;
}

table#batt_capture td.s2 {
width: 50%;
}

table#batt_capture textarea {
width: 470px;
}




/* ===================  TABLES  ==================== */

td.c {
text-align: center;
}

td.r {
text-align: right;
}

td.bb {
border-bottom: 1px solid #3c5165;
}

table.bordermod input, table.bordermod textarea, table.bordermod select {
font-size: 11pt; font-weight: bold; border: 0px; border-left: 5px solid #3c5165; border-bottom: 1px dotted #3c5165; padding-bottom: 2px;
}

#contentbody input.phone, #textbox4 input.phone {
border-left: none;
}




/* =====================  TEXT  ==================== */

a, p, td, input, select, textarea {
font-family: Arial, Helvetica, sans-serif;
}

#capture a {
color: #ffffff; font-size: 10pt; font-weight: bold;
}

a.h1, p.h1 {
color: #000000; font-size: 17pt; font-weight: bold;
}

a.h2 {
color: #000000; font-size: 14pt; font-weight: bold;
}

div#topnav ul li a:link {text-decoration: none; color: #ffffff;}
div#topnav ul li a:visited {text-decoration: none; color: #ffffff;}
div#topnav ul li a:active {text-decoration: none; color: #ffffff;}
div#topnav ul li a:hover {text-decoration: none; color: #ff5902;}


div#bttmnav ul li a:link {text-decoration: none; color: #3c5165;}
div#bttmnav ul li a:visited {text-decoration: none; color: #3c5165;}
div#bttmnav ul li a:active {text-decoration: none; color: #3c5165;}
div#bttmnav ul li a:hover {text-decoration: none; color: #ff5902;}


div#sideleft ul li ul li a:link {text-decoration: none; color: #3c5165;}
div#sideleft ul li ul li a:visited {text-decoration: none; color: #3c5165;}
div#sideleft ul li ul li a:active {text-decoration: none; color: #3c5165;}
div#sideleft ul li ul li a:hover {text-decoration: none; color: #ff5902;}


a.link:link {text-decoration: underline; color: #000000;}
a.link:visited {text-decoration: underline; color: #000000;}
a.link:active {text-decoration: underline; color: #000000;}
a.link:hover {text-decoration: none; color: #ff5902;}

a.disclaimer1 {
color: #ff0000; font-weight: bold;
}

a.disclaimer2 {
color: #ff0000; font-size: 9pt; font-weight: bold;
}



/* ====================  IMAGES  =================== */

img {
border: 0px;
}

#logo {
position: absolute; left: 36px; top: 25px;
}

#topnavbg {
position: absolute; left: 0px; top: 99px;
}

img.sideheader {
position: relative; padding-top: 4px; padding-bottom: 2px;
}



/* =====================  MISC  ==================== */

.invis {
display: none;
}

hr {
border: 0px; color: #3c5165; background-color: #3c5165; height: 3px;
}

#image_preload {
position: fixed; left: 0px; bottom: 0px; width: 1px; height: 1px; background-color: transparent; z-index: 0;
}

#page_content {
position: fixed; left: 0px; bottom: 0px; width: 1px; height: 1px; background-color: transparent; z-index: 0;
}