/* 

EAGLE DRY GOODS | eagledrygoods.com

*/

/* BASIC STYLES ///////////////////////////////////////////////////*/

body {
	background: url("../images/main/bg-body.jpg") center top;
	font: 13px/1.6 "lucida sans unicode", "lucida grande", serif;
}

/* Typographical alignment test */

a {
	color: #8f221d;
}

h2 {
	font: bold 31px/0.67 "georgia", "times new roman", serif;
	margin: 0 0 1.006em;
	color: #901a1c;	
}

h3 {
	font: bold 19px/1.094 "lucida sans unicode", "lucida grande", serif;
	margin: 1.094em 0;
}

h4 {
	/*font: normal 15px/1.386 "lucida sans unicode", "lucida grande", serif;
	margin: 1.386em 0 -0.693em;*/
	
	font: bold 13px/1.6 "lucida sans unicode", "lucida grande", serif;
	margin: 2.4em 0 -.8em;
	text-transform: uppercase;
}

#copy p,
#cat_container p {
	margin: 1.6em 0;
}

#copy ul {
	margin: 1.6em 0 1.6em 0;
	padding: 0 0 0 2em;
	line-height: 1.6em;
	list-style: disc;
}

#container {
	width: 950px;
	margin: 0 auto;
}


/* HEADER /////////////////////////////////////////////////////////*/

#header {
	height: 162px;
	background: url("../images/main/bg-header.jpg") no-repeat left bottom;
	overflow: hidden;
}

#header h1 {
	width: 310px;
	height: 185px;
	margin-left: -25px;
	background: url("../images/main/bg-h1-eagle_dry_goods.jpg") no-repeat left top;
	position: absolute;
	z-index: 1000;
}

#header h1 a {
	height: 185px;
	padding: 1px 0 0;
	display: block;
}

#header h1 a span {
	margin-top: 124px;
	height: 64px;
	width: 310px;
	display: block;
	background: url("../images/main/bg-h1-eagle_dry_goods.png") no-repeat left top;
	behavior: url(../taglib/css/iepngfix.htc);
	text-indent: -3000px;
}


/* LOGIN //////////////////////////////////////////////////////////*/

#login {
	height: 75px;
	padding: 0 10px 0 285px;
	text-align: center;
	color: #d7d7b4;
}

#login a {
	color: #d7d7b4;
}

#login .link_reductions {
	height: 45px;
	width: 210px;
	padding-top: 5px !important;
	display: inline;
	float: right;
	background: url("../images/main/bg-link-reductions.jpg") no-repeat left top;
}

#login .link_reductions a {
	display: block;
	color: #44320c;	
	padding: 0px 0 10px 20px;
	font-weight: bold;
	text-decoration: none;
	font-size: 14px;
	letter-spacing: -1px;
	line-height: 23px;
}

#login p {
	padding-top: 5px !important;
	font-size: 11px;
	display: inline;
	float: left;
}

#login p input {
	font-size: 12px;
}

#login p input.input_text {
	border: 1px solid #44320c;	
}

#login .link_cart {
	font-weight: bold;
	font-size: 12px;
	margin-left: .5em;
	background: url("../images/catalog/link_cart_bg.gif") no-repeat left center;
	padding-left: 19px;
}


/* NAVIGATION /////////////////////////////////////////////////////*/

ul#nav {
	margin: 00px 0 0;
	padding: 0 50px 0 285px;
	line-height: 1em;
	text-align: center;
	position: relative;
}

ul#nav li {
	display: inline;
	margin: 0 .75em;
}

ul#nav li a {
	font-family: "georgia", "times new roman", serif;
	font-size: 17px;
	font-weight: bold;
	color: #d7d7b4;
	text-decoration: none;
}


/* CONTENT ////////////////////////////////////////////////////////*/

#content {
	background: url("../images/main/bg-content.jpg") left top;
	padding: 6px 0 0;
	overflow: auto;
	overflow: expression('visible');
	height: expression('1%');
}

#sidebar {
	float: left;
	width: 300px;
	position: relative;
	z-index: 1200;
	line-height: 1.6em;
}

#sidebar ul {
	text-align: right;
	margin: 0 0 0 25px;
	padding-right: 15px;
}

#sidebar ul li {
	margin: 0 0 0.8em;
}

#sidebar ul li a {
	font-weight: bold;
	font-family: "georgia", serif;
	text-decoration: none;
}

#sidebar ul li a:hover {
	text-decoration: underline;	
}

#copy {
	float: left;
	width: 580px;
	padding: 0px;
}

#copy_body {
	min-height: 350px;
	_height: 350px;
	padding: 1px 30px;
	border-left: 3px solid #901a1c;	
}

#footer {
	padding: 70px 70px;
	clear: both;
	text-align: center;
	background: url("../images/main/bg-footer.jpg") no-repeat left top;
	font-size: 12px;
	color: #d7d7b4;
	
	height: expression('1%');

}

#footer a {
	color: #d7d7b4;
}







/* BUTTONS ////////////////////////////////////////////////////////*/

/* super button */

.sbtn {
	line-height: 28px;
	text-decoration: none;
	font-family: verdana, sans-serif;
	font-weight: bold;			
	color: #fff;		
	background: url("../images/sbtn_r.gif") right center no-repeat;
	float:left;
	outline: none;
	cursor:default;
}

.sbtn:hover {		
	background-position: right top;
}

.sbtn:hover span {		
	background-position: left top;
}

.sbtn:active {		
	background-position: right bottom;
}

.sbtn:active span {		
	background-position: left bottom;
}

.sbtn span {
	padding: 0 1em;
	line-height: 28px;
	float: left;
	background: url("../images/sbtn_l.gif") left center no-repeat;
}

/* super button button */

button.sbtn {
	line-height: 28px;
	text-decoration: none;
	font-family: verdana, sans-serif;
	font-weight: bold;			
	color: #fff;		
	background: url("../images/sbtn_r.gif") right center no-repeat;
	float:left;
	outline: none !important;
	cursor:default;
	padding:0 !important;
	margin:0 !important;
	border:none !important;
	height:28px !important;
	width:auto !important;
	white-space: nowrap;
	overflow:visible;
}

button.sbtn:hover {		
	background-position: right top;
}

button.sbtn:hover span {		
	background-position: left top;
}

button.sbtn:active {		
	background-position: right bottom;
}

button.sbtn:active span {		
	background-position: left bottom;
}

button.sbtn span {
	padding: 0 1em;
	line-height: 28px;
	float: left;
	position:relative;
	top:-1px;
	top:expression('0px');
	left:-3px;
	left:expression('0px');
	background: url("../images/sbtn_l.gif") left center no-repeat;
	height:28px;
}



/* super button - back */

.sbtn_back {
	background: url("../images/sbtn_back_r.gif") right center no-repeat;
}

.sbtn_back span {
	background: url("../images/sbtn_back_l.gif") left center no-repeat;
}

/* super button - small dark */

.sbtn_smd {
	line-height: 19px;
	background: url("../images/sbtn_smd_r.gif") right center no-repeat !important;
}

.sbtn_smd span {
	line-height: 19px;
	background: url("../images/sbtn_smd_l.gif") left center no-repeat!important;
}