/* standard stuff */
body,input {
	font-family: verdana, "trebuchet ms", arial, helvetica, sans-serif;
	font-size: 10pt;
}

body {
	padding-left: 10px;
	color: #000;
	background-color: #fff;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}

div#container {
	margin: 0px auto auto;
	width: 800px;
}

div#middle {
	margin: 0px auto auto;
	width: 800px;
	background: url(img/side-swipe.gif);
	background-position: top left;
	background-repeat: repeat-y;
}

div#header {
	background: url(img/header3.gif);
	width: 800px;
	height: 158px;
	display: block;
}

div#leftnav {
	background: url(img/side_image_wider3.gif);
	width: 204px;
	height: 406px;
	background-color: #652d89;
	display: inline;
	background-repeat: no-repeat;
	background-position: top left;
	float: left;
	display: inline;
	padding-top: 115px;
}

div.option,div.selected {
	padding-left: 55px;
	font-weight: bold;
	height: 30px;
}

div.option a {
	text-decoration: none;
	color: #ffffff;
}

div.option a:hover {
	text-decoration: underline;
}

div.selected a {
	text-decoration: none;
	color: #ffee00;
}

div.selected a:hover {
	text-decoration: underline;
}

div#main {
	border: 1px block solid;
	width: 586px;
	display: inline;
	float: right;
	padding-left: 10px;
}

div#footWrap {
	clear: both;
	padding-top: 10px;
	padding-bottom: 10px;
}

div#footer {
	text-align: center;
	font-size: 0.8em;
	background-color: #FFEE04;
	padding-top: 3px;
	padding-bottom: 3px;
}

div#footer p {
	padding: 0px;
	margin: 2px;
}

h1 {
	color: #63298c;
	font-weight: bold;
	font-size: 1.4em;
	margin-top: 1em;
	margin-bottom: 1em;
}

h2 {
	color: #63298c;
	font-weight: bold;
	font-size: 1.2em;
	margin-top: 1em;
	margin-bottom: 1em;
}

img {
	border: none;
}

/* infobox is placed on the right side of main */
.infobox {
	float: right;
	padding-top: 10px;
	padding-left: 10px;
	text-align: right;
	padding-bottom: 60px;
}

.infobox p {
	margin: 0px;
	padding-top: 0px;
	padding-bottom: 15px;
}

.logo {
	padding-top: 30px;
}

.welcome {
	font-weight: bold;
}

.blurb {
	
}

/* trade zone ------------------------------------------------------------------------------------- */
#tradeZone {
	text-align: center;
}

input.button {
}

div.loginForm {
	margin-left: 75px;
	padding: 15px;
	float: left;
}

div.registrationForm {
	margin-left: 20px;
	padding: 15px;
	float: left;
}


/* infobox is placed on the right side of main */
#tradeZone .infobox {
	float: right;
	padding-top: 10px;
	padding-right: 10px;
	padding-left: 10px;
	text-align: left;
	padding-bottom: 60px;
	font-size: 0.8em;
	background: #fafafa;
	border: 1px solid #cccccc;
}

#tradezone .infobox p {
	margin: 0px;
	padding-top: 0px;
	padding-bottom: 15px;
}

#tradezone .infobox dl,#tradezone .infobox dt,#tradezone .infobox dd {
	margin: 0px;
	padding: 0px;
}

#tradezone .infobox dt {
	
}

#tradezone .infobox dd {
	font-weight: bold;
	padding-bottom: 10px;
	padding: 3px;
}

#tradezone .infobox dl {
	padding-bottom: 10px;
}

.tradeOptions {
	text-align: left;
}

#tradeZone .priceBanner {
	padding-bottom: 15px;
}

#tradeZone .stopGoLogo {
	background: url(img/stopgo130.gif);
	background-position: top left;
	background-repeat: no-repeat;
	width: 140px;
	height: 55px;
}

#tradeZone .priceBlurb {
	vertical-align: top;
	padding-top: 15px; font-size : 0.8em;
	padding-left: 7px;
	font-size: 0.8em;
}

#tradeZone .priceInfo {
	font-weight: bold;
	font-size: 1.1em;
}

/* order form ---------------------------------------------------------------------------------- */
table.orderForm {
	font-size: 0.8em;
	background: #fafafa;
	border: 1px solid #cccccc;
	empty-cells: show;
}

table.orderForm tr.orderHeader {
	background: #eaeaea;
}

table.orderForm th {
	padding-top: 2px;
	padding-bottom: 2px;
	padding-left: 5px;
	padding-right: 5px;
	border-bottom: 1px solid #cccccc;
}

table.orderForm td {
	padding: 2px;
}

table.orderForm tr.orderLine {
	border-bottom: 1px solid #cccccc;
}

table.orderForm #introError {
	text-align: center;
	color: red;
	font-weight: bold;
}

table.orderForm .description {
	width: 13em;
	padding-top: 5px;
	padding-left: 5px;
}

table.orderForm .money {
	text-align: right;
	padding-top: 5px;
	padding-right: 5px;
}

table.orderForm .number {
	text-align: center;
}

table.orderForm .inputCell {
	text-align: center;
}

table.orderForm .quantityGood {
	width: 2.5em;
	text-align: right;
}

table.orderForm .quantityBad {
	width: 2.5em;
	text-align: right;
	border: 2px solid red;
}

table.orderForm .totalHeading {
	padding-top: 5px;
	text-align: right;
	padding-right: 5px;
}

table.orderForm .grandTotal {
	font-weight: bold;
	padding-bottom: 5px;
	width: 5em;
}

/* --------------------------------------------------------------------------------------------- */
	/* used to announce first product is... */
.trumpet {
	font-size: 1.4 em;
}

/* simple instructions for product */
.punchLine {
	font-weight: bold;
	color: #6C3787;
}

.tailPromo {
	font-weight: bold;
}

/* product page */
div.products {
	
}

div.product {
	padding-top: 20px;
	padding-left: 50px;
}

div.product div.image {
	position: relative;
	float: left;
	display: inline;
	padding-right: 20px;
}

div.product div.description {
	text-align: left;
}

div.price {
	color: #333;
	font-size: 22px;
	font-weight: strong;
	position: relative;
	float: left;
	display: inline;
	padding-top: 15px;
	padding-right: 0px;
}

div.buy {
	position: relative;
	float: left;
	display: inline;
	width: 250px;
	height: 250px;
	text-align: left;
	padding-top: 10px;
	padding-left: 10px;
}

.bonus {
	font-weight: bold;
	color: #D46900;
}

/* simple content */
.simple {
	padding-left: 10px;
	padding-right: 10px;
	text-align: left;
}

/* about */
#about {
	background-image: url(img/stopgo.gif);
	background-position: top right;
	background-repeat: no-repeat;
	padding-left: 10px;
	padding-right: 180px;
	text-align: left;
	height: 200px;
}

.reg {
	font-weight: bold;
}

/* contact page */
.contact {
	font-size: 1em;
	float: left;
	text-align: left;
	padding-left: 30px;
}

.contactForm {
	font-size: 1em;
	float: left;
}

.contact .label {
	font-weight: bold;
}

.contactForm td.label {
	vertical-align: top;
	padding-top: 4px;
}

/* trade */
.tradeEnquiry {
	background-image: url(img/packshot15b.jpg);
	background-position: right 0px;
	background-repeat: no-repeat;
	height: 500px;
}


/* generic status messages */

.statusMessage {
	background-color: #FFFBE2;
	border-color: #FFE222;
	border-style: solid;
	border-width: 1px;
	margin-bottom: 15px;
	margin-left: 10px;
	margin-right: 10px;
	margin-top: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 10px;
	background-repeat: no-repeat;
	background-position: 7px 8px;
}

.errorMessage {
	background-color: #FFE2E2;
	border-color: #FF2222;
	border-style: solid;
	border-width: 1px;
	margin-bottom: 15px;
	margin-left: 10px;
	margin-right: 10px;
	margin-top: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 10px;
	background-repeat: no-repeat;
	background-position: 7px 8px;
}