/**********************************************************
product.css
**********************************************************/

/*  layout
**********************************************************/
#product #belly {
	padding-left: 14px;
	padding-right: 0;
}
#product #left {
	float: left;
	width: 367px;
	margin: 0 20px 0 0;
}
	#product #left img.feature {
		background: url(/images/ins.main.pic.bg.gif) top left no-repeat;
		margin: 0 0 0 0;
		padding: 3px 3px 10px 3px;
		height: 271px;
		width: 358px;
	}
	#product #left h2 {
		border-bottom: 1px solid #d8dce1;
		font: bold 12px verdana;
		color: #0f3f8f;
		margin: 0 0 9px 0;
		padding: 0 0 9px 0;
	}
	#product #left h2 img {
		background: none;
		float: right;
	}
	#product #left h2 span {
		float: left;
		padding: 4px 0 0 0;
	}
	#product .tableWrap {
		padding: 14px 0;
		margin: 18px 0 30px 0;
		background-color: #f3f3f3;
	}
		#product #left div.tableWrap p {
			background-position: 0 15px;
			padding-top: 15px;
			position: relative;
			left: 18px;
		}
		#product table {
			font: 10px verdana;
			margin: 0 auto;
			background-color: #f3f3f3;
			width: 333px;
			padding: 14px 0 0 0;
		}
			#product table thead {
				font: bold 12px verdana;
				color: #666;
			}
				#product table thead td{
					height: 25px;
				}
			#product table tbody td {
				height: 27px;
				padding: 0  0 0 8px;
				vertical-align: middle;
			}
			#product table tbody tr.white td {
				background-color: #fff;
			}
			#product table tbody tr:first-child td{
				border-bottom: 1px solid #ced1d7;
				height: 20px;
			}
			#product table tbody span {
				font-weight: bold;
			}
			
/*  gondolaGuy
**********************************************************/
.gondolaGuy {
	background: url(/images/gondola.guy.btm.gif) bottom left no-repeat;
	width: 365px;
	position: relative;
	z-index: 3px;
	height: auto;
	margin: 24px 0 0 0;
	padding: 0 0 25px 0;
}
	#product #left div.gondolaGuy div {
		background: url(/images/gondola.guy.top.gif) top left no-repeat;
		width: 365px;
		padding: 50px 0 0 0;
	}
		#product #left div.gondolaGuy p {
			background: none;
			font: 12px verdana;	
			color: #777;
			margin:0 110px 0 30px;
			padding: 0;
			line-height: 17px;
			position: relative;
		}
	
		#product #left div.gondolaGuy ul {
			font: 12px verdana;	
			color: #777;
			padding:0 110px 0 31px;
			line-height: 17px;
			position: relative;
		}
			#product #left div.gondolaGuy ul li{
				display:block;
				margin: 0 0 8px 0;
			}

/* *********************************************************
 gondolaGuy*/
	#product #left p {
		font: 12px verdana;
		margin: 0 0 0 0;
	}
	#product #left div.clearfix {
		height: 59px;
		padding: 0;
	}
	#product #left div p {
		background: url(/images/icon.pdf.gif) no-repeat 0 25px;
		padding: 0 0 0 18px;
		padding:25px 0pt 0pt 18px;
		color: #2e5e97;
		clear:both;
		display:block;
		_height: 21px;
	}
		#product #left div p a {
			color: #2e5e97;
			text-decoration: none;
			border-bottom: 1px solid #b9d1ec;
		}
			#product #left p a img {
				background: url(/images/prod.thumb.mini.bg.gif) top left no-repeat;
				padding: 4px;
				margin: 0 10px 0 0;
				float: left;
			}
			#product #left p a:hover img {
				background: url(/images/prod.thumb.mini.bg.hov.gif) top left no-repeat;
			}
			#product #left p a:hover {
				color: #2a2f38;
			}
#product .subContainer {
	width: 524px;
	float: left;
	font-size: 11px;
}
#product .subContainer h1{
	font: bold 20px verdana;
	color: #00173d;
	margin: 0 0 17px 0;
}
	#product .subContainer h3 {
		border-bottom: 1px solid #d8dce1;
		font: bold 12px verdana;
		color: #0f3f8f;
		padding: 28px 2px 7px 2px;
		margin: 0 0 18px 0;
		position:relative;
	}
		#product .subContainer h3 span{
			font: normal 11px Verdana;
			color: #999;
			position: absolute;
			right: 0;
			_right: 8px;
		}
#product .subContainer p {
	font: 12px verdana;
	color: #313131;
	margin: 0 0 15px 1px;
}
	#product .subContainer p a{
		color: #2e5e97;
		margin: 0 0 0 14px;
}
	#product #breadCrumb {
		border-bottom: 1px solid #e0e0e0;
		margin: 0 0 20px 0;
		padding-left: 0;
	}
#product .swatchBox {
	margin: 0 0 0 4px;
}			
	#product .swatchBox div {
		padding-top: 28px;
	}
	#product .swatchBox div.clearfix { padding-top: 0; }
	#product .swatchBox div.desc {
		margin: 10px 0 20px 0;
		padding: 0;
		font: 11px verdana;
	}
		#product .swatchBox p {
			font: 12px verdana;
			color: #666;
			line-height: 18px;
		}
		#product .swatchBox div ul {
			font: 12px verdana;
			color: #666;
			line-height: 18px;
			list-style-type: normal;
		}
			#product .swatchBox div ul li {
				list-style-type: normal;
				background: url(/images/bullet.gif) 0 8px no-repeat;
				display: inline-block;
				width: 100%;
				margin: 0 0 8px 0;
				padding: 0 0 0 13px;
			}
		#product .swatchBox div ol {
			font: 12px verdana;
			color: #666;
			line-height: 18px;
			list-style-type: decimal;
			padding: 0 0 0 15px;
		}
			#product .swatchBox div ol li {
				/*background: none;*/
				padding: 0 0 0 0;
				margin: 0 0 8px 0;
				position: relative;
				_list-style-position: inside;
				_position: relative;
				_left: -15px;
			}
			*:first-child+html #product .swatchBox div ol {
				padding-left: 0;
			}
			*:first-child+html #product .swatchBox div ol li {
				list-style-position: inside;
			}

	#product .swatchBox .swTrig {
		width: 48px;
		height: 27px;
		float: left;
		margin: 0 4px 4px 0;
		padding: 0;
	}
	#product .swatchBox .swTrig div {
		position:absolute;
		padding: 0;
		margin: -170px 0 0 -90px;
		z-index: 99999;
		width: 136px;
		height: 144px;
		cursor: pointer;
	}	
	#product .swatchBox .swTrig div.largeThumb {
		margin: 0;
	}
	#product .swatchBox .swTrig.active div {
		display: block;
	
	}	
	#product .swatchBox .swTrig div span strong {
		font: bold 11px verdana;
		color: #000;
		display: block;
		padding:  5px 0 0 8px;
	}
	#product .swatchBox .swTrig div span em {
		font: italic 9px verdana;
		color: #666;
		display: block;
		padding: 0 0 0 8px;
	}
	#product .swatchBox .swTrig div span img {
		position:relative;
		margin: 8px 0 0 8px;
	}
	#product .swatchBox .swTrig div span {
		background: url(/images/swatch.bubble.png) top left no-repeat;
		_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/swatch.bubble.png',sizingMethod='image');
		_background: none;
		position: absolute;
		width: 136px;
		height: 144px;
		top: 20px;
	}	
	#product .swatchBox .swTrig div span a { position: relative; text-decoration: none;}
	
	#product .swatchBox .swTrig div .largeThumb {
	/*
		background: url(/images/prod.main.lg.bg.png) no-repeat;
		_background: url(/images/prod.main.lg.bg.gif) no-repeat;
	

		position: absolute;
		width: 652px;
		height: 526px;
	*/
		left: -10px;
		top: 100px;
		background: none;
		width: 652px;
		height: 526px;
		position: absolute;
	}
		#product .swatchBox .swTrig div .largeThumb .wrap {
			background: transparent url(/images/prod.main.lg.bg.png) no-repeat;
			_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/prod.main.lg.bg.png', sizingMethod='image');
			_background: none;
			width: 652px;
			height: 526px;
		}
	#product .swatchBox .swTrig div .largeThumb img {
		position: relative; 
		top: 30px;
		left: 30px;
		z-index: 5;
	}
	#product .swatchBox .swTrig div .largeThumb .xClose {
		float: right;
		position: relative;
		left: -30px;
		z-index: 10;
	}	
/*  tabs
**********************************************************/
#product .featureBox  ul.togglers {
	height: 36px;
	z-index: 10;
	margin: 0 0 -5px 1px;
	position: relative;
}
	#product .featureBox  ul.togglers li {
		float: left;
		height: 36px;
	}
		#product .featureBox ul.togglers li a {
			text-decoration: none;
			font: 10px verdana;
			text-align: center;
			display: block;
			height: 36px;
			overflow: hidden;
		}
			#product .featureBox ul.togglers a span {
				text-decoration: none;
				font: 11px verdana;
				position: relative;
				line-height: 40px;
			}
			#product .featureBox  a.link1 {
				background:  url(/images/feat.tab.bg.off.gif) top left no-repeat;
				width: 174px;
				color: #587bb4;
			}
			#product .featureBox a.link2 {	
				background:  url(/images/feat.tab.bg.off.gif) top left no-repeat;
				width: 175px;
				z-index: 3;
				color: #587bb4;
			}
			#product .featureBox a.link3 {
				background:  url(/images/feat.tab.bg.off.gif) top left no-repeat;
				width: 175px;
				z-index: 3;
				color: #587bb4;
			}
				#product .featureBox  .active a.link1,#product .featureBox  .active a.link2,#product .featureBox  .active a.link3 {
					background:  url(/images/feat.tab.bg.on.gif) top left no-repeat;
					color: #454545;
				}
				#product .featureBox a.link1:hover,#product .featureBox .active a.link2:hover,#product .featureBox .active a.link3:hover {
					color: #777;
				}
				#product .featureBox a.link1:hover,#product .featureBox a.link2:hover,#product .featureBox a.link3:hover {
					color: #777;
				}
		#product .featureBox .tabContent {
			/*background: url(/images/prod.feat.main.bg.new.gif) bottom left repeat-x;*/
			padding: 0;
			position: relative;
			z-index: 0;
		}
		#product .featureBox .tabContent#mostPop div {
			margin: 0 0 0 10px;
		}

	#product .featureBox {
		font: 12px verdana;
	}
	#product .featureBox h4{
		font: bold 12px verdana;
		color: #0f3f8f;
		margin: 0 0 10px 4px;
		padding: 0 0 10px 0;
		border-bottom: 1px solid #d7d7d7;
}
			#product .featureBox  ul.listing.ind {
				padding: 10px 0 25px 0;
				float: left;
				width: 245px;
			}
				#product .featureBox  ul.listing.ind li {
					background: url(/images/bullet.gif) 0 9px no-repeat;
					padding: 0 0 0 13px;
					height: auto;
					margin: 0 35px 0 0;
					font: 12px verdana;
					list-style-type: none;
	
				}
					#product .featureBox ul.listing li a {
						text-decoration: none;
						color: #2e5e97;
						border-bottom: 1px solid #b9d1ec;
						line-height: 22px;
					}
					#product .featureBox ul.listing li a:hover {
						color: #cc0000;
						background: none;
					}
		#product .featureBox .tabContent .bottom {
			color: #2e5e97;
			padding: 0;
		}
			#product .featureBox .tabContent .bottom a {
				border-bottom: 1px solid #b9d1ec;
				font: 12px verdana;
				width: auto;
				height: auto;
				color: #2e5e97;
				background: none;
				display: inline;
				margin: 0;
			}
		#product .featureBox .tabContent .bottom a:hover {
			color: #2a2f38;
			font: 12px verdana;
			width: auto;
			height: auto;
			background: none;
			display: inline;
		}
		#product .tabContent ul.listing {
			margin: 0;
			padding: 8px 0 0 0;
		}
		#product .tabContent ul.listing li {
			float: left;
			padding: 0 55px 0 8px;
			_padding: 0 50px 0 8px;
			/*border-bottom: 1px solid #d7d7d7;*/
			position: relative;
		}		
			#product .featureBox .tabContent ul.listing li a img {
				width: 120px;
				height: 90px;
				margin: 0 auto 0 auto;
				position: relative;
				padding: 0;
				top: 6px;
				left: 1px;
			}
				#product .featureBox .tabContent ul.listing li a {
					background: url(/images/mid.size.thumb.bg.png) top left no-repeat;
					_background: none;
					_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/mid.size.thumb.bg.png',sizingMethod='image');
					display: block;
					color: #000;
					text-decoration: none;
					margin-bottom: 18px;
					width: 130px;
					height: 129px;
					position:relative;
					border: 0;
				}
				#product .featureBox .tabContent ul.listing li a:hover {
					background: url(/images/mid.size.thumb.bg.on.png) top left no-repeat;
					_background: none;
					_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/mid.size.thumb.bg.on.png',sizingMethod='image');
					color: #214698;
				}
					#product .featureBox .tabContent ul.listing li a span {
						padding: 5px 0 0 22px;
						line-height: 22px;
						font: 11px verdana;
						position: relative;
						top: 20px;
						float: left;
					}

/*  info pops
**********************************************************/
#product #infoPop {
/*
	background: url(/images/prod.main.lg.bg.png) no-repeat;
	_background: url(/images/prod.main.lg.bg.gif) no-repeat;
*/
	margin: 0 auto;
	background: none;
	width: 652px;
	height: 526px;
	position: absolute;
	margin-left: -270px;
}	
	#product #infoPop .wrap {
		background: transparent url(/images/prod.main.lg.bg.png) no-repeat;
		_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/prod.main.lg.bg.png', sizingMethod='image');
		_background: none;
		width: 652px;
		height: 526px;
		padding: 1.0em 0 0 0;
	}
	#product #infoPop .t-bar {
		margin: 0;
		padding: 0;
		width: auto;
		background: transparent;
		padding: 9px 26px 0 24px;
		position: relative;
	}
	#product #infoPop img#popSrc {
		position: relative;
		top: 8px; 
		left: 25px;
		width: 601px;
		height: 453px;
	}
	#product #infoPop h3 {
		font: 12px verdana;
		color: #666;
		float: left;
		line-height: 20px;
	}
	#product #infoPop img{
		
		position: relative;
	}	
	#product #infoPop a.close {
		float: right;
		display: block;
		width: 22px;
		height: 21px;
	}
	#product #infoPop a.close img{
		width: auto;
	}