/*----------------------------------------------------------------------------------------
category.css
----------------------------------------------------------------------------------------*/
body { background-image: url(/images/bg/bg_body_category.gif); }
body.vintage,
body.landing { background-image: url(/images/bg/bg_body_landing.gif); }

h1 {
	background-position: left top;
	background-repeat: no-repeat;
	height: 70px;
	text-indent: -1000em;
	margin: 0 0 12px 0;
}
.landing h1 { 
	height: 83px; 
	margin: 0 0 0 -4px;
	_margin: 0 0 8px -4px;
	background-image: url(/images/hdr/hdr_product_landing.png);
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/hdr/hdr_product_landing.png', sizingMethod='image');
	_background: none;
}
.vintage h1 { 
	height: 58px; 
	margin: 0 0 0 -4px;
	background-image: url(/images/hdr/hdr_product_landing.png);
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/hdr/hdr_product_landing.png', sizingMethod='image');
	_background: none;
}

/* #content
----------------------------------------------------------------------------------------*/
#content {}
	#content #content_head {
		height: 245px;
		background-position: left top;
		background-repeat: no-repeat;
	}
	.vintage #content #content_head, 
	.landing #content #content_head { 
		height: 342px; 
		margin: 0 -30px;
		padding: 0 30px;
		background-image: url(/images/bg/bg_landing_head.jpg);
	}
		#content #content_head .content {
			float: right;
			width: 474px;
			margin: 0 4px 0 0;
			padding: 35px 0 0 0;
		}
		.landing #content #content_head .content {
			float: left;
			margin: 0;
			padding: 55px 0 0 189px;
		}	
		.vintage #content #content_head .content {
			float: left;
			margin: 0;
			padding: 55px 0 0 492px;
		}	
		
		#content #content_head p { 
			margin: 0 0 10px 0; 
			line-height: 1.6;
			color: #9a9a9a;
		}
		.vintage #content #content_head p, 
		.landing #content #content_head p { 
			padding: 0 110px 0 0; 
			margin: 0 0 5px 0;
		}
		#content #content_head ul {}
			#content #content_head ul li {
				float: left;
				margin: 0 26px 0 0;
				font-size: 1.2em;
				line-height: 1;
			}
				#content #content_head ul li a:hover { color: #e7da97; }
	#content #touts { position: relative; }	
		.vintage #content #touts { 
			margin: 0 -10px 20px 10px;
		}		
			.vintage #content #touts #newsletter { 
				background: url(/images/tout/tout_newsletter.png) no-repeat left top;
				_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/tout/tout_newsletter.png', sizingMethod='crop');
				_background: none;
				width: 234px;
				height: 188px;
				float: left;
				padding: 0 0 0 25px;
			}
				.vintage #content #touts #newsletter a {
					float: right;
					background: url(/images/btn/btn_sign_up.gif) no-repeat 0 0;
					width: 62px;
					height: 24px;
					position: relative;
					right: 24px;
					text-indent: -9999px;
					top: 98px;
				}
				.vintage #content #touts #newsletter p {
					position: relative;
					color: #C9C8C8;
					font-size: 1.1em;
					line-height: 1.3;
					top: 85px;
					width: 200px;
				}
				.vintage #content #touts #newsletter p.success {
					margin: 10px -15px -5px 0;
					color: #fff;
					width: 234px;
					font-weight: bold;
				} 
				.vintage #content #touts #newsletter input {
					float: left;
					color: #6E6E6E;
					padding: 4px;
					position: relative;
					top: 95px;
					width: 122px;
				}
			.vintage #content #touts #museum { 
				background: url(/images/tout/tout_museum.png) no-repeat left top;
				_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/tout/tout_museum.png', sizingMethod='crop');
				_background: none;
				width: 234px;
				height: 188px;
				float: left;
				padding: 0 0 0 25px;
			}	
				.vintage #content #touts #museum p {
					position: relative;
					color: #C9C8C8;
					font-size: 1.2em;
					line-height: 1.4;
					top: 65px;
					width: 130px;
					left: 3px;
				}
				.vintage #content #touts #museum a {
					position: relative;
					font-size: 1.1em;
					line-height: 1.3;
					top: 82px;
					width: 80px;
					display: block;
					text-indent: -9999em;
				}
			#content #touts a#craftsmanship {
				display: block;
				background: url(/images/tout/tout_handcrafted.png) no-repeat left top;
				_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/tout/tout_handcrafted.png', sizingMethod='crop');
				_background: none;
				width: 263px;
				height: 206px;
				float: left;
			}
			#content #touts a#fine_clocks {
				display: block;
				background: url(/images/tout/tout_fine_clocks.png) no-repeat left top;
				_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/tout/tout_fine_clocks.png', sizingMethod='crop');
				_background: none;
				width: 536px;
				height: 188px;
				float: left;
				margin-top: 11px;
			}
		#content #touts img {
			float: left;
			behavior: url(/javascripts/iepngfix.htc);
		}
				
/* #sidebar
----------------------------------------------------------------------------------------*/
#sidebar {
	float: left;
	width: 188px;
	position: relative;
	z-index: 10;
	margin: -227px -8px 0 -12px;
	padding: 17px 0 0 0;
	background: url(/images/bg/bg_sidebar_category_head.png) no-repeat left top;
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/bg/bg_sidebar_category_head.png', sizingMethod='crop');
	_background: none;
}
.vintage #sidebar,
.landing #sidebar { margin-top: -324px; }
	#sidebar .content {
		background: url(/images/bg/bg_sidebar_category_content.png) no-repeat left bottom;
		_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/bg/bg_sidebar_category_content.png', sizingMethod='scale');
		_background: none;
		zoom: 1;
		padding: 0px 29px 10px 29px;
	}
	#sidebar h2 {
		color: #fff;
		font-size: 1.1em;
		line-height: 1;
		text-transform: uppercase;
		background-position: left bottom;
		background-repeat: no-repeat;
		position: relative;
		border-top: 1px solid #2a2a2a;
		height: 30px;
		text-indent: -1000em;
	}
	
		#sidebar h2 a {
			color: #fff;
			background-position: left bottom;
			background-repeat: no-repeat;
			display: block;
			height: 30px;
		}
		#sidebar h2 a:hover { background-position: left center; }
		#sidebar h2.active a,
		#sidebar h2.active a:hover { background-position: left top; }
		
	#sidebar ul { margin: 0 0 18px 0; }
		#sidebar ul li {
			font-size: 1.1em;
			position: relative;
			line-height: 1;
			margin: 0 0 8px 0;
		}
			#sidebar ul li a {
				color: #a2a1a1;
			}
			#sidebar ul li.active a,
			#container #sidebar ul li.active a:hover { color: #e7da97; }
			
/* .content_utility
----------------------------------------------------------------------------------------*/
.content_utility {
	background: url(/images/bg/bg_content_utility.gif) repeat-x left bottom;
	height: 40px;
	padding: 0 0 0 11px;
	position: relative;
}
	.content_utility .sort {
		float: left;
		margin: 12px 0 0 0;
		width: 200px
	}
		.content_utility .sort label {
			float: left;
			font-size: 1.0em;
			text-transform: uppercase;
			line-height: 1.5;
			color: #dcdcdc;
			width: 58px;
		}
		.content_utility .sort select {
			float: left;
			width: 139px;
			color: #515050;
			_margin-top: -3px;
		}
			.content_utility .sort select option {
			}

		/* custom dropdown
		----------------------------------------------------------------------------------------*/
		span.select {
			position: absolute;
			/*float: left;*/
			left: 0;
			font-size: 1.2em;
			line-height: 1.3;
			*line-height: 1;
			display: block;
			top: -5px;
			margin: 0 0 0 56px;
			width: 148px;
			height: 23px;
			padding: 6px 0 0 13px;
			*padding: 7px 0 0 13px;
			color: #515050;
			background: url(/images/bg/bg_dropdown_custom.gif) no-repeat;
			_background: none;
		}
		
		
		
	.content_utility .paging { float: right; }
		.content_utility .paging ol { float: left; }
			.content_utility .paging ol li {
				float: left;
				line-height: 1.2;
				font-size: 1.3em;
				color: #fff;
				margin: 0 8px 0 0;
				padding: 13px 0 0 0;
			}
			.content_utility .paging ol li.current { font-weight: bold; }
			.content_utility .paging ol li.prev {
				width: 27px;
				height: 27px;
				text-indent: -1000em;
				padding: 7px 0 0 0;
				margin-right: 5px;
			}
				.content_utility .paging ol li.prev a { 
					width: 27px;
					height: 27px;
					display: block;
					background: url(/images/btn/btn_paging_prev.gif) no-repeat left bottom;
				}
			.content_utility .paging ol li.next {
				width: 27px;
				height: 27px;
				text-indent: -1000em;
				padding: 7px 0 0 0;
				margin-right: 0;
			}
				.content_utility .paging ol li.next a {
					width: 27px;
					height: 27px;
					display: block;
					background: url(/images/btn/btn_paging_next.gif) no-repeat left bottom;
				}
				.content_utility .paging ol li a { color: #b5b5b5; }
				#container #wrapper .content_utility .paging ol li a:hover { color: #000; }
				
		.content_utility .paging .btn_view {
			display: block;
			height: 40px;
			width: 71px;
			text-indent: -1000em;
			float: left;
			background: url(/images/btn/btn_paging_view.gif) no-repeat left bottom;
		}
		.content_utility .paging .btn_view:hover { background-position: left top; }
				
/* #content_listing
----------------------------------------------------------------------------------------*/
#content_listing {
	float: left;
	width: 784px;
	border-left: 1px solid #636363;
	margin: 0 0 0 0;
	position: relative;
}
.vintage #listing {
	width: 784px;
	float: left;
	position: relative;
	left: 9px;
}
.vintage #content_listing{
	border: 0;
	float: none;
	/*float: right;
	width: 809px;
	 height: 206px;
	position: relative;
	margin: -17px 0 0 128px;
	_margin: -17px 0 0 68px; */
}
.landing #content_listing {
	border: 0;
	float: right;
	width: 809px;
	position: relative;
	left: 24px;
	margin: -41px 0 0 0;
}

#content_listing ul {}

#content_listing ul li {
  float: left;
  background: url(/images/bg/bg_listing_cat_product.gif) repeat-x left bottom;
  font-size: 1.2em;
  width: 260px;
  height: 233px;
  border-right: 2px solid #686868;
}

#content_listing ul li.last {
  border-right: 0;
}

#content_listing ul li a {
  display: block;
  color: #fff;
}

#content_listing ul li a em { 
  font-style: normal;
  padding: 7px 16px;
  display: block;
}

#content_listing ul li a em span {
  color: #E7DA97;
  font-weight: bold;
}

#content #content_listing ul li a:hover { color: #e7da97; }	
			
/* buttons
----------------------------------------------------------------------------------------*/
.btn_ship_bell {
	display: block;
	height: 27px;
	width: 121px;
	text-indent: -1000em;
	background: url(/images/btn/btn_ship_bell.png) no-repeat;
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/btn/btn_ship_bell.png', sizingMethod='image');
	_background: none;
}
.btn_dl_cat {
	display: block;
	height: 27px;
	width: 162px;
	text-indent: -1000em;
	background: url(/images/btn/btn_dl_catalog.png) no-repeat;
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/btn/btn_dl_catalog.png', sizingMethod='image');
	_background: none;
}