@charset "utf-8";
/* CSS Document */
body
{
	background-color: #fff;	
	background-image: url(../image/html_bg.png);
	background-repeat: repeat-x;
	width:auto;
	font-family: Arial, Helvetica, sans-serif;
}

.wrapper
{
	margin: 0 auto;
	width: 1040px;
}

#body
{
	margin: 0 auto;
	width: 1040px;
	background-color: transparent;	
	background-image: url(../image/body_bg.png);
	background-repeat: repeat-y;
}

#header
{
	height: 120px;
	margin: 0;
}
	#header_bg
	{
		width: 1000px;
		height: 120px;
		margin: 0 0 0 20px;
		background-color: #fff;
		background-image: url(../image/header_skull_120_bg.png);
		background-repeat: no-repeat;
		background-position: top right;
	}
	#header #logo
	{
		float: left;
		clear: both;
		margin: 5px 0 0 30px;
	}
	
	#header #store_names
	{
		float: right;
		clear: none;
		width: 440px;
		height: 110px;
		margin: 30px 60px 0 0;
		overflow: hidden;
	}
		#store_names .store
		{
			float: left;
			clear: both;
			width: 440px;
			margin: 38px 0 8px 0;
			text-align: right;
		}
			#store_names .store h2
			{
				float: left;
				clear: both;
				width: 440px;
				font-size: 24px;
				color: #c8dcee;
				font-weight: normal;
			}
			#store_names .store h4
			{
				float: left;
				clear: both;
				width: 440px;
				font-size: 12px;
				color: #a0bad2;
				font-weight: normal;
				margin-top: 3px;
			}

#navigation
{
	height: 60px;
	margin: 0;
}
	#navi
	{
		width: 1028px;
		height: 60px;
		background-color: #000;
		background-image: url(../image/skull_bg.png);
		background-repeat: repeat-x;
		margin: 0 0 0 20px;
		list-style: none;
		position: relative;
	}
		#navi li a
		{
			float: left;
			clear: none;
			font-size: 18px;
			font-weight: normal;
			color: #fff;
			margin: 20px 22px 0 22px;
			padding: 0 0 0 0;
			text-decoration: none;
		}
		#navi li a:hover
		{
			color: #d5d5d5;	
		}
		
		#navigation .wrapper #peel
		{
			float: left;
			clear: none;
			margin: 0 0 0 1020px;
			position: absolute;
			width: 28px;
			height: 15px;
			background-image: url(../image/navi_peel.png);
			background-repeat: no-repeat;
		}
		#navi #search
		{
			float: right;
			clear: none;
			margin-top: 13px;
		}
			#navi #search input
			{
				float: left;
				clear: both;
				width: 160px;
				height: 18px;
				margin: 0 10px 0 0;
				font-size: 12px;
				font-family: Arial, Helvetica, sans-serif;
				padding: 5px;
				border: 2px solid #3f3f3f;
			}
			#navi #search button
			{
				color: #6fb633;	
				float: right;
				clear: none;
				display: block;
				width: 73px;
				height: 32px;
				margin: 0 15px 0 0;
				overflow: hidden;
				background-image: url(../image/btn_search.png);
				background-color: transparent;
				border: none;
				font-size: 1px;
				text-indent: -999px;	
				cursor: pointer;
			}
			#navi #search button:hover
			{
				background-position: 0 -32px;	
			}

/* Breadcrumb */
#section_breadcrumb
{
	width: 750px;
	height: 37px;
	background-image: url(../image/breadcrumb_bg.png);
	background-repeat: repeat-x;	
}
	#section_breadcrumb #breadcrumb
	{
		float: left;
		clear: both;
		width: 480px;
		padding: 10px;
		margin: 4px 0 0 0;
		font-size: 11px;
		color: #fff;
	}
		#breadcrumb a
		{
			color: #fff;
			text-decoration: none;
		}	
		#breadcrumb a:hover
		{
			text-decoration: underline;
		}

/* Buttons */
.texture_btn
{
	background-color: transparent;
	border: medium none;
	color: #6FB633;
	cursor: pointer;
	display: block;
	font-size: 1px;
	width: 73px;
	height: 32px;
	overflow: hidden;
	text-indent: -999px;
}
	.texture_btn:hover
	{
		background-position: 0 -32px;	
	}
	
/* Shopping Cart */
#sc_wrapper
{
	float: right;
	clear: none;
	width: 250px;
	margin: 0;
	padding: 0;
	position: relative;
	z-index: 85;
}
	#sc_cart_reveal
	{
		float: left;
		clear: both;
		width: 250px;
		height: 45px;
		margin-bottom: -8px;
		background-image:url(../image/sc_reveal_bg.png);
		background-repeat: no-repeat;
	}
		#sc_cart_reveal p
		{
			float: left;
			clear: both;
			margin: 12px 0 0 15px;
			font-weight: bold;
			color: #fff;
			font-size: 12px;
			display: block;
			width: 150px;
			background: none;
		}
		#sc_cart_reveal .toggleCart
		{
			float: right;
			clear: none;
			margin: 12px 10px 0 0;
			font-size: 12px;
			font-weight: normal;
			color: #fff;
			text-align: right;
			text-decoration: none;
			width: 70px;			
		}
			#sc_cart_reveal .toggleCart:hover
			{
				text-decoration: underline;	
			}
			
	#sc_sliding_section
	{
		float: left;
		clear: both;
		width: 250px;
		padding: 0;
		background-image: url(../image/sc_bg_dark.png);
		background-repeat: repeat-y;
	}
		#sc_sliding_section .sc_icon
		{
			float: left;
			clear: both;
			margin: 28px 0 0 15px;
		}
		
		#sc_sliding_section ul
		{
			float: left;
			clear: both;
			width: 220px;
			margin: 15px 0 0 15px;
			list-style: none;
		}
		
		#sc_sliding_section ul li
		{
			float: left;
			clear: both;
			width: 220px;
			color: #fff;
			font-size: 13px;
			margin-bottom: 15px;
		}
		
		#sc_sliding_section ul li a
		{
			color: #fff;
			text-decoration: none;
		}
		#sc_sliding_section ul li a:hover
		{
			text-decoration: underline;	
		}
			#sc_wrapper #sc_sliding_section .product_options
			{
				float: left;
				clear: both;
				margin: -10px 0 10px 10px;
				font-size: 11px;
				width: 200px;
			}
				#sc_wrapper #sc_sliding_section .product_options li
				{
					float: left;
					clear: both;
					font-size: 10px;
					margin: 0;
					width: 200px;
					color: #aeaeae;
				}
	
	#sc_checkout
	{
		float: left;
		clear: both;
		width: 230px;
		padding: 10px;
		font-size: 12px;
		font-weight: bold;
	}
		#sc_checkout a
		{
			text-decoration: none;	
		}
			#sc_checkout a:hover
			{
				text-decoration: underline;	
			}
		.checkout
		{
			color: #6fb633;	
			float: right;
			clear: none;
			display: block;
			width: 73px;
			height: 32px;
			overflow: hidden;
			background-image: url(../image/btn_checkout.png);
			font-size: 1px;
			color: #fff;
			text-indent: -999px;
		}
			.checkout:hover
			{
				background-position: 0 -32px;	
			}
		#sc_checkout .subtotal
		{
			color: #aeaeae;
			float: left;
			clear: none;
			margin: 2px 0 0 5px;
		}
			#sc_checkout .subtotal a
			{
				color: #fff;
				display:block;
				margin-top: 4px;
			}
			
#content
{
	margin: 0;
}

/* Left Hand Side */
#lhs
{
	float: left;
	clear: both;
	width: 250px;
	margin-left: 20px;
	background-color: #1c1723;
}

/* Right Hand Column */
#rhs
{
	float: left;
	clear: none;
	width: 750px;
	margin: 0;
	background-color: #1c1723;
}

/* Common Modules */
.module
{
	float: left;
	clear: both;
}

.module hr
{
	height: 1px;
	background-color: #353139;
	color: #353139;
	border: none;
	float: left;
	clear: both;
	margin: 6px 0 0 15px;
}

.module h2
{
	float: left;
	clear: both;
	font-size: 21px;
	color: #fff;
	font-weight: normal;
	margin: 30px 0 0 15px;
}

.module h1
{
	float: left;
	clear: both;
	font-size: 28px;
	color: #000;
	font-weight: bold;
	margin: 50px 0 0 25px;
}

.module p
{
	float: left;
	clear: both; 
	width: 700px;
	font-size: 14px;
	color: #65626a;
	margin: 40px 0 0 25px;
	background-color: #fff;
}

.module table
{
	float: left;
	clear: both; 
	font-size: 14px;
	color: #65626a;
}
	.module table tr th
	{
		padding: 5px;
		text-align: left;	
	}
	.module table td
	{
		padding: 5px;	
	}
	
	#shipping_table
	{
		margin: 40px 0 0 25px;
		background-color: #fff;
		width: 700px;
	}

.sitemap ul
{
	float: left;
	clear: none;
	width: 325px;
	margin: 25px 0 0 25px;
	list-style: disc;
	font-size: 12px;
}
	.sitemap ul li
	{
		float: left;
		clear: both;
		margin: 10px 0 0 15px;
		width: 200px;
		font-weight: bold;
	}
		.sitemap ul li ul
		{
			margin: 0	
		}
		.sitemap ul li ul li
		{
			list-style: circle;	
			font-weight: normal;
		}
		
	.sitemap ul a
	{
		color: #000;
		text-decoration: none;
	}
		.sitemap ul a:hover
		{
			text-decoration: underline;	
		}

.module #map_canvas
{
	width: 500px; 
	height: 300px; 
	margin: 40px 0 0 25px;
	float: left; 
	clear: both; 
	overflow: hidden;	
}

.module .common_button
{
	float: left;
	clear: both;
	margin: 25px 0 0 25px;
	padding: 9px;
	background-color: #74ae1a;
	font-size: 12px;
	font-weight: bold;
	color: #fff;
	cursor: pointer;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}
	.module .common_button:hover
	{
		background-color: #86c91d;	
	}

.module .common_button_alt
{
	float: left;
	clear: both;
	margin: 25px 0 0 25px;
	padding: 9px;
	background-color: #8dacf0;
	font-size: 12px;
	font-weight: bold;
	color: #fff;
	cursor: pointer;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}
	.module .common_button_alt:hover
	{
		background-color: #96b7ff;	
	}

.module .common_button_red
{
	float: left;
	clear: both;
	margin: 25px 0 0 25px;
	padding: 9px;
	background-color: #d90119;
	font-size: 12px;
	font-weight: bold;
	color: #fff;
	cursor: pointer;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}
	.module .common_button_red:hover
	{
		background-color: #ef021c;	
	}

.module .sort
{
	float: right;
	clear: none;
	width: 180px;
	margin: 55px 10px 0 0;
}
	.module .sort label
	{
		float: left;
		clear: both;
		font-size: 12px;
		color: #000;
		font-weight: bold;
		margin: 4px 0 0 0;
	}
	.module .sort select
	{
		float: left;
		clear: none;
		margin: 0 0 0 10px;
		width: 125px;
		font-size: 12px;
	}

.module_content
{
	float: left;
	clear: both;
	margin: 15px 0 0 0;
}

.product_list_image
{
	float: left;
	clear: none;
	width: 238px;
	height: 238px;
	border: 1px solid #e9e9e9;
	margin: 7px 0 0 7px;
	padding: 0;
	display: block;
	text-decoration: none;
	overflow: hidden;
	position: relative;
	color: #fff;
}
	.product_list_image img
	{
		float: left;
		clear: both;
		position: relative;
		z-index: 1;
	}
	
	.product_list_image .overlay
	{
		display: block;
		position: absolute;
		bottom: 15px;
		right: 0;
		z-index: 2;
		width: 186px;
		background-image: url(../image/sc_bg_dark.png);
		background-repeat: repeat-y;
		font-size: 11px;
		margin: 0;
		padding: 7px 0 7px 14px;
		line-height: 1.2;
	}
		.product_list_image .overlay b
		{
			font-size: 14px;	
		}
		
		.product_list_image .overlay .special
		{
			color: #74ae1a;
			margin-left: 5px;
		}
		
		.product_list_image:hover .overlay
		{
			background-color: #000;	
		}

.category_list_image
{
	float: left;
	clear: none;
	width: 250px;
	height: 250px;
	margin: 0;
	padding: 0;
	display: block;
	text-decoration: none;
	overflow: hidden;
	position: relative;
	color: #fff;
}
	.category_list_image img
	{
		float: left;
		clear: both;
		position: relative;
		z-index: 1;
	}
	
	.category_list_image .overlay
	{
		display: block;
		position: absolute;
		bottom: 0;
		right: 0;
		z-index: 2;
		width: 200px;
		height: 24px;
		text-align: right;
		font-size: 24px;
		margin: 0;
		padding: 7px;
		overflow: hidden;
		background-image: url(../image/sc_bg_dark.png);
		background-repeat: repeat-y;
	}
		.category_list_image:hover .overlay
		{
			background-color: #000;	
		}

.pagination
{
	float: left;
	clear: both;
	margin: 15px 0 15px 0;
	font-size: 12px;
	color: #fff;
}
	.pagination .links
	{
		float: left;
		clear: both;
		padding: 7px;
	}
		.pagination .links b
		{
			color: #0f0c13;
			text-decoration: none;
			padding: 4px 7px;
			border: 1px solid #fff;
			background-color: #fff;
		}
		.pagination .links a
		{
			color: #fff;
			text-decoration: none;
			padding: 4px 7px;
			font-weight: bold;
			border: 1px solid #fff;
		}
		.pagination .links a:hover
		{
			background-color: #271f32;	
		}
	
	.pagination .results
	{
		float: right;
		clear: none;
		padding: 7px;
	}

.pagination.alt
{
	width: 668px;
	background-color: #f5f5f5;
	border: 1px solid #dbdbdc;
	color: #65626a;
	padding: 15px;
}	
	.pagination .links b
	{
		color: #fff;
		text-decoration: none;
		padding: 4px 7px;
		border: 1px solid #fff;
		background-color: #271f32;
	}
	.pagination .links a
	{
		color: #65626a;
		text-decoration: none;
		padding: 4px 7px;
		font-weight: bold;
		border: 1px solid #dbdbdc;
	}
	.pagination .links a:hover
	{
		background-color: #dbdbdc;	
	}
	
/* Dark Section */
#section_dark
{
	background-color: #0f0c13;	
	padding-bottom: 50px;
	width: 750px;
}
	#section_dark h1
	{
		color: #fff;
	}
	#section_dark h4
	{
		float: left;
		clear: both;
		font-size: 12px;
		font-weight: normal;
		margin: 4px 0 0 25px;
		color: #fff;
	}
	#section_dark p
	{
		color: #fff;
		background-color: transparent;
	}
	#section_latest p
	{
		color: #fff;
		background-color: transparent;
	}

#warning
{
	width: 680px;
	padding: 10px;
	margin: 25px 0 0 25px;
	background-color: #d90119;
	text-align: center;
	font-size: 12px;
	color: #fff;
}

#success
{
	width: 680px;
	padding: 10px;
	margin: 25px 0 0 25px;
	background-color: #70ac43;
	text-align: center;
	font-size: 12px;
	color: #fff;
}

#maintenance
{
	float: left;
	clear: both;
	width: 1000px;
	text-align: center;
	padding: 100px 0 100px 0;
	color: #fff;
	line-height: 1.3;
}
/* Footer */
#footer
{
	margin: 0;
}
	#footer #footer_content
	{
		width: 1000px;
		height: 100px;
		background-image: url(../image/footer_bg.png);
		background-repeat: repeat-x;
		margin: 0 0 0 20px;
	}
	
	#footer #footer_content .payments
	{
		float: right;
		clear: none;
		margin: 45px 0 0 0;
	}
	
	#footer #footer_content img
	{
		float: left;
		clear: both;
		margin: 45px 0 0 0;
	}
	
	#footer #footer_content ul
	{
		float: left;
		clear: none;
		display: block;
		width: 720px;
		font-size: 12px;
		list-style: none;
		margin: 54px 0 0 10px;
	}
		#footer #footer_content ul li
		{
			float: left;
			clear: none;
			margin-right: 15px;
		}
		
		#footer #footer_content ul li a
		{
			color: #000;
			text-decoration: none;
		}
			#footer #footer_content ul li a:hover
			{
				text-decoration: underline;
			}

	#footer #ssl
	{
		margin: 0 auto;
		width: 200px;
	}
		#footer #ssl img
		{
			margin: 30px 0 0 10px;	
		}
	
	#footer #ssl #sslLogo
	{
		float: right;
		clear: none;
	}
	#ewayBlock
	{
		float: right;
		clear: none;
		font-size: 8px;
	}
