/*======================================================================
	CARHARTT: WebLinc CSS for product detail pages
	--------------------------------------------------------------------

	Add any notes here
	
----------------------------------------------------------------------*/
/*======================================================================
	CLEARFIX
----------------------------------------------------------------------*/
.wl-clearfix
{
	display: block;
	*zoom: 1;
}

.wl-clearfix:after
{
	content: ".";
	display: block;
	height: 0.1px;
	clear: both;
	font-size: 0;
	visibility: hidden;
}

/*======================================================================
	WRAP
----------------------------------------------------------------------*/
.wl-wrap
{
	background: #fff;
}

/*
Added the 2 lines below on 2010-07-07 to fix a CSS conflict
within the alt images carousel on the staging site. Need
to over-ride CSS embedded in the HTML.
*/
.wl-wrap a img{padding:0!important;}
.wl-wrap .selected{border:none!important;}

/*======================================================================
	HEADER
----------------------------------------------------------------------*/
.wl-header
{
	padding: 15px 15px 0;
}

	.wl-header h2,
	.wl-header p
	{
		margin: 0;
		padding: 0;
		color: #3f2005;
		font-size: 1.075em;
	}

/*
	.wl-header a
	{
		color: #3f2005;
	}
	
	.wl-header h2
	{
		margin-right: 10px;
		width: 100px;
		float: left;
	}
	
	.wl-header .wl-nav
	{
		width: 340px;
		float: left;
	}
*/
	
	.wl-videos
	{
		padding: 11px 0 0;
		width: 115px;
		float: left;
	}
	
		.wl-videos a
		{
			display: block;
			padding-left: 35px;
			min-height: 16px;
			_height: 16px;
			font-size: 1.1em;
			color: #121212;
			background: url(../images/ico_video.png) no-repeat;
		}
	
	.wl-codes
	{
		margin: 0 16px 0 0;
		padding: 1px;
		width: 115px;
		float: left;
		text-align: center;
		background-color: #cc8a54;
	}
	
		.wl-codes table
		{
			width: 100%;
			font-size: 0.9em;
			border-collapse: collapse;
			border: 1px solid #fff;
		}
		
			.wl-codes th
			{
				padding: 2px 0 3px;
				background-color: #e7aa0c;
				border: 1px solid #fff;
			}
			
				.wl-codes th sup
				{
					font-size: 0.5em;
					vertical-align: text-top;
				}
			
			.wl-codes td
			{
				padding: 2px 0;
				color: #fff;
				background-color: #eab600;
				border: 1px solid #fff;
			}

	.wl-header .wl-ct
	{
		padding: 0px 0 0;
		width: 290px;
		float: right;
		font-weight: bold;
	}

/*======================================================================
	MAIN
----------------------------------------------------------------------*/
.wl-main
{
	margin: 0 5px;
	padding: 5px;
	background-color: #fff;
}

/*---------------------------------
	ROW 1
---------------------------------*/
.wl-row-1
{
	padding: 10px 0;
}

/*---------------------------------
	ROW 1 COL 1
---------------------------------*/
.wl-row-1 .wl-col-1
{
	padding: 0 0 0 5px;
	/*width: 445px;*/
	width: 425px;
	float: left;
}

	.wl-tags
	{
		padding: 0 0 10px;
		text-align: right;
		cursor: default;
	}
	
		.wl-tags img
		{
			margin-left: 19px;
		}

	.wl-colwrap
	{
		padding: 0 0 15px 50px;
	}

	.wl-img-primary
	{
		
	}
	
		.wl-img-primary img
		{
			display: block;
			
			
		}
	
	.wl-img-alt
	{
		padding: 0 0 0 50px;
	}
	
	.js .wl-img-alt
	{
		*height: 60px; /* Fix tabs in IE7 */
		*overflow: hidden; /* Fix tabs in IE7 */
	}
	
		.wl-img-alt h3
		{
			_display: inline;
			margin: 0 0 0 0;
			padding: 0;
			width: 50px;
			float: left;
			color: #373737;
			font-weight: normal;
			font-size: 1.075em;
			*font-size: 1.3em;
		}
		
		.wl-crsl-wrap
		{
			position: relative;
			float: left;
		}
		
			.wl-crsl-btn
			{
				text-indent: -999em;
				cursor: pointer;
			}			
			.wl-crsl-btn-next
			{
				background: url(../images/CarharttNew/aero-down01.png) left center no-repeat;
			}
			.wl-crsl-btn-prev
			{
				background: url(../images/CarharttNew/aero-up01.png) left center no-repeat;
			}
			.wl-crsl-btn-disabled,
			.wl-crsl-wrap .disabled
			{
				background: none;
				cursor: default;
			}
			.wl-crsl
			{
				_display: inline;
				/*height: 250px;*/
			}

				.wl-crsl ul
				{
					margin: 0;
					padding: 0;
					list-style: none;
				}
				
					.wl-crsl li
					{
						margin: 0 0 5px;
						padding: 0 3px;
						float: left;
					}
					
						.wl-crsl a
						{
						}
						
							.wl-crsl img
							{
								width: 40px;
								height: 40px;
								display: block;
							}

/*---------------------------------
	ROW 1 COL 2
---------------------------------*/
.wl-row-1 .wl-col-2
{
	padding: 0 10px 0 0;
	/*width: 280px;*/
	width: 300px;
	float: right;
}

	.wl-row-1 .wl-col-2 h1
	{
		margin: 0 0 7px;
		color: #2d4d60;
		font-size: 1.4em;
	}
	
		.wl-row-1 .wl-col-2 form
		{
			padding: 0;
			/*background: url(../images/brdr_black-dotted.png) left top repeat-x;*/
			border-top: 1px solid #cfc9bd;
		}
		
			.wl-option
			{
				/*
				padding: 0 0 3px;
				background: url(../images/brdr_black-dotted.png) left bottom repeat-x;
				*/
				border-bottom: 1px solid #cfc9bd;
			}
			
			.wl-option-color
			{
				
			}
			
				.wl-option-color p
				{
					margin: 0.5em 0;
					font-size: 1.1em;
				}
				.js .wl-option-color .wl-noscript-select
				{
					position: absolute;
					top: -9999px;
					left: -9999px;
				}
				
				.wl-option-color ul
				{
					margin: 0;
					padding: 0 0 0.5em;
					list-style: none;
				}
				
					.wl-option-color li
					{
						margin: 0;
						padding: 3px;
						float: left;
						/*background: url(../images/bg_swatches.png);*/
					}
					
						.wl-option-color a
						{
							display: block;
							border: 1px solid #847264;
						}
						
						.wl-option-color a.wl-current
						{
							border-color: #E7AA0C;
							cursor: default;
						}
						
							.wl-option-color img
							{
								display: block;
								width: 42px;
								height: 17px;
							}
			
			.wl-option-size
			{
				font-weight: bold;
			}
			
				.wl-option-size h3
				{
					margin: 6px 0;
					padding: 0;
					color: #765f48;
					*font-size: 1.3em;
				}
				
				.wl-sizechart
				{
					padding: 0 5px 0 0;
					*padding-top: 6px;
					float: right;
					color: #765f48;
				}
				
				.wl-option-size fieldset
				{
					margin: 0;
					padding: 0;
					border: none;
				}
				
					.wl-option-size fieldset legend span
					{
						position: absolute;
						left: -999em;
					}
					
					.wl-option-size fieldset p
					{
						margin: 0.4em 0;
						padding: 0;
					}
					
						.wl-option-size fieldset p input
						{
							margin: 0 3px 0 0;
							vertical-align: bottom;
						}
			
				.wl-option-size p.wl-select label
				{
					position: absolute;
					left: -999em;
				}
				
				.wl-option-size p.wl-select select
				{
					padding: 2px;
					font-weight: bold;
				}
					
			.wl-option-qty
			{
				position: relative;
				*padding-top: 6px;
				border: none;
			}
			
				.wl-option-qty .wl-actions-1
				{
					width: 100px;
					float: left;
				}
				
					.wl-option-qty .wl-actions-1 input
					{
						width: 40px;
					}
					
					.wl-option-qty .wl-actions-1 a
					{
						color: #070707;
						text-decoration: none;
					}
					
					.js .wl-option-qty .wl-actions-1 a.wl-wishlist-disabled
					{
						color: #ccc;
						cursor: text;
					}
					
				.wl-option-qty .wl-actions-2
				{
					width: 150px;
					float: right;
				}
		
					.wl-option-qty .wl-actions-2 ul
					{
						margin: 0;
						padding: 0;
						list-style: none;
					}
		
						.wl-option-qty .wl-actions-2 li
						{
							margin: 0.5em 0;
							padding: 3px;
							float: left;
							background: url(../images/bg_swatches.png);
						}
						
							.wl-button
							{
								display: block;
								padding: 1px 5px;
								width: 115px;
								color: #fff;
								font-size: 1em;
								text-align: left;
								background: #d4501f;
								border: none;
								cursor: pointer;
							}
							
							.wl-button:hover
							{
								color: #fff;
							}
							
							.wl-button-cart
							{
								background: #d4501f;
							}
							
							.wl-button-retailer
							{
								display: block;
								width: 115px;
								text-decoration: none;
								background: #fbb31b;
							}
			
							.js .wl-button-disabled
							{
								background: #A15957;
								cursor: default;
							}
							
		ul.wl-social
		{
			margin: 0;
			padding: 0 0 0.5em;
			*padding-top: 0.5em;
			list-style: none;
			border-bottom: 1px solid #cfc9bd;
		}

			ul.wl-social li
			{
				margin: 0 2px 2px 0;
				float: left;
			}

				ul.wl-social li a
				{
					display: block;
					width: 16px;
					height: 16px;
					text-indent: -999em;
					background: url(../images/sprite_social-media.png);
					overflow: hidden;
				}
	
				ul.wl-social li a.wl-facebook
				{
					background-position: -100px 0;
				}
				ul.wl-social li a.wl-sharethis
				{
					background-position: 0 0;
				}
				ul.wl-social li a.wl-twitter
				{
					background-position: -180px 0;
				}
				ul.wl-social li a.wl-youtube
				{
					background-position: -160px -20;
				}
				
				ul.wl-social li a.wl-digg
				{
					background-position: -120px 0;
				}
				
				ul.wl-social li a.wl-delicious
				{
					background-position: -40px 0;
				}
				
				ul.wl-social li a.wl-myspace
				{
					background-position: -80px -20px;
				}
				
				ul.wl-social li a.wl-stumbleupon
				{
					background-position: -60px 0;
				}
				
				ul.wl-social li a.wl-google
				{
					background-position: -20px 0;
				}
				
				ul.wl-social li a.wl-linkedin
				{
					background-position: -100px -40px;
				}
	
		.wl-row-1 .wl-col-2 .wl-reviews
		{
			padding-top: 0.5em;
		}

			.wl-placeholder
			{
				display: block;
				line-height: 6em;
				color: gray;
				background: whitesmoke;
				text-align: center;
			}
		
		.wl-validation
		{
			position: absolute;
			left: 150px;
			top: 0;
			z-index: 2;
			display: none;
			margin: 0.5em 0;
			padding: 0.75em 0.5em 0 0.5em;
			width: 125px;
			color: #D4D4D4;
			text-align: center;
			background-color: #5C4033;
		}
		
		
			.wl-validation p
			{
				margin: 0 0 0.75em 0;
				font-size: 0.8em;
				text-transform: uppercase;
				font-weight: bold;
			}
	
/*---------------------------------
	ROW 2
---------------------------------*/
.wl-row-2
{
	
}

/*---------------------------------
	ROW 2 COL 1
---------------------------------*/
.wl-row-2 .wl-col-1
{
	/*width: 480px; widened at client's request */
	padding: 0 0 0 3px;
	width: 560px;
	float: left;
}

	.wl-tabs-wrap
	{
		padding-bottom: 16px;
	}

	.wl-tabs
	{
		margin-top: 0;
	}
	
	.wl-tabpanel
	{
		margin: 0 0 1em;
		padding: 0;
		background-color: #eae5d1;
		border: 1px solid #333;
	}
	
		.wl-tabpanel-ct
		{
			padding: 0.5em;
		}

		.wl-tabpanel h1,
		.wl-tabpanel h2,
		.wl-tabpanel h3,
		.wl-tabpanel h4,
		.wl-tabpanel h5,
		.wl-tabpanel h6
		{
			margin: 1em 0;
			color: #ad5713;
		}
		
		.wl-tabpanel table
		{
			width: 100%;
			*width: 90%;
			border-collapse: collapse;
		}
		
			.wl-tabpanel th
			{
				padding: 0.3em;
				color: #faf7f6;
				border: 1px solid #333;
				background-color: #b6a794;
				text-align: center;
			}
			
			.wl-tabpanel td
			{
				padding: 0.3em;
				border: 1px solid #333;
			}
			
	.wl-wrap .ui-tabs-hide
	{
		display: none;
	}
			
	.wl-wrap .ui-tabs-panel
	{
		margin: 0;
		padding: 0;
		height: 150px;
		border: 1px solid #333;
		overflow: auto;
		-webkit-border-top-left-radius: 0px;
		-webkit-border-top-right-radius: 3px;
		-webkit-border-bottom-right-radius: 3px;
		-webkit-border-bottom-left-radius: 3px;
		-moz-border-radius-topleft: 0px;
		-moz-border-radius-topright: 3px;
		-moz-border-radius-bottomright: 3px;
		-moz-border-radius-bottomleft: 3px;
		border-top-left-radius: 0px;
		border-top-right-radius: 3px;
		border-bottom-right-radius: 3px;
		border-bottom-left-radius: 3px;
 	}
	
	.wl-wrap .ui-tabs-nav
	{
		position: relative;
		top: 1px;
		margin: 0;
		padding: 0;
		list-style: none;
	}
	
		.wl-wrap .ui-tabs-nav li
		{
			margin-right: 1px;
			float: left;
		}
		
			.wl-wrap .ui-tabs-nav a
			{
				display: block;
				padding: 6px 2px;
				width: 105px;
				float: left;
				text-align: center;
				text-decoration: none;
				border: 1px solid #333;
				color: #faf7f6;
				background-color: #b6a794;
				-webkit-border-top-left-radius: 3px;
				-webkit-border-top-right-radius: 3px;
				-webkit-border-bottom-right-radius: 0px;
				-webkit-border-bottom-left-radius: 0px;
				-moz-border-radius-topleft: 3px;
				-moz-border-radius-topright: 3px;
				-moz-border-radius-bottomright: 0px;
				-moz-border-radius-bottomleft: 0px;
				border-top-left-radius: 3px;
				border-top-right-radius: 3px;
				border-bottom-right-radius: 0px;
				border-bottom-left-radius: 0px; 
			}
		
		.wl-wrap .ui-tabs-selected
		{
			
		}
		
			.wl-wrap .ui-tabs-selected a
			{
				color: #3d5f7b;
				border-bottom-color: #eae5d1;
				background-color: #eae5d1;
				cursor: default;
				outline: none;
			}
		
	.wl-row-2 .wl-col-1 .wl-reviews
	{
		margin-bottom: 11px;
	}

		.wl-row-2 .wl-col-1 .wl-reviews h3
		{
			position: relative;
			margin: 0 0 1em;
			width: 156px;
			height: 15px;
			overflow: hidden;
		}
	
			.wl-row-2 .wl-col-1 .wl-reviews h3 span
			{
				position: absolute;
				left: 0;
				top: 0;
				width: 100%;
				height: 100%;
				background: url(../images/txt_carhartt-top-reviewer.png);
			}
		
/*---------------------------------
	ROW 2 COL 2
---------------------------------*/
.wl-row-2 .wl-col-2
{
	width: 200px;
	float: right;
}

	.wl-row-2 .wl-col-2 h3
	{
		margin: 0 3px 9px 0;
		padding: 2px;
		color: #faf7f6;
		background-color: #b6a794;
		text-align: center;
		border-style:solid;
		border-width:1px;
		border-color:black;
	}
	
	.wl-row-2 .wl-col-2 ul
	{
		margin: 0;
		padding: 0;
		list-style: none;
	}

	.wl-row-2 .wl-col-2 li
	{
		margin: 0 18px 11px;
		padding: 15px 2px;
		text-align: center;
		border: 1px solid #000;
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		border-radius: 3px; 
	}

	.wl-row-2 .wl-col-2 a
	{
		display: block;
		margin: 3px 0;
	}