@import "/css/reset.css";

body {
	background: #fff url("../images/layout/header.gradient.gif") repeat-x top;
	font: .82em "Lucida Grande", "Lucida", "Arial", sans-serif;
	text-align: center;
}

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

#header {
	height: 100px;
	overflow: hidden;
	width: 100%;
}

		#header #logo a {
			display: block;
			width: 303px;
			height: 82px;
			margin: 10px 0 0 0;
			float: left;
			background: transparent url("../images/layout/logo.gif") no-repeat;
			text-indent: -9999px;
		}
		#header #specials{
			width: 200px;
			height: 82px;
			margin: 10px 5px 0 50px;
			float: left;
			
		}

	#header #stamp {
		float: right;
		width: 210px;
		margin: 13px 0 0 0;
	}
	
		#header #stamp ul {
			width: 100%;
			overflow: hidden;
			margin: .3em 0;
			font-size: 80%;
		}
		
			#header #stamp ul li {
				display: inline;
			}
			
				#header #stamp ul li a {
					display: block;
					float: right;
					padding: 0 .5em 0 0;
					margin: 0 0 0 .5em;
					font-size: .95em;
					border-right: 1px solid #aaa;
				}
				
				#header #stamp ul li a.last {
					border-width: 0;
					padding: 0 0 0 .3em;
				}
				
		#header #stamp #eighthundred {
			height: 34px;
			width: 195px;
			background: transparent url("../images/layout/number.gif") no-repeat;
			text-indent: -999px;
			margin: 0 0 2px auto;
		}

		#header #stamp #search-area {
			margin: 0 0 0 auto;
			width: 205px;
			text-align: right;
		}

			#header #stamp #search-area label {
				display: none;
			}

			#header #search-area input {
				vertical-align: middle;
			}
			
			#header #search-area input#search {
				width: 165px;
			}


#navigation {
	width: 100%;
	overflow: hidden;
	background: transparent url("../images/layout/navigation.with.corners.gif") repeat-x center;
	margin: 0 0 .2em 0;
}

	#navigation ul li {
		display: inline;
	}
	
		#navigation ul li a {
			display: block;
			margin: 0 1.2em 0 .45em;
			padding: .4em .2em;
			float: left;
			font-weight: bold;
			color: #fff;
			text-decoration: none;
		}
		
		#navigation ul li a:hover {
			text-decoration: underline;
		}

#promotions {
	width: 100%;
	height: 30px;
	overflow: hidden;
	margin: 0 0 .8em 0;
}

	#shop #mini-cart {
		padding: .5em 0;
		text-align: center;
		color: #002a5c;
		border: 1px solid #ddd;
		margin: 0 0 .5em 0;
		width: 191px;
	}
	
		#shop #mini-cart a {
			color: #002a5c;
			text-decoration: none;
			display: block;
			padding: .2em 0;
			font-weight: bold;
		}



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

	#body #shop {
		float: left;
		width: 25%;
	}
	
		#body #shop #products, 
		#body #shop #manufacturer {
			color: #fff;
			font-size: 1.2em;
			background: transparent url("../images/layout/shop.header.gif") no-repeat top left;
			padding: .1em 0 0 .4em;
			font-weight: bold;
		}
		
			#body #shop #products ul, 
			#body #shop #manufacturer ul {
				margin: .4em 0 1em 0;
			}
			
				#body #shop #products ul li, 
				#body #shop #manufacturer ul li {
					padding: 0 0 0 .4em;
					color: #000;	
				}
				
					#body #shop #products ul li a, 
					#body #shop #manufacturer ul li a {
						font-size: .80em;
						font-weight: normal;
						text-decoration: none;
					}
					
					#body #shop #products ul li.sub
					{
						padding: 0 0 0 1.5em;
					}
					
					#body #shop #products ul li.sub a
					{
						font-size: .75em;
						color: #444;
					}
					
						#body #shop #products ul li.subsub
						{
							padding: 0 0 0 2.5em;
						}
						
						#body #shop #products ul li.subsub a
						{
							color: #444;
						}
	


#content {
	float: right;
	width: 74%;
}


#footer {
	border-top: .2em solid #c22826;
	background-color: #e0e0e0;
	margin: 1.4em 0 0 0;
}
	#footer #user-categories {
		width: 100%;
		overflow: hidden;
	}
	
		#footer #user-categories div.category {
			width: 20%;
			padding: .8em;
			margin: 0;
			float: left;
			overflow: hidden;
		}

			#footer #user-categories div.category h3 {
				color: #000;
				font-weight: bold;
			}
			
			#footer #user-categories div.category ul {
				padding: 0 0 0 .3em;
			}
			
				#footer #user-categories div.category ul li {
					margin: .2em 0;
				}
	
				
	#footer #badges {
		float: right; 
		width: 270px; 
		text-align: center; 
		margin: 15px 80px 0 0;
		padding: 7px;
		background-color: #fff;
		border: 1px solid #000;
	}
			
	#footer #badges img {
		margin: 0 3px 5px 0;
	}


	#footer #copyright {
		color: #fff;
		background-color: #000;
		padding: .2em;
		font-size: .8em;
		margin: 0;
	}
	
	#footer #copyright a {
		color: #fff;
	}
		
address {
	margin: 0 0 1em 0;
}	

h1, h2, h3 {
	color: #c01a18;
	font-weight: normal;
	font-weight: bold;
}

h1 {
	font-size: 1.45em;
}

h2 {
	font-size: 1.45em;
	margin: 0 0 .2em 0;
}

a {
	color: #5484b4;
	text-decoration: none;
}

strong {
	font-weight: bold;
}
p {
	line-height: 150%;
	margin: 0 0 1em 0;
}

#content ul {
	padding: 0 0 0 .5em;
	margin: 0 0 1em 0;
}

.floatRight {
	float: right;
	margin: 0 0 10px 10px;
}

#content.storefront #featured-category-sales {
	overflow: hidden;
	width: 97.5%;
	margin: 0 0 1em 0;
}

	#content.storefront #featured-category-sales img {
		display: block;
	}
	
		#content.storefront #featured-category-sales #big {
			float: left;
			width: 375px;
		}
			
			#content.storefront #featured-category-sales #big img {
				margin: 0 0 6px 0;
				width: 375px;
				height: 150px;
			}
	
		#content.storefront #featured-category-sales #small {
			float: right;
			width: 196px;
		}
		
		
			#content.storefront #featured-category-sales #small img {
				margin: 0 0 5px 0;
				height: 98px;
				width: 185px;
			}

#content.storefront div.featured {
	margin: 0 0 2em 0;
}


#content.cataloglist h1 {
	margin: 0 0 .5em 0;
}

#content.storefront div.product h3 {
	font-size: .8em;
}


/* Product List */
div.category {
	margin: 0 0 3.5em 0;
	padding: 0 0 .6em 0;
	width: 100%;
	overflow: hidden;
}

	div.category h2 {
		margin: 0 0 1em 0;
	}

	div.product,
	div.manufacturer {
		width: 140px;
		height: auto;
		float: left;
		overflow: hidden;
		margin: 0 .1em 0 0;
		text-align: center;
	}

		div.product a.thumb,
		div.manufacturer a.thumb {
			width: 100px;
			height: 100px;
			display: block;
			background-position: center center;
			background-repeat: no-repeat;
			margin: 0 auto;
		}
		
		div.manufacturer a.thumb {
			border: 0;
		}

			div.product a.thumb span,
			div.manufacturer a.thumb span {
				display: none;
			}


		div.product h3 {
			margin: 0 0 1px 0;
			height: 3.5em;
		}

			div.product h3 a {
				text-decoration: none;
				font-weight: bold;
				font-size: 1.2em;
			}
		
		div.product div.information p.price {
			margin: .5em 0;
			line-height: 100%;
			font-size: .85em;
			font-weight: bold;
		}
		
		div.product div.information p.more-info {
			font-size: .9em;
		}
		
		

#featured-products, #featured-brands {
	width: 100%;
	overflow: hidden;
	margin: 1em 0 0 0;
}
			
			
		
#related-products {
	border-top: 1px solid #ddd;
	padding: 1em 0 .3em 0;
	margin: 1em 0 0 0;
	clear: both;
}
		
		
		
/* Product Detail! */			
#content.catalogdetail h1 {
	margin: 0 0 .5em 0;
}

#content.catalogdetail h2 {
	margin: 0 0 .2em 0;
}

#content.catalogdetail h2 span {
	color: #000;
	font-weight: normal;
	padding: .2 .3em;
	font-size: .9em;
}

#content.catalogdetail #photo-side {
	width: 300px;
	float: left;
}


	#content.catalogdetail div.productdetails {
		width: 270px;
		float: right;
	}
	
	#content.catalogdetail div.productdetails div {
		margin: 0 0 1em 0;
	}
	#content.catalogdetail div.productdetails div#description {
		line-height: 125%;	
	}
	
	#content.catalogdetail div.productdetails div#description ul {
		padding: 1em 0 0 2em;
		list-style-type: circle;
	}
	

	#content.catalogdetail div.productdetails ul.details li {
		margin: 4px 0;
	}
	
		#content.catalogdetail #description {
			margin: 2em 0;
			padding: 1em 0;
			border-top: 1px solid #ddd;
			font-size: .95em;
		}
		

		#content.catalogdetail div.productdetails ul.details li.shipping {
			color: #555;
		}

		#content.catalogdetail div.productdetails ul.details li.price span {
			font-weight: bold;
			font-size: 1.1em;
		}
		
		#content.catalogdetail div.productdetails ul.details li.cart-notice a {
			color: #000;
			background-color: #e4eef9;
			padding: .1em;
		}
		
		#content.catalogdetail div.productdetails p.back {
			margin: 2em 0 0 0;
		}
		
		#content.catalogdetail #photo-side #other-views {
			margin: .5em 0 0 0;
		}
		
		#content.catalogdetail #pricing {
			border: 1px solid #bbb;
			width: 90%;
		}
		
		#content.catalogdetail #pricing table {
			width: 100%;
			margin: 0 0 10px 0;	
		}
		
		#content.catalogdetail #pricing table td {
			vertical-align: middle;
			padding: 3px;
		}
		
		#content.catalogdetail #pricing table td.value {
			width: 50%;
		}
		
		#content.catalogdetail #pricing table tr#list-price.crossed td.value {
			text-decoration: line-through;
		}
		
		#content.catalogdetail #pricing table tr#list-price.map td {
			vertical-align: top;
			font-size: 1.5em;
		}
		
		#content.catalogdetail #pricing table tr#list-price.map td p {
			font-size: .7em;
			line-height: 100%;
			margin: 0;
		}
		
		#content.catalogdetail #pricing table tr#sell-price td {
			color: #002a5c;
			font-size: 1.7em;
		}
		
		#content.catalogdetail #pricing table tr#sell-price td.field {
			font-size: .9em;
			font-weight: bold;
				
		}
		
		#content.catalogdetail #pricing table tr#save td {
			font-size: 1.2em;
			color: #1fa903;
		}
		
		#content.catalogdetail #pricing table td.field {
			text-align: right;
			width: 50%;
		}
		
		#content.catalogdetail #cta {
			border-top: 2px solid #ddd;
			margin: 10px;
			padding: 15px 15px 3px 80px;
			background: #fff url("/images/layout/h.gif") no-repeat center left;
		}
		
		
		#content.catalogdetail #cta li {
			margin: 0 0 5px 0;
		}
		
		#content.catalogdetail #cta li a {
			color: #000;
			text-decoration: underline;
		}
					
		
#checkout-progress {
	margin: 0 auto .7em auto;
	width: 564px;
	height: 40px;
	display: block;
}

#content.storefront p.tagline {
	font-size: 1.3em;
	font-weight: bold;
	color: #002a5c;
	margin: 0;
}

#content.storefront p {
	color: #002a5c;
}

#content.cataloglist table.category tr.product h2 a {
	font-weight: bold;
	font-size: .85em;
	color: #002a5c;
}

table.category
{
	width: 100%;
	border-collapse: collapse;
}

table.category td
{
	border-bottom: 1px dotted #ccc;
	padding: 10px;
}

table.category td.thumb
{
	width: 20%;
	vertical-align: middle;
	text-align: center;
}

table.category td.details
{
	width: 80%;
}

table.category p.price
{
	margin: 5px 0;
	color: #002a5c;
	font-weight: bold;
}

table.category p.price a {
	text-decoration: underline;
}