@charset "utf-8";
/* CSS Document */
/* Article */
#article_container
{
	width: 750px;
	background-color: #FFF;
}
#article_container .lhs
{
	float: left;
	clear: both;
	width: 434px;
	margin: 0;
	padding: 0 0 45px 0;
	overflow: hidden;
}
	#article_container .article_holder
	{
		float: left;
		clear: both;
		padding-bottom: 20px;
		border-bottom: 2px solid #CCC;
	}
		.article_holder h1
		{
			float: left;
			clear: both;
			margin: 25px 15px 0 15px;
			font-weight: normal;
		}
			#article_container .article_holder h1 a
			{
				color: #000;
			}
		.article_holder h4
		{
			float: left;
			clear: both;
			margin: 4px 15px 0 15px;
			font-size: 12px;
			font-weight: normal;
		}
			
	#article_container p.first
	{
		margin-top: -15px;
	}
	#article_container p
	{
		float: left;
		clear: both;
		width: 404px;
		margin: 15px;
		line-height: 1.3;
	}
	#article_container ul
	{
		float: left;
		clear: both;
		width: 404px;
		padding: 10px 15px;
		font-size: 12px;
		list-style: disc;
	}
		#article_container ul li
		{
			float: left;
			clear: both;
			width: 370px;
			margin: 0 0 5px 25px;
			line-height: 1.3;
			color: #65626A;
		}
	#article_container object, #article_container embed
	{
		float: left;
		clear: both;
		margin: 10px 0;
		width: 404px;
		height: 324px;
	}
	
	#article_container a
	{
		text-decoration:none;	
	}
	#article_container p a
	{
		font-weight: bold;
		color: #069;
		text-decoration: none;
	}
		#article_container a:hover
		{
			text-decoration: underline;	
		}

#article_container .rhs
{
	float: left;
	clear: none;
	width: 316px;
	margin: 0;
	padding: 0 0 45px 0;
}
	#article_container #thumb_holder
	{
		float: left;
		clear: both;
		width: 316px;
		padding-bottom: 19px;
		background-color: #212121;
	}
	
		#article_container #thumb_holder h1
		{
			margin: 25px 0 0 25px;
			color: #fff;
			font-weight: normal;
			float: left;
			clear: both;
		}
		
		#article_container #thumb_holder p
		{
			margin: 25px 0 0 25px;
			color: #fff;
			float: left;
			clear: both;
			background-color: transparent;
			font-size: 12px;
			width: 290px;
			line-height: 1.3;
		}
		
		#article_container #thumb_holder li
		{
			color: #fff;	
		}
		#article_container #thumb_holder a
		{
			color: #fff;	
		}
/* View Product */
#product_container
{
	width: 750px;
	background-color: #FFF;
}

#product_container .lhs
{
	float: left;
	clear: both;
	width: 434px;
	margin: 0;
	padding: 0 0 45px 0;
}
	
	#product_container .lhs h3
	{
		float: left;
		clear: both;
		width: 404px;
		margin: 0;
		padding: 25px 15px ;
		font-weight: bold;
		font-size: 18px;
	}
	
	#product_container .lhs .product_blurb
	{
		float: left;
		clear: both;
		width: 434px;
		padding: 0;
		font-size: 12px;
		color: #000;
	}
		#product_container .lhs .product_blurb p
		{
			float: left;
			clear: both;
			width: 404px;
			color: #000;
			margin: 0;
			background-color: transparent;
			padding: 15px;
			font-size: 12px;
			line-height: 1.3;
		}
		#product_container .lhs .product_blurb h3
		{
			float: left;
			clear: both;
			width: 404px;
			padding: 5px 15px;
			font-weight: bold;
			font-size: 14px;
			background-color: transparent;
		}
		#product_container .lhs .product_blurb ul
		{
			float: left;
			clear: both;
			width: 404px;
			padding: 10px 15px;
			font-size: 12px;
			list-style: disc;
		}
			#product_container .lhs .product_blurb ul li
			{
				float: left;
				clear: both;
				width: 370px;
				margin: 0 0 5px 25px;
				line-height: 1.3;
			}
		#product_container object
		{
			float: left;
			clear: both;
			margin: 10px 15px;
		}

#product_container .rhs
{
	float: left;
	clear: none;
	width: 316px;
	margin: 0;
	padding: 0 0 45px 0;
}
	#rhs #thumb_holder
	{
		float: left;
		clear: both;
		width: 316px;
		padding-bottom: 19px;
		background-color: #212121;
	}
		#rhs #thumb_holder img
		{
			float: left;
			clear: none;
			margin: 19px 0 0 19px;
		}
	
	#rhs #product_info
	{
		float: left;
		clear: both;
		width: 278px;
		padding: 19px 19px 0 19px;
		background-color: #fff;
	}
		#product_info h4
		{
			float: left;
			clear: both;
			width: 278px;
			font-size: 14px;
			font-weight: bold;
			margin: 0;
			padding: 0;
		}
		
		#product_info h1
		{
			float: left;
			clear: both;
			width: 278px;
			font-size: 30px;
			font-weight: bold;
			margin: 3px 0 19px 0;
			padding: 0;
		}
			#product_info h1 a
			{
				color: #000;
				text-decoration: none;
			}
				#product_info h1 a:hover
				{
					text-decoration: underline;	
				}
		
		#product_price
		{
			float: left;
			clear: both;
			width: 278px;
			padding: 19px;
			background-color: #1b1622;
		}
			#product_price .lhs
			{
				float: left;
				clear: both;
				width: 190px;
				padding: 0;
			}
				#product_price .lhs h4
				{
					float: left;
					clear: both;
					margin: 0 0 0 0;
					padding: 0;
					width: 190px;
					color: #fff;
				}
				#product_price .lhs h1
				{
					float: left;
					clear: both;
					margin: 3px 0 0 0;
					padding: 0;
					width: 190px;
					color: #fff;
				}
			#product_price .rhs
			{
				float: left;
				clear: none;
				width: 88px;
				padding: 0;
				background: none;
			}
				#product_price .rhs label
				{
					float:left;
					clear: both;
					font-size: 14px;
					margin: 4px 0 0 6px;
					font-weight: bold;
					color: #fff;
				}
				
				#product_price .rhs input
				{
					float: left;
					clear: none;
					width: 25px;
					text-align: center;
					border: 2px solid #2f263b;
					margin: 0 0 0 10px;
				}
				
				#product_price .rhs .button
				{
					width: 80px;
					height: 20px;
					float: left;
					clear: both;
					background-image:url(../image/btn_add.png);
					background-repeat: no-repeat;
					background-color: transparent;
					overflow: hidden;
					text-indent: -999px;
					font-size: 1px;
					color: #fff;
					border: none;
					margin-top: 10px;
					padding: 0;
					cursor: pointer;
				}	
					#product_price .rhs .button:hover
					{
						background-position: 0 -20px;	
					}
		
		#product_options
		{
			float: left;
			clear: both;
			width: 278px;
			padding: 19px;
			background-color: #271f32;
		}
			#product_options .common_button_alt
			{
				margin: 10px 0 0 100px;
				text-decoration: none;
				float: left;
			}
			#product_options .option
			{
				float: left;
				clear: both;
				margin: 0 0 9px 0;
			}
			#product_options .last
			{
				margin: 0;	
			}
			
			#product_options .option label
			{
				float: left;
				clear: both;
				width: 100px;
				color: #fff;
				font-size: 14px;
				font-weight: bold;
				margin-top: 4px;
			}
			#product_options .option select
			{
				float: left;
				clear: none;
				width: 164px;
			}
			
		#product_discount
		{
			float: left;
			clear: both;
			width: 278px;
			padding: 19px;
			background-color: #271f32;
		}
			#product_discount h4
			{
				float: left;
				clear: both;
				margin: 0 0 0 0;
				padding: 0;
				width: 190px;
				color: #fff;	
			}
			#product_discount table
			{
				float: left;
				clear: both;
				margin: 15px 0 0 0;
			}
			#product_discount table th
			{
				text-align: center;
				font-size: 12px;
				color: #fff;
				border: 1px solid #4d4d4d;
				padding: 5px;
			}
			#product_discount table td
			{
				font-size: 12px;
				color: #fff;
				text-align: center;
				padding: 5px;
				border: 1px solid #4d4d4d;
			}
			
		#product_free_shipping
		{
			flaot: left;
			clear: both;
			width: 278px;
			padding: 19px;
		}
			#product_free_shipping h3
			{
				color: #3eb1c0;	
			}
			#product_free_shipping p
			{
				width: 278px;
				margin: 8px 0 0 0;
				background-color: transparent;
				font-size: 13px;	
				line-height: 1.2;
			}
/* Cart */
#section_cart
{
	width: 750px;
	background-color: #0f0c13;
}
	#section_cart h1
	{
		color: #fff;	
	}
.cart_table
{
	float: left;
	clear: both;
	margin: 25px 0 0 25px;
	padding: 0;
	width: 700px;
	border-collapse: collapse;
	background-color: transparent;

}
	.cart_table th
	{
		background-color: #271f32;
		padding: 10px;
		font-size: 12px;
		color: #fff;
	}
	.cart_table td
	{
		font-size: 12px;	
		padding: 25px 10px 25px 10px;
		margin: 0;
		vertical-align: middle;
		border-bottom: 1px solid #333036;
		color: #fff;
		background-color: transparent;
	}
	.cart_table .last td
	{
		border-bottom: none;	
	}
	.cart_table td a
	{
		color: #fff;
		text-decoration: none;
		display: block;
		padding-bottom: 4px;
	}
		.cart_table td a:hover
		{
			text-decoration: underline;	
		}
	.cart_table td small
	{
		font-size: 10px;	
		color: #868686;
		line-height: 1.3;
	}
	.cart_table td input
	{
		text-align: center;
		width: 25px;
	}

#update_box
{
	float: left;
	clear: both;
	width: 700px;
	background-color: #1c1723;
	margin: 0 0 0 25px;
	padding: 15px 0 15px 0;
}
	#update_box .button_update
	{
		background-color: transparent;
		background-image: url("../image/btn_update.png");
		border: medium none;
		clear: none;
		color: #6FB633;
		cursor: pointer;
		display: block;
		float: right;
		font-size: 1px;
		height: 32px;
		margin: 0 20px 0 0;
		overflow: hidden;
		text-indent: -999px;
		width: 73px;
	}
		#update_box .button_update:hover
		{
			background-position: 0 -32px;	
		}
	
	.message
	{
		clear: none;
		float: right;
		color: #7e7b82;
		font-style: italic;
		font-size: 12px;
		margin: 10px 20px 0 0;	
	}

#price_table
{
	float: left;
	clear: both;
	width: 700px;
	margin: 0 0 0 25px;
	color: #fff;
	font-family: Arial,Helvetica,sans-serif;
	font-size: 12px;
}
	#price_table td
	{
		background-color: #271f32;
		padding: 12px 0;
	}
	#price_table .right_align
	{
		font-weight: bold;
		padding-right: 60px;
		text-align: right;
	}
	.underline td 
	{
		border-bottom:1px solid #333036;
	}
	.total 
	{
		font-size:24px;
	}

#checkout_box
{
	float: left;
	clear: both;
	width: 660px;
	background-color: #1c1723;
	margin: 0 0 0 10px;
	padding: 10px;
}
	#checkout_box .continue  
	{
		clear:none;
		color: #fff;
		float:right;
		font-weight:bold;
		margin: 10px 20px 0 0;
		text-decoration:none;
	}

/* Account Login */
#login_holder
{
	width: 750px;
	background-color: #fff;
}

	#login_holder .holder
	{
		float: left;
		clear: none;
		width: 335px;
		margin: 40px 0 0 25px;
	}
	
	#login_holder .holder h1
	{
		float: left;
		clear: both;
		width: 330px;
		font-weight: normal;
		margin: 0 0 0 0;
	}
	
	#login_holder .holder h4
	{
		float: left;
		clear: both;
		width: 330px;
		font-weight: normal;
		font-size: 12px;
		margin-top: 4px;
	}

	#login_holder .holder fieldset
	{
		float: left;
		clear: none;
		width: 305px;
		padding: 15px;
		margin: 30px 0 0 0;
		border: 1px solid #dbdbdc;
		background-color: #f5f5f5;	
		position: relative;
	}
	
	#login_holder .holder label
	{
		float: left;
		clear: both;
		font-weight: bold;
		font-size: 12px;
		width: 150px;
	}
	
	#login_holder .holder input
	{
		float: left;
		clear: both;
		margin: 5px 0 25px 0;
		width: 300px;
	}
	
	#login_holder .holder #forgotten_password
	{
		float: right;
		clear: none;
		color: #5493c9;
		width: 150px;
		font-weight: bold;
		font-size: 12px;
		text-decoration: none;
		text-align: right;
	}
		.holder #forgotten_password:hover
		{
			text-decoration: underline;	
		}
		
	#login_holder .holder p
	{
		width: 300px;
		background: none;
		margin: 0;
		font-size: 12px;
	}
	
	#login_holder .button_holder
	{
		float: left;
		clear: both;
		width: 305px;
		margin-top: 0;
	}
	
	#login_btn
	{
		float: right;
		clear: both;
		background-image: url("../image/btn_login.png");
		margin-top: 0;	
	}
	
	#continue_btn
	{
		float: right;
		clear: both;
		background-image: url("../image/btn_continue.png");
		margin-top: 30px;			
	}


/* Forms */
#form_holder
{
	width: 750px;
	background-color: #fff;
}

	#form_holder .holder
	{
		float: left;
		clear: none;
		width: 700px;
		margin: 40px 0 0 25px;
	}
	
	#form_holder .holder.close
	{
		margin-top: 10px;	
	}
	
	#form_holder .holder h1
	{
		float: left;
		clear: both;
		font-weight: normal;
		margin: 0 0 30px 0;
	}
	#form_holder .holder h4
	{
		float: left;
		clear: both;
		width: 330px;
		font-weight: bold;
		font-size: 12px;
		margin: -26px 0 30px 2px;
	}
		#form_holder .holder .pending
		{
			color: #74ae1a;	
		}
		#form_holder .holder .cancelled
		{
			color: #d90119;	
		}
		#form_holder .holder .complete
		{
			color: #8dacf0;	
		}
	
	#form_holder .holder fieldset
	{
		float: left;
		clear: none;
		width: 668px;
		padding: 15px;
		margin: 0;
		border: 1px solid #dbdbdc;
		background-color: #f5f5f5;	
		position: relative;
	}
	
	#form_holder .holder label
	{
		float: left;
		clear: both;
		font-size: 12px;
		font-weight: bold;
		width: 150px;
		margin-top: 20px;
	}
	
	#form_holder .holder input
	{
		float: left;
		clear: none;
		margin: 15px 0 5px 0;
		width: 250px;
	}
	
	#form_holder .holder select
	{
		float: left;
		clear: none;
		margin: 15px 0 5px 0;
		width: 250px;
	}
	
	#form_holder .holder textarea
	{
		float: left;
		clear: none;
		font-size: 12px;
		font-family: Arial, Helvetica, sans-serif;
		margin: 15px 0 0 0;
		padding: 5px;
		width: 656px;
		height: 190px;
	}
	
	#form_holder .holder .first
	{
		margin-top: 0;	
	}
	
	#form_holder ul
	{
		float:left;
		clear: both;
		width: 650px;
	}
		#form_holder ul li
		{
			float: left;
			clear: both;
			width: 600px;
			font-size: 12px;
			margin: 5px 0 5px 15px;
			list-style: disc;
		}
			#form_holder ul li a
			{
				text-decoration: none;
				color: #000;
			}
			#form_holder ul li a:hover
			{
				text-decoration: underline;	
			}
	
	#form_holder .holder p
	{
		float: left;
		clear: both;
		font-size: 12px;
		background: none;
	}
	
	#form_holder .holder p.error
	{
		margin: 0 0 0 150px;
		padding: 0;
		font-size: 11px;
		width: 500px;
	}
	
	#form_holder .holder p.instruction
	{
		width: 650px;
		margin: 0;
	}
	
	#form_holder .holder p.hint
	{
		width: 240px;
		clear: none;
		margin: 4px 0 0 10px;
	}
	
	#form_holder .holder p.terms
	{
		width: 400px;
		text-align: right;
		margin: 10px 0 0 160px;
	}
		#form_holder .holder p.terms a
		{
			color: #5493c9;
			font-weight: bold;
			text-decoration: none;
		}
		#form_holder .holder #checkout_terms input
		{
			width: 20px;
			float: left;
			clear: none;
			margin: 10px 0 0 0;
		}
	
	#form_holder .holder .captcha
	{
		float: left;
		clear: both;
		margin: 0 0 0 150px;
	}

/* Confirm */
#form_holder .col
{
	float: left;
	clear: none;
	width: 210px;
	margin: 0 17px 0 0;
}
	#form_holder .col p
	{
		width: 210px;
		margin: 0 0 17px 0;
		padding: 0;
		line-height: 1.3;
	}
	#form_holder .col p.last
	{
		margin: 0;	
	}
	#form_holder .col.last
	{
		margin: 0;	
	}
	
.confirm_table
{
	width: 668px;
	float: left;
	clear: both;
	margin: 0;
	padding: 0;
}
	.confirm_table th
	{
		font-weight: bold;
		font-size: 12px;
		color: #000;
		padding: 5px;
	}
	.confirm_table td
	{
		font-weight: normal;
		font-size: 12px;
		color: #000;
		padding: 5px;
	}
		.confirm_table small
		{
			font-size: 10px;
			color: #666;
		}
	.confirm_table a, .col a
	{
		color: #5493c9;
		text-decoration: none;
		font-weight: bold;
	}
		.confirm_table a:hover, .col a:hover
		{
			text-decoration: underline;
		}