/* liquidint.com */
/* Created 02 February 2009 */

body, html { height: 100%; }

body {
background: #6f3205 url(../image/layout/background.jpg) repeat-x fixed;
color: #FFF;
font: normal 12px Arial, Helvetica, sans-serif;
}

.clear    { clear: both; }
img.left  { float: left; }
img.right { float: right; }

strong  { font-weight: bold; }
em      { font-style: italic; }

/* ================== GLOBAL ================== */

#container {
background: #000 url(../image/layout/container_back.gif) repeat-y;
min-height: 100%;
margin: 0 auto;
padding: 0 25px;
width: 950px;
}

#header {
background: #000;
clear: both;
font-size: 90%;
height: 124px;
}
	
	#header a {
	color: #FFF;
	text-decoration: none;
	}
		#header a:hover {
		text-decoration: underline;
		}
		
  #header img { float: left; }
	
	#header ul {
	float: right;
	}
	
	#header li {
	background: url(../image/layout/bullet_square_gray.gif) no-repeat 0 8px;
	padding: 3px 0 0 10px;
	}
	
	#headbar {
	background: url(../image/layout/header_background.gif) no-repeat;
	clear: both;
	height: 32px;
	margin-bottom: 16px;
	padding: 14px;
	}
	
		#headbar img {
		float: left;
		}
		
		#headbar h1 {
		background: url(../image/duracell_logo.gif) no-repeat;
		cursor: pointer;
		display: block;
		float: left;
		height: 36px;
		width: 255px; 
		}
		
			#headbar h1 span, #header a span { /* Keeps links for SEO purposes */
			margin-left: -9999px;
			}
	
	a.tn_products {
	background: url(../image/header/tn_products.jpg) no-repeat;
	display: block;
	float: left;
	height: 54px;
	width: 189px;
	}
	
	a.tn_technology {
	background: url(../image/header/tn_technology.jpg) no-repeat;
	display: block;
	float: left;
	height: 54px;
	width: 190px;
	}
	
	a.tn_general {
	background: url(../image/header/tn_general.jpg) no-repeat;
	display: block;
	float: left;
	height: 54px;
	width: 190px;
	}
	
	a.tn_news {
	background: url(../image/header/tn_news.jpg) no-repeat;
	display: block;
	float: left;
	height: 54px;
	width: 190px;
	}
	
	a.tn_b2b {
	background: url(../image/header/tn_b2b.jpg) no-repeat;
	display: block;
	float: left;
	height: 54px;
	width: 191px;
	}
	
	#header div a:hover {
	background-position: 0 -54px;
	}

#footer {
background: #101010 url(../image/layout/footer_top.gif) no-repeat;
clear: both;
float: left;
font-size: 90%;
height: 81px;
margin-left: -25px;
overflow: hidden;
padding: 19px 39px 0;
width: 922px;
}

	#footer a {
	color: #FFF;
	text-decoration: none;
	}
		#footer a:hover {
		text-decoration: underline;
		}
	
	#footer li {
	border-left: 1px solid #FFF;
	display: inline;
	padding: 0 5px;
	}
	
	#footer li.first {
	border: none;
	padding-left: 0;
	}
	
	#footer p {
	color: #6e6e6e;
	padding-top: 18px;
	}

/* ==================== HOMEPAGE ====================== */

.homepage #flashcontent {
background: url(../image/flash_placeholder.jpg) no-repeat;
clear: both;
height: 292px;
}

.homepage #main {
background: #000 url(../image/layout/home_tabs.jpg) no-repeat;
clear: both;
float: left;
height: 182px;
padding-bottom: 41px;
width: 950px;
}
	
	.homepage #main div {
	float: left;
	font-size: 90%;
	height: 142px;
	margin-left: 19px;
	margin-right: -3px; /* IE6 duplicate content fix */
	overflow: hidden;
	padding: 40px 10px 0;
	width: 284px;
	}
	
	.homepage #main p {
	height: 100px;
	line-height: 1.7em;
	padding-bottom: 10px;
	}
	
		.homepage #main p a {
		color: #ff6600;
		text-decoration: none;
		}
		
			.homepage #main p a:hover {
			text-decoration: underline;
			}
	
	.homepage #main p.more {
	height: auto;
	text-align: right;
	}
	
	.homepage #main #box_first {
	margin-left: 0;
	}
	
	.homepage #main #box_second {
	}
	
	.homepage #main #box_third {
	}

/* ==================== SUBPAGE ====================== */

.subpage #main {
background: #000 url(../image/layout/lightning_back.jpg) no-repeat;
clear: both;
float: left;
padding: 15px 0 30px;
width: 950px;
}

	.subpage h1 {
	color: #be4f01;
	font: normal 250% Arial Narrow, Arial, Helvetica, sans-serif;
	margin-bottom: 15px;
	}
	
	.subpage h2 {
  color: #be4f01;
  font: bold 130% Arial, Helvetica, sans-serif;
  margin: 5px 0 5px 15px;
	}
	
	.subpage .content {
	float: left;
	padding-left: 15px;
	width: 625px;
	}
	
		.subpage .content a {
		color: #CCC;
		text-decoration: underline;
		}
		
		.subpage .content a:hover {
		color: #FFF;
		}
		
		.subpage #main .content ul, .subpage #main .content li, .subpage #main .content ol {
		line-height: 1.7em;
		padding-left: 20px;
		}
	
	.subpage p {
	font-size: 105%;
	line-height: 1.7em;
	padding-bottom: 15px;
	}
	
	.subpage .image {
	float: left;
	margin-left: 16px;
	width: 264px;
	}
	
		.subpage .image img {
		}
		
  .homepage span div, .subpage span div { /* displays "hand" icon for top nav flyouts */
  cursor: pointer;
  }
  
 /* ---------------= new subpage styles =------------------ */
 
.subpage .content2 {
background: #FFF;
color: #454545;
float: left;
width: 475px;
}

	.subpage .content2 img.layout {
	height: 10px;
	overflow: hidden;
	}

	.subpage .content2 a {
	color: #6f3205;
	text-decoration: underline;
	}
	
	.subpage .content2 a:hover {
	color: #000;
	}
	
	.subpage #main .content2 ul, .subpage #main .content2 li {
	line-height: 1.7em;
	padding-left: 20px;
	}
	
	.subpage .content2 p {
	padding: 10px 25px;
	}
		
.subpage .image2 {
float: left;
width: 463px;
}
	
	.subpage .image2 img {
	}

.subpage #contentwrap {
background: url(../image/layout/sub_content_mid.gif) repeat-y;
padding-left: 11px;
}

.subpage ol {
list-style-type: decimal;
margin-left: 25px;
margin-right: 20px;
padding-left: 30px;
}

	.subpage #main .content2 ol li {
	padding-left: 0;
	}