/*
corporate.interstatebatteries.com
Copyright (c) 2008 Interstate Battery System of America, Inc. All Rights Reserved
Author: Matt Hubing (6737)
*/

/* Reset */
* {margin:0; padding:0;	outline:none;}
a {color:#218A3D; font-weight:bold; text-decoration:none;}
a:hover {text-decoration:underline;}
abbr {border:none;}
a img {border:none;}
.clear {clear:both;}
p strong {font-weight:bold;}

/* General Structure */
html {
	background: #bde0a6 url(/_img/bg_vertical.gif) repeat-x top left;
	}
body {
	background: transparent url(/_img/bg_shadowgradient.gif) repeat-y top center;
	}
#shadow {
	background: transparent url(/_img/bg_topgradient.gif) no-repeat top center;
	}
#container {
	background: #ffffff;
	width:920px;
	margin: 0 auto;
	}
#bottom {
	background: transparent url(/_img/bg_bottomgradient.gif) no-repeat bottom center;
	display:block;
	height:16px;
	}
#content {
	margin:0 0px;
	}

/* General Styles */
a.greenbutton {
	background: transparent url(/_img/greenbutton.gif) no-repeat top left;
	color: #ffffff;
	display: block;
	float: left;
	font: bold 12px arial, sans-serif;
	text-transform:uppercase;
	height: 23px;
	margin-right: 6px;
	padding-left: 10px;
	text-decoration: none;
	}
a.greenbutton span {
	background: transparent url(/_img/greenbutton_span.gif) no-repeat scroll top right;
	display: block;
	line-height: 13px;
	padding: 5px 10px 5px 0px;
	}
a.greenbutton:hover {
	text-decoration:underline;
	}
a.greenbutton_big {
	background: transparent url(/_img/greenbutton_big.gif) no-repeat top left;
	color: #ffffff;
	display: block;
	float: left;
	font: bold 16px arial, sans-serif;
	text-transform:uppercase;
	height: 31px;
	margin-right: 10px;
	padding-left: 15px;
	text-decoration: none;
	}
a.greenbutton_big span {
	background: transparent url(/_img/greenbutton_big_span.gif) no-repeat scroll top right;
	display: block;
	line-height: 17px;
	padding: 7px 15px 7px 0px;
	}
a.greenbutton_big:hover {
	text-decoration:underline;
	}
a.left {float:left;} /* greenbutton */
a.right {float:right;} /* greenbutton */

/* Header */
#header {
	background: transparent url(/_img/header.jpg) no-repeat top center;
	display:block;
	height:168px;
	position:relative;
	}
#header h1 a {
	display:block;
	position:absolute;
	top:12px;
	left:40px;
	height:90px;
	width:170px;
	color:#6DB43F;
	font:bold 12px/20px Verdana, Arial, Helvetica, sans-serif;
	text-indent:-9999px;
	}
#header img#brand {
	display:none; /* hide for non-print media */
	position:absolute;
	top:11px;
	left:41px;
	}
#header p {
	text-align:right;
	font: bold 12px/40px "Gill Sans", "Gill Sans Std", Helvetica, Arial, sans-serif;
	text-transform:uppercase;
	color:#666666;
	}

/* Top Navigation */
#cssdropdown, #cssdropdown ul {
	padding: 0;
	list-style: none;
	}
#cssdropdown {
	margin: 42px 0 0 256px;
	position:absolute;
	}
#cssdropdown ul {
	margin: 0;
	}
#cssdropdown li {
	float: left;
	position: relative;
	}
.mainitems {
	display:block;
	margin-right:52px;
	background-color: #FFEEC6;
	}
.mainitems a{
	display:block;
	height:35px;
	width:150px;
	text-decoration: none;
	text-indent:-9999px;
	}
.subuls{
	display: none;
	position: absolute;
	top:35px;
	left: 0;
	background: #ffffff;
	border-bottom:1px solid #aaaaaa;
	}
.subuls li{
	float:none;
	}
.mainitems .subuls li a{
	display:block;
	text-indent:0;
	height:auto;
	padding: 3px 5px;
	font: bold 12px/14px Helvetica, Arial, sans-serif;
	border-left:1px solid #aaaaaa;
	border-right:1px solid #aaaaaa;
	}
.mainitems .subuls li a:hover {
	text-decoration:underline;
	}
#cssdropdown li>ul { /* to override top and left in browsers other than IE, which will position to the top right of the containing li, rather than bottom left */
	top: auto;
	left: auto;
	}
#cssdropdown li:hover ul, li.over ul { /* lists nested under hovered list items */
	display: block;
	}

/* NAVIGATION CSS SPRITES */
#nav_1 {
	background:transparent url(/_img/nav.gif) no-repeat 0px 0px;
	}
#nav_1:hover, #nav_1.over {
	background:transparent url(/_img/nav.gif) no-repeat 0px -35px;
	}
#nav_2 {
	background:transparent url(/_img/nav.gif) no-repeat -200px 0px;
	}
#nav_2:hover, #nav_2.over {
	background:transparent url(/_img/nav.gif) no-repeat -200px -35px;
	}
#nav_3 {
	background:transparent url(/_img/nav.gif) no-repeat -400px 0px;
	}
#nav_3:hover, #nav_3.over {
	background:transparent url(/_img/nav.gif) no-repeat -400px -35px;
	}

/* Left Column */
#col_left {
	width:220px;
	float:left;
	overflow:hidden;
	}
#col_left ul {
	margin:0 0 40px 40px;
	}
#col_left ul li {
	list-style:none;
	line-height:0;
	}
#col_left ul li a {
	display:block;
	font: bold 12px/16px "Gill Sans", "Gill Sans Std", Helvetica, Arial, sans-serif;
	padding:4px 0;
	text-transform:uppercase;
	color:#666666;
	border-bottom:1px solid #aaaaaa;
	}
#col_left ul li a:hover {
	color:#218A3D;
	text-decoration:none;
	}
#col_left a img {
	float:right;
	margin:0 0 20px 0;
	}
#col_left a.careers {
	display:block;
	text-indent:-9999px;
	width:180px;
	height:51px;
	float:right;
	margin:0 0 20px 40px;
	background:transparent url(/_img/career_center.gif) no-repeat left top;
	}
#col_left a.careers:hover {
	background-position:top right;
	}
#col_left a.distributors {
	display:block;
	text-indent:-9999px;
	width:180px;
	height:69px;
	float:right;
	margin:0 0 20px 40px;
	background:transparent url(/_img/find_distributors.gif) no-repeat left top;
	}
#col_left a.distributors:hover {
	background-position:top right;
	}
#col_left a.needbatteries {
	display:block;
	text-indent:-9999px;
	width:210px;
	height:180px;
	float:right;
	margin:0 0 20px 0;
	background:transparent url(/_img/need_batteries.jpg) no-repeat left top;
	}
#col_left a.needbatteries:hover {
	background-position:top right;
	}
	
/*Connect with Interstate*/
#col_left div.social-wrapper {
	width: 180px;
	margin: 0 0 32px 40px;	
}
#col_left div.social-wrapper h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13.29px;
	font-weight: bold;
	color: #666;
	text-align: center;
	margin: 0 0 9px 0;	
}
#col_left div.social-top {
	width: 180px;
	height: 10px;
	background: url(/_img/social_bxtop.gif) no-repeat top;	
}
#col_left div.social-mid {
	width: 160px;
	padding: 0 9px 0 9px;
	border-left: 1px solid #B5B5B5;
	border-right: 1px solid #B5B5B5;	
}
#col_left div.social-header {
	border-bottom: 1px solid #CCCCCC;	
}
#col_left div.social-links {
	padding: 12px 0 2px 0;	
}
#col_left div.social-links ul {
	margin: 0 0 0 0;	
}
#col_left div.social-links li {
	padding: 0 0 0 22px;
	margin: 0 0 6px 0;	
}
#col_left div.social-links ul li a {
	text-transform: none;
	border-bottom: none;
	padding: 0 0 0 0;
	color: #218A3D;	
}
#col_left div.social-links ul li a:hover {
	text-decoration: underline;	
}
#col_left div.social-links li.facebook {
	background: url(/_img/social_fbicon.gif) top left no-repeat;
}
#col_left div.social-links li.linked {
	background: url(/_img/social_linkedicon.gif) top left no-repeat;
}
#col_left div.social-links li.twitter {
	background: url(/_img/social_twittericon.gif) top left no-repeat;
}
#col_left div.social-btm {
	width: 180px;
	height: 10px;
	background: url(/_img/social_bxbtm.gif) no-repeat bottom;	
}
	
/* Middle Content */
#video-right {
	float:right;
	margin: 10px 40px 10px 20px;
	}

/* Right Column */
#col_right {
	width:680px;
	float:right;
	overflow:hidden;
	}
#col_right h1 {
	font: bold 26px/30px Helvetica, Arial, sans-serif;
	color:#000000;
	margin: 0 40px 0 20px;
	}
#col_right h2 {
	font: bold 20px/30px Helvetica, Arial, sans-serif;
	color:#000000;
	margin: 0 40px 0 20px;
	}
#col_right h2 span.jobtitle {
	color:#444444;
	font-size:16px;
	text-transform:uppercase;
	}
#col_right h3 {
	font: bold 18px/30px Helvetica, Arial, sans-serif;
	color:#000000;
	margin: 0 40px 0 20px;
	}
#col_right h4 {
	font: bold 16px/30px Helvetica, Arial, sans-serif;
	color:#000000;
	margin: 0 40px 10px 20px;
	}
#col_right h4 span.speechlocation {
	color:#444444;
	font-size:13px;
	text-transform:uppercase;
	}
#col_right h5 {
	font: bold 14px/30px Helvetica, Arial, sans-serif;
	color:#000000;
	margin: 0 40px 0 20px;
	}
#col_right h5.speechdate {
	color:#aaaaaa;
	font-size:14px;
	font-weight:normal;
	line-height:10px;
	}
#col_right h6 {
	font: bold 14px/30px Helvetica, Arial, sans-serif;
	color:#000000;
	margin: 0 40px 0 20px;
	}
#col_right p {
	font: normal 13px/24px Helvetica, Arial, sans-serif;
	color:#444444;
	margin: 0 40px 20px 20px;
	}
#col_right p.intro {
	font: normal 15px/24px Helvetica, Arial, sans-serif;
	}
#col_right p.intro strong {
	color:#218A3D;
	}
#col_right strong {
	font-weight:bold;
	}
#col_right em {
	font-style:italic;
	}
#col_right blockquote {
	font: italic 13px/24px Helvetica, Arial, sans-serif;
	color:#444444;
	background:transparent url(/_img/blockquote.gif) top left no-repeat;
	margin: 0 80px 20px 20px;
	padding: 0 0 0 40px;
	}
#col_right blockquote span.author {font-style:normal;}

#col_right ul, ol {
	margin: 0 80px 20px 60px;
	font: normal 13px/24px Helvetica, Arial, sans-serif;
	color:#444444;
	}
#col_right li {
	}
#col_right dl {
	margin: 0 40px 20px 20px;
	}
#col_right dt {
	margin: 0 0 0 0;
	}
#col_right dd {
	margin: 0 0 20px 0;
	}
#col_right hr {
	background:#aaaaaa;
	color:#aaaaaa;
	}
#col_right img.img_right {float:right; margin:10px 40px 10px 10px;}
#col_right .img_right {float:right; margin:10px 40px 10px 10px;}
#col_right object.img_right {float:right; margin:10px 40px 10px 10px;}
#col_right img.img_left {float:left; margin:10px 10px 10px 20px;}
#col_right img.img_left-indent {float:left; margin:10px 10px 50px 20px;}
#col_right img.img_nofloat {margin:10px 10px 10px 20px;}

#col_right p.dist-intro {
	color: #444444;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-style: italic;
	font-size: 16px;
	line-height: 20px;
	margin: 0 40px 20px 20px;
	}
	
#col_right ul.left {
	margin: 0 80px 20px 300px	
	}
	
#col_right ol.left {
	margin: 0 80px 20px 250px	
	}	

/*Single Column */
#col_single {
	width: 900px;
	margin-left:auto;
	margin-right:auto;
	overflow:hidden;
	}

/* News Articles */
div#news_articles {
	background:#FFFFFF url(/_img/news_grad_top.gif) no-repeat 174px 0px;
	padding:20px 0 0 0;
	margin: 0 0 0 20px;
	}
div#news_articles h3 {
	font: normal 13px/17px Helvetica, Arial, sans-serif;
	text-transform:uppercase;
	color:#999999;
	margin:0;
	}
div#news_articles h2 {
	font: bold 22px/30px Helvetica, Arial, sans-serif;
	color:#000000;
	margin:0;
	}
div#news_articles p {
	font: normal 13px/24px Helvetica, Arial, sans-serif;
	color:#444444;
	margin:0;
	}
div#news_articles a.readmore {display:block; text-align:right;}
ul#article_titles {
	width:200px;
	display:block;
	padding: 0 0 20px 0;
	margin: 0 20px 0 0;
	float:left;
	background:transparent url(/_img/news_grad_bottom.gif) no-repeat bottom right;
	}
ul#article_titles li {
	list-style-type:none;
	display:block;
	line-height:0;
	}
ul#article_titles li a {
	font: normal 13px/17px Helvetica, Arial, sans-serif;
	color:#218A3D;
	display:block;
	padding: 15px 10px 15px 0;
	}
ul#article_titles li a.active {
	background:#FFFFFF;
	padding: 14px 10px 14px 0;
	border-top:1px solid #efefef;
	border-bottom:1px solid #e0e0e0;
	}
a#news_title_1.active, a#news_title_2.active, a#news_title_3.active, a#news_title_4.active {
	}
div#news_article_1, div#news_article_2, div#news_article_3, div#news_article_4 {
	display:none;
	width:400px;
	float:left;
	margin:15px 0;
	}
div#news_article_1.active, div#news_article_2.active, div#news_article_3.active, div#news_article_4.active {
	display:block;
	}

/* Footer */
#footer {
	padding:0 0 20px 260px;
	}
	
#footer_nonav {
	padding:0 0 20px 0;
	text-align: center;
	}
	
.footernav {
	float:left;
	display:inline;
	width:190px;
	padding: 0 0 0 9px;
	margin: 0 20px 20px 0;
	border-left:1px solid #cccccc;
	}
#footer, #footer_nonav h3 {
	font: normal 13px/20px Helvetica, Arial, sans-serif;
	text-transform:uppercase;
	color:#999999;
	}
.footernav ul li {
	display:block;
	list-style:none;
	line-height:0;
	}
.footernav ul li a {
	display:block;
	font: bold 12px/16px Helvetica, Arial, sans-serif;
	padding:2px 0 2px 10px;
	text-indent:-10px;
	}
#footer, #footer_nonav p {
	font: normal 10px/20px Helvetica, Arial, sans-serif;
	color:#999999;
	}