@charset "utf-8";

/*

FanGalleria.com - design, code, and programming by: Michael Angeletti - Ultracart Pro Services

Browser reset

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

html {
	margin: 0;
	padding: 0;
}

body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, a, abbr, acronym, address, big, cite, code, del, dfn, b, strong, em, font, img, ins, kbd, q, s, samp, small, strike, sub, sup, tt, var, table, tbody, dl, dt, dd, ol, ul, li, fieldset, form, button, label, legend, caption {
	margin: 0;
	padding: 0;
	border: 0;
	outline: none;
	list-style: none;
	font-weight: normal;
	font-style: normal;
	font-size: 100%;
	font-family: inherit;
	vertical-align: top;
	text-decoration: none;
	position: relative;
}

input, tr, td, th {
	margin: 0;
	padding: 0;
}


/*

html, body

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

body, html {
	top: 0;
	height: 100%;
	font: 12px/1.3 Verdana, Geneva, sans-serif;
	color: #000;
	text-align: center;
	background: #9B8F75;
}


/*

Universal Styles

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

strong {
	font-weight: bold;
}

em {
	font-style: italic;
}

hr {
	border: none;
	height: 1px;
	line-height: 1px;
	background: #EEE;
}

.none {
	display: none;
}

a {
	color: #0CF;
}

a:hover {
	text-decoration: underline;
}


/*

Container

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

.container {
	width: 982px;
	margin: 0 auto;
	text-align: left;
}



/*

Header

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

.header {
	width: 960px;
	height: 63px;
	padding: 10px 11px 15px 11px;
	float: left;
	background: #FFF;
}

.logo {
	width: 242px;
	height: 63px;
	padding: 5px 0 0 0;
	float: left;
}

	.logo a {
		width: 242px;
		height: 63px;
		float: left;
		text-indent: -9000px;
		background: transparent url(../images/main/logo.gif) left center no-repeat;
	}

.items_in_cart {
	width: 150px;
	height: 31px;
	padding: 28px 0 9px 20px;
	float: left;
}

	.items_in_cart h5 {
		padding: 5px;
		border: 1px #DDD solid;
		float: left;
		background: #F4F4F4;
	}
	
		.items_in_cart h5 strong {
			padding: 0 5px;
			float: left;
			line-height: 21px;
			font-size: 11px;
			background: #FFF;
		}
		
		.items_in_cart h5 a {
			padding: 0 5px;
			float: left;
			line-height: 21px;
			font-size: 10px;
			color: #991411;
			font-weight: bold;
		}

.phone_box {
	width: 181px;
	height: 63px;
	padding: 0 5px 0 20px;
	float: right;
}

	.phone_box a {
		width: 181px;
		height: 63px;
		float: left;
		text-indent: -9000px;
		background: transparent url(../images/main/phone_box.gif) left top no-repeat;
	}

.search_box {
	height: 24px;
	padding: 39px 0 0 0;
	float: right;
}

	.search_box form {
		height: 24px;
		float: left;
	}
	
		.search_box form dl {
			height: 24px;
			float: left;
		}
		
			.search_box form dl dt {
				display: none;
			}
			
			.search_box form dl dd {
				height: 24px;
				float: left;
			}
			
				.search_box form dl dd input {
					width: 170px;
					height: 14px;
					margin: 0 5px 0 0;
					padding: 4px;
					border-top: 1px #777 solid;
					border-right: 1px #DFDFDF solid;
					border-bottom: 1px #DFDFDF solid;
					border-left: 1px #777 solid;
					float: left;
					background: #FBFBFB url(../images/main/search_bg.gif) left top no-repeat;
				}
				
					.search_box form dl dd input:focus, .search_box form dl dd input.focus {
						background: #FBFBFB url(../images/main/search_bg.gif) right top no-repeat;
					}
				
				.search_box form dl dd button {
					width: 28px;
					height: 24px;
					float: left;
					text-indent: -9000px;
					background: transparent url(../images/main/search_go.gif) left top no-repeat;
				}
				
					.search_box form dl dd button:hover {
						background: transparent url(../images/main/search_go.gif) left center no-repeat;
					}
					
					.search_box form dl dd button:active {
						background: transparent url(../images/main/search_go.gif) left bottom no-repeat;
					}


/*

Content

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

.content {
	width: 960px;
	padding: 20px 11px 10px 11px;
	border: 1px #DDD solid;
	border-right: none;
	border-left: none;
	float: left;
	background: #FFF;
}


/*

Right Column

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

.right_column {
	width: 750px;
	float: right;
	overflow: hidden;
}

.crumb_trail {
	width: 730px;
	margin: 0 0 20px 0;
	padding: 10px;
	-moz-border-radius: 8px;
	float: left;
	font-size: 11px;
	background: #F8FAFA;
}

	.crumb_trail ul {
		width: 730px;
		float: left;
	}
	
		.crumb_trail ul li {
			padding: 0 0 0 10px;
			float: left;
		}
		
			.crumb_trail ul li a {
				padding: 0 15px 0 0;
				float: left;
				color: #AAA;
				background: transparent url(../images/main/raquo_gray.gif) right center no-repeat;
			}
			
				.crumb_trail ul li a:hover {
					color: #666;
					text-decoration: none;
				}


/*

Left Column

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

.left_column {
	width: 190px;
	float: left;
}

	.left_nav {
		width: 160px;
		padding: 10px 15px 20px 15px;
		float: left;
		-moz-border-radius: 2px;
		background: #E3E5E0;
	}
	
		.left_nav h3 {
			width: 160px;
			padding: 10px 0 5px 0;
			float: left;
			color: #991311;
		}
		
			.left_nav h3 a {
				color: #991311;
				font-weight: bold;
			}
			
			.left_nav ul {
				width: 160px;
				float: left;
				font-size: 11px;
			}
			
				.left_nav ul li {
					width: 160px;
					padding: 1px 0 3px 0;
					float: left;
				}
				
					.left_nav ul li a {
						padding: 0 0 0 11px;
						color: #333;
						background: transparent url(../images/main/nav_bullet.gif) 1px 4px no-repeat;
					}


/*

Footer

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

.footer {
	width: 960px;
	padding: 20px 11px;
	float: left;
	background: #FFF;
}

.footer_box {
	width: 320px;
	padding: 0 10px 0 20px;
	border-right: 1px #DDD solid;
	float: left;
}

	.footer .last {
		width: 160px;
		border: none;
	}

	.footer_box h4 {
		width: 320px;
		padding: 0 0 5px 0;
		float: left;
		color: #666;
		font-weight: bold;
	}
	
		.footer .last  h4 {
			width: 160px;
		}
	
	.footer_box ul {
		width: 150px;
		padding: 0 10px 0 0;
		float: left;
		font-size: 11px;
	}
		
		.footer_box ul li a {
			color: #666;
		}
	
	.footer_logos {
		float: right;
		text-align: right;
	}
	
		.footer_logos img {
			margin: 0 0 0 10px;
		}


/*

Item

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

.item_description {
	width: 360px;
	padding: 15px 30px;
	float: right;
}

	.item_description h1 {
		width: 100%;
		padding: 0 0 8px 0;
		font-size: 22px;
		font-family: Georgia, "Times New Roman", Times, serif;
	}
	
	.item_description p {
		width: 100%;
		padding: 0 0 12px 0;
		float: left;
	}
	
	.item_description dl {
		width: 100%;
		padding: 0 0 8px 0;
		float: left;
	}
	
		.item_description dl dt {
			width: 24%;
			float: left;
			font-weight: bold;
		}
		
		.item_description dl dd {
			width: 70%;
			float: left;
			font-weight: bold;
		}
	
		.item_description dl.item_retail dd {
			color: #BBB;
			text-decoration: line-through;
		}
		
		.item_description dl.item_price dd {
			color: #991311
		}

.item_add_to_cart {
	width: 100%;
	padding: 10px 0 0 0;
	float: left;
}

	.item_add_to_cart a {
		width: 172px;
		height: 32px;
		float: left;
		text-indent: -9000px;
		background: transparent url(../images/main/button_add_to_cart.gif) left top no-repeat;
	}
	
		.item_add_to_cart a:hover {
			background: transparent url(../images/main/button_add_to_cart.gif) left center no-repeat;
		}
		
		.item_add_to_cart a:active {
			background: transparent url(../images/main/button_add_to_cart.gif) left bottom no-repeat;
		}

.item_multimedia {
	width: 310px;
	padding: 9px;
	border: 1px #DDD solid;
	border-top: 1px #EEE solid;
	border-left: 1px #EEE solid;
	float: left;
	background: #F8FAFA;
}

	.item_image {
		width: 300px;
		padding: 4px;
		border: 1px #DDD solid;
		border-top: 1px #EEE solid;
		border-left: 1px #EEE solid;
		float: left;
		background: #FFF;
	}
	
		.item_image img {
			width: 300px;
			float: left;
		}

.tabs {
	width: 750px;
	padding: 20px 0 0 0;
	float: left;
}

.tab_nav {
	width: 750px;
	margin-bottom: -1px;
	float: left;
	z-index: 50;
}

	.tab_nav li {
		margin: 0 5px 0 0;
		float: left; 
	}
	
		.tab_nav li a {
			padding: 0 10px;
			border: 1px #E6ECEB solid;
			border-bottom: 1px #BECDCB solid;
			-moz-border-radius-topright: 4px;
			-moz-border-radius-topleft: 4px;
			float: left;
			line-height: 30px;
			color: #000;
			background: #E9EFEF;
		}
		
			.tab_nav li a:hover, .tab_nav li a.on {
				border: 1px #BECDCB solid;
				border-bottom: 1px #F8FAFA solid;
				background: #F8FAFA;
			}

.tab {
	width: 690px;
	padding: 29px;
	border: 1px #BECDCB solid;
	float: left;
	background: #F8FAFA;
}
	
		.tab table th {
			padding: 5px 8px;
			font-weight: bold;
		}
		
		.tab table td {
			padding: 5px;
		}
	
	.tab h2 {
		padding: 0 0 5px 0;
		font-weight: bold;
	}
	
	.tab p, .tab ul, .tab ol {
		padding: 0 0 12px 0;
	}
	
		.tab ul li {
			padding: 0 0 0 10px;
			list-style: inside disc;
		}
		
		.tab ol li {
			padding: 0 0 0 10px;
			list-style: inside decimal;
		}

	.noscript .tab, .noscript .tab_nav {
		margin: 0 0 10px 0;
	}


/*

Group

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

.group_header {
	width: 750px;
	padding: 0 0 20px 0;
	float: left;
}

.group_content {
	width: 710px;
	margin: 10px 0 0 0;
	padding: 18px;
	border: 1px #EEE solid;
	float: left;
	color: #555;
	background: #FCFCFC;
}

	.group_content h2 {
		padding: 0 0 5px 0;
		font-weight: bold;
	}
	
	.group_content p, .group_content ul, .group_content ol {
		padding: 0 0 12px 0;
	}
	
		.group_content ul li {
			padding: 0 0 0 10px;
			list-style: inside disc;
		}
		
		.group_content ol li {
			padding: 0 0 0 10px;
			list-style: inside decimal;
		}

.group_footer {
	width: 750px;
	float: left;
}

	.group_header h1 {
		width: 400px;
		float: left;
		font-size: 22px;
		font-family: Georgia, "Times New Roman", Times, serif;
	}
	
		.group_header h1 img {
			margin: 0 5px 0 0;
		}

.pagination {
	padding: 0 10px 0 0;
	float: right;
	font-size: 11px;
}

	.pagination ul {
		padding: 8px 12px;
		border: 1px #DDD solid;
		float: left;
		-moz-border-radius: 4px;
		background: #F8FAFA;
	}
	
		.pagination ul li {
			float: left;
			line-height: 16px;
		}
		
			.pagination ul li a {
				padding: 0 8px;
				float: left;
				color: #000;
			}
			
			.pagination ul li strong {
				padding: 0 8px;
				float: left;
				color: #AAA;
			}

.group_row {
	width: 760px;
	margin: 0 0 20px 0;
	padding: 0 0 20px 0;
	border-bottom: 1px #EEE solid;
	float: left;
}

.group_box {
	width: 170px;
	padding: 0 20px 0 0;
	float: left;
	font-size: 11px;
}

	.group_box h4 {
		width: 170px;
		padding: 0 0 10px 0;
		float: left;
	}
	
		.group_box h4 a {
			color: #000;
			font-weight: bold;
		}
	
	.group_box dl {
		width: 100px;
		padding: 0 0 0 70px;
		float: left;
	}
	
		.group_box dl dt {
			float: left;
		}
		
		.group_box dl dd {
			float: right;
			font-weight: bold;
			color: #991311;
		}

.group_pic {
	width: 170px;
	padding: 0 0 10px 0;
	float: left;
}

	.group_pic a {
		width: 170px;
		padding: 3px 0 0 0;
		float: left;
		background: #F7F7F7;
	}
	
		.group_pic a:hover {
			background: #DDD;
		}
	
		.group_pic a img {
			width: 170px;
			float: left;
		}


/*

Page

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

.page {
	width: 750px;
	float: left;
}

	.page h1 {
		padding: 0 0 5px 0;
		font-size: 28px;
		font-family: Georgia, "Times New Roman", Times, serif;
	}
	
	.page h2 {
		padding: 0 0 8px 0;
		font-size: 16px;
		font-weight: bold;
	}
	
	.page h3 {
		padding: 0 0 10px 0;
		font-weight: bold;
	}
	
	.page h4 {
		padding: 0 0 8px 0;
		font-weight: bold;
	}
	
	.page h5 {
		padding: 0 0 10px 0;
		font-weight: bold;
	}
	
	.page h6 {
		padding: 0 0 10px 0;
		font-weight: bold;
	}
	
	.page p {
		padding: 0 0 10px 0;
	}
	
	.page ul {
		padding: 0 0 10px 15px;
	}
	
		.page ul li {
			list-style: inside disc;
		}
	
	.page ol {
		padding: 0 0 10px 15px;
	}
	
		.page ol li {
			list-style: inside decimal;
		}


/*

Home

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

.home {
	width: 750px;
	float: left;
}

	.home .left {
		width: 425px;
		float: left;
	}
	
	.home .right {
		width: 310px;
		float: right;
	}
	
		.home .right .box {
			width: 310px;
			float: left;
		}

/*

Cart

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

.cart {
	width: 700px;
	padding: 0 25px;
	float: left;
}

.ucTableBorderBackground, .ucTableHeaderBackground {
	background: transparent;
}
