/*
Main Style Sheet for http://www.batteryclinic.com
Author: Josh Wilkerson | Company: PowerServe http://www.powerserve.net
*/

* { margin:0; padding:0;}

*html body {
	background:url("/img/bg.png") top left repeat-x #494949;
	}
body {
	background:url("/img/bg.png") top left repeat-x #555;
	color:#333;
	font-family: "Trebuchet MS", Tahoma, sans-serif;
	font-size:1em;
	text-align:center;
	}
a { text-decoration:none;}
a:hover { text-decoration:none;}
a img {border:none;}
#clear {clear:both;}
.red {color:#900;}
.underline { text-decoration:underline; font-weight:bold;}
.left { float:left; margin:7px 7px 0 0;}
.right { float:right; margin:7px 0 0 7px;}

/* Start COntainer */

#container {
	background:url("/img/container-bg.png") top left repeat-y;
	width:971px;
	margin:25px auto 10px auto;
	}
	
/* Start Header */

#header {
	background:url("/img/header.png") top left no-repeat;
	width:971px;
	height:175px;
	margin:0 auto 0 auto;
	position:relative;
	}
#header a {
	display:block;
	width:310px;
	height:130px;
	position:absolute;
	top:30px;
	left:28px;
	}
		
/* End Header */

/* Start Top Navigation */

#topnav {
	background:url("/img/topnav-bg.png") top left no-repeat;
	width:971px;
	height:45px;
	margin:0 auto 0 auto;
	font-size:16px;
	}
#topnav ul {
	list-style:none;
	margin:0 0 0 19px;
	}
#topnav ul li {
	background:url("/img/topnav-div.png") top right no-repeat;
	float:left;
	padding-right:1px;
	}
#topnav ul .last {
	background:none;
	float:left;
	padding-right:1px;
	}
#topnav ul li a {
	color:#fff;
	display:block;
	padding:8px 20px 10px 20px;
	text-transform:uppercase;
	}
#topnav ul li a:hover {
	background:url("/img/topnav-over.png") top left repeat-x;
	color:#900;
	}
#topnav ul li .active {
	background:url("/img/topnav-over.png") top left repeat-x;
	color:#900;
	}
#topnav ul .first a:hover {
	background:url("/img/topnav-first.png") top left no-repeat;
	color:#900;
	}
	
/* End Top Navigation */

/* Start left Side Navigation */

#leftnav {
	background:url("/img/leftnav-bg.png") top left repeat-y;
	float:left;
	width:260px;
	text-align:left;
	margin:0;
	}
#leftnav ul {
	font-size:13px;
	font-weight:bold;
	list-style:none;
	margin:0 0 0 30px;
	}
#leftnav ul li {
	background:url("/img/leftnav-link-bg.png") top left no-repeat;
	width:212px;
	height:30px;
	}
#leftnav ul li a {
	color:#000;
	display:block;
	padding:5px 5px 3px 25px;
	}
#leftnav ul li a:hover {
	background:url("/img/leftnav-bullet.png") 9px 8px no-repeat;
	color:#900;
	}
#leftnav ul li .active {
	background:url("/img/leftnav-bullet.png") 9px 8px no-repeat;
	color:#900;
	}
#leftnav address {
	width:180px;
	color:#fff;
	font-size:14px;
	font-style:normal;
	margin:10px 0 0 55px;
	}	
#leftnav address a {
	background:url("/img/email.png") 0px 3px no-repeat;
	color:#fff;
	display:block;
	padding:0 0 0 23px;
	}	
#leftnav address a:hover {
	background:url("/img/email-over.png") 0px 3px no-repeat;
	color:#fc0;
	}
	
/* End left Side Navigation */

/* Start Main Page */

/* start headings */

#page h1 {
	border-bottom:1px solid #369;
	color:#369;
	font-size:24px;
	font-weight:bold;
	}
#page h2 {
	border-bottom:1px solid #369;
	color:#369;
	font-size:18px;
	font-weight:normal;
	padding-top:10px;
	}
#page h3 {
	color:#000;
	font-size:16px;
	font-weight:bold;
	padding-top:7px;
	}
#page p {
	line-height:16px;
	margin-top:7px;
	}
#page a {
	color:#900;
	font-weight:bold;
	}
#page a:hover {
	color:#000;
	}
#page ul {
	list-style:disc;
	margin-left:30px;
	line-height:16px;
	padding-top:7px;
	}

/* end headings */

/* Start Page Content*/

#page {
	background:url("/img/page-bg.png") top left repeat-y;
	font-size:13px;
	float:left;
	text-align:left;
	width:711px;
	}

/* Start Main Page Content */

#main {
	margin:7px 0 10px 10px;
	width:670px;
	font-size:14px;
	}

#main address {
	width:180px;
	font-size:14px;
	font-style:normal;
	margin-top:10px;
	}	
#main address a {
	color:#900;
	display:block;
	}	
#main address a:hover {
	color:#000;
	}
#map {
	width:450px;
	float:right;
	margin-top:10px;
	}
#main .data {
	border-collapse:collapse;
	margin:10px 0 10px 0;
	}
#main .data td {
	padding:5px 20px 5px 20px;
	vertical-align:top;
	}
#special {
	border:1px solid #ccc;
	margin:7px 0 0 10px;
	padding:7px 7px 7px 7px;
	width:250px;
	float:right;
	text-align:center;
	}
	
/* Start Home Page */

#welcome {
	width:329px;
	float:left;
	margin:5px 0 0 10px;
	}
#salehome {
	margin:30px 30px 0 0;
	width:334px;
	height:165px;
	float:right;
	position:relative;
	}
#sale {
	margin:0 0 0 0;
	width:334px;
	height:165px;
	float:right;
	position:relative;
	}
#sale #master0, #salehome #master0 {
	position: absolute;
	top:0;
	left:0;
	}
#leftbox {
	margin:10px 0 0 5px;
	}
#rightbox {
	margin:10px 0 0 7px;
	}
#leftbox, #rightbox {
	background:url("/img/box-bg.png") top left repeat-y;
	color:#fff;
	width:334px;
	float:left;
	}
#leftbox h2, #rightbox h2 {
	border-bottom:1px solid #fff;
	color:#fff;
	margin:0 10px 0 10px;
	}
#leftbox p, #rightbox p {
	margin:7px 10px 7px 10px;
	}
#leftbox img, #rightbox img {
	border:1px solid #999;
	margin-right:10px;
	margin-left:10px
	}
#leftbox #mid, #rightbox #mid {
	background:transparent;
	min-height:300px;
	}
#leftbox #top, #rightbox #top {
	background:url("/img/box-top.png") top left no-repeat;
	font-size:1px;
	height:12px;
	}
#leftbox #bot, #rightbox #bot {
	background:url("/img/box-bottom.png") bottom left no-repeat;
	font-size:1px;
	height:12px;
	}
/* End Home Page */	

/* Start Footer */

#tagline {
	margin:0 20px 0 0;
	float:right;
	width:695px;
	}
#tagline p {
	color:#900;
	font-size:18px;
	font-weight:bold;
	text-align:center;
	padding:0 10px 0 10px;
	}

#footer {
	background:url("/img/footer-bg.png") top left no-repeat;
	font-size:11px;
	color:#fff;
	width:971px;
	height:43px;
	}
#footer p {
	text-align:right;
	padding:15px 25px 0 0;
	}
#footer a {
	color:#fff;
	}
#footer a:hover {
	color:#fc0;
	}
/* End Footer */

/* Start Bottom Links */

#links {
	width:900px;
	margin:0 auto 10px auto;
	color:#fff;
	text-align:center;
	font-size:11px;
	}
#links a {
	color:#fff;
	}
#links a:hover {
	color:#fc0;
	}


/* End Bottom Links */

/* End Container */

/*Misc. Classes*/
.ad {text-align:center; padding:10px 0 10px 0;}

/*Contact fomr*/
.contact table { border-collapse:collapse;}
.contact td { vertical-align:top; padding:3px 5px;}
.contact input {}
.contact input, .contact textarea, .contact select { border:1px solid #999; padding:3px;}
.contact input:focus, .contact textarea:focus, .contact select:focus { background:#ffc; }
.contact .submit, .contact .reset { background:#4A6075; border:1px solid #4A6075;color:#fc0; padding:7px;}
.contact .submit:hover, .contact .reset:hover, .contact .submit:focus, .contact .reset:focus { background:#2B3946; cursor:pointer;}
.contact .submit {float:left;}
.contact .reset {float:right;}
.contact .red { color:red; font-weight:bold;}