/* Batteries Plus */

/* Import */

@import"cats.css";
@import"nav.css";
@import"product.css";
@import"form.css";

/* Global */

.clear:after {
  content: ".";
  clear: both;
  height: 0;
  visibility: hidden;
  display: block;
}

/* Hides from IE-mac \*/
* html .clear {height: 1px;}
/* End hide from IE-mac */

*, body, ul, li, p, h4, h5, h3, dt { 
	margin: 0;
	padding: 0;
}

body {
	color: #005995;
	font: 11px Tahoma;
	background:#2D2D2D url('../images/core/body-tile.jpg') center 0 repeat-y;	
}

ul, li {
	list-style-type: none;
}

a {
	color: #005995;
	text-decoration: none;
	font-weight: bold;
}

a:hover {
	color: #B70000;
}

a.img img {
	border:0;
}

/* Wrap */

#wrap {
	width: 760px;
	height: auto;
	margin: 0 auto;
}

/* Header */

#header {
	width: 760px;
	height: 115px;
	position: relative;
}

/*--- (logo) ---*/

#header div.logo {
	width: 382px;
	height: 105px;
	position: absolute; top: 6px; left: 8px;
}

/*--- (search) ---*/

#header div.search {
	width: 290px;
	height: auto;
	position: absolute; right: 10px; bottom: 20px;
}

div.search h4,
div.search input
{
	float:left;
	padding:6px 0;
}

div.search h4 {
	margin-top: 5px;
}

div.search input {
	margin-left:10px;
}

/* Input Elements */

input {
	padding: 3px !important;
	font-size: 11px;
	font-family: Tahoma;
}

/*--- (keyword) ---*/

input#keyword,
input#username,
input#password,
table.form input,
table#contact textarea  {		
	border: 1px solid #A5ACB2;
}

input#checkbox {
	border: none !important;
}

/*--- (account) ---*/

#feature div.account input {
	border: none;
	margin: 5px 0;
	color: #005995;
	font: 11px Tahoma;
}

/* Typography */

.red {
	color: #B70000;
}

/* Titles */

h4 {
	font:11px Tahoma;		
}

h5 {
	font:11px Tahoma;
}

h4, h5 {
	text-transform: uppercase;	
	padding: 1px 0;
	color: #084E9C;		
	font-weight: bold;
}

h4 span {
	color: #B60000;
}

/* Titles (with arrows) */

div.search h4, 
#fluid-left h4, 
div.main h4,
#fluid-right h4
{
	padding: 1px 0 1px 24px;
	background: url('../images/core/title-arrow.gif') left center no-repeat;
}

/* Titles (with +) */

div.main h5 a, a.arrow {
	color: #005995;	
	text-decoration: none;
	padding-left: 15px;
	background: url('../images/core/title-plus.gif') left center no-repeat;	
}

/* Banner */

#banner {
	width: 760px;
	height: auto;
}

/* Location */

#location {
	display: block;
	height: auto;
	background: #E7ECF3;
	padding: 8px 15px;
}

/* Content */

div.content {
	width: 760px; 
	height: auto;	
}

/*--- (sub header) ---*/
div#fluid-center div.sub-header {padding-left:20px; position:relative; left:-20px;}


div.sub-header {
	display: block;
	height: auto;	
	background: url('../images/core/sub-header-tile.jpg') 0 0 repeat-x;
}

div.sub-header div {
	padding: 12px 12px 9px 10px;
	background: url('../images/core/sub-header-cnr.gif') right top no-repeat;
}

/* Main */

div.main {	
	height: auto;
	float: left;
}

div.main#width-small {
	width: 425px;
}

div.main#width-large {
	width: 580px;
}

/*--- (paragraph) ---*/

div.main p {
	color: #005995;
	margin:15px 20px;
	line-height:14px;
}

/* Crumbs */

div.crumbs {
	display: block;
	padding: 10px 0;
	text-align: center;
	border-top: 1px solid #DCDCDC;
}

/*--- (paragraph, active, hover) ---*/

div.crumbs p {
	font-size: 10px;
}

div.crumbs a {
	color: #005995;
	text-decoration: none;
}

div.crumbs a:hover {
	color: #B70000;
}