body {
	margin: 0px;
	padding: 0px;
	background-color: #001e41;
	color: #ffffff;
	font-family: verdana, sans-serif;
	font-size: 8pt;
}

body.pop {
	padding: 12px;
}

	body.pop .bodyimg {
		text-align: center;
	}

	body.pop .sbmt {
		padding: 8px;
		text-align: center;
	}

a {
	color: #355316;
}

a:link {
}

a:hover {
}

a:visited {
}

#head {
	background-color: #2A4D02;
	background-image: url(art/header-grass-slugger.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}

	#head h1 {
		height: 140px;
		width: 180px;
		margin: 0px;
		background-image: url(art/sportstlc-logo.jpg);
		background-repeat: no-repeat;
		background-position: left top;
	}

		#head h1 a {
			display: none;
		}
	
	#head #phiten-badge {
		position: absolute;
		left: 440px;
		top: 40px;
	}
	
	#head #marucci-badge {
		position: absolute;
		left: 640px;
		top: 45px;
	}
	
.epigram {
	height: 26px;
	margin: 0px;
	padding: 6px 6px 0 6px;
	background-color: #000000;
	background-image: url(art/shiny-black-bar.gif);
	background-repeat: repeat-x;
	background-position: left top;
	color: #FFCC00;
	text-align: center;
	font-size: 140%;
	font-style: italic;
}

#cartlet {
	float: right;
	height: 24px;
	padding: 5px 32px 0 0;
	margin: 8px;
	background-image: url(art/cart.gif);
	background-repeat: no-repeat;
	background-position: right top;
}

	#cartlet a {
		color: #F2D544;
		text-decoration: none;
		font-size: 120%;
	}
	
#nav {
	float: left;
	width: 180px;
	padding: 0px
	margin: 0px;
}

	#nav ul, #nav li {
		margin: 0px;
		padding: 0px;
		list-style: none;
	}
	
	#nav a {
		display: block;
		padding: 8px 4px 8px 8px;
		background-image: url(/art/grey-dots.gif);
		background-repeat: repeat-x;
		background-position: left bottom;
		text-decoration: underline;
		font-size: 115%;
		color: #00AA00;
		text-align: left;
	}
	
		#nav a span {
			display: block;
			padding-left: 14px;
			background-image: url(/art/bullet.png);
			background-repeat: no-repeat;
			background-position: left 3px;
			color: #000000;
		}
	
		#nav a span.sub {
			display: block;
			color: #2B4E03;
			font-size: 80%;
			text-decoration: none;
			background-image: none;
		}
		
	#nav a:hover {
		background-color: #FFFBE5;
	}
	
	#nav ul ul a {
		padding-left: 20px;
	}
	
#sidebar {
	float: right;
	width: 180px;
	padding: 0px
	margin: 0px;
}

div.sidebox, div.sidebox div.head, div.sidebox h2, div.sidebox div.body {
	padding: 0px;
	margin: 0px;
	background-image: url(art/white-box.gif);
	background-repeat: no-repeat;
	color: #454545;
}

div.sidebox {
	margin: 0px 0px 0px 6px;
	background-position: right bottom;
}

	div.sidebox div.head {
		padding: 0 13px 0 0;
		background-image: url(art/yellow-box.gif);
		background-position: right top;
	}
	
		div.sidebox div.head h2 {
			padding: 6px 10px 5px 8px;
			background-image: url(art/yellow-box.gif);
			background-position: left top;
			font-size: 12px;
			color: #000000;
		}
		
	div.sidebox div.body {
		margin: 0px 13px 0px 0px;
		padding: 0px 0px 12px 2px;
		background-position: left bottom;
		text-align: center;
	}
	
	div.sidebox p {
		margin: 0px 0px 0.8em 0px ;
		padding: 0px 6px 0px 6px;
		text-align: left;
	}
	
	div.sidebox img {
		border: 0px none;
	}
	
div.contentbox, div.contentbox div.head, div.contentbox h2, div.contentbox div.body {
	padding: 0px;
	margin: 0px;
	background-image: url(art/white-box.gif);
	background-repeat: no-repeat;
	color: #454545;
}

div.contentbox {
	margin: 0px 0px 0px 6px;
	background-position: right bottom;
}

	div.contentbox div.head {
		padding: 0 13px 0 0;
		background-position: right top;
	}
	
		div.contentbox div.head h2 {
			padding: 5px 10px 6px 8px;
			background-position: left top;
			font-size: 16px;
			color: #dfa300;
		}
		
	div.contentbox div.body {
		margin: 0px 13px 0px 0px;
		padding: 0px 0px 12px 10px;
		background-position: left bottom;
	}
	
		div.contentbox div.body p {
			margin: 0 0 1em 0;
			line-height: 140%;
		}
		
	div.contentbox h3 {
		margin: 0 0 .6em 0;
		color: #001e41;
		font-size: 13px;
	}

div#cartmap table {
	margin: 8px auto 4px auto;
	
}
	
	div#cartmap .step {
		width: 58px;
		height: 44px;
		margin: 0px;
		padding: 22px 7px 6px 7px;
		font-size: 90%;
		background-image: url(art/cart/map-1.gif);
		background-repeat: no-repeat;
		background-position: left top;
	}
	
	div#cartmap .step1 {
		background-image: url(art/cart/map-1.gif);
	}
		
	div#cartmap .step1on {
		background-image: url(art/cart/map-1-on.gif);
	}
		
	div#cartmap .step2 {
		background-image: url(art/cart/map-2.gif);
	}
		
	div#cartmap .step2on {
		background-image: url(art/cart/map-2-on.gif);
	}
		
	div#cartmap .step3 {
		background-image: url(art/cart/map-3.gif);
	}
		
	div#cartmap .step3on {
		background-image: url(art/cart/map-3-on.gif);
	}
		
	div#cartmap .step4 {
		background-image: url(art/cart/map-4.gif);
	}
		
	div#cartmap .step4on {
		background-image: url(art/cart/map-4-on.gif);
	}
		
	div#cartmap .step5 {
		background-image: url(art/cart/map-5.gif);
	}
		
	div#cartmap .step5on {
		background-image: url(art/cart/map-5-on.gif);
	}
		
	div#cartmap .step6 {
		background-image: url(art/cart/map-6.gif);
	}
		
	div#cartmap .step6on {
		background-image: url(art/cart/map-6-on.gif);
	}
		
table.tlist {
	margin: 0 0 4px 0;
	border-spacing: 0px;
	background-color: #ffffff;
}

	table.tlist th {
		vertical-align: top;
		padding: 4px 4px 4px 0px;
		border-width: 0 0 2px 0;
		border-color: #F2D544;
		border-style: solid;
		text-align: left;
		font-family: tahoma, sans-serif;
		font-size: 16px;
		font-weight: bold;
		color: #001e41;
	}
	
	table.tlist th.sub, table.tlist tr.sub th {
		padding: 4px;
		background-image: url(art/grey-dots.gif);
		background-repeat: repeat-x;
		background-position: left bottom;
		background-color: #E0E0E0;
		border: 0px none;
	}
	
	table.tlist td {
		vertical-align: top;
		padding: 4px;
	}
	
		table.tlist td.num {
			text-align: right;
		}
		
		table.tlist td.txt {
			text-align: left;
		}
		
		table.tlist td.icon {
			text-align: center;
		}
		
	table.tlist img.itemimg {
		float: right;
		margin: 0px 0px 6px 6px;
		border: 0px;
	}

.intro {
	margin: 0px 0px 8px 0px;
	font-size: 120%;
}
	
#content {
	padding: 6px 0 0 0;
	background-image: url(art/shadow-on-blue.gif);
	background-repeat: repeat-x;
}

#main {
	margin: 0px 180px 0px 180px;
}

#foot {
	padding: 10px 8px 0px 8px;
	text-align: center;
	font-size: 90%;
	clear: both;
	color: #859BB5;
}

.cartitems {
	margin: 0 auto 0 auto;
	border-spacing: 0px;
}

	.cartitems th {
		background-color: #001e41;
		color: #ffffff;
		padding: 6px 12px 6px 12px;
	}
	
	.cartitems td {
		padding: 4px;
		background-image: url(art/grey-dots.gif);
		background-repeat: repeat-x;
		background-position: left bottom;
	}
	
	.cartitems tr.product td {
		vertical-align: middle;
	}
	
	.cartitems td.txt {
		text-align: left;
	}
	
	.cartitems td.icon {
		text-align: center;
	}
	
	.cartitems td.num {
		text-align: right;
	}
	
	.cartitems tr.summary td {
		text-align: right;
	}
	
	.cartitems td#discount, .cartitems tr#discount td {
		font-weight: bold;
		color: #17671B;
	}
	
	.cartitems td#total, .cartitems tr#total td {
		color: #000000;
	}
	
div.formbox {
	background-color: #FFFBE5;
	border: 1px #001e41 solid;
}

	div.formbox h3 {
		background-color: #001e41;
		color: #ffffff;
		padding: 4px 8px 4px 8px;
	}
	
	div.formbox table {
		margin: 8px;
	}
	
		div.formbox table th {
			background-color: #001e41;
			color: #ffffff;
			padding: 4px 8px 4px 8px;
		}
		
	div.formbox .sbmt {
		padding: 6px;
		text-align: center;
	}

div.pagination {
	margin: 0 0 8px 0;
	text-align: center;
	border-width: 1px;
	border-color: #F2D544;
	border-style: solid;
	background-color: #E0E0E0;
}
	
	div.pagination div.desc {
		padding: 4px;
		margin: 0px;
		background-image: url(art/grey-dots.gif);
		background-repeat: repeat-x;
		background-position: left bottom;
		color: #001e41;
	}
		
	div.pagination div.pages {
		padding: 14px;
	}
		
		div.pagination div.pages a {
			padding: 8px;
			margin: 0px;
			border: 2px #001e41 solid;
			background-color: #FFFFFF;
			font-weight: bold;
		}
			
			div.pagination div.pages a:hover {
				background-color: #FFFBE5;
			}

			div.pagination div.pages a.cur {
				padding: 8px;
				margin: 0px;
				border: 2px #001e41 solid;
				background-color: #F2D544;
				font-weight: bold;
			}
				
				
div.errblock {
	margin: 0px 16px 8px 16px;
	padding: 8px;
	border: 2px #AA0000 solid;
	background-color: #FFFADB;
	color: #AA0000;
	text-align: left;
}

	div.errblock div.errtitle {
		font-weight: bold;
	}

	div.errblock ul {
		margin: 0px;
		padding: 0px;
		list-style: none;
	}

	div.errblock li {
		margin: 0px;
		padding: 0px;
		list-style: none;
	}

		div.errblock li a {
			display: block;
			margin-left: 4px;
			padding: 2px 4px 6px 20px;
			text-decoration: none;
			color: #AA0000;
			background-image: url(art/cart/warn2.gif);
			background-repeat: no-repeat;
			background-position: left top;
		}
	
.notice {
	margin: 0px 16px 8px 16px;
	padding: 8px;
	border: 2px #0000AA solid;
	background-color: #FFFADB;
	color: #0000AA;
	text-align: left;
}

a.warnicon {
	width: 16px;
	height: 16px;
	display: block;
	background-image: url(art/cart/warn2.gif);
}

	a.warnicon span {
		display: none;
	}
	
a.okicon {
	width: 16px;
	height: 16px;
	display: block;
}
	
a.go {
	display: block;
	padding: 6px 6px 6px 12px;
	text-decoration: none;
	font-weight: bold;
	font-size: 90%;
	text-transform: uppercase;
	text-align: left;
}

	a.pdf {
		margin-left: 12px;
		padding-left: 20px;
		background-image: url(art/pdf.gif);
		background-repeat: no-repeat;
		background-position: left top;
	}
	
.note {
	margin: 8px;
	padding: 8px;
	background-color: #FFFBE5;
	border: 2px #F2D544 solid;
}


@media screen {
	.noweb {
		display: none;
	}
}


@media print {

	#head {
		background-color: #2A4D02;
		background-image: none;
	}
	
		#head h1 {
			height: auto;
			margin: 12px;
			background-image: none;
		}
	
			#head h1 a {
				display: inline;
			}
		
	.epigram {
		border-width: 1px 0 1px 0;
		border-color: #000000;
		border-style: solid;
	}
	
	.noprint {
		display: none;
	}
	
	#main {
		margin: 8px;
	}
	
	#footer {
		display: none;
	}
	
	.table.tlist th {
		color: #FFFFFF;
		background-color: #000000;
		border: 0px none;
	}
	
	table.tlist .tlinks {
		display: none;
	}
}