/*
 *  ItemsForSale Page Section
 */

#ItemsForSale div {
	float: left;
	display: block;
}

.ItemLeft {
	width: 20%;
	float: left;
	bord-er: 1px solid white;
}

.ItemCenter {
	width: 60%;
	float: left;
	bor-der: 1px solid red;
}

.ItemRight {
	width: 20%;
	float: left;
	bo-rder: 1px solid green;
}

p.Footer {
	display: block;
	backg-round: orange;
	margin-top: 5px;
	font-weight: bold;
}

.ChoiceWrapper {
	margin-bottom: 10px;
	width: 100%;
	ba-ckground: gray;
	bor-der: 1px solid green;
	height: 15px;
}

.Caption {
	display: block;
	font-weight: bold;
	text-align: center;
}

#ItemsForSale {
 overflow: auto;
 border: thick double black;
 border: thick double maroon;
 padding: 20px;
 margin: 5px;
 font-family: "Times New Roman";
 height: 540px;
 height: 660px;
}

#Item1, #Item2 {
	bac-kground: orange;
	bord-er: 1px solid red;
}

[class^='Item'] {
  bord-er: 1px solid yellow;
  margin-bottom: 0px;
  margin-top: 5x;
}

[class^='Sale'] {
  display: inline-block;
  margin-left: 5px;
  back-ground: orange;
}

.Sal-eComment {
	fl-oat: right;
	bord-er: 1px solid yellow;
	display: inline block;
}

#ItemsForSale div[id^='Item'] {
 float: left;
 width: 100%;
}

hr {
  border: 1px solid maroon;
  margin-bottom: 5px;
}

/*
 *  Removing the "width" attribute caused the menu items to be centered.  With the "width"
 *  set to 100% they were left justified.
 *
 *  11-18-2010
 */

#ItemsForSale h2 {
 font-size: 3em;
 margin-bottom: 20px;
}

#ItemsForSale h3 {
 font-size: 1.5em;
 margin-bottom: 10px;
}

#ItemsForSale img {
 width: 140px;
 bo-rder: thick double black;
 border: 2px solid black;
 margin: 15px;
 margin-left: 0px;
}

#ItemsForSale p {
 font-size: .95em;
 margin-bottom: 10px;
 text-align: justify;
}

#ItemsForSale input {
 height: 26px;
}

.AddCartButton {
background:    #9facb7;
background:    -webkit-linear-gradient(#9facb7, #073763);
background:    linear-gradient(#9facb7, #073763);
border-radius: 5px;
color:         #fff;
display:       inline-block;
padding:       20px 20px;
padding-top:	10px;
padding-bottom:	25px;
font:          normal 700 16px/1 "Droid Serif", serif;
text-align:    center;
text-shadow:   1px 1px 0 #000;
height:		30px;
}

.AddCartButton:hover {
	cursor: pointer;
	color: yellow;
}

#ItemsForSale a:hover {
	co-lor: red;
}

#ItemsForSale a {
	text-decoration: underline;
	color: maroon;
	co-lor: black;
	font-weight: bold;
}