/*----------------------------------------------------------------------------------------
product.css
----------------------------------------------------------------------------------------*/
body { background-image: url(/images/bg/bg_body_product.gif); }

h1 {
	font-size: 1.8em;
	color: #fff;
	line-height: 1.25;
}
h2 {
	color: #efe3a2;
	font-size: 1.5em;
	margin: 0 0 13px 0;
}

/* buttons
----------------------------------------------------------------------------------------*/
.btn_cart {
	text-indent: -1000em;
	display: block;
	width: 150px;
	height: 33px;
	background: url(/images/btn/btn_add_cart.gif) no-repeat left bottom;

}
.btn_cart:hover { background-position: left top; }

.btn_product_opts {
	text-indent: -1000em;
	display: block;
	width: 205px;
	height: 33px;
	background: url(/images/btn/btn_product_options.gif) no-repeat left bottom;
	margin: 0 5px 0 -5px;
	float: left;
}
.btn_product_opts:hover { background-position: left top; }
.btn_cart:hover { background-position: left top; }

.btn_update {
	text-indent: -1000em;
	display: block;
	width: 148px;
	height: 40px;
	background: url(/images/btn/btn_update_overlay.gif) no-repeat left bottom;
}
.btn_update:hover { background-position: left top; }

.spinner {
	float: left;
}

/* #content
----------------------------------------------------------------------------------------*/
#wrapper {
}

#content {
	padding-top: 12px;
	padding-left: 100px;
	padding-right: 100px;
	margin: 0 -100px;
	background: url(/images/bg/bg_product_top.gif) no-repeat center top;
}	
	#content #content_head {
		border-bottom: 1px solid #2d2d2d;
		height: 54px;
		margin: 0 0 12px 0;
		position: relative;
	}
		#content #content_head h1 { 
			width: 327px;
			position: absolute;
			bottom: 10px;
			left: 0;
		}
		#content #content_main #content_head p { 
			font-size: 1.5em;
			color: #c7be8d;
			line-height: 1;
			position: absolute;
			right: 0;
			bottom: 12px;
			margin: 0;
		}
	#content #content_main {
	}
		#content #product_top { margin: 0 0 40px 0; }
			#content #product_top .col_a {
				float: left;
				width: 525px;
			}
			#content #product_top .col_b {
				float: right;
				position: relative;
				width: 404px;
				height: 386px;
				margin: -10px 0 0 0;
			}
				#content #product_top .col_b p { 
					margin: 0 0 20px 0; 
					color: #6f6f6f;
				}
  #content #content_head_usual {
		height: 54px;
		margin: 0 0 12px 0;
		position: relative;
	}
		#content #content_head_usual h1 {
			width: 327px;
			position: absolute;
			bottom: 10px;
			left: 0;
		}
		#content #content_main #content_head_usual p {
			font-size: 1.5em;
			color: #c7be8d;
			line-height: 1;
			position: absolute;
			right: 0;
			bottom: 12px;
			margin: 0;
		}
  #content #content_head_special {
		border-bottom: 1px solid #2d2d2d;
		height: 16px;
		margin: 0 0 12px 0;
		position: relative;
	}
		#content #content_head_special h1 {
			width: 327px;
			position: absolute;
			bottom: 10px;
			left: 0;
			color: #c7be8d;
      font-weight: bold;
		}
		#content #content_main #content_head_special p {
			font-size: 1.5em;
			color: #c7be8d;
			line-height: 1;
			position: absolute;
			right: 0;
			bottom: 12px;
			margin: 0;
      font-weight: bold;
		}
	
/* #product_config
----------------------------------------------------------------------------------------*/
#product_config {  

}
	#product_config .fields {
		background: #232323;
		padding: 13px 16px 14px 16px;
	}
	#product_config .field { 
		padding: 0 0 12px 0;
		float: left;	
		width: 185px;
	}
		#product_config .field.alt { 
	
		}
		#product_config .field h3 {
			float: left;
			color: #726f6f;
			font-size: 1.2em;
			line-height: 1.5;
			margin: 0 9px 0 0;
			text-transform: uppercase;
		}
		#content #product_config .field p {
			float: left;
			font-size: 1.2em;
			color: #b6b6b6;
			margin: 0;
			width: 116px;
		}
		#product_config .submit {
			border-top: 1px solid #3a3a3a;
			padding: 13px 0 0 0;
			margin: 23px 0 0 0;
			position: relative;
		}
			#product_config .submit .field { 
				position: absolute;
				left: 0;
				top: 0;
				margin: 18px 0 0 160px;
				width: 274px;
			}
				#product_config .submit .field  input {
					width: 13px;
					height: 13px;
					float: left;
					margin: 3px 6px 0 0;
					font-size: 1.0em;
				}
				#product_config .submit .field label {
					text-transform: none;
					color: #aaa;
					font-size: 1.1em;
					float: left;
					margin: 3px 0 0 0;
					line-height: 1.3;
					font-weight: normal;
				}
				#product_config .submit .btn_cart {
					float: left;
					margin: 0 8px 0 0;
					width: 150px;
					height: 33px;
					position: relative;
					z-index: 2;
				}
			
/* #overlay_options
----------------------------------------------------------------------------------------*/
#overlay_options {
	width: 875px;
	background: url(/images/bg/bg_overlay_875_head.png) no-repeat left top;
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/bg/bg_overlay_875_head.png', sizingMethod='crop');
	_background: none;
	padding: 44px 0 0 0;
}
	#overlay_options .overlay_content {
		background: url(/images/bg/bg_overlay_875_content.png) no-repeat left bottom;
		_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/bg/bg_overlay_875_content.png', sizingMethod='scale');
		_background: none;
		zoom: 1;
		padding: 0 28px 40px 28px;
	}
	#overlay_options h4 {
		color: #000;
		font-size: 2.1em;
		font-weight: bold;
		float: left;
		line-height: 1;
	}
		#overlay_options .overlay_head { padding: 0; }
			#overlay_options .overlay_head .close {
				float: right;
				display: block;
				text-indent: -1000em;
				background: url(/images/btn/btn_close_overlay_options.gif) no-repeat;
				width: 26px;
				position: relative;
				height: 24px;
			}
		#container #wrapper #overlay_options p {
			font-size: 1.4em;
			color: #4c4c4c;
			width: auto;
			float: none;
			display: block;
			margin: 0 0 17px 0;
		}
		#overlay_options .overlay_body { 
			padding: 4px 0 0 0; 
			position: relative; 
		}
		#overlay_options .options {
			border-top: 2px solid #747474;
			background: #b3b3b3;
			margin: 0 0 25px 0;
			position: relative;
		}
			#overlay_options .options .type {
				border-bottom: 1px solid #9d9d9d;
				padding: 15px 14px;
				position: relative;
			}
			#overlay_options .options .type#base{ 
				padding-bottom: 0;
				height: 80px;
			}
			#overlay_options .options .type#size { border-bottom: 0; }
				#overlay_options .options .type h5 {
					text-transform: uppercase;
					color: #515151;
					font-size: 1.2em;
					float: left;
					font-weight: bold;
					width: 132px;
					background-repeat: no-repeat;
					background-position: left bottom;
					height: 12px;
					text-indent: -1000em;
					margin: 10px 0 0 0;
				}
				#overlay_options .options .type#base h5 { background-image: url(/images/hdr/hdr_choose_base.gif); }
				#overlay_options .options .type#finish h5 { background-image: url(/images/hdr/hdr_choose_finish.gif); }
				#overlay_options .options .type#hinge h5 { background-image: url(/images/hdr/hdr_choose_hinge.gif); }
				#overlay_options .options .type#size h5 { background-image: url(/images/hdr/hdr_choose_size.gif); }
				#overlay_options .options .type#bezel h5 { background-image: url(/images/hdr/hdr_choose_bezel.gif); }
				#overlay_options .options .type#dial h5 { background-image: url(/images/hdr/hdr_choose_dial.gif); }
				#overlay_options .options .type#movement h5 { background-image: url(/images/hdr/hdr_choose_movement.gif); }
				
				#overlay_options .options .type ul { 
					float: left;
					width: 679px;
					margin: 0 -20px 0 0;
				}	
					#overlay_options .options .type ul li {
						float: left;
						font-size: 1.2em;
						margin: 0 16px 0 0;
					}
					#overlay_options .options .type ul li.highlight { /* border: 2px solid white; */ }
					#overlay_options .options .type ul.thumbs li { 
						margin: 0 10px 14px 0; 
					} 
						#overlay_options .options .type ul.thumbs li img {} 
						#overlay_options .options .type ul.thumbs li.highlight img { margin: 1px 0 0 1px; } 
						#overlay_options .options .type ul li em {
							display: block;
							float: left;
							height: 31px;
							color: #fff;
							font-weight: bold;
							position: relative;
							font-style: normal;
						}
						#overlay_options .options .type ul.thumbs li em {
							height: 62px;
							width: 87px;
						}
							#overlay_options .options .type ul li .icon img {
								float: left;
								border-left: 1px solid #b3b3b3;
								border-bottom: 1px solid #b3b3b3;
								border-top	: 1px solid #b3b3b3;
							}
							#overlay_options .options .type ul li span {
								float: left;
								height: 29px;
								display: block;
								background-color: #808080;
								color: #fff;
								line-height: 2.4;
								padding: 0 18px;
								font-weight: bold;
								border: 1px solid #b3b3b3;
							}
							#overlay_options .options .type ul li.inactive span {
								background: transparent;
								border: 1px solid #929292;
								color: #7a7777;	
								padding-left: 19px;
							}
							#overlay_options .options .type#finish ul li.inactive span { border-left: 0; }

						#overlay_options .options .type ul li.highlight em {
							color: #000;
							border: 3px solid #fff;
							margin: -3px;
						}

						
						#overlay_options .options .type ul.thumbs li.highlight em {
							border-bottom-width: 3px; 
							margin: -4px -2px -4px -4px;
						}
						
						#overlay_options .options .type ul.thumbs li.highlight a img,
						#overlay_options .options .type ul.thumbs li.highlight a:hover img, 
						#overlay_options .options .type ul.thumbs li a:hover img { border: 1px solid #b3b3b3; }
						
						#overlay_options .options .type ul li.inactive .icon img,
						#overlay_options .options .type ul.thumbs li.inactive img {
							filter:alpha(opacity=20);
							-moz-opacity:0.2;
							-khtml-opacity: 0.2;
							opacity: 0.2;
						}
							#overlay_options .options .type ul li.highlight em span {
								background: url(/images/bg/bg_option_type.gif) repeat-x left bottom;
								color: #000;
							}
	#overlay_options .submit {
		border: 0;
		margin: 0;
		padding: 0;
		position: relative;
	}	
		#overlay_options .submit .btn_update {
			float: left;
			position: relative;
			margin: 0 12px 0 -3px;
		}
		#overlay_options .submit h6 {
			float: left;
			line-height: 1;
			font-size: 1.6em;
			color: #454545;
			margin: 11px 0 0 0;
		}
			#overlay_options .submit h6 em {
				font-style: normal;
				font-weight: bold;
				color: #000;
				margin: 0 0 0 8px;
			}
		#overlay_options .submit .close {
			float: right;
			font-size: 1.3em;
			line-height: 1.2;
			color: #4b4b4b;
			margin: 7px 0 0 0;
			background: #aaa;
			padding: 4px 10px;
		}
		#container #overlay_options .submit .close:hover { color: #000; }
		
/* #overlay_chimes
----------------------------------------------------------------------------------------*/
#overlay_chimes {
}			
	#container #overlay_chimes ul li {
		float: left;
		text-indent: 0;
		height: auto;
		width: 150px;
		font-size: 1.2em;
		color: #888;
		margin: 0 0 12px 0;
	}	
		#overlay_chimes .overlay_body { 
			padding-right: 35px;	
			_padding: 15px 0 20px 23px; 
		}	
		#overlay_chimes .overlay_body ul li object {
			float: left;
			position: relative;
			margin: 0 7px 0 0;
		}
		#overlay_chimes .overlay_body ul li h4 {
			float: left;
			position: relative;
			margin: 2px 0 0 0;
		}
	#overlay_chimes .content_story table { 
		width: 100%; 
		_width: 310px; 
		position: relative;
		_float: left; 
	}
	#overlay_chimes .content_story table col.col1 { width: 20px; }
	#overlay_chimes .content_story table th { padding: 0 8px; }
	#overlay_chimes .content_story table td { padding: 6px 8px; }
	/*#overlay_chimes .content_story table td.first { width: 17px; }*/
	
/* #product_utility
----------------------------------------------------------------------------------------*/
#product_utility { 
	margin: 0 0 0 -12px; 
	position: absolute;
	bottom: 0;
	}
	#product_utility ul {}
		#product_utility ul li {
			float: left;
			height: 36px;
			text-indent: -1000em;
		}
			#product_utility ul li a {
				background-position: left bottom;
				background-repeat: no-repeat;
				height: 36px;
				display: block;
			}
			#product_utility ul li#utility_zoom {
				background: url(/images/btn/btn_utility_zoom.gif) no-repeat left bottom;
				width: 134px;
			}
			#product_utility ul li#utility_hear a {
				background-image: url(/images/btn/btn_utility_hear.gif);
				width: 134px;
			}
			#product_utility ul li#utility_download a {
				background-image: url(/images/btn/btn_utility_download.gif);
				width: 124px;
			}
			#product_utility ul li a:hover { background-position: left top; }
			
/* #tabs
----------------------------------------------------------------------------------------*/
#tabs {}
	#tabs .togglers { 
		margin: 0 0 -2px 0; 
		position: relative;
		z-index: 1;
	}
		#tabs .togglers li {
			float: left;
			text-transform: uppercase;
			margin: 0 5px 0 0;
			font-size: 1.2em;
			line-height: 2.5;
		}
		#tabs .togglers li.active { z-index: 2; }
			#tabs .togglers li a {
				display: block;
				height: 30px;
				background: url(/images/bg/bg_tab_product.gif) repeat-x left bottom;
				color: #b3b3b3;
				float: left;
				padding: 0 50px;
			}
			#tabs .togglers li a:hover { color: #ddd; }
			#tabs .togglers li.active a {
				background-position: left top;	
				color: #fff;
			}
	#tabs .tab_content {
		display: none;
		background: #616161 url(/images/bg/bg_tab_content_product.gif) repeat-x left top;
		border-top: 2px solid #717171;
		padding: 25px 50px 38px 50px;
		min-height: 150px;
		height: auto;
		_height: 150px;
		position: relative;
	}
	#tabs .tab_content#tab_three {
		padding: 18px 25px;
	}
		#tabs .tab_content .col_a {
			float: left;
			width: 550px;
			_width: 500px;
		}
			#content #product_top .col_a img { }
		#tabs .tab_content .col_b {
			float: right;
			width: 238px;
			padding: 11px 0 0 0;
		}
	#tabs .tab_content.active { display: block; }
	#tabs .tab_content p {
		color: #fff;
		margin: 0 0 16px 0;
		line-height: 1.6;
		width: 100%;
	}
		#tabs .tab_content p a { color: #EFE3A2; }
		#content #tabs .tab_content p a:hover { color: #bbb; }
	
#engraving {}
	#engraving h2 {
		font-size: 1.9em;
		margin-bottom: 11px;
	}
	#engraving h3 {
		color: #cfcfcf;
		line-height: 1;
		font-size: 1.8em;
		margin: 0 0 23px 0;
	}	
	#engraving h4 {
		color: #fff;
		line-height: 1.3;
		font-size: 1.3em;
		margin: 0 0 8px 0;
		padding: 0 0 0 0;
		font-weight: bold;
	}	
	#engraving img { border: 3px solid #9c9c9c; }
	#engraving .content_head {
		border-bottom: 1px solid #818080;
		margin: 0 0 26px 0;
		padding: 0 0 20px 0;
	}
		#engraving .content_head .col_a {
			width: 385px;
			margin: 0 17px 0 0;
		}
		#engraving .content_head .col_b {
			float: left;
			width: 455px;
			padding: 0;
		}
	#engraving .col {
		margin: 0 0 24px 0;
	}
	#engraving .col.lead {
		border-bottom: 1px solid #818080;
		padding: 0 0 20px 0;
	}
		#container #engraving .col .col_a {
			float: left;
			width: 208px;
		}
		#container #engraving .col .col_b {
			float: left;
			padding: 0;
			width: 500px;
		}
	#engraving .col.alt { margin-right: 0; }
		
/* .module_process
----------------------------------------------------------------------------------------*/
.module_process {}	
	.module_process #module_utility { 
		position: static; 
		border-bottom: 1px solid #949494;		
		padding: 0 0 8px 0;
	}
		.module_process #module_utility .content { float: none; }
		.module_process #module_utility .btns { 
			float: right;
			margin: 4px 0 0 0;
		}
		.module_process #module_utility p { 
			float: left; 
			font-size: 1.3em;
			color: #cfcfcf;
			margin: 0;
			line-height: 1.4em;
			width: 600px;
		}
		.module_process #module_utility a {
			height: 29px;
			width: 27px;
		}
		.module_process #module_utility a#btn_prev { background-image: url(/images/btn/btn_scroll_left_alt.gif); }
		.module_process #module_utility a#btn_next { background-image: url(/images/btn/btn_scroll_right_alt.gif); }
	.module_process .overflow {
		width: 909px;
		height: 248px;		
		border-bottom: 1px solid #949494;
	}
	.module_process #steps {  height: 247px; }
	.module_process .step {
		width: 741px;
		height: 247px; 
		border-color: #808080;
		margin: 0 28px 0 0;
	}
	.module_process .step.last { 
		margin: 0;
		border: 0;
	}
	.module_process .fade {
		background: url(/images/bg/bg_fade.png) no-repeat;
		_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/bg/bg_fade.png', sizingMethod='image');
		_background: none;
		width: 145px;
		height: 213px;
		position: absolute;
		right: 0;
		_right: -1px;
		margin: 18px 0 0 0;
		z-index: 100;
	}
		.module_process .step img {
			position: static;
			filter:alpha(opacity=100);
			-moz-opacity: 1.0;
			-khtml-opacity: 1.0;
			opacity: 1.0;
			border: 3px solid #9c9c9c;
			cursor: default;
		}	
		.module_process h2 {
			color: #fff;
			font-size: 1.9em;
		}
			.module_process h2 em {
				font-style: normal;
				color: #efe3a2;
			}
		.module_process .step p {
			font-size: 1.2em;
			margin: 0 0 8px 0;
		}
		#tabs .module_process .step .col_a {
			width: 235px;
			margin: 0 22px 0 0;
			float: left;
			padding: 18px 0 0 0;
		}
		#tabs .module_process .step .col_b {
			width: 435px;
			float: left;
			padding: 18px 0 0 0;
		}
	
/* zoom
----------------------------------------------------------------------------------------*/
.zoom_box {
	position: absolute;
	z-index: 999;
	top: 115px;
	margin: 0 0 0 538px;
	overflow: hidden;
	background: url(/images/bg/bg_zoom_box_lrg.png) no-repeat left top;
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/bg/bg_zoom_box_lrg.png', sizingMethod='image');
	_background: none;
	width: 437px;
	height: 408px;
}
	.zoom_box .content {
		width: 382px;
		height: 349px;
		position: absolute;
		overflow: hidden;
		margin: 29px 0 0 26px;
	}
	
.zoom_image {
	position: absolute;
	left: -1000px; 
	top: -1000px;
}
.product_image_box { 
	width: 496px;
	height: 353px;
	margin: 9px 0 0 0;
}	
	.product_image_box .product_image {	
		border: 3px solid #a9a9a9;
		
	}

#magnify {
	position: absolute;
	z-index: 10;
	background: url(/images/bg/bg_zoom_magnify.png) no-repeat left top;
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/bg/bg_zoom_magnify.png', sizingMethod='image');
	_background: none;
	width: 73px;
	height: 68px;
	text-indent: -1000em;
	top: 0;
	left: 0;
	border: 2px solid #545454;
}

/* Error message
----------------------------------------------------------------------------------------*/
#error {
  font-size: 1.8em;
  color: #cfcfcf;
  text-align: center;
  padding-top: 135px;
  padding-bottom: 150px;
}