@import url(sub.css);

#main h2 {font: bold 1em Verdana, Arial, sans-serif; text-transform: uppercase;
  letter-spacing: 1px;}

.products-intro, .shirt-sale {padding-bottom:10px; border-bottom: 1px dashed #999;}
.products-outro {
	padding-top:10px;
	border-top: 1px dashed #999;
	clear: both;
	}
	
#main .products li {float: left; width: 160px;
  padding: 0 9px 10px; margin: 5px 0 10px; background: #none;
  border-left: 1px solid #D9D9D9;
  text-align: center; font-size: 0.9em;}
#main .products li.first {border-left: 0;}
#main .products h3 a {text-transform: uppercase;
  font: bold 0.9em Verdana, sans-serif; letter-spacing: 1px;}
#main .products img {display: block; margin-bottom: 0.5em; width: 160px;}
#main .products li p {text-align: center;}

#metastuff {padding: 0.5em 0; margin: -1em 0 1.5em; background: #F8F7EF;
  border: 1px dashed #B2B2B2; border-width: 1px 0; text-align: center;}
#metastuff p {margin: 0;}
#metastuff p, #metastuff form {display: inline;}
#metastuff form input {vertical-align: bottom;}
#metastuff a {border-bottom-width: 0;}
#metastuff a:hover {border-bottom-width: 1px;}

#productdetail {border-top: 1px dashed #999;}
.shirt {float: left; margin-bottom: 15px;}
.shirt h2 {margin-bottom: 0.75em;}
.front, .back {width: 256px; padding-top: 1.25em;}
.front {margin-right: 27px;}

#content form.buy {border: 1px dashed #999; border-width: 1px 0;
  padding: 1em 1em 0; margin-bottom: 1.5em;
  background: #F8F7EF;
  clear: left;}
#content form.buy p input {vertical-align: bottom;}
#main form.buy p select {margin: 0 0.5em 0 1em; width: 200px;}
#content .price {font: 1.66em Georgia, Times, serif;}

/* Store Sale style */
#content .price del {color: #888;}

#content .shipping li {display: inline; padding: 0 3em 0 0; background: none;}
#content .shipping label {font-weight: bold;}

#content table {width: 100%; margin-bottom: 22px;}
#content td {border-right: 1px solid #CCC; white-space: nowrap;}
#content th.last, #content td.last {border-right: 0;}
#content td.first {width: 25%;}

* html #content form p select {vertical-align: -3px;}
* html #content form p input {vertical-align: -5px;} 

#main .products {
	padding: 0;
	margin: 0;
	}