/*
Global
*/

body{
	margin: 0px;
	background-color: #F7F4EE;
}

body, td, input, textarea, select{
	/*font: 11px Verdana, Geneva, Arial, Helvetica, sans-serif;*/
	font: 11px Helvetica;
}

a{
	color: #033311;
}

form{
	margin: 0px;
}

li{
	list-style-type: square;
}

/*
IDs
*/

#adminMain div.header{
	font-weight: bold;
	font-size: 15px;
	margin-bottom: 20px;
}

#adminMain div.text{
	margin-bottom: 20px;
}

#main{
	width: 770px;
	text-align: center;
}

#middle{
	background-color: #F7EDD7;
	width: 100%;
	vertical-align: top;
}

#header td, #header td a{
	padding: 0px;
}

#topNav{
	height: 22px;
	background-color: #8cc88d;
	text-align: center;
}

#topNav a{
	margin-right: 15px;
	margin-left: 15px;
}

#navLinks td{
	padding-top: 10px;
	padding-bottom: 10px;
	color: #076924;
}

#navLinks td.clock{
	text-align: right;
	padding-right: 10px;
	font-family: Verdana;
}

#navLinks td.links{
	text-align: left;
	padding-left: 10px;
	font-size: 12px;
}

#navLinks td.links span.bold{
	color: #033311;
}

#leftBorder{
	background-image: url("/images/left_shadow.gif");
	background-repeat: repeat-y;
	width: 15px;
}

#rightBorder{
	background-image: url("/images/right_shad.gif");
	background-repeat: repeat-y;
	width: 15px;
}

#mainContent, #mainContent td, #mainContent a{
	color: white;
	font-size: 12px;
}

#mainContent{
	vertical-align: top;
	width: 100%;
}

#leftColumn{
	vertical-align: top;
}

#subHeader{
	background-color: #033311;
	padding: 8px;
	margin-bottom: 20px;
}

#subHeader div.storeTitle a{
	background-color: #033311;
	font-size: 16px;
	font-weight: bold;
	color: #8cc88d;
	text-decoration: none;
}

#subHeader div.menu{
	text-align: right;
	word-spacing: 3px;
	font-weight: normal;
	font-size: 12px;
}

#subHeader div.menu a{
	font-weight: bold;
	background-color: #033311;
	color: #8cc88d;
}


#store td.spacer{
	height: 20px;
}

#store td.text{
	vertical-align: top;
	padding-top: 10px;
}

#store td.image{
	padding-right: 10px;
	padding-top: 10px;
}

#store td.name{
	font-weight: bold;
	font-size: 15px;
}

#store td.description{
	font-size: 13px;
}

#products{
	width: 500px;
}

#products tr.product td{
	padding-top: 10px;
}

#products td.image{
	width: 144px;
}

#products td.details{
	text-align: left;
	vertical-align: top;
}

#products td.addButton{
	text-align: right;
	padding-left: 40px;
}

#products div.productName{
	font-weight: bold;
	font-size: 13px;
}

#products div.description{
	font-size: 12px;
}

#products div.price{
	font-size: 12px;
}

#products td.nav{
	padding-top: 5px;
	font-weight: bold;
}

#products td.nav a{
	font-weight: bold;
}

#catHeader div.name{
	font-size: 15px;
	font-weight: bold;
	margin-bottom: 10px;
}

#catHeader div.longDesc{
	margin-bottom: 10px;
	font-size: 12px;
}

#product td.image{
	padding-right: 20px;
}

#product td.details{
	vertical-align: top;
}

#product div.productName{
	font-size: 15px;
	font-weight: bold;
}

#product div.description{
	font-size: 13px;
}

#product div.price{
	font-size: 13px;
	margin-top: 5px;
}

#product div.add{
	margin-top: 40px;
}

#restrictedArea div.header{
	font-weight: bold;
	font-size: 15px;
	margin-bottom: 7px;
}

#restrictedArea div.text{
	margin-bottom: 15px;
	width: 400px;
	font-size: 12px;
}

#restrictedArea a{
	text-decoration: none;
}

#login td.title{
	font-size: 14px;
	font-weight: bold;
	padding-bottom: 20px;
}

#login td.button{
	padding-top: 10px;
}

#login td.leftCell{
	font-size: 12px;
}

#login td.error{
	color: red;
}


#registerText{
	width: 268px;
	font-size: 14px;
	margin-bottom: 15px;
	padding-bottom: 10px;
	border-bottom: 1px solid #FFFFFF;
}

#registerText span.question{
	font-size: 16px;
	font-weight: bold;
}
#registerText a {
	font-size: 14px;
}

#cart{
	width: 450px;
}

#cart td{
	padding: 3px 5px 3px 5px;
}

#cart td.title{
	font-size: 15px;
	font-weight: bold;
	padding-bottom: 20px;
}

#cart td.productName{
	width: 250px;
}

#cart tr.footer td.subTotal{
	text-align: right;
}

#cart tr.footer td{
	font-weight: bold;
}

#cart tr.buttons td{
	padding-top: 30px;
}

#shipping td.shippingType{
	width: 350px;
	padding-top: 20px;
}

#shipping td.button{
	padding-top: 10px;
}

#shipping td.button input{
	width: 90px;
}

#checkoutTotals{
	width: 400px;
}

#checkoutTotals td.productName{
	width: 300px;
}

#checkoutTotals td{
	padding: 3px 5px 3px 5px;
}

#checkoutTotals tr.footer td{
	text-align: right;
}

#payment{
	width: 400px;
	margin-top: 20px;
}

#payment tr.bottomRow td{
	padding-bottom: 20px;
}

#order{
	width: 500px;
}

#orderView{
	width: 525px;
}

#order div.orderNum,
#orderView div.orderNum{
	margin-bottom: 30px;
}

#order div.orderNum div.orderText,
#orderView div.orderNum div.orderText{
	font-weight: bold;
	font-size: 15px;
	padding: 5px;
	background-color: #09812D;
	margin-bottom: 5px;
}

#orderView div.orderNum div.backLink a{
	font-size: 11px;
	font-weight: normal;
}

#order td.shipping,
#orderView td.shipping{
	vertical-align: top;
}

#order td.shipping div.sectionTitle,
#orderView td.shipping div.sectionTitle{
	font-weight: bold;
	margin-bottom: 2px;
}

#orderView td.shipping div.section{
	margin-bottom: 12px;
}

#orderView td.shipping{
	border-right: 1px solid #06511C;
	padding-right: 20px;
}

#order div.processText{
	margin-top: 40px;
}

#order div.processError,
#order div.processError a{
	font-size: 14px;
}

#order div.processError div.errorMessage{
	font-weight: bold;
	color: red;
	margin-bottom: 10px;
}

#order div.processError div.help{
	width: 400px;
}

#order div.processError div.backLink{
	margin-top: 5px;
}

#order div.processError div.backLink a{
	font-weight: bold;
	font-size: 12px;
}

#order div.processError a{
	text-decoration: underline;
}

#processTotals{
	width: 300px;
}

#processTotals td.productName{
	width: 200px;
}

#processTotals td{
	padding: 3px 5px 3px 5px;
}

#processTotals tr.footer td.subTotal{
	text-align: right;
}

#cvv{
	margin: 20px;
}

#cvv div{
	margin-bottom: 10px;
}

#home div.topText{
	font-style: italic;
	margin-bottom: 15px;
	font-size: 13px;
}

#home div.topText div.para{
	margin-bottom: 10px;
}

#home td.handLinks{
	text-align: center;
	width: 300px;
	background-color: #99CA99;
	padding: 3px;
}

#home td.handLinks a{
	color : #033311;
	font-weight: bold;
}

#home td.spacer{
	width: 10px;
	padding: 0px;
}

#home div.productsLink{
	font-weight: bold;
	margin-top: 40px;
	margin-bottom: 20px;
}

#home table.products td.leftCell{
	padding-right: 30px;
}

#home td.answer{
	text-align: center;
}

#home td.answer a{
	color: yellow;
}

#authors td{
	padding-bottom: 20px;
}

#authors td.title{
	font-size: 16px;
	font-weight: bold;
	font-family: Helvetica;
}

#authors td.image{
	padding-right: 10px;
}

#authors td.text{
	vertical-align: top;
}

#contact div.sectionTitle{
	font-size: 16px;
	font-weight: bold;
	margin-bottom: 10px;
	font-family: Helvetica;
}

#dailyAnswer td.images{
	padding-right: 20px;
}

#dailyAnswer div.image{
	margin-top: 20px;
}

#dailyAnswer td.sectionTitle{
	font-size: 16px;
	font-weight: bold;
	padding-bottom: 20px;
}

#dailyAnswer td.sectionTitle div.byText{
	font-size: 13px;
	margin-left: 10px;
}

#dailyAnswer td.text{
	vertical-align: top;
}

#dailyAnswer a{
	color: #8cc88d;
}

#playDefinitions div.sectionTitle{
	font-size: 16px;
	font-weight: bold;
	margin-bottom: 20px;
	font-family: Helvetica;
}

#playDefinitions div.text{
	margin-bottom: 10px;
}

#playDefinitions td{
	width: 75px;
}

#playDefinitions td.leftCell{
	padding-right: 80px;
}

#playDefinitions a{
	font-size: 11px;
}

#playDefinitions div.adobe{
	margin-top: 30px;
	margin-left: 20px;
}

#playDefinitions div.adobe div.text{
	font-size: 11px;
	width: 100px;
}

#subscriptionError{
	width: 400px;
	margin-bottom: 10px;
}

#subscriptionError ul{
	padding: 0px 0px 0px 15px;
	margin: 0px;
}

#subscriptionError a{
	font-weight: bold;
	color: red;
}

#filters{
	margin-bottom: 20px;
}

#filters div.filter{
	margin-bottom: 5px;
}

#filters div.filterTitle{
	margin-bottom: 5px;
	font-weight: bold;
}

#filters div.reset a{
	font-size: 11px;
}

#siteDown{
	text-align: center;
	font-weight: bold;
	font-size: 13px;
	margin-bottom: 10px;
}

/*
Classes
*/

.small,
a.small{
	font-size: 11px;
}

.medium{
	font-size: 13px;
}

.underline{
	text-decoration: underline;
}

.authorImage{
	margin-right: 10px;
}

.italic{
	font-style: italic;
}

.normal{
	font-weight: normal;
}

.center{
	text-align: center;
}

td.button{
	padding-top: 5px;
}

tr.firstRow td{
	padding-top: 10px;
}

tr.bottomRow td{
	padding-bottom: 20px;
}

tr.header td{
	background-color: #06511C;
	color: white;
	font-weight: bold;
	padding: 3px 5px 3px 5px;
}

table.altRows td{
	padding: 3px 5px 3px 3px;
}

table.altRows tr.columnLinks{
	background-color: #033311;
	color: #8cc88d;
}

table.altRows tr.topLinks td{
	padding-bottom: 5px;
}

table.altRows tr.topLinks td a{
	font-weight: bold;
}

#mainContent table.altRows tr.columnLinks td,
#mainContent table.altRows tr.columnLinks a{
	color: #8cc88d;
	font-weight: bold;
}

table.altRows td.nav{
	padding-top: 5px;
	font-weight: bold;
}

table.altRows td.nav a{
	font-weight: bold;
}


#mainContent tr.alternative td{
	background-color: #09812D;
}

td.leftCell{
	padding-right: 25px;
}

#mainContent .error, td.error, .error a{
	color: red;
}

.required{
	font-weight: bold;
}

div.noProducts{
	margin-top: 40px;
	font-weight: bold;
	font-size: 12px;
}

input.customButton{
	background-color: #8cc88d;
	border: 1px solid black;
	color: #033311;
	font-weight: bold;
	font-size: 12px;
}

div.innerBox{
	background-color: #076924;
	padding: 10px;
	margin-bottom: 10px;
	margin-right: 10px;
}

div.leftNav{
	margin-left: 10px;
	margin-right: 20px;
	margin-bottom: 10px;
}

div.leftNav ul{
	padding: 0px 0px 0px 10px;
	margin: 0px;
}

div.leftNav li{
	list-style-type: square;
}

div.topBox, div.box, div.largeBox{
	width: 175px;
}

div.box{
	margin-top: 10px;
}

div.largeBox{
	font-size: 13px;
}

div.largeBox li{
	margin-bottom: 3px;
}

div.title{
	background-color: #8cc88d;
	border: 1px solid black;
	font-family: Tahoma, Verdana, sans-serif;
	font-weight: bold;
	padding: 2px;
	padding-left: 5px;
	padding-right: 5px;
}

div.content{
	padding: 5px;
	background-color: white;
	border: 1px solid black;
	border-top: none;
}

a.topNav{
	text-decoration: none;
	height: 20px;
	font-weight: bold;
	font-family: Tahoma, Verdana, sans-serif;
	padding: 5px;
}

a.topNav:hover{
	background-color: #033311;
	color: #8cc88d;
}

.bold{
	font-weight: bold;
}

.brand{
	text-align: center;
	margin-top: 10px;
	margin-bottom: 10px;
}

.brand a{
	text-decoration: none;
	font-family: Tahoma, Verdana, sans-serif;
	font-weight: bold;
}

input.simpleButton{
	background-color: #EFEFEF;
	color: black;
	border: 1px solid black;
	padding: 1px;
	font-size: 11px;
}

div.stepNum{
	font-weight: bold;
	font-size: 16px;
	margin-bottom: 30px;
}

div.stepNum span.stepText{

}

div.stepNum span.step{
	color: #033311;
}

div.stepNum span.currentStep{
	color: #CCC;
}

div.successMessage div.message{
	font-size: 12px;
	font-weight: bold;
	margin-bottom: 10px;
}

div.successMessage div.text{
	margin-bottom: 7px;
}

div.successMessage ul{
	margin: 0px;
	padding-left: 15px;
}

div.errorMessage div.text{
	font-weight: bold;
	font-size: 11px;
	margin-bottom: 7px;
}

div.errorMessage ul{
	margin: 0px;
	padding-left: 15px;
}

td.generalError{
	padding-bottom: 10px;
}

td.generalError ul.error{
	margin: 0px;
	padding-left: 15px;
}

.link{
	cursor: pointer;
	text-decoration: underline;
}

div.authorTitle{
	font-size: 16px;
	font-weight: bold;
	margin-bottom: 20px;
	font-family: Helvetica;
}

.pageTitle{
	font-size: 14px;
	font-weight: bold;
	margin-bottom: 20px;
	background-color: #09812D;
	padding: 5px;
	height:17px;
}

.pageTitlePlain{
	font-size: 14px;
	font-weight: bold;
	margin-bottom: 20px;
}

a.big{
	font-size: 14px;
	font-weight: bold;
}

.navLink{
	margin-right: 5px;
}

#pageTitleWLink{
	margin-bottom: 20px;
}

#pageTitleWLink div.text{
	font-size: 14px;
	font-weight: bold;
	margin-bottom: 3px;
}

#pageTitleWLink div.backLink a{
	font-size: 11px;
}

#subAlert{
	margin:7px 0 0 0;
	background-color: #8DC691;
	padding: 8px;
	/*width:510px;*/
	height:12px;
}

#subAlert div.storeAlert {
	background-color: #8DC691;
	font-size: 10px;
	font-weight:bold;
	color: #FF0000;
	font-family: Arial, Helvetica, sans-serif;
	text-align: center;
}
.numUsers{
	position:relative;
	float:right;
	margin:0;
	padding:0;
}
.userTitle{
	position:relative;
	float:left;
	margin:0;
	padding:0;
}

#topNav{
	position: relative;
	height: 22px;
	background-color: #8cc88d;
	text-align: center;
}

#topNav td {
	position: relative;
	}

#topNav a{
	margin-right: 15px;
	margin-left: 15px;
}

	#bidDropDown {
		position: absolute;
		display: none;
		top: 0;
		left: 0;
		margin-top: 23px;
		margin-left: 30px;
		background: #99CA99;
		width: 100px;
		}
		#bidDropDown[id] {
			margin-top: 4px;
			top: auto;
			left: auto;
			}

	#bidDropDown a, #bidDropDown a:link, #bidDropDown a:visited {
		position: relative;
		display: block;
		background: #99CA99;
		width: 100px;
		height: 15px;
		text-decoration: none;
		margin: 0 auto 0 auto;
		}
	#bidDropDown a:hover {
		color: #99CA99;
		background: #033311;
		}

	#playDropDown {
		position: absolute;
		display: none;
		top: 0;
		left: 0;
		margin-top: 23px;
		margin-left: 120px;
		background: #99CA99;
		width: 100px;
		}
		#playDropDown[id] {
			margin-top: 4px;
			top: auto;
			left: auto;
			}

	#playDropDown a, #playDropDown a:link, #playDropDown a:visited {
		position: relative;
		display: block;
		background: #99CA99;
		width: 100px;
		height: 15px;
		text-decoration: none;
		margin: 0 auto 0 auto;
		}
	#playDropDown a:hover {
		color: #99CA99;
		background: #033311;
		}

