/*
 * CSS style library for page navigation elements
 */


/***************************************************
 *
 * TopNav Section
 *
 ***************************************************/
/* Page Header */

div#header {
	background: url(/resources/images/decor/bg_header.jpg) no-repeat;
	margin: auto auto;
	width: 960px;
	padding: 0 0 0 0;
	height: 130px;
	border-bottom: 1px solid #cccccc;
}

div#header h1 {
	width: 230px;
	text-indent: -5000px;
	padding: 40px 0 0 20px;
	float: left;
	margin: 0;
}
 
div#header h1 a {
	display: block;
	width: 230px;
	height: 40px;
}

ul.navList {
	list-style: none;
}

ul.navList li {
	float: left;
}

#navBar {
	position: relative;
	width: 960px;
	margin: 0 auto;
}

/* Popup window for zip code entry */
	div#set_location {
		display: none;
		/*
		width: 177px;
		margin: 0px;
		padding: 5px;
		text-align: left;
		background-color: #fff;
		border: 1px solid #000;
		position: absolute;
		z-index: 100;
		display: none;
		float: left;
		top: 39px;
		left: 730px;
		*/
	}

/***************************************************
 *
 * SubNav Bar - These are the links on the top right of every page.
 *
 ***************************************************/
/* SubNav */
	ul#subNav {
		float: right;
		font-size: 1em;
		padding: 13px 20px 13px 0;
	}
	
	ul#subNav li {
		border-left: 1px solid #ccc;
		padding: 0 0 0 5px;
		color: #333;
		margin: 0 0 0 5px;
	}
	
	ul#subNav a {
		color: #2c72b6;
	}

	ul#subNav span {
		color: #999;
	}

	ul#subNav li img {
		float: left;
		padding: 0 2px 0 0;
	}
/***************************************************
 *
 * TabNav Bar - contains the links to personal, business, and my account.
 *
 ***************************************************/
	ul#tabNav {
		width: 700px;
		height: 35px;
		margin: 0 0 0 0;
		padding: 0 0 0 0;
		display: inline;
	}
	
	ul#tabNav li {
		float: left;
		padding: 12px 10px 0 10px;
		background-image: url(/resources/images/tabDivider.gif);
		background-position: left 12px;
		background-repeat: no-repeat;
	}
	
	ul#tabNav a {
		float: left;
		font-size: 1.1em;
		font-weight: bold;
		color: #5ea4b7;
	}
	/*ul#tabNav a.on {
		color: #6d9928;
	}*/
	ul#tabNav li.firsttab {
		border: 0;
		background-image: none;
		padding-left: 20px;
	}
	ul#tabNav li.on {
		background-color: #ffffff;
	}
	ul#tabNav li.on a {
		color:#666;
	}

	
/***************************************************
 *
 * MainNav Bar - contains the links to the product category
 * pages and the search box.
 *
 ***************************************************/


#navigation {
	float: left;
	/*clear: both;*/
	width: 960px;
	padding: 10px 0 0 0 !important;
	padding: 5px 0 0 0;
	font-size: 1em;
}

#page-navigation {
	width: 960px;
}

* html #page-navigation {
	margin-top: -2px;
}/* fix ie6 pixel jog*/

/*#pages {
	width: 960px;
	margin: 0 auto;
	padding: 0;
}*/

ul#mainNav {
	padding: 10px 0 0 20px;
	float: left;
	margin-top: 0px;
}

ul#mainNav li {
	border-left: 1px solid #ccc;
	color: #5c6f7d;
	float: left;
	padding: 0px 10px;
	vertical-align: top;
}

ul#mainNav li a {
	color: #5ea4b7;
	display: block;
	padding-bottom: 2px;
}

ul#mainNav li a.on {
	color: #666;
}


/* Search */
#search {
	float: right;	
	height: 16px;
	width: 285px;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}

#search form {
	display: inline-block;
	padding: 0px;
	margin: 0px;
}

#search form input.searchInput {
	float: left;
	height: 12px;
	padding: 2px;
	border-width: 2px;
	border-style: inset;
	margin: 4px 0 0 0;
	font-size: 1em;
	/*color: #6d9928;*/
	color: #999999;
	width: 200px;
}

#search form input.submitButton {
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}

#search div.searchSiteButton {
	margin: 0 0 0 10px;
	padding: 0 0 0 0;
	float: left;
}

#search-table div.searchAgainButton {
	margin: 0 0 4px 0;
	padding: 0 0 4px 5px;
	float: left;
}

#search-table div.searchInputField {
	float: left;
}

/***************************************************
 *
 * Breadcrumb Trail
 *
 ***************************************************/

ul#breadcrumbs {
	width: 710px;
	height:30px;
	font-size: 1.0em;
	padding: 0;
	margin: 0;
	float: left;
}


/***************************************************
 *
 * Page Header
 *
 ***************************************************/

#pageHeader {
	float: left;
	width: 725px;
	padding: 0;
	margin: 30px 0 10px 20px;
	_display: inline;
}

#pageHeader h2 {
	margin: 0 0 20px 0;
	font-family: Verdana, sans-serif;
	font-size: 1.8em; 
	font-size: 22px;
	color: #5c6f7d;
}

#pageHeader p {
	font-size: 1.2em;
	color: #333;
}

.headerCopy {
	font-size: 13px;
	color: #333;
}

/***************************************************
 *
 * Utilities Navigation
 *
 ***************************************************/

ul#utilitiesNav {
	float:right;
}

ul#utilitiesNav li {
	margin-left: 16px;
}

ul#utilitiesNav a {
	padding: 1px 0 1px 20px;
}

ul#utilitiesNav img {
	float: left;
	padding-right: 4px;
}

/***************************************************
 *
 * BottomNav Bar
 *
 ***************************************************/

/*div#footer {
	margin: 27px 0 0 0;
	padding: 13px 0 17px 0;
	border-top: 1px solid #e7e7e7;
}*/

/*div#footer a {
	color: #2c72b6;
}*/

/*div#footer ul {
	text-align: center;
	margin: 0 auto;
	width: auto;
	padding: 0 0 2px 0;
}*/

/*div#footer li {
	float: none;
	display: inline;
	border-left: 1px solid #ccc;
	padding: 0 0 1px 4px;
}*/