* {margin:0; padding:0; }

body { 
	padding: 0; margin: 0;
	font: 76% Verdana, Arial, Helvetica, sans-serif;
	background-color: #562A0D;
	background-image:url(bg-body.gif);
	background-attachment: fixed;
	color: #5F5F5F;
	text-align: center;
}


p {
	font-size: 1em;
	padding: 0;
	margin-top: 0;	margin-bottom: .5em;
}

div, li, ol, dl, table { font-size: 1em; }

img	{
	display: inline;
	border: none;
	margin: 0;
}
img.floatleft {
	float: left;
	margin-right: .25em;
}
img.floatright {
	float: right;
	margin-left: .25em;
}

a {
	color: #F53A0C;
	text-decoration: none;
}
	a:hover {
		text-decoration: underline;
	}

a.external {
	padding-left: 12px;
	background: url(bg-a-external.gif) no-repeat left top;
}

/*a.pdf {
	padding-left: 15px;
	padding-top: 4px;
	background: url(bg-pdflogo.gif) no-repeat left top;
}*/

ul.next-prev {
	list-style-type:none;
	margin: 1em 0; padding: 0;
	clear: both;
}
	ul.next-prev li { width: 50%; display: inline; }

a.next-button {
	font-size: 1.2em;
	font-weight: bold;
	text-transform: uppercase;
	padding: 4px 18px 4px 6px;
	background-color: #F53A0C;
	color: #FFFFFF;
	background-image:url(bg-a-next-product.gif);
	background-position: right center;
	background-repeat: no-repeat;
	float: right;
	text-decoration: none;
	/*clear: both;*/
}

a.prev-button {
	font-size: 1.2em;
	font-weight: bold;
	text-transform: uppercase;
	padding: 4px 6px 4px 18px;
	background-color: #F53A0C;
	color: #FFFFFF;
	background-image:url(bg-a-prev-product.gif);
	background-position: left center;
	background-repeat: no-repeat;
	float: left;
	text-decoration: none;
	/*clear: both;*/
}

a.contact-button {
	font-size: 1em;
	font-weight: bold;
	text-transform: uppercase;
	padding: 6px 18px 4px 0;
	color: #F53A0C;
	background-image:url(bg-li-product-option-bullet.gif);
	background-position: right center;
	background-repeat: no-repeat;
	text-decoration: none;
}



abbr, acronym, .help {
  border-bottom: 1px dotted #333;
  cursor: help;
}

div.centered {
	text-align: center;
}
.invisible {
	height: 0;	width: 0;
	overflow: hidden; position: absolute;  /* for IE5 Mac */
}


.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
/* End hide from IE-mac */


div#container {
	width: 756px; 
	margin: 50px auto;
	border: 2px solid #F33A0C;
	text-align: left;
	font-size: 1em;
	color: #562A0D;
	background-color: #FFFFFF; 
}


/* =Masthead
===============================================================*/

#masthead { position: relative;}
#masthead #urlbar {
	background-color: #F33A0C;
	padding: 2px 10px 4px 10px;
	font-weight: bold;
}
	#masthead #urlbar p { padding: 0; margin: 0; float: left;}
	#masthead #urlbar a { color: #562A0D; }
	#masthead #urlbar ul { float: right; list-style-type:none;}
		#masthead #urlbar ul li { display: inline; margin-left: .5em;}
	
	
	#masthead #logo { float: left;}
	#masthead #tagline { float: right; margin: 10px; }
	#masthead #contactform { float: right; padding-right: 10px; padding-top: 20px; clear: right; text-align: right;}
		#masthead #contactform .input { vertical-align: middle; text-align: right; color: #F43B0D;}
		#masthead #contactform .submit { vertical-align: middle; }
	
	ul#navigation-primary {
		list-style-type: none;
		clear: both;
		position: relative;
		top: -25px; left: 0;
		margin-bottom: -25px;	/* brings up content below to fill gap left by neg margin */
		text-align: right;
		height: 25px;
		font-weight: bold;
		padding-right: 4px;
	}
		ul#navigation-primary li {
			display: inline;					
			height: 25px;

		}
			ul#navigation-primary li a {
				color: #FFFFFF;
				background-color: #F33A0C;
				margin: 0 1px 0 0;
				padding: 0.4em;
				position: relative; top: 0.4em;
				text-decoration: none;
			}
				ul#navigation-primary li.on a, ul#navigation-primary li.on a:hover {
					color: #F33A0C;
					background-color: #F2CAC0;
				}
				ul#navigation-primary li a:hover {
					background-color: #562A0D;
					color: #F2CAC0;
				}

/* =content-main
===============================================================*/						

#content-main {
	padding: 10px 10px 10px 18px; margin: 4px 0;
	background-image: url(bg-fancy.gif);
	background-position: 0px 15px;
	background-repeat: no-repeat;
	border-top: 1px solid #FBCCC2;
}					

	#content-main h1 {
		font-family: Geneva, Arial, Helvetica, sans-serif;
		text-transform: uppercase;
		font-size: 2em; line-height: 2em;
		color: #F33A0C;
		padding: 0 285px 10px 0;
		background-image: url(bg-h1.gif);
		background-position: right center;
		background-repeat: no-repeat;
		display: inline;
	}

	#content-main h2 {
		font-family: Geneva, Arial, Helvetica, sans-serif;
		font-size: 1.25em;
		clear: left;
	}
	
	#content-main h3 {
		font-family: Geneva, Arial, Helvetica, sans-serif;
		font-size: 1.1em;
		clear: left;
	}

	#content-main div.column1 {
		width: 355px;
		margin-right: 5px; margin-top: 10px;
		float: left;
	}
	
	#content-main div.column2 {
		width: 355px;
		margin-left: 5px; margin-top: 10px;
		float: left;
	}
	
	img.shmancy {
		border: 1px dashed #FBCCC2;
		margin-bottom: .5em;
	}

/* =product-spread
===============================================================*/
ul.product-spread {
	margin-top: 10px;
	position: relative;
	list-style-type: none;

	}
	
	#content-main div.column2 ul.product-spread { margin-top: 0; }

	.product-spread li {
		position: relative;
		width: 350px; 
		float: left;
		margin-bottom: 10px;
		padding-right: 10px;
	}
		.product-spread li.odd { clear: left; }
		
			
	.product-spread img.product {
		border: 1px solid #FACCBC;
	}
		.product-spread li:hover img.product {
			border: 1px dashed #FACCBC;
		}
	
	.product-spread .product-name {
		display: block;
		color: #F43B0D;
		font-size: 1.1em;
		font-weight: bold;
	}
	
	
		.product-spread li:hover .product-name{
			color: #333;
		}
	
	.product-spread .product-artist {
		font-style:italic;
	}
	
	ul.product-options, ul.more-info {
		list-style-type: none;
	}
		ul.product-options li, ul.more-info li {
			display: inline;
			width: auto;
			margin-right: 20px;
			padding-right: 12px;
			font-size: 1.1em;
			text-transform: uppercase;
			font-weight: bold;
			background-image:url(bg-li-product-option-bullet.gif);
			background-position: center right;
			background-repeat: no-repeat;
		}
		
	div.new-item { 
			position: absolute; top: 64px; left: 0;
			text-indent: -1000em;
			width: 62px; height: 49px;
			background-image: url(bg-new.gif);
			background-position: center;
			background-repeat:no-repeat;
	 }
	 
	 
/* =product-detail
===============================================================*/

div.product-detail {
	position: relative;
	background-color: #F2CAC0;
	margin-top: 20px;
	margin-bottom: 5px;
	padding: 20px;
}

	.product-detail img.large, div.product-detail img.small {
		border: 1px dashed #E0A799;	
		float: left;
	}
	
	.product-detail img.small {
		margin-left: 5px;
		margin-bottom: 5px;
	}
		

	.product-detail .product-name {
		display: block;
		font-size: 1.1em;
		font-weight: bold;
	}
	 
	
	.product-detail .product-artist {
		font-style:italic;
	}
		 
	div.product-detail p {
		margin-bottom: 1em;
	}
	div.product-detail p.price {
		font-weight: bold;
	}
	
	a.purchase-button {
		font-size: 1.2em;
		font-weight: bold;
		text-transform: uppercase;
		padding: 4px 18px 4px 6px;
		background-color: #F53A0C;
		color: #FFFFFF;
		background-image:url(bg-a-next-product.gif);
		background-position: right center;
		background-repeat: no-repeat;
		text-decoration: none;
	}


	h3.cross-pimp {
		clear: both;
		font-weight: bold;
		font-size: 1.25em;
		margin-top: 1em;
		margin-bottom: .5em;
	}
	
	
	ul.cross-pimp {
		list-style-type: none;
	}


		ul.cross-pimp li {
			float: left;
			width: auto;
			margin-right: 12px;
		}
		
			ul.cross-pimp li img {
				border: 1px solid #FBCCC2;
			}
			
			ul.cross-pimp li:hover img {
				border: 1px dashed #FBCCC2;
			}
			
			ul.cross-pimp li p {
			width: 165px;
			}
			
			ul.cross-pimp .product-name {
				font-weight: bold;
				color: #F53A0C;
			}

span.presale-price {
	text-decoration:line-through;
	}
span.sale-price {
	font-weight: bold;
	}	


/* =footer
===============================================================*/

#footer {
	color: #F43B0D;
	font-size: .9em;	
	border-top: 1px solid #FBCCC2;
	padding-top: 10px;
}
	#footer p {
		padding-left: 18px; 
		padding-bottom: 10px; 
		margin: 0;
		background-image:url(p-footer.gif);
		background-position: right bottom;
		background-repeat:no-repeat;
		display: block;
		font-weight: bold;
	}

	#footer span.mad-props { font-size: .9em; margin-top: .5em; display: block;}
	
	#footer ul {
		padding: 1em 8px;
		background-color: #F43B0D;
		list-style-type: none;
	}
		#footer ul li {
			display: inline;
			margin-right: 10px;
		}
		#footer ul a { color: #562A0D; border-left: 1px solid #562A0D; padding-left: 10px;}
		#footer ul li.first a { border-left: none;}
		#footer ul li.on a { font-weight: bold;}