*
{
	padding: 0;
	margin: 0;
	list-style: none;
}

body
{
	font-family: "Verdana", "Arial", sans-serif;
	font-size: .8em;
	text-align: center;
	color: #184774;
}

a
{
	color: #184774;
	text-decoration: none;
}

abbr
{
	border-bottom: 1px dotted #aaa;
	cursor: help;
}

a img
{
	border: 0;
}

address
{
	font-style: normal;
	margin: 0 0 1em 0;
}

h1, h2, h3
{
	font-weight: normal;
}

h1
{
	margin: 0 0 .5em 0;
}

p
{
	line-height: 140%;
	margin: 0 0 1em 0;
}

ul
{
	margin: 0 0 1em 0;
}

	ul li
	{
		margin: .3em 0;
	}

strong
{
	font-weight: bold;
}

#container
{
	width: 800px;
	margin: 25px auto;
	text-align: left;
}

#header
{
	width: 100%;
	overflow: hidden;
	margin: 0 0 .5em 0;
}

	#logo a
	{
		display: block;
		text-indent: -9999px;
		background: #fff url("../layout/logo.gif") no-repeat;
		width: 300px;
		height: 117px;
		float: left;
	}
	
	#stamp
	{
		float: right;
		width: 275px;
		text-align: left;
		padding-top: 20px;
	}
	
		#stamp #order
		{
			margin: .2em 0;
		}

	
			#stamp #order span
			{
				font-weight: bold;
			}
		
		#stamp #utilities li
		{
			float: left;
			margin: 0 5px 0 0;
			padding: 0 5px 0 0;
			border-right: 1px solid #184774;
		}
		
		#stamp #utilities li.last
		{
			border-width: 0;
			text-align: left;
			padding: 0;
		}
		
			#stamp #utilities li a
			{
				color: #184774;
				text-decoration: none;
			}
			
				#stamp #utilities li a img
				{
					border: 0;
					vertical-align: middle;
				}
	
	
#primary-navigation
{
	background: #184774 url("../layout/home.jpg") no-repeat 230px 10px;
	padding:  18px 15px;
	margin: 0 0 1em 0;
}

	#primary-navigation li
	{
		display: inline;
	}
	
		#primary-navigation li a
		{
			color: #fff;
			display: block;
			background: transparent url("../layout/arrow.gif") no-repeat center left;
			padding: .3em 0 .3em 20px;
			text-decoration: none;
			font-size: 1.8em;
			border-bottom: 1px dotted #fff;
			font-weight: normal;
			text-transform: lowercase;
			width: 160px;
		}

		#primary-navigation li a:hover
		{
			color: #ffa800;
		}
		
		#primary-navigation li.last a
		{
			border-bottom-width: 0;
		}


#body
{
	width: 100%;
	overflow: hidden;
}

#content
{
	margin: 0 0 2em 0;
	width: 100%;
	overflow: hidden;
}

#footer
{
	text-align: center;
	border-top: 3px solid #bbb;
	padding-top: 1em;
}

	#footer li
	{
		display: inline;
		border-right: 1px solid #999;
		padding-right: 5px;
		margin-right: 5px;
	}
	
	#footer li.last
	{
		border-right-width: 0;
	}
	
		#footer li a
		{
			text-decoration: none;
			font-size: .85em;
		}


div.note
{
	float: right;
	width: 220px;
	padding: 8px;
	font-weight: bold;
	text-align: center;
	margin: 0 0 15px 15px;
}

div.note.yellow
{
	background-color: #ffa800;
	color: #fff;
}


#featured-products
{
	margin: 2em 0 0 0;
	width: 100%;
	overflow: hidden;
}

	#featured-products div.product
	{
		float: left;
		width: 32.3%;
		margin: 0 .2em 0 0;
		border: 2px solid #ddd;
		padding-bottom: .3em;
	}
	
		#featured-products div.product div.for
		{
			font-style: italic;
			padding: .5em;
			background-color: #f1f3f7;
			font-size: 1.2em;
			font-size: .9em;
		}
		
		#featured-products div.product h3
		{
			font-weight: bold;
			padding: .2em .3em;
			font-size: 1.4em;
		}
		
		
		#featured-products div.product ul.options
		{
			float: left;
		}
		
			#featured-products div.product ul.options li
			{
				color: #fff;
				background-color: #ffa800;
				margin: 0 0 .2em 0;
				padding: .3em;
				text-align: center;
			}
			
				#featured-products div.product ul.options li a
				{
					color: #fff;
					font-weight: bold;
				}
	
		#featured-products div.product img
		{
			display: block;
			float: left;
			width: 100px;
			height: 100px;
			margin: 0 .5em 0 .3em;
		}
		
		
#content.cataloglist div.product
{
	width: 100%;
	border-bottom: 1px dotted #184774;
	padding: 1.8em 0;
	overflow: hidden;
	font-size: .9em;
}

	#content.cataloglist div.product.last
	{
	
		border-bottom-width: 0;
	}

	#content.cataloglist div.product div.photo
	{
		float: left;
		width: 110px;
		margin: 0;
	}
	
		#content.cataloglist div.product div.photo img
		{
			width: 100px;
			height: 100px;
			margin: 0 auto;
			border: 1px solid #ddd;
		}
		
	#content.cataloglist div.product div.information
	{
		width: 330px;
		float: left;
	}
	
		#content.cataloglist div.product div.information h2
		{
			font-size: 1.4em;
			font-weight: bold;
			margin: 0 0 .2em 0;
		}
		
			#content.cataloglist div.product div.information h2 a
			{
				border-bottom: 1px dotted #009858;
			}
			
				#content.cataloglist div.product div.information h2 sup
				{
					font-size: .5em;
					font-weight: normal;
				}
			
		#content.cataloglist div.product div.information p
		{
			font-size: .9em;	
		}
			
		#content.cataloglist div.product div.information p.more
		{
			margin: 1em 0 0 0;
		}
		
			#content.cataloglist div.product div.information p.more a
			{
				border-bottom: 1px dotted #009858;
			}
			
		#content.cataloglist div.product div.add
		{
			float: right;
			width: 315px;
		}
		
			#content.cataloglist div.product div.add div.promotion,
			#content.cataloglist div.product div.add div.regular
			{
				text-align: center;
				width: 150px;
				float: right;
				margin: 0 .4em 0 0;
			}
		
				#content.cataloglist div.product div.add div.promotion a,
				#content.cataloglist div.product div.add div.regular a
				{
					text-align: center;
					background: #77a659 url("../layout/button.gif") repeat-x bottom;
					padding: 5px 10px; /* Don't use em's, jQuery.corners() hates them... */
					display: block;
					text-decoration: none;
					color: #fff;
					margin: 0 0 .5em 0;
				}
				
					#content.cataloglist div.product div.add div.regular a
					{
						font-size: 2.4em;
						margin: 0 0 .1em 0;
					}
					
						#content.cataloglist div.product div.add div.promotion a strong
						{
							font-size: 1.2em;
						}
				
				#content.cataloglist div.product div.add div.promotion p.price span,
				#content.cataloglist div.product div.add div.regular p.price span
				{
					font-size: 1.5em;
					font-weight: bold;
				}
			
			
		
	
#content.catalogdetail h1 span
{
	color: #666;
	font-size: .6em;
	font-style: italic;
	font-weight: normal;
	display: block;
}

#content.catalogdetail #product-photo
{
	float: right;
	width: 400px;
	text-align: center;
}

	#content.catalogdetail #product-photo img
	{
		margin: 0 0 .5em 0;
	}



#content.catalogdetail #information
{
	float: left;
	width: 350px;
}

	#content.catalogdetail #information table
	{
		width: 100%;
		border-collapse: collapse;
	}
	
		#content.catalogdetail #information table th,
		#content.catalogdetail #information table td
		{
			padding: 3px;
			width: 50%;
			border-bottom: 1px solid #b6d1eb;
			vertical-align: middle;
		}
		
		#content.catalogdetail #information table th
		{
			font-weight: bold;
			text-align: right;
			width: 25%;
		}
		
			#content.catalogdetail #information table tr#our td
			{
				font-size: 1.3em;
				font-weight: bold;
			}

	#content.catalogdetail #information div.section
	{
		margin: 0 0 1.5em 0;
	}
	
	#content.catalogdetail #information div.section.last
	{
		margin: 0;
	}
	
		#content.catalogdetail #information div.section h2
		{
			margin: 0 0 .2em 0;
		}
		
		#content.catalogdetail div.add div.promotion,
			#content.catalogdetail div.add div.regular
			{
				text-align: center;
				width: 150px;
				float: right;
				margin: 0 .4em 0 0;
			}
		
				#content.catalogdetail div.promotion a,
				#content.catalogdetail div.regular a
				{
					text-align: center;
					background: #77a659 url("../layout/button.gif") repeat-x bottom;
					padding: 5px 10px; /* Don't use em's, jQuery.corners() hates them... */
					display: block;
					text-decoration: none;
					color: #fff;
					margin: 0 0 .5em 0;
				}
				
					#content.catalogdetail div.regular a
					{
						font-size: 2.4em;
						margin: 0 0 .1em 0;
					}
					
						#content.catalogdetail div.promotion a strong
						{
							font-size: 1.2em;
						}
				
				#content.catalogdetail div.promotion p.price span,
				#content.catalogdetail div.regular p.price span
				{
					font-size: 1.5em;
					font-weight: bold;
				}
				
#checkout-progress
{
	display: block;
	width: 616px;
	height: 45px;
	margin: 0 auto 15px auto;
}

#content.cataloglist h1 {
	width: 30%;
	float: left;
}

p.excluded {
	background-color: #fef89a;
	padding: .2em .3em;
}

 p.excluded strong {
	font-size: 1.1em;
}

#content.cataloglist #shipping-notice {
	float: right;
	width: 68%;
	font-size: 1.5em;
	text-align: center;
	border: 2px solid #c3bd59;
	background-color: #fef89a;
	padding: .15em 0;
}

#content.cataloglist #shipping-notice strong {
	font-size: 1.1em;
}