@charset "utf-8";
/* CSS Document */

/* v1.0 | 20080212 */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
#middle_content ul {
list-style: outside none circle;
padding: 9px 0px 9px 0px;
}
#middle_content ul li {
margin: 0px 0px 2px 16px;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/* SITE CSS */


body {
	background:url(../garnish/bg.png) repeat-x;
	font-family:Arial;
	font-size:0.9em;
}

a:link,a:visited {
	color:#ff0000;
}

a:hover,a:active {
	color:#666;
}

.more_button:link,.more_button:visited{
	background:url(../garnish/more_button.png) no-repeat;
	color:#fff;
	font-size:0.6em;
	text-align:center;
	width:76px;
	padding:10px 0 ;
	margin:10px 0 0 0;
	display:block;
	text-decoration:none;
}

strong {
	color:#666;
	font-weight:bold;
}

h1{}
h2,h3,h4,h5,h6{margin:0 0 5px 0;color:#ff0000;}
h2,h3{font-size:1.4em;}

h2.p,h3.p,h4.p,h5.p,h6.p {margin:0px; padding: 0px;}

p {
	line-height:1.3em;
	margin-bottom:1em; 
}

table{
width:100%;
border-collapse:collapse;
border-top:1px solid #ccc;
border-right:1px solid #ccc;
margin:30px 0;
}

th,td {
	padding:5px;
	border-left:1px solid #ccc;
	border-bottom:1px solid #ccc;
}

.prodtab th, .prodtab td {
	padding:5px;
	border-left:0px solid #ccc;
	border-bottom:0px solid #ccc;
}

table.prodtab  {
	margin: 0px;
}


#wrapper {
	width:970px;
	margin:0 auto;
}

#header {
	float:left;
	width:100%;
	height:353px;
	background:url(../garnish/header_bg.png) no-repeat;
	position:relative;
}
	#logo a{
		position:absolute;
		top:108px;
		right:55px;
		background:url(../garnish/logo.png) no-repeat;
		width:259px;
		height:93px;
		display:block;
		text-indent:-9999px;
	}
	
	#exlog {
		position:absolute;
		top:108px;
		left:55px;
		background:url(../images/logos/exide_logo_lm.png) no-repeat;
		width:184px;
		height:60px;
		display:block;
		/* text-indent:-9999px; */
	}


	#nav {
		position:absolute;
		top:27px;
		left:48px;
		width:880px;
		height:41px;
		background:url(../garnish/nav_bg.png) no-repeat;
		padding:10px 0 0 20px;
		
		/* display: inline-table; */

	}
	
		#nav li {
			display:inline;
		}
		
			#nav a:link,#nav a:visited{
				color:#fff;
				padding: 0 20px 14px 15px;
				background:url(../garnish/arrow.png) no-repeat 0 19%;
				text-decoration:none;
			}
			
			#nav a:hover,#nav a:active,#nav li.current a{
				color:#ff0000;
			}
	/* EXTRA */
#nav ul {
	display: none;
	z-index: 999;
}

	#nav li:hover > ul {
		display: block;
		z-index: 999;
	}

	#nav li ul li:hover {
		background: #323637;
		/* background: linear-gradient(top, #4f5964 0%, #5f6975 40%);
		background: -moz-linear-gradient(top, #4f5964 0%, #5f6975 40%);
		background: -webkit-linear-gradient(top, #4f5964 0%,#5f6975 40%); */
		/* border-right: 1px solid #007cc3; */
	}
	
		#nav li ul li {
		border-right: 1px solid #323637;
		display: list-item;
	}
	
	
	#nav ul {
	background: #323637; border-radius: 0px; padding: 0;
	position: absolute; top: 60%; left:95px;
		z-index: 999;
		border-bottom-right-radius: 10px;
		border-bottom-left-radius: 10px;
}
	#nav ul li {
		float: none; 
		border-top: 1px solid #323637;
		border-bottom: 1px solid #323637;
		position: relative;
			z-index: 999;
			padding: 5px 
	}
		#nav ul li:last-child {
		border-bottom-right-radius: 10px;
		border-bottom-left-radius: 10px;
		padding-bottom: 18px !important;
	}
	
		#nav ul li a {
			/* padding: 15px 40px; */
			color: #fff;
			border-right: 0px solid #fff;
		}	
			#nav ul li a:hover {
				background: #323637;
				color: #ff0000;
				background:url(../garnish/arrow.png) no-repeat 0 19%;
				
			}
			
			nav ul li:hover > a {
				color: #FFD900;
			}
			
					nav ul li:last-child {
			border-right: 1px solid #007cc3;
			
	}


/* END EXTRA */	
	#submenu {
		float:left;
		width:100px;
		border-right:10px solid #ff0000;
		padding:0 10px 0 0;
		margin:30px 0 0 0;
	}
	
		#submenu h2 {
			display:block;
			margin-bottom:10px;	
		}
	
		#submenu a:link,#submenu a:visited {
			padding:0 10px 5px 0;
			background:url(../garnish/submenu_arrow.jpg) no-repeat 50% 30%;
			border-bottom:1px solid #666;
			margin:5px 0 5px 0;	
			display:block;
			text-decoration:none;
			color:#666;
		}
		
		#submenu a:hover,#submenu a:active,#submenu li.current a {
			color:#ff0000;
		}
		
	#company_submenu{
		float:left;
		width:100px;
		margin:30px 30px 0 0;
	}
	
	#company_submenu li a:link,#company_submenu li a:visited {
			padding:0 10px 5px 0;
			background:url(../garnish/submenu_arrow.jpg) no-repeat right 30%;
			border-bottom:1px solid #666;
			margin:5px 0 5px 0;	
			display:block;
			text-decoration:none;
			color:#666;
		}
		
		#company_submenu li a:hover,#company_submenu li a:active,#company_submenu li.current a {
			color:#ff0000;
		}
		
			#company_submenu p {
		margin: 0px;
		padding: 0px;
	}
		
	
	#battery_submenu{
		float:left;
		width:100px;
		margin:30px 30px 0 0;
	}
	
	#battery_submenu a:link,
	#battery_submenu a:visited {
			
			border-bottom:1px solid #666;
			margin:5px 0 5px 0;	
			display:block;
			text-decoration:none;
			color:#666;
		}
		
		#battery_submenu a:hover,
		#battery_submenu a:active,
		#battery_submenu a.current {
			color:#ff0000;
		}

			#battery_submenu li ul li a:link,
			#battery_submenu li ul li a:visited {
				padding:0 10px 5px 0;
				background:url(../garnish/submenu_arrow.jpg) no-repeat right 30%;
				border-bottom:1px solid #666;
				margin:0 0 0 1em;
			}
			
				#battery_submenu li ul li ul li a:link,
				#battery_submenu li ul li ul li a:visited {
				background:none;
				padding:0;
				border:0;
				margin:0 0 0 2em;
			}
		
	#middle_content {
		float:left;
		width:540px;
		margin:30px 0 0 20px;
		display:inline;
	}
	
		#news_list {
			float:left;
			width:100%;	
		}
		
			#news_list li {
				float:left;
				width:100%;
				margin:0 0 30px 0;
			}
			
			#news_list img {
				float:left;
				margin:0 10px 10px 0;
			}
			
			#news_list .item{
				float:left;
				width: 380px;
			}
			
/***** CAROUSEL *****/

#carousel {
	float:left;
	width:100%;
	position:relative;
	background:url(../garnish/carousel_bg.jpg) no-repeat;
	height:151px;
	margin:0 0 0 0;
	overflow:hidden;
}
			
/***** TOOLBAR *****/

#toolbar {
	float:left;
	width:100%;
	margin:10px 0;
	height:30px;
}

#toolbar_holder {
	float:right;
}

#toolbar_holder #normal {
	font-size:1em;
	
}
#toolbar_holder #large {
	font-size:1.2em;
	
}
#toolbar_holder #larger {
	font-size:1.4em;
	
}

#toolbar_holder .current {
	background:#ff0000;
	color:#fff;
	border:0;
	padding:2px;
}

#font_resizer,#print,#last_update {
	float:left;
}

#print {
	margin:5px 10px 0 10px;
}

#last_update {
	margin:5px 0 0 0;
}
			
/***** CONTENT *****/

#content {
	float:left;
	width:100%;
	margin:10px 0 0 0;
	position:relative;
}

	.home #page_content{
		float:left;
		width:350px;
		margin:0 20px 0 0;
	}
	
	.column {
		float:left;
		width:255px;
		margin:0 0 0 45px;
		display:inline;
	}
	
	.column #links {
		margin:40px 0 0 0;	
	}
	
	.column.green strong,
	.column.green p,
	.column.green h3,
	.column.green .more_button {
		margin:0 0 0 10px;	
	}
	
	.column.green #recycle {
		margin-bottom:40px;
	}
	
	 #recycle {
		position:relative;
		float:left;
		width:275px;
	}
	
	 #recycle2 {
		position:relative;
		width:235px;
		margin: 0px 0px 20px 7px;
		float: left;
	}
	
	 #recycle h3, #recycle2 h3  {
		color:#44aa00;	
	}
	
	 #recycle .more_button {
		background:url(../garnish/more_button_green.png);
		position:absolute;
		bottom:0;
		right:70px;
	}
		#recycle2 .more_button {
		background:url(../garnish/more_button_green.png);
		position:absolute;
		bottom:0;
		right:40px;
	}
	
	
	 .simple_box {
		float:left;
		position:relative;
		width:173px;
		height:106px;
		background:url(../garnish/contact.png) no-repeat;
		padding:20px 60px 20px 20px;
		display:block;
	}
		.simple_box h3,
		.simple_box p {
			margin-left:20px;
			font-size:1em;
		}
	
		.simple_box input {display:none;}
		
		.simple_box select {margin:10px 0 0 20px;}
	
	 .simple_box .more_button {
		position:absolute;
		bottom:-7px;
		right:50px;
	}
	
/* SEARCH PANEL */

#search_panel {
	float:left;
	width:100%;
}

.news #search_panel{
	float:left;
	width:260px;
	margin:0 0 0 20px;
}

.news .simple_box {
	margin:0 0 30px 0;	
}

#area690{
	float:left;
	width:690px;
	margin:30px 0 0 60px;
}

#area690left{
	float:left;
	width:690px;
	margin:30px 0 0 0;
}

	#links_list{
		float:left;
		width:100%;
		margin:30px 0 0 0;	
	}
	
		#links_list h3{
			color:#666;	
		}
		
		#links_list li {
			padding:0 0 5px 0;
			border-bottom:1px solid #666;
			margin:0 0 30px 0;	
		}

/* BOTTOM PANEL */
	
	#bottom_panel{
		float:right;
		width:100%;
		padding:30px 0 0 0;
		margin:30px 0 0 0;
		border-top:1px solid #ccc;
	}
	
	#bottom_panel_holder {
		float:right;
	}
	
	#bottom_panel #recycle{
		float:left;	
	} 
	
	#bottom_panel #recycle h3 {
		margin:0 0 0 20px;	
	}
	
		#bottom_panel #recycle h3, #right_search_panel  #recycle2 h3 {
		margin:0 0 0 20px;	
	}
	
	#bottom_panel #links {
		float:left;
		width:275px;
	}
	
	#pdf_download{
		position:absolute;
		top:20px;
		right:20px;
	}
	
		#pdf_download_link{
			background:url(../garnish/pdf_download.png) no-repeat;
			color:#fff;
			margin:20px 0 0 0;
			padding:10px 0 0 0;
			text-align:center;
			text-decoration:none;
			width:176px;
			height:23px;
			display:block;
		}
	
	
			
/***** FOOTER *****/

#footer {
	float:left;
	width:100%;
	height:150px; 
	position:relative;
	padding:20px 0 0 0;
	margin:75px 0 50px 0;
	border-top:1px solid #ccc;
	font-size:0.8em;
	display:block;
}

	#top:link,#top:visited{
		position:absolute;
		top:20px;
		left:10px;
		color:#666;
		background:url(../garnish/arrow_up.jpg) no-repeat;
		padding:0 0 0 10px;
		
	}
	
	#top:hover,#top:active{
		color:#F00;
	}
	
	#pms_footer{
		position:absolute;
		top:20px;
		left:190px;
	}
	
		#pms_footer img {
			float:left;
			margin:0 10px 20px 0;
		}
	
	#pp_footer {
		position:absolute;
		top:20px;
		right:42px;
	}
	
#home_search {
	float:left;
	width:100%;
	padding:0 0 10px 0;
	border-bottom:1px solid #ccc;
	margin:30px 0 50px 0;
}

	#home_search .simple_box {
		margin-left:45px;
		display:inline;
	}

#brands {
	float:left;
}

#bottom_search_panel {
	float:left;
	width:100%;
	padding:20px 0 0 0;
	margin:30px 0 0 0;
	border-top:1px solid #ccc;
	}
	
#bottom_search_panel .simple_box {
	margin:0 35px;
	display:inline;
}

#contact_form {
	float:right;
	margin:50px 20px 0 0; 
}

#contact_content {
float:left;
width:300px;
margin:50px 0 0 0;
}

	#contact_form input,
	#contact_form textarea {
		border:1px solid #ccc;
	}
	
.required {
color:#ff0000;
}

#batteries_list {
	float:left;
	width:100%;
}

#batteries_list li {
	float:left;
	width:100%;
	margin:0 0 30px 0;
}

	#batteries_list img {
		float:left;
		margin:0 30px 0 0;
	}
	
#right_search_panel{

	float:left;
	width:260px;
	margin:30px 0 0 20px;
	display:inline;

}

#right_search_panel .simple_box{
	margin-bottom:30px;
}

#disclaimer {
	font-size:0.8em;
}

#advanced_search_form h3 {
	font-size:1em;
	color:#000;
}

#advanced_search_form {
	float:left;
	padding:5px;
	border:1px solid #ccc;
	background:#f0f0f0;
	margin:10px 0 0 0;
}

#advanced_search_form p {
	float:left;
	margin:5px;
	display:inline;
}

#advanced_search_form label {
	display:block;
	font-weight:bold;
}

#advanced_search_form p.last {
	display:block;
	clear:both;
}

#advanced_search_form .button {
	cursor:pointer;
	width:auto;
}

#advanced_search_form input,
#advanced_search_form select
 {
	border:1px solid #ccc;
	width:170px;
}

.no-result {
	margin:10px 0;
	display:block;
	float:left;
	width:960px;
	border:1px solid #ccc;
	padding:5px;
	color:#ff0000;
	font-weight:bold;
	text-align:center;
}

#results {
	float:left;
	width:100%;
}

#search_ah_form h3 {
	width:180px;
	margin:0 0 20px 15px;
}
#search_ah_form .submit {
	float:left;
	display:inline;
	text-indent:-9999em;
	background: url(../garnish/search.png) no-repeat;
	padding:6px;
	width:16px;
	height:16px;
	border:0;
	cursor:pointer;
	margin-left:5px;
}

#search_ah_input {
	float:left;
	display:inline;
	margin-left:20px;
	width:60px;
}