@charset "utf-8";
/* CSS Document */

html, body { height: 100%; }

body {
	font-family: Arial, sans-serif;
	font-size: 12px;
	background-image: url("gradientBG.png");
	background-position: center top;
	background-repeat: repeat-x;
	background-color: #b23f22;
	margin: 0;
}

	#wrapper {
		width: 100%;
		min-height: 100%;
		background-image: url("burstBG.jpg");
		background-position: center top;
		background-repeat: no-repeat;
	}
	
	#headerWrapper { /* this element is for dealing with an IE6-AlphaImageLoader-with-links bug: http://www.cssplay.co.uk/opacity/png_link_error.html */
		position: relative;
		width: 884px;
		margin: auto;
	}

		#homeLink {
			display: block;
			position: absolute;
			top: 32px;
			left: 60px;
			width: 240px;
			height: 100px;
		}
			#homeLink span { display: none; }

		#header {
			width: 537px;
			padding: 105px 45px 0 302px;
			height: 35px;
			overflow: hidden;
			margin: auto;
			background-image: url("headerBar.png");
			background-position: top left;
			background-repeat: no-repeat;
			font-size: 13px;
			color: white;
		}

			#header ul {
				margin: auto;
				padding: 0;
				list-style: none;
			}

				#header li {
					float: left;
					padding: 0 12px;
					border-left: 1px solid white;
					white-space: nowrap;
				}

				#header li.first { border-left: none; }

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

	#contentArea {
		width: 776px;
		padding: 10px 54px 30px 54px;
		margin: auto;
		background-image: url("contentBG.png");
		background-position: top left;
		background-repeat: repeat-y;
		line-height: 1.7em;
	}
	
		/* stuff to handle auto-clearing of elements with floats without the need for a clearing div */
		/* thanks to: http://www.positioniseverything.net/easyclearing.html */
		#contentArea:after {
			content: ".";
			display: block;
			visibility: hidden;
			clear: both;
			height: 1%;
			font-size: 0.1em;
			line-height: 0;
		}

		/* patch to make easyclearing hack work in IE7 */
		/* thanks to: http://www.tanfa.co.uk/archives/show.asp?var=300 */
		#contentArea { display: inline-block; }
		#contentArea { display: block; }

	#footer {
		width: 776px;
		padding: 15px 54px 0 54px;
		height: 105px;
		overflow: hidden;
		margin: auto;
		background-image: url("footerBar.png");
		background-position: top left;
		background-repeat: no-repeat;
		font-size: 14px;
		color: black;
		text-align: center;
	}
	
		#footer a {
			color: black;
			text-decoration: none;
			padding: 0 15px;
			border-left: 1px solid black;
		}

			#footer a:hover { text-decoration: underline; }
			#footer a.first { border-left: none; }
			
		#footer .smallprint {
			font-size: 10px;
			text-align: center;
			margin-top: 7px;
		}

h1 {
	font-family: "Comic Sans MS", Georgia, "Times New Roman", Times, serif;
	font-size: 20px;
	font-weight: bold;
	color: #c0222d; /* red type */
	padding-top: 13px;
	margin-top: 0;
	margin-bottom: 5px;
	border-bottom: 2px solid #eb7f2d; /* orange line */
	padding-bottom: 3px;
}

	h1.short {
		width: 453px;
	}


h2 {
	font-family: "Comic Sans MS", Georgia, "Times New Roman", Times, serif;
	font-size: 16px;
	font-weight: bold;
	color: black;
	margin: 20px 0 10px 0;
	padding-bottom: 3px;
}

h3 {
	font-size: 12px;
	font-weight: bold;
	color: black;
	margin: 20px 0 10px 0;
}

h4 {
	font-size: 12px;
	font-weight: bold;
	clear: left;
	margin: 15px 0 0 0;
}


p {
	font-family: Arial, sans-serif;
	font-size: 12px;
	color: black;
	margin: 15px 0;
}

p.fineprint {
	line-height: normal;
}

img.inlineRight {
	float: right;
	margin: 20px 0 10px 25px;
}

a.buyNow {
	display: block;
	background-image: url("buyNowButton.jpg");
	background-position: top left;
	background-repeat: no-repeat;
	width: 258px;
	height: 44px;
	float: right;
	clear: right;
	margin-left: 25px;
	margin-top: 15px;
	font-weight: bold;
	font-style: italic;
	font-size: 12px;
	padding: 4px 19px;
	color: black;
	text-decoration: none;
}

	a.buyNow.small {
		width: 207px;
		background-image: url("buyNowButtonSmall.jpg");
		float: left;
		clear: none;
		margin: 0 0 15px 0;
		padding: 4px 16px;
		position: relative; /* for IE6 */
		display: inline; /* for IE6 */
	}
		a.buyNow.small.middle { margin: 0 29px 15px 29px; }

	a.buyNow span.price,
	a.moreInfo span.price {
		font-size: 24px;
		font-weight: normal;
		font-style: normal;
		float: right;
		margin-top: 11px;
	}
	
a.offer {
	float: right;
	clear: right;
	width: 170px;
	height: 170px;
	position: relative;
	z-index: 10;
	top: 40px;
	margin-top: -40px;
	left: -60px;
}	
	
a.moreInfo {
	display: block;
	background-image: url("moreInfoButton.jpg");
	background-position: top left;
	background-repeat: no-repeat;
	width: 207px;
	height: 44px;
	float: left;
	margin: 0 0 15px 0;
	padding: 4px 16px;
	position: relative; /* for IE6 */
	display: inline; /* for IE6 */
	font-weight: bold;
	font-style: italic;
	font-size: 12px;
	color: black;
	text-decoration: none;
}

	a.moreInfo.middle { margin: 0 29px 15px 29px; }
	
a.productShot {
	width: 239px;
	float: left;
	margin: 15px 0 0 0;
	position: relative; /* for IE6 */
	display: inline; /* for IE6 */
	text-align: center;
	text-decoration: none;
}
	a.productShot.middle { margin: 15px 29px; }

.productshot {
	width: 239px;
	float: left;
	margin: 15px 8px 0 8px;
	position: relative; /* for IE6 */
	display: inline; /* for IE6 */
}
	.productShot.middle img { margin: 15px 29px; }

.productshot p {
	text-align: center;
	text-decoration: none;
}
	
img.productShot {
	float: left;
	margin: 15px 25px 15px 0;
	position: relative; /* for IE6 */
	display: inline; /* for IE6 */
}

ol {
	padding-left: 22px;
	margin-left: 0;
}

	ol li {
		padding-top: 5px;
		margin-top: 15px
	}

ul li {
	margin-top: auto;
	padding-top: auto;
}

table.shipping {
	border-collapse: collapse;
	margin: 0 3px;
}
table.shipping td {
	border: 1px solid black;
	margin: 0;
	padding: 0 5px;
}

img { border: none; }


blockquote {
	margin: 0;
	font-style: italic;
}

p.qname { 
	margin: 15px 0 45px 60px;
}

img.linkLogo {
	vertical-align: middle;
	margin-right: 15px;
	margin-bottom: 30px;
}

div.footnote {
	border-top: 2px solid #eb7f2d; /* orange line */
	padding-top: 10px;
	margin-top: 25px;
}

	div.footnote.short {
		width: 452px;
	}
	
	div.footnote img {
		float: left;
		margin-right: 10px;
		display: inline;
	}

.error { color: #c0222d; }	
	
#emailForm {
	text-align: left;
	margin: 40px auto 0;
	width: 474px; /* 471px (165 + 300 + 6px for form element borders and padding) + 3px for IE6 */
}

	#emailForm .name {
		width: 155px;
		display: block;
		float: left;
		padding-right: 10px;
	}
	
	#emailForm .textField {
		width: 300px;
		margin: 0 0 10px;
		font-family: Arial, sans-serif;
		font-size: 13px;
		font-weight: normal;
	}
	
	#emailForm textarea {
		padding: 2px;
	}
	
	#emailForm .submit {
		margin-left: 165px;
	}
	
	#emailForm .error {
		margin-left: 165px;
		font-weight: bold;
		font-size: 12px;
		font-style: italic;
	}
	
.paragraph_jump {
	float: right;
	margin-right: 160px;
}