/* ----------------
   USA Discounters
   Navigation Styles
------------------- */

/* CSS Sprites - For additional information: www.alistapart.com/articles/sprites */

#nav {
	text-align: left;
	font-size: .7em;
}

#nav-primary h3, #nav-product h3, #nav-secondary h3, #ftr-nav h3 {
	display: block;
	text-indent: -9999px;
	position: absolute;
	overflow: hidden; /* bug fix for IE 7 */
}

/* Primary Nav */

#nav-primary {
	margin: 0;
	padding: 0 0 3px 0;
	width: 970px;
	height: 32px;
}

#nav-primary ul	{
	width: 970px;
	height: 32px;
	background: url(../images/nav/primary.gif) top left no-repeat;
	margin: 0;
	padding: 0;
	list-style: none;
	position: relative;
}

#nav-primary li {
	margin: 0;
	padding: 0;
	position: absolute;
	top: 0;
}
	
#nav-primary li, #nav-primary a {
	height: 32px;
	display: block;
	background-image: none;
}

#nav-primary ul li a {
	text-indent: -9999px;
	text-decoration: none;
}

/* clickable regions */
#nav-primary #tab-apply {left: 0; width: 192px;}
#nav-primary #tab-help {left: 490px; width: 108px;}
#nav-primary #tab-community {left: 600px; width: 108px;}
#nav-primary #tab-about {left: 710px; width: 108px;}
#nav-primary #tab-locations {left: 820px; width: 150px;}

/* rollover states */
#nav-primary #tab-apply a:hover {background: transparent url(../images/nav/primary.gif) 0 -32px no-repeat;}
#nav-primary #tab-help a:hover {background: transparent url(../images/nav/primary.gif) -490px -32px no-repeat;}
#nav-primary #tab-community a:hover {background: transparent url(../images/nav/primary.gif) -600px -32px no-repeat;}
#nav-primary #tab-about a:hover {background: transparent url(../images/nav/primary.gif) -710px -32px no-repeat;}
#nav-primary #tab-locations a:hover {background: transparent url(../images/nav/primary.gif) -820px -32px no-repeat;}

/* you are here nav */
body.pg-apply #nav-primary #tab-apply {background: transparent url(../images/nav/primary.gif) -0 -32px no-repeat;}
body.pg-help #nav-primary #tab-help {background: transparent url(../images/nav/primary.gif) -490px -32px no-repeat;}
body.pg-community #nav-primary #tab-community {background: transparent url(../images/nav/primary.gif) -600px -32px no-repeat;}
body.pg-about #nav-primary #tab-about {background: transparent url(../images/nav/primary.gif) -710px -32px no-repeat;}
body.pg-locations #nav-primary #tab-locations {background: transparent url(../images/nav/primary.gif) -820px -32px no-repeat;}

/* Product Nav */

#nav-product {
	margin: 0;
	padding: 0 0 7px 0;
	width: 970px;
	height: 32px;
	background: url(../images/nav/bg_blue.gif) top left repeat-x;
	color: inherit;
}

#nav-product ul	{
	width: 778px;
	height: 32px;
	background: url(../images/nav/product.gif) top left no-repeat;
	margin: 0 0 0 192px;
	padding: 0;
	list-style: none;
	position: relative;
}

#nav-product li {
	margin: 0;
	padding: 0;
	position: absolute;
	top: 0;
}
	
#nav-product li, #nav-product a {
	height: 32px;
	display: block;
	background-image: none;
}

#nav-product ul li a {
	text-indent: -9999px;
	text-decoration: none;
}

/* clickable regions */
#nav-product #tab-specials {left: 2px; width: 109px;}
#nav-product #tab-furniture {left: 113px; width: 110px;}
#nav-product #tab-computers {left: 225px; width: 111px;}
#nav-product #tab-automotive {left: 338px; width: 110px;}
#nav-product #tab-electronics {left: 450px; width: 110px;}
#nav-product #tab-bedding {left: 562px; width: 110px;}
#nav-product #tab-jewelry {left: 674px; width: 104px;}

/* rollover states */
#nav-product #tab-specials a:hover {background: transparent url(../images/nav/product.gif) -2px -32px no-repeat;}
#nav-product #tab-furniture a:hover {background: transparent url(../images/nav/product.gif) -113px -32px no-repeat;}
#nav-product #tab-computers a:hover {background: transparent url(../images/nav/product.gif) -225px -32px no-repeat;}
#nav-product #tab-automotive a:hover {background: transparent url(../images/nav/product.gif) -338px -32px no-repeat;}
#nav-product #tab-electronics a:hover {background: transparent url(../images/nav/product.gif) -450px -32px no-repeat;}
#nav-product #tab-bedding a:hover {background: transparent url(../images/nav/product.gif) -562px -32px no-repeat;}
#nav-product #tab-jewelry a:hover {background: transparent url(../images/nav/product.gif) -674px -32px no-repeat;}

/* you are here nav */
body.pg-specials #nav-product #tab-specials {background: transparent url(../images/nav/product.gif) -2px -32px no-repeat;}
body.pg-furniture #nav-product #tab-furniture {background: transparent url(../images/nav/product.gif) -113px -32px no-repeat;}
body.pg-computers #nav-product #tab-computers {background: transparent url(../images/nav/product.gif) -225px -32px no-repeat;}
body.pg-automotive #nav-product #tab-automotive {background: transparent url(../images/nav/product.gif) -338px -32px no-repeat;}
body.pg-electronics #nav-product #tab-electronics {background: transparent url(../images/nav/product.gif) -450px -32px no-repeat;}
body.pg-bedding #nav-product #tab-bedding {background: transparent url(../images/nav/product.gif) -562px -32px no-repeat;}
body.pg-jewelry #nav-product #tab-jewelry {background: transparent url(../images/nav/product.gif) -674px -32px no-repeat;}

/* Secondary Nav - Content */

#content #nav-secondary {
	float: left;
	width: 144px;
	margin: 17px 0;
	padding: 9px 8px 9px 11px;
	background-color: #E8EBED;
	color: inherit;
}

#content #nav-secondary h4 {
	margin: 0 0 .4em 0;
	font-size: 1em;
	background-color: transparent;
	color: #203A4F;
}

#content #nav-secondary ul {
	margin: 0 0 1em 0;
	padding: 0;
	list-style: none;
}

#content #nav-secondary ul li {
	padding: 0 0 3px 11px;
	background: transparent url(../images/bullet_red.gif) 0 3px no-repeat;
	color: inherit;
}

#content #nav-secondary a {
	background-color: transparent;
	color: #4D4D4D;
}

/* Application Nav */

#nav-app {
	margin: 0 0 1em 11px;
	font-size: 1.2em;
}

#nav-app ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

#nav-app ul li {
	float: left;
	display: block;
	background-image: none;
	padding: 0;
}

#nav-app ul a {
	border-left: 1px solid #4D4D4D;
	text-decoration: none;
	display: block;
	margin: 0 0 1em 0;
	padding: 0 7px;
	background-color: transparent;
	color: #4D4D4D;
	font-weight: bold;
}

#nav-app li.current a {
	background-color: transparent;
	color: #8C120C;
}

#nav-app li.current a:hover {
	text-decoration: none;
}

#nav-app a:hover {
	text-decoration: underline;
}

#nav-app ul a.first {
	border-left: none;
	padding-left: 0;
}

/* Footer Nav */

#ftr-nav {
	float: right;
	width: 765px;
}

#ftr-nav ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

#ftr-nav ul li {
	float: left;
	display: block;
	position: relative; /* For Safari: 1st link not clickable */
}

#ftr-nav ul a {
	text-decoration: none;
	margin: 0 0 1em 0;
	padding: 0 7px;
	background-color: transparent;
	color: #8C120C;
}

#ftr-nav ul a:hover {
	text-decoration: underline;
}

#ftr-nav #nav-utility {
	float: left;
	width: 45%;
	position: relative; /* For Safari: 1st link not clickable */
}

#ftr-nav #nav-utility ul a {
	border-left: 1px solid #4D4D4D;
}

#ftr-nav #nav-utility ul a.first {
	border-left: none;
	padding-left: 0;
}

#ftr-nav #nav-ftr-primary {
	float: right;
	width: 55%;
	text-align: right;
	position: relative; /* For Safari: 1st link not clickable */
}

#ftr-nav #nav-ftr-primary ul a {
	border-right: 1px solid #4D4D4D;
}

#ftr-nav #nav-ftr-primary ul a.last {
	border-right: none;
	padding-right: 0;
}