/* CSS Document */

body {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	font-family: arial, helvetica, verdana, sans-serif;
	color: #000;
	background-color: #8A0A07;
	}
a {
	text-decoration: none;
	font-weight: bold;
	color:  #8A0A07;
	outline: none;
	}
a:visited {
	color:  #FFFFFF;
	}
a:active {
	color:  #8A0A07;
	}
a:hover {
	color: #000;
	text-decoration: underline;
	}
.ahem {
	display: none;
	}
strong, b {
	font-weight: bold;
	}
p {
	font-size: 12px;
	line-height: 16px;
	margin-top: 2px;
	margin-bottom: 8px; 
	}

/* weird ie5win bug: all line-height to font-size ratios must agree or box gets pushed around. UPDATE: this has turned out to be very rare. my current recommendation is IGNORE this warning. at the moment i'm leaving it in only in case the issue turns up again. possibly the original bug in march 2001 was caused by an unusual combination of factors, although this solved it at the time.*/

.bgnorepeat {
	background-repeat: no-repeat;
}

#navcontainer
{
background: white;
margin: 0;
float:left;
width: 100%; 
height: 20px;
padding: 0 0 0 0;
font-family: georgia, serif;
text-transform: lowercase;
}

#navitem1
{
background: url(Graphics/home_wbb.gif) transparent no-repeat;
margin: 0;
float:left;
text-decoration: none;
padding: 0 0 0 0;
font-family: georgia, serif;
text-transform: lowercase;
list-style-type : none;
}

#navitem1 a:hover {
background: url(Graphics/home_wrb.gif) transparent no-repeat;
margin: 0;
float:left;
padding: 0 0 0 0;
font-family: georgia, serif;
list-style-type : none;
text-transform: lowercase;
} 

#navitem2
{
background: url(Graphics/nice_wbb.gif) no-repeat;
margin: 0;
float:left;
padding: 0 0 0 0;
font-family: georgia, serif;
text-transform: lowercase;
list-style-type : none;
}

#navitem2 a:hover {
background: url(Graphics/nice_wrb.gif) transparent no-repeat;
margin: 0;
float:left;
padding: 0 0 0 0;
font-family: georgia, serif;
list-style-type : none;
text-transform: lowercase;
} 

#navitem3
{
background: url(Graphics/cash4clothes_wbb.gif) transparent no-repeat;
margin: 0;
float:left;
padding: 0 0 0 0;
font-family: georgia, serif;
text-transform: lowercase;
list-style-type : none;
}

#navitem3 a:hover {
background: url(Graphics/cash4clothes_wrb.gif) transparent no-repeat;
margin: 0;
float:left;
padding: 0 0 0 0;
font-family: georgia, serif;
list-style-type : none;
text-transform: lowercase;
} 

#navitem4
{
background: url(Graphics/loc_wbb.gif) transparent no-repeat;
margin: 0;
float:left;
padding: 0 0 0 0;
font-family: georgia, serif;
text-transform: lowercase;
list-style-type : none;
}

#navitem4 a:hover {
background: url(Graphics/loc_wrb.gif) transparent no-repeat;
margin: 0;
float:left;
padding: 0 0 0 0;
font-family: georgia, serif;
list-style-type : none;
text-transform: lowercase;
} 

#navitem5
{
background: url(Graphics/emp_wbb.gif) transparent no-repeat;
margin: 0;
float:left;
padding: 0 0 0 0;
font-family: georgia, serif;
text-transform: lowercase;
list-style-type : none;
}

#navitem5 a:hover {
background: url(Graphics/emp_wrb.gif) transparent no-repeat;
margin: 0;
float:left;
padding: 0 0 0 0;
font-family: georgia, serif;
list-style-type : none;
text-transform: lowercase;
} 

#navitem6
{
background: url(Graphics/contact_wbb.gif) transparent no-repeat;
margin: 0;
float:left;
padding: 0 0 0 0;
font-family: georgia, serif;
text-transform: lowercase;
list-style-type : none;
}

#navitem6 a:hover {
background: url(Graphics/contact_wrb.gif) transparent no-repeat;
margin: 0;
float:left;
padding: 0 0 0 0;
font-family: georgia, serif;
list-style-type : none;
text-transform: lowercase;
} 

#navitem7
{
background: url(Graphics/esp_wbb.gif) transparent no-repeat;
margin: 0;
float:left;
padding: 0 0 0 0;
font-family: georgia, serif;
text-transform: lowercase;
list-style-type : none;
}

#navitem7 a:hover {
background: url(Graphics/esp_wrb.gif) transparent no-repeat;
margin: 0;
float:left;
padding: 0 0 0 0;
font-family: georgia, serif;
list-style-type : none;
text-transform: lowercase;
} 

#navcontainer:after
{
content: "";
display: block;
line-height: 0px;
font-size: 0px;
clear: both;
}

ul
{
margin-top: 0;
margin-bottom: 0;padding: 0;
margin-left: 1em;
}

ul#navlist1
{
list-style: none;
float: left;
padding: 0;
margin: 0 auto;
height: 20px;
width: 120px;
font-size: 0.8em;
}

ul#navlist2
{
list-style: none;
float: left;
padding: 0;
margin-left: 0px;
width: 120px;
font-size: 0.8em;
}

ul#navlist li
{
display: block;
float: left;
width: 12px;
margin: 0;
padding: 0;
}

ul#navlist li a
{
display: block;
width: 100%;
padding: 0;
border-width: 0px;
border-color: none;
border-style: none;
color: #777;
text-decoration: none;
background: #f7f2ea;
}

#navcontainer>ul#navlist li a { width: auto; }

ul#navlist li#active a
{
background: #f0e7d7;
color: #800000;
}

ul#navlist li a:hover, ul#navlist li#active a:hover
{
color: none;
background: transparent;
border-color: none;
}


h1 {
	font-size: 24px;
	line-height: 44px;
	font-weight: bold;
	margin-top: 0;
	margin-bottom: 0;
	}
h2 {
	font-size: 16px;
	font-family:Arial, Helvetica, sans-serif;
	line-height: 22px;
	font-weight: bold;
	color: #FFFFFF;
	margin-top: 0;
	margin-bottom: 0;
	}

h2 a {
	font-size: 16px;
	line-height: 22px;
	font-weight: bold;
	color: #FFFFFF;
	margin-top: 0;
	margin-bottom: 0;
	}

h2 a:hover {
	font-size: 16px;
	line-height: 22px;
	font-weight: bold;
	color: #8A0A07;
	margin-top: 0;
	margin-bottom: 0;
	}
h3 {
	font-size: 16px;
	line-height: 22px;
	font-weight: bold;
	color: #8A0A07;
	margin-top: 0;
	margin-bottom: 0;
	}
h4 {
	font-size: 14px;
	line-height: 26px;
	font-weight: bold;
	color: #8A0A07;
	margin-top: 0;
	margin-bottom: 0;
	}
h5 {
	font-size: 12px;
	line-height: 22px;
	font-weight: bold;
	color: #8A0A07;
	margin-top: 0;
	margin-bottom: 0;
	}
h6 {
	font-size: 10px;
	line-height: 18px;
	font-weight: bold;
	margin-top: 0;
	margin-bottom: 0;
	}
img {
	border: 0;
	}
.nowrap {
	white-space: nowrap;
	font-size: 10px;
	font-weight: bold;
	margin-top: 0;
	margin-bottom: 0;
/* must be combined with nobr in html for ie5win */
	}
.tiny {
	font-size: 9px;
	line-height: 16px;
	margin-top: 15px;
	margin-bottom: 5px; 
	}

#masthead {
	float:left;
	background: url(Graphics/masthead.gif) top left no-repeat; 
	height: 80px;
	width: 100%;
	padding: 0px 0px 0px 0px;
	margin: 0px;
	}
	
	
#band
{
background: white;
margin-right: 0;
margin-left: 0;
float:left;
width: 100%; 
height: 20px;
padding: 0 0 0 0;
font-family: georgia, serif;
text-transform: lowercase;
}

#band2
{
background: #8A0A07;
margin-right: 0;
margin-left: 0;
z-index: 0;
float:left;
width: 100%; 
height: 20px;
padding: 0 0 0 0;
font-family: georgia, serif;
text-transform: lowercase;
}

#content-box {
	float: left;
	padding: 0 0 0 0;
	margin: 0px;
	background: #E0C8AD; 
	border: 0px solid #ccc;
	width: 100%; 
	height: 320px;
	}

#content {
	float: left;
	padding: 0px 0px 0px 00px;
	margin: 0px 0px 0px 0px;
	background: #E0C8AD; 
	border: 0px solid #ccc;
	voice-family: "\"}\"";
	width: 100%; /* ie5win fudge begins */
	}
	
html>body #content {
	width: 100%; /* ie5win fudge ends */
	}

#content0 {
	float: left;
	padding: 20px 0px 00px 30px;
	margin: 0px;
	background: url(Graphics/flourish_4.gif) top left no-repeat;
	border: 0px solid #ccc;
	voice-family: "\"}\"";
	width: 100%; /* ie5win fudge begins */
	}
	
html>body #content0 {
	width: 840px; /* ie5win fudge ends */
	}

#content0a {
	float: left;
	padding: 0px 0px 00px 00px;
	margin: 0px;
	background: transparent;
	border: 0px solid #ccc;
	voice-family: "\"}\"";
	width: 100%; /* ie5win fudge begins */
	}
	
html>body #content0a {
	width: 840px; /* ie5win fudge ends */
	}

#content0b {
	float: left;
	padding: 0px 0px 00px 30px;
	margin: 0px;
	background: transparent;
	border: 0px solid #ccc;
	voice-family: "\"}\"";
	width: 100%; /* ie5win fudge begins */
	}
	
html>body #content0b {
	width: 840px; /* ie5win fudge ends */
	}

#content1 {
	float:left;
	margin: 0px;
	border: 0px solid #ccc;
	voice-family: "\"}\"";
	padding: 12px 0px 10px 0px;
	width: 240px; /* ie5win fudge begins */
	}
	
html>body #content1 {
	width: 240px; /* ie5win fudge ends */
	}

#content2 {
	float: left;
	position: absolute;
	left: 280px;
	padding: 20px 00px 00px 20px;
	margin: 0px;
	background: transparent;
	border: 0px solid #ccc;

	voice-family: "\"}\"";
	top: 103px;
	}
	
html>body #content2 {
	top: 100px;
	}
	
#content3 {
	float: left;
	padding: 4px;
	margin: 0px;
	background: #8A0A07;
	border: 0px solid #ccc;
	width: 188px;
	height: 254px;
	position: absolute;
	top: 20px;
	left: 50px;
	}

	
#content4 {
	float: left;
	margin: 0px;
	background: #E0C8AD;
	border: 0px solid #ccc;
	width: 185px;
	voice-family: "\"}\"";
	padding: 2px 2px 2px 2px;
	height: 248px;
	}

html>body #content4{
	padding: 2px;
	height: 250px;
	}
	
#content5 {
	float: left;
	background:transparent;
	position: relative;
	left: 0px;
	margin: 0px;
	border: 0px solid #ccc;
	width: 360px;
	top: 0px;
	voice-family: "\"}\"";
	padding: 10px 00px 20px 00px;
	}
	
html>body #content5 {
	padding: 20px 00px 00px 00px;
	top: 3px;
	}
	
	
#content6 {
	background: transparent;
	margin: 0;
	float: left;
	position: relative;
	padding: 20px, 0px, 0px, 40px;
	list-style-type : none;
	voice-family: "\"}\"";
	}

html>body #content6{
	top: 10px;
	}
	
#frame3 {
	float: left;
	position: relative;
	margin: 0px 0px 0px 0px;
	background: #8A0A07;
	border: 0px solid #ccc;
	padding: 2px 2px 2px 2px;
	voice-family: "\"}\"";
	}

html>body #frame3{
	padding: 2px 2px 2px 2px;
	}
	
#frame3b {
	float: right;
	position: relative;
	margin: 0px 20px 0px 0px;
	background: #8A0A07;
	border: 0px solid #ccc;
	padding: 2px 2px 2px 2px;
	voice-family: "\"}\"";
	}

#frame4 {
	float: left;
	position: relative;
	margin: 0px 0px 0px 0px;
	background: #E0C8AD;
	border: 0px solid #ccc;
	padding: 2px 2px 0px 2px;
	voice-family: "\"}\"";
	}
	
html>body #frame4{
	padding: 2px 2px 2px 2px;
	}
	
		
#welcome {
	background: url(Graphics/welcome-text.gif) transparent no-repeat;
	margin: 0;
	float: left;
	voice-family: "\"}\"";
	height: 173px;
	}

html>body #welcome{
	height: 180px;
	}
	 

	
#welcome a:hover {
	background: url(Graphics/welcome-text_red.gif) transparent no-repeat;
	margin: 0;
	float: left;
	voice-family: "\"}\"";
	height: 173px;
	}

html>body #welcome a:hover{
	height: 180px;
	}
	 

#welcome1 {
	background: url(Graphics/check-balance.gif) transparent no-repeat;
	margin: 0;
	float: left;
	voice-family: "\"}\"";
	height: 33px;
	}

html>body #welcome1{
	height: 40px;
	}
	 

	
#welcome1 a:hover {
	background: url(Graphics/check-balance_red.gif) transparent no-repeat;
	margin: 0;
	float: left;
	voice-family: "\"}\"";
	height: 33px;
	}

html>body #welcome1 a:hover{
	height: 40px;
	}
	 

#welcome2 {
	background: url(Graphics/hiring-buyers.gif) transparent no-repeat;
	margin: 0;
	float: left;
	voice-family: "\"}\"";
	height: 33px;
	}

html>body #welcome2{
	height: 40px;
	}
	 

	
#welcome2 a:hover {
	background: url(Graphics/hiring-buyers_red.gif) transparent no-repeat;
	margin: 0;
	float: left;
	voice-family: "\"}\"";
	height: 33px;
	}

html>body #welcome2 a:hover{
	height: 40px;
	}
	 


#shopselltrade {
	background: url(Graphics/shop_sell_trade_white.gif) transparent no-repeat;
	margin: 0;
	float: left;
	position: absolute;
	padding: 20;
	left: 260px;
	voice-family: "\"}\"";
	height: 250px;
	top: 20px;
	}

html>body #shopselltrade{
	top: 20px;
	}
	
#shopselltrade a:hover {
background: url(Graphics/shop_sell_trade_rg.gif) transparent no-repeat;
float: left;
margin: 0;
padding: 40;
font-family: georgia, serif;
list-style-type : none;
text-transform: lowercase;
z-index: 2;
} 

pre {
	font-size: 12px;
	line-height: 22px;
	margin-top: 0px;
	margin-bottom: 5px; 
	}

#hours {
float: left;
width: 360px;
}

#hours_days {
float: left;
width: 150px;
}

#hours_open {
float: left;
text-align:right;
}

fieldset {
  border: solid 0 transparent;
  margin: 1em 0;
  padding: .1 em;
  background: transparent;
  }
  
legend {
	font-size: 16px;
	line-height: 22px;
	font-weight: bold;
	border: solid 0 transparent;
	color: #8A0A07;
	margin-top: 0;
	margin-bottom: 0;
	}

label {
display:inline;
float: left;
width: 200px;
}

label_city {
display:inline;
float: none;
width: 130px;
}

input [type="text"]{
width: 200 px;
}

input [type="checkbox"]{
width: 4 px;
display:inline;
}

textarea {
width: 400 px;
height: 100 px;
}

fieldset#contact {
margin: 0;
padding: 0;
border: none;
background: transparent;
}

#contact div {
 float: left;
 width: 180px;
 }
 
#address div {
 float: left;
 margin-right: 5px;
 border: none;
 background: transparent;
}
 
fieldset#location {
margin: 0;
padding: 0;
border: none;
background: transparent;
}

#location div {
 float: left;
 width: 360px;
 }
 
input.radio, input.checkbox, input.submit {
  width: auto;
  }
  
 input.checkbox {
 float: left;
 margin-right: .8em;
 margin-top: .2em;
 margin-left: 2em;
 }