/*======================================================================
	FREE PEOPLE DIRECT: Layout
	--------------------------------------------------------------------
	Medium Sand: #919086;
	
	Z-index:
	Main Navigation: 5000's;
	Secondary Navigation: 4000's;
	Zoom Image: 3000's;
	Content: 2000's;
	Interface: 1000's;
----------------------------------------------------------------------*/
* { margin: 0; padding: 0; }

body
{
	_height: 100%;
	font: 75% Arial, Verdana, Helvetica, Sans-serif;
	/*color: #828282;*/
	/*background-color: #fff;*/
}

/*======================================================================
	HEADINGS
----------------------------------------------------------------------*/
h1
{
	margin-bottom: 1em;
	font-size: 1.833em;
	font-weight: normal;
	text-transform: lowercase;
	letter-spacing: 0.02em;
	/*color: #000;*/
}

h2
{
	margin: 0.75em 0;
	font-size: 1.333em;
	font-weight: normal;
	text-transform: lowercase;
	letter-spacing: 0.02em;
	/*color: #000;*/
}

h3
{
	margin: 0 0 1em;
	font-size: 1.083em;
	font-weight: bold;
	text-transform: lowercase;
	/*color: #000;*/
}

h4
{}

h5
{}

h6
{}


/*======================================================================
	LINKS
----------------------------------------------------------------------*/
a
{
	text-decoration: none;
	/*color: #c00;*/
	overflow: hidden;
}

a:hover
{
	text-decoration: underline;
}

	a img,
	a:visited img
	{
		border: none;
	}


/*======================================================================
	PARAGRAPHS
----------------------------------------------------------------------*/
p 
{
	margin: 1em 0;
	font-size: 1em;
	line-height: 1.6;
}

/*======================================================================
	LISTS
----------------------------------------------------------------------*/
ul
{
	margin: 1em 0 1em 2em;
	list-style: disc;
}
	
	ul li
	{
		margin: 0.5em 0;
	}
	
ol
{
	margin: 1em 0 1em 2em;
	list-style: decimal;
}
	
	ol li
	{
		margin: 0.5em 0;
	}
	
dl
{
	margin: 1em 0;
}

	dt 
	{
		font-weight: bold;
	}
	
		dd
		{
			margin-left: 1em;
			line-height: 1.3;
		}


/*======================================================================
	MISC ELEMENTS
----------------------------------------------------------------------*/
address
{
	font-size: 1em;
	font-style: normal;
}

abbr,
acronym 
{ 
	border-bottom: 1px dotted #333; 
	cursor: help; 
}  

blockquote
{
	margin: 1em;
	padding: 1em;
	background-color: #f1f1f1;
	border-left: 1px solid #dadada;
}

cite
{
	margin-left: 1em;
	font-style: italic;
}


/*======================================================================
	CORSET
----------------------------------------------------------------------*/
#header-container,
#body-outer,
#footer-container
{
	width: 100%;
	min-width: 956px;
}

	/*-- TIGHT --*/
	#header,
	#body-inner,
	#footer
	{
		/*margin-left: 20px;*/
		margin: 0 auto;
		width: 956px;
		/*overflow: hidden; testing for shadows*/
	}
	#body-inner
	{
		min-height: 20em;
		_height: 20em;
	}

	/*-- LOOSE --*/
	.loose #header,
	.loose #body-inner,
	.loose #footer
	{
		width: 1196px;
	}
	
	/*-- POPUP --*/
	.popup #header,
	.popup #body-inner,
	.popup #footer
	{
		width: 95%;
	}
	.popup  #body-outer
	{
		min-width: 0px;
	}
	
/*======================================================================
	LAYOUTS
----------------------------------------------------------------------*/
#sidebar 
{
	position: relative;
	margin-right: 12px;
	padding: 20px;
	width: 219px;
	float: left;
	font-family: Verdana, Arial, Helvetica, Sans-serif;
	border: 3px solid;
}

	#sidebar h2
	{
		margin-top: 0;
	}

/*
.with-sidebar #content
{
	margin-left: 278px;
}
*/
	.with-sidebar #content
	{
		margin-left: 0;
		width: 679px;
		float: left;
	}
	.loose .with-sidebar #content
	{
		width: 919px;
	}

#content-container .section
{
	position: relative;
	margin-bottom: 10px;
	padding: 35px 40px;
	/*background-color: #fff;*/
	border: 1px solid;
}

	.js #content-container .section
	{
		border: none;
	}
	
/*======================================================================
	PROMO
----------------------------------------------------------------------*/
#promo
{
	padding: 0;
	font: 0.917em Verdana, Arial, Helvetica, Sans-serif;
	text-align: center;
	/*color: #fff;*/
	/*background-color: #ec6c6c;*/
}

	#promo *
	{
		margin: 0;
		padding: 0;
	}
	
	#promo a 
	{
		text-decoration: underline;
		/*color: #fff;*/
	}
	
		#promo a:hover
		{
			text-decoration: none;
		}
	
		/* development purposes */
		#promo a#toggle-width
		{
			margin-left: 20px;
		}
	

/*======================================================================
	HEADER
----------------------------------------------------------------------*/
#header 
{
	position: relative;
	padding-top: 3px;
	font-family: Verdana, Arial, Helvetica, Sans-serif;
	overflow: visible; /* allows for overhang on primary nav */
	z-index: 5000;
}
	#header ul
	{
		margin: 0;
		list-style: none;
	}
		
		#header ul li
		{
			margin: 0;
		}
	
	/*---------------------------------
		LOGO
	---------------------------------*/
	#logo
	{}
		#logo a
		{
			position: absolute;
			display: block;
			width: 365px;
			height: 70px;
			font-size: 1px;
			text-indent: -9999px;
			background: transparent url(/resources/freepeople/images/layout/bg_logos.png) 0 0 no-repeat;
			z-index: 1001;
			_behavior: url(/resources/_shared/iepngfix/iepngfix.htc);
			_cursor: pointer;
		}
			#logo a:hover { background-position: 0 -70px; }

	/*---------------------------------
		USER
	---------------------------------*/
	ul#user
	{
		position: relative;
		min-height: 70px;
		_height: 70px;
		max-width: 680px;
		_width: 680px;
		float: right;
		font-size: 0.917em;
		z-index: 1002;
	}
	.loose ul#user
	{
		max-width: 830px; /*68em*/
		_width: 830px;
	}
	
		ul#user li
		{
			margin-left: 10px;
			padding-left: 10px;
			padding-bottom: 2px;
			min-height: 38px;
			_height: 38px;
			float: right;
			border-left: 1px solid;
		}
		
			/*-- STUFF --*/
			ul#user li.stuff
			{
				position: relative;
				z-index: 4999;
				margin-left: 0;
				padding-top: 10px;
				min-height: 28px;
				_height: 28px;
				/*width: 8.5em;*/
				text-transform: lowercase;
			}
			.loose ul#user li.stuff
			{
				width: auto;
			}
				ul#user li.stuff a.myaccount
				{
					display: block;
					font-size: 1em;
					line-height: 1.5;
					font-style: italic;
					text-align: center;
				}
				ul#user li.stuff .myaccount-utils
				{
					font-size: 0.917em;
					text-align: center;
				}
			
			/*-- STUFF DROP DOWN --*/
			ul#user .modal-stuff
			{
				top: -3px;
				left: -24px;
				width: 155px;
				z-index: 5000;
			}
				ul#user .modal-stuff .close {}
				ul#user .modal-stuff h4
				{
					padding: 2px 0 0 0;
					font-size: 1em;
					font-weight: normal;
					text-align: center;
				}
					ul#user .modal-stuff h4 a
					{
						margin: 0;
						padding: 0;
						font-style: italic;
						border: none;
					}
					ul#user .modal-stuff h4 span
					{
						/*font-weight: bold;*/
					}
				ul#user .modal-stuff p
				{
					margin: 0;
					padding: 0 0 17px 0;
					font-size: 0.917em;
					text-align: center;
				}
					ul#user .modal-stuff p a
					{
						display: inline;
						padding: 0;
						border: none;
					}
					
				ul#user .modal-stuff ul {}
					ul#user .modal-stuff li
					{
						margin: 0;
						padding: 0;
						min-height: 0;
						height: auto;
						float: none;
						border-left: none;
						text-transform: none;
					}
					
						ul#user .modal-stuff a
						{
							display: block;
							padding: 10px 0;
							border-top: 1px solid;
							outline: none;
						}
				
				/*-- ADDING TO WISHLIST STYLING --*/
				ul#user li.stuff .adding-to-wishlist
				{
					position: absolute;
					left: 5px;
					bottom: -30px;
					width: 210px;
					font-weight: normal;
				}
					ul#user li.stuff .adding-to-wishlist h3
					{
						padding-left: 20px;
						font-size: 1.1em;
						line-height: 1.3;
						font-weight: normal;
						background: transparent url(/resources/freepeople/images/layout/_fp/loading.gif) left top no-repeat;
					}
				
				/*-- ADDED TO WISHLIST STYLING --*/
				ul#user li.stuff .added-to-wishlist-modal
				{
					top: 42px;
					right: -100px;
					width: 236px;
					z-index: 5000;
				}
					ul#user li.stuff .added-to-wishlist-modal h2
					{
						padding-top: 10px;
					}
					ul#user li.stuff .added-to-wishlist-modal ul
					{
						padding: 10px 0;
						border-top: 1px solid;
						border-bottom: 1px solid;
					}
						ul#user li.stuff .added-to-wishlist-modal ul li
						{
							margin: 0;
							padding: 0;
							min-height: 0;
							float: none;
							border: none;
						}
							ul#user li.stuff .added-to-wishlist-modal ul li .image
							{
								float: left;
							}
							ul#user li.stuff .added-to-wishlist-modal ul li .info
							{
								padding: 25px 0 0 5px;
								width: 97px;
								float: left;
							}
								ul#user li.stuff .added-to-wishlist-modal ul li .info h3
								{
									margin: 0;
									font-family: Verdana, Arial, Helvetica, sans-serif;
									font-size: 1em;
									font-weight: bold;
									line-height: 1.2;
								}
									ul#user li.stuff .added-to-wishlist-modal ul li .info h3 a
									{
										/*color: #000;*/
									}
										ul#user li.stuff .added-to-wishlist-modal ul li .info h3 a:hover
										{
											/*color: #cc0000;*/
										}
								ul#user li.stuff .added-to-wishlist-modal ul li .info dl
								{
									margin: 0;
								}
									ul#user li.stuff .added-to-wishlist-modal ul li .info dl dt
									{
										padding-right: 3px;
										float: left;
										font-family: Verdana, Arial, Helvetica, sans-serif;
										font-size: 1em;
										font-weight: normal;
										text-transform: lowercase;
										/*color: #7a7867;*/
									}
									ul#user li.stuff .added-to-wishlist-modal ul li .info dl dd
									{
										font-family: Verdana, Arial, Helvetica, sans-serif;
										font-size: 1em;
										font-weight: normal;
										text-transform: uppercase;
										/*color: #000;*/
									}
					ul#user li.stuff .added-to-wishlist-modal p
					{}
						ul#user li.stuff .added-to-wishlist-modal p a.button
						{
							margin: 0 auto 5px auto;
							width: 188px;
						}
						ul#user li.stuff .added-to-wishlist-modal p a.close-modal
						{
							position: relative;
							display: block;
							top: auto;
							left: auto;
							padding-top: 5px;
							width: auto;
							height: auto;
							clear: both;
							font-family: Arial, Helvetica, sans-serif;
							font-size: 1em;
							text-align: center;
							text-indent: 0;
							text-transform: uppercase;
							letter-spacing: 1px;
							background: none;
						}
				
			/*-- BASKET --*/
			ul#user li.basket {
				position: relative;
				padding-top: 8px;
				min-height: 31px;
				_height: 31px;
				width: 150px;
				text-transform: lowercase;
				z-index: 4999;
			}
				ul#user li.basket a {}
					ul#user li.basket a:hover { text-decoration: none; }
				ul#user li.basket a.button {
					font-weight: bold;
					font-size: 1.091em;
					font-family: Arial, Verdana, Helvetica, Sans-serif;
				}
				ul#user li.basket a.basket-icon {
					display: block;
					margin-right: 3px;
					width: 25px;
					height: 27px;
					float: left;
					background: transparent url(/resources/freepeople/images/layout/_fp/sprite_globals.png) -65px -180px no-repeat;
				}
				ul#user li.basket-full a.basket-icon { background-position: -65px -230px; }
				ul#user li.basket a.basket-text {
					display: block;
					margin-bottom: 2px;
					padding-top: 2px;
					font-weight: bold;
					font-style: italic;
				}
					ul#user li.basket a.basket-text:hover { text-decoration: underline; }
				ul#user li.basket span.basket-count {
					padding-right: 3px;
					font-style: italic;
				}
				ul#user li.basket a.checkout {
					padding-left: 4px;
					font-style: italic;
				}
					ul#user li.basket a.checkout:hover { text-decoration: underline; }
				/*-- BASKET DROP DOWN --*/
				ul#user li.basket .modal-cart {
					top: -4px;
					left: 10px;
					width: 236px;
					z-index: 5000;
				}
					ul#user li.basket .modal-cart a {}
					ul#user li.basket .modal-cart h4 {
						padding-left: 4px;
						font-size: 1em;
					}
						ul#user li.basket .modal-cart h4 .basket-count,
						ul#user li.basket .modal-cart h4 a.checkout { font-weight: normal; }
					ul#user li.basket .modal-cart h5 {
						display: block;
						margin: 0;
						padding: 0;
						font-family: Arial, Helvetica, sans-serif;
						font-size: 1em;
						font-weight: bold;
						text-transform: uppercase;
						text-align: center;
					}
					ul#user li.basket .modal-cart p { padding: 5px 0; }
						ul#user li.basket .modal-cart p a.button { float: none; }
					ul#user li.basket .modal-cart ul {
						display: block;
						margin: 0 auto;
						padding: 0 0 15px 0;
						list-style-type: none;
					}
						ul#user li.basket .modal-cart ul li {
							margin: 0 2px 2px 0;
							padding: 0;
							float: left;
							background: none;
							border: none;
						}
							ul#user li.basket .modal-cart ul li .image {
								margin: 0;
								padding: 0;
							}
				/*-- ADDING TO CART STYLING --*/
				ul#user li.basket .adding-to-cart {
					position: absolute;
					left: 5px;
					bottom: -30px;
					width: 210px;
					font-weight: normal;
				}
					ul#user li.basket .adding-to-cart h3 {
						padding-left: 20px;
						font-size: 1.1em;
						line-height: 1.3;
						font-weight: normal;
						background: transparent url(/resources/freepeople/images/layout/_fp/loading.gif) left top no-repeat;
					}
				/*-- ADDED TO CART STYLING --*/
				ul#user li.basket .added-to-cart-modal {}
					ul#user li.basket .added-to-cart-modal h2 { padding-top: 10px; }
					ul#user li.basket .added-to-cart-modal ul {
						padding: 10px 0;
						border-top: 1px solid;
						border-bottom: 1px solid;
					}
						ul#user li.basket .added-to-cart-modal ul li { float: none; }
							ul#user li.basket .added-to-cart-modal ul li .image { float: left; }
							ul#user li.basket .added-to-cart-modal ul li .info {
								padding: 25px 0 0 5px;
								width: 97px;
								float: left;
							}
								ul#user li.basket .added-to-cart-modal ul li .info h3 {
									margin: 0;
									font-family: Verdana, Arial, Helvetica, sans-serif;
									font-size: 1em;
									font-weight: bold;
									line-height: 1.2;
								}
								ul#user li.basket .added-to-cart-modal ul li .info dl { margin: 0; }
									ul#user li.basket .added-to-cart-modal ul li .info dl dt {
										padding-right: 3px;
										float: left;
										font-family: Verdana, Arial, Helvetica, sans-serif;
										font-size: 1em;
										font-weight: normal;
										text-transform: lowercase;
									}
									ul#user li.basket .added-to-cart-modal ul li .info dl dd {
										font-family: Verdana, Arial, Helvetica, sans-serif;
										font-size: 1em;
										font-weight: normal;
										text-transform: uppercase;
									}
					ul#user li.basket .added-to-cart-modal p {}
						ul#user li.basket .added-to-cart-modal p a.button {
							margin-bottom: 5px;
						}
						ul#user li.basket .added-to-cart-modal p a.close-modal {
							display: block;
							padding-top: 5px;
							font-family: Arial, Helvetica, sans-serif;
							font-size: 1em;
							text-align: center;
							text-indent: 0;
							text-transform: uppercase;
							letter-spacing: 1px;
							background: none;
						}
			/*-- BLOG --*/
			ul#user li.blog
			{
				padding-right: 10px;
				border: none;
			}
			
				ul#user li.blog a
				{
					display: block;
					position: relative;
					margin-top: -3px;
					width: 103px;
					height: 40px;
					font-size: 0.1em;
					text-indent: -9999px;
					background: transparent url(/resources/freepeople/images/layout/_fp/sprite_globals.png) -91px -180px no-repeat;
				}
				
				ul#user li.blog a:hover
					{
						background-position: -91px -230px;
					}
				
				
		/*-- SEARCH --*/
		ul#user li#search
		{
			padding-top: 1px;
			padding-right: 3px;
			/*
			Breaking things in Opera
			min-width: 200px;
			_width: 200px;
			*/
		}
			ul#user li#search label
			{
				display: block;
			}
			ul#user li#search .input-text
			{
				padding-right: 6px;
				width: 150px;
				font: 1em Verdana, Arial, Helvetica, Sans-serif;
				background-image: none;
				outline: none;
			}
			ul#user li#search .input-submit
			{
				padding: 3px;
				font: 0.917em Verdana, Arial, Helvetica, Sans-serif;
				text-transform: uppercase;
				border: 1px solid;
				/*background-color: #b6b6b6;*/
				cursor: pointer;
			}
			ul#user li#search .input-submit:hover
			{
				/*background-color: #d2d2d2;*/
			}
					
	
/*======================================================================
	NAVIGATION
----------------------------------------------------------------------*/
/*---------------------------------
	ACCESSIBILITY NAVIGATION
---------------------------------*/
#accessibility-nav {
	position: absolute;
	top: -9999px;
	left: -9999px;
}

/*---------------------------------
	HEADER A/B TESTING STYLES
---------------------------------*/
.layout-test #header {
	min-height: 136px;
	_height: 136px;
}
	.layout-test #primary-nav {
		position: absolute;
		bottom: 0;
	}
	.layout-test #logo {
		padding-top: 6px;
		float: left;
	}
	.layout-test #search {
		position: relative;
		padding: 0;
		margin-right: 140px;
		margin-top: 20px;
		width: 424px;
		height: 36px;
		float: right;
		background: transparent url(/resources/freepeople/images/layout/_fp/bg_search.png);
	}
	.tight .layout-test #search {
		margin-right: 45px;
	}
		.layout-test #search label { display: none; }
		.layout-test #search label {
			position: absolute;
			top: 32px;
			left: 32px;
		}
		.layout-test #search .input-text {
			position: absolute;
			top: 8px;
			left: 30px;
			padding: 2px 0;
			width: 300px;
			font-size: 1em;
			border: none;
			background: transparent;
		}
		.layout-test #search .input-text:focus {
			outline: none;
		}
		.layout-test #search .input-text::-webkit-input-placeholder {
			color: #ccc;
			font-style: italic;
		}
		.layout-test #search .input-text:-moz-placeholder {
			color: #ccc;
			font-style: italic;
		}
		.layout-test #search .input-submit {
			position: absolute;
			top: 8px;
			right: 3px;
			padding: 0;
			width: 84px;
			height: 20px;
			text-indent: -9999em;
			*font-size: 0;
			*line-height: 0;
			background: transparent url(/resources/freepeople/images/layout/_fp/bg_search-input.png) no-repeat 0 0;
			border: none;
			cursor: pointer;
		}
		.layout-test #search label.error { display: none!important; }
	.layout-test #basket {
		position: relative;
		margin: 22px 0 0;
		width: 180px;
		float: right;
		font-size: 0.833em;
		text-align: center;
		z-index: 5100;
	}
		.layout-test #basket .basket-inner {
			position: relative;
			padding: 5px 10px 5px 15px;
			z-index: 5100;
		}
		.layout-test #basket .hover {
			box-shadow: 0px 0px 5px #666;
			-moz-box-shadow: 0px 0px 5px #666;
			-webkit-box-shadow: 0px 0px 5px #666;	
		}
			.layout-test #basket a.basket-icon {
				position: relative;
				display: block;
				margin-right: 5px;
				width: 25px;
				height: 27px;
				float: left;
				background: transparent url(/resources/freepeople/images/layout/_fp/sprite_globals.png) -65px -180px no-repeat;
				z-index: 5103;
			}
			.layout-test #basket .hoverable a.basket-icon { background-position: -65px -230px; }
			.layout-test #basket a.basket-text,
			.layout-test #basket a.checkout {
				position: relative;
				font-family: Arial, Helvetica, sans-serif;
				font-style: normal;
				font-weight: normal;
				text-transform: uppercase;
				z-index: 5103;
			}
			.layout-test #basket a.basket-text {
				display: block;
			}
			.layout-test #basket span.basket-count {
				position: relative;
				font-style: italic;
				font-weight: bold;
				z-index: 5103;
			}
			.layout-test #basket a.checkout {
				border-left: 1px solid #e5e5e5;
				padding-left: 6px;
				*overflow: visible;
			}	
			.layout-test #basket .hover span.clipper {
				position: absolute;
				bottom: -2px;
				right: 0;
				height: 10px;
				width: 100%;
				display: block;
				z-index: 5102;
			}
			.layout-test #basket .cart-mini {
				position: absolute;
				top: 36px;
				right: 0;
				right: -5px\9;
				display: none;
				padding: 0 14px 8px;
				padding: 0 0 7px 0\9;
				min-width: 262px;
				min-width: 300px\9;
				_width: 268px;
				box-shadow: 0px 0px 5px #666;
				-moz-box-shadow: 0px 0px 5px #666;
				-webkit-box-shadow: 0px 0px 5px #666;		
				z-index: 5101;
			}
			.layout-test #basket .cart-mini {
				background: transparent url(/resources/freepeople/images/layout/_fp/bg_basket-footer-B.png) bottom right no-repeat\9;
			}
			:root .layout-test #basket .cart-mini {
				right: 0px \0/IE9; 
			}
			.layout-test #basket .hover .cart-mini { display: block; }
				.layout-test #basket .cart-mini ul {
					padding-top: 6px;
					padding: 6px 19px 0\9;
					background: transparent url(/resources/freepeople/images/layout/_fp/bg_basket-drop-down-B.png) top right repeat-y\9;
				}
				:root .layout-test #basket .cart-mini ul {
					padding: 6px 14px 0 \0/IE9; 
				}
					.layout-test #basket .cart-mini li {
						padding: 6px 0;
						border-top: 1px solid #dcdcdc;
					}
						.layout-test #basket .cart-mini li a.image {
							padding-right: 8px;
							float: left;
						}
						.layout-test #basket .cart-mini li .info {
							width: 150px;
							float: left;
							text-align: left;
							text-transform: lowercase;
						}
							.layout-test #basket .cart-mini li h3 {
								font-size: 1.4em;
								font-weight: normal;
								line-height: 1.2;
								text-transform: none;
							}
							.layout-test #basket .cart-mini li span.price {
								font-size: 1.1em;
								font-weight: bold;
							}
							.layout-test #basket .cart-mini li dl {
								font-size: 1.1em;
								margin: 0;
								padding: 1px 0;
							}
							.layout-test #basket .cart-mini li dl.option {}
								.layout-test #basket .cart-mini li dt {
									float: left;
									font-weight: normal;
								}
								.layout-test #basket .cart-mini li dd {
									margin-left: 0.5em;
									float: left;
								}
							.layout-test #basket .cart-mini li dl.quantity {}
							.layout-test #basket .cart-mini li .info span.message {
								display: block;
								font-size: 1.1em;
								font-weight: bold;
								line-height: 1.2;
							}
				.layout-test #basket .cart-mini .total-wrap {
					padding: 0 19px 8px\9;
					background: transparent url(/resources/freepeople/images/layout/_fp/bg_basket-drop-down-B.png) top right repeat-y\9;
				}
				:root .layout-test #basket .cart-mini .total-wrap {
					padding: 0 19px \0/IE9; 
				}
					.layout-test #basket .cart-mini .total {
						padding-top: 5px;
						text-align: left;
						border-top: 1px solid #dcdcdc;
					}
						.layout-test #basket .cart-mini .total span.more-products {
							display: block;
							margin-left: 90px;
							text-align: center;
						}
						.layout-test #basket .cart-mini .total dl {
							margin: 7px 0 0;
							float: left;
							font-size: 1.1em;
						}
							.layout-test #basket .cart-mini .total dt {
								font-weight: normal;
							}
							.layout-test #basket .cart-mini .total dd {
								margin-left: 0;
								font-weight: bold;
							}
						.layout-test #basket .total a.button {
							margin: 5px 0 0;
							padding: 12px 8px;
							float: right;
							font-size: .9em;
						}
							.layout-test #basket .total a.button i {
								margin-bottom: -12px;
								height: 12px;
							}
							.layout-test #basket .total a.button span {
								margin-bottom: -12px;
								padding-bottom: 12px;
							}
							.layout-test #basket .total a.button span i {
								margin-bottom: 0;
								height: 100%;
							}
							.layout-test #basket .total a.button span span { top: -12px; }
		.layout-test #basket .adding-to-cart {
			position: absolute;
			bottom: -10px;
			left: -15px;
			width: 210px;
		}
			.layout-test #basket .adding-to-cart h3 {
				margin: 0;
				padding-left: 19px;
				font-size: 1.2em;
				font-weight: normal;
				line-height: 1.3;
				background: transparent url(/resources/freepeople/images/layout/_fp/loading.gif) left top no-repeat;
			}
	/*-- TEST B SPECIFIC STYLES --*/
	.layout-HeaderB #search {
		margin-right: 0;
		margin-top: 0;
		clear: right;
	}
	.tight .layout-HeaderB #search {
		margin-right: 0;
	}
	.layout-HeaderB #basket {
		margin-top: 3px;
		min-width: 290px;
		_width: 290px;
		_height: 35px;
	}
		.layout-HeaderB #basket .basket-inner {
			padding: 5px 15px;
			min-width: 260px;
			_width: 260px;
			_height: 27px;
			_overflow: hidden;
		}		
			.layout-HeaderB #basket a.basket-text,
			.layout-HeaderB #basket span.basket-count {
				float: left;
			}
			.layout-HeaderB #basket a.checkout {
				padding-left: 6px;
				float: right;
				text-align: right;
			}
			.layout-HeaderB #basket a.basket-text {
				margin-top: 7px;
				padding-right: 6px;
			}
			.layout-HeaderB #basket span.basket-count {
				margin-top: 6px;
				width: 55px;
				text-align: center;
			}
			.layout-HeaderB #basket a.checkout {
				margin-top: 7px;
			}
			:root .layout-HeaderB #basket .cart-mini {
				min-width: 262px \0/IE9;
			}
		.layout-HeaderB #basket .adding-to-cart {
			bottom: -3px;
			left: 55px;
		}

/*---------------------------------
	HEADER UTILITY NAVIGATION
---------------------------------*/
ul#utility-nav {
	position: relative;
	width: 100%;
	z-index: 5500;
}
	ul#utility-nav li {
		display: block;
		position: relative;
		height: 23px;
		float: left;		
		font-family: Arial, Helvetica, sans-serif;
		font-size: 0.8333em;
		text-transform: uppercase;
	}
	ul#utility-nav li.stuff,
	ul#utility-nav li.help,
	ul#utility-nav li.internationalization {
		float: right;
	}
		ul#utility-nav li a {
			display: block;
			position: relative;
			padding: 5px 8px 0 8px;
			float: left;
			line-height: 1;
			cursor: pointer;
			overflow: visible;
			z-index: 5050;
		}
		ul#utility-nav li.hover a {
			text-decoration: none;
			box-shadow: 0px 0px 5px #666;
			-moz-box-shadow: 0px 0px 5px #666;
			-webkit-box-shadow: 0px 0px 5px #666;	
		}
		ul#utility-nav li.hover li a {
			box-shadow: none;
			-moz-box-shadow: none;
			-webkit-box-shadow: none;	
		}
		ul#utility-nav li.hover span.clipper {
			position: absolute;
			bottom: -8px;
			left: 0;
			display: block;
			_display: none;
			height: 9px;
			width: 100%;
			z-index: 5100;
		}
		:root ul#utility-nav li.hover span.clipper {
			left:0 \0/IE9; 
		} 
		ul#utility-nav li.blog a {
			display: block;
			margin-top: -3px;
			width: 108px;
			height: 18px;
			text-indent: -9999em;
			background-image: url(/resources/freepeople/images/layout/_fp/bg_utility-nav-blog.png);
		}
		ul#utility-nav li.blog a:hover,
		ul#utility-nav li.locations a:hover {
			background-color: transparent;
			box-shadow: none;
			-moz-box-shadow: none;
			-webkit-box-shadow: none;			
		}
		ul#utility-nav li.locations a:hover,
		ul#utility-nav li.stuff a:hover {
			text-decoration: none;
		}
		ul#utility-nav li.stuff a:hover {
			background: transparent;
		}
		ul#utility-nav li.internationalization a {
			padding-right: 28px;
		}
		ul#utility-nav li.internationalization a.flag {
			position: absolute;
			top: 2px;
			right: 6px;
			padding: 0;
			width: 18px;
			height: 18px;
			z-index: 5101;
			background: none;
			box-shadow: none;
			-moz-box-shadow: none;
			-webkit-box-shadow: none;		
		}
			ul#utility-nav li.internationalization a.flag img {
				width: 18px;
			}				
			ul#utility-nav li.internationalization li a {
				padding-right: 0;
			}			
		ul#utility-nav li.internationalization li.currency {
			float: left;
			padding-bottom: 10px;
			font-family: Verdana, Geneva, sans-serif;
			font-weight: bold;
			text-transform: lowercase;
		}
			ul#utility-nav li a span.ico {
				display: block;
				padding-right: 4px;
				margin-top: 3px;
				width: 8px;
				height: 7px;
				float: left;
				background-color: transparent;
				background-image: url(/resources/freepeople/images/layout/_fp/sprite_globals.png);
				background-position: -395px -180px;
				background-repeat: no-repeat;
			}
			ul#utility-nav li.hover a span.ico {
				background-position: -395px -210px;
			}
			ul#utility-nav li a span.nav-link { float: left; }
			ul#utility-nav li a span.sign-in-up {
				font-family: Georgia, "Times New Roman", Times, serif;
				font-size: 1.05em;
				font-style: italic;
				font-weight: bold;
				text-transform: lowercase;
			}
		ul#utility-nav li ul {
			display: none;
			position: absolute;
			top: 19px;
			left: 0px;
			left: -5px\9;
			padding: 20px 20px 10px 20px;
			padding: 0 0 7px 0\9;
			min-width: 120px;
			box-shadow: 0px 0px 5px #666;
			-moz-box-shadow: 0px 0px 5px #666;
			-webkit-box-shadow: 0px 0px 5px #666;
			z-index: 5000;
		}
		ul#utility-nav li.hover ul { display: block; }
		:root ul#utility-nav li ul {
			left: 0px \0/IE9; 
		}
		#header ul#utility-nav li ul {
			background: transparent url(/resources/freepeople/images/layout/_fp/bg_utility-footer.png) bottom left no-repeat\9;
		}
		#header ul#utility-nav li.internationalization ul {
			background: transparent url(/resources/freepeople/images/layout/_fp/bg_utility-footer-currency.png) bottom left no-repeat\9;
		}
		ul#utility-nav li.internationalization ul { min-width: 132px; }
		ul#utility-nav li.internationalization ul,
		ul#utility-nav li.help ul {
			left: auto;
			right: 0;
			right: -5px\9;
		}
		:root #header ul#utility-nav li.internationalization ul,
		:root #header ul#utility-nav li.help ul {
			right: 0 \0/IE9;
			left: auto \0/IE9;
		}
			ul#utility-nav li ul li {
				padding-bottom: 10px;
				padding-left: 20px\9;
				padding-right: 20px\9;
				*margin-bottom: -3px;
				min-width: 120px\9;
				_width: 120px;
				height: auto;
				float: none;
				clear: both;	
				font-family: Verdana, Geneva, sans-serif;
				font-size: 1em;
				text-transform: lowercase;			
				background: none;
			}
			#header ul#utility-nav li ul li {
				background: transparent url(/resources/freepeople/images/layout/_fp/bg_utility-drop-down.png) repeat-y\9;
			}
			#header ul#utility-nav li.internationalization ul li {
				background: transparent url(/resources/freepeople/images/layout/_fp/bg_utility-drop-down-currency.png) repeat-y\9;
			}
			ul#utility-nav li.internationalization ul li {
				min-width: 132px\9;
				_width: 132px;
			}
			ul#utility-nav li ul li.first{
				padding-top: 16px\9;
			}
				ul#utility-nav li ul li a {
					display: block;
					padding: 0;
					float: none;
					height: auto;
					background: transparent !important;
				}
				ul#utility-nav li ul li a:hover {
					box-shadow: none;
					-moz-box-shadow: none;
					-webkit-box-shadow: none;
					font-weight: normal;
					text-decoration: underline;	
					background: none;				
				}
				ul#utility-nav li.internationalization ul li a {
					text-transform: none;
				}
				ul#utility-nav li.internationalization ul li.more-options a {
					font-style: italic;
					text-transform: lowercase;
				}
			ul#utility-nav li.help ul li.email-us,
			ul#utility-nav li.help ul li.size-chart,
			ul#utility-nav li.stuff ul li.my-reviews {
				padding-bottom: 20px;
				padding-bottom: 0\9;
				border-bottom: 1px solid;
				border-bottom: none\9;
			}
				ul#utility-nav li.help ul li.email-us a,
				ul#utility-nav li.help ul li.size-chart a,
				ul#utility-nav li.stuff ul li.my-reviews a {
					padding-bottom: 20px\9;
					border-bottom: 1px solid\9;
				}
			ul#utility-nav li.help ul li.order-status,
			ul#utility-nav li.help ul li.more-help,
			ul#utility-nav li.stuff ul li.log-out {
				padding-top: 20px;
			}
			ul#utility-nav li ul li.more-help a {font-style: italic;}

/*---------------------------------
	PRIMARY NAVIGATION
---------------------------------*/
#primary-nav
{
	float: none;
	clear: both;
}
	#primary-nav ul
	{
		display: block;
		list-style-type: none;
	}

		#primary-nav li
		{
			margin-left: 2px;
			float: left;
		}
			#primary-nav li a
			{
				display: block;
				height: 37px;
				font-size: 1px;
				text-indent: -9999px;
				background-position: left top;
				background-repeat: no-repeat;
				_behavior: url(/resources/_shared/iepngfix/iepngfix.htc);
				_cursor: pointer;
			}
				#primary-nav li a:hover,
				#primary-nav li.active a,
				#primary-nav li.active a:hover
				{
					background-position: left 100%;
				}


/*======================================================================
	BREADRCUMBS, SIDE NAVIGATION, MODAL NAVIGATION
----------------------------------------------------------------------*/
#breadcrumb-container
{
	position: relative;
	display: block;
	margin: 0 0 -10px;
	*margin: 0 0 -32px;
	_margin: 0 0 -28px;
	padding: 0;
	/*height: 0px;*/
	float: left;
	*float: none;
	z-index: 2000;
	overflow: visible;
}
	#breadcrumb-container .crumb-wrapper
	{
		/*position: absolute;*/
		display: block;
		/*top: 10px;*/
		/*left: 0;*/
		margin: 0;
		padding: 0;
		width: 340px;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 0.833em;
		font-weight: normal;
		text-transform: lowercase;
		/*z-index: 2501;*/
		overflow: visible;
	}
		#breadcrumb-container ul.breadcrumbs
		{
			margin: 0;
			padding: 13px 20px 0 2px;
			width: 312px;
			/*float: left;*/
			list-style: none;
		}
		#breadcrumb-container ul.breadcrumbs ul
		{
			display: inline;
			margin: 0;
			padding: 0;
			*float: left;
			list-style-type: none;
		}
			#breadcrumb-container ul.breadcrumbs li
			{
				display: inline;
				*display: block;
				margin: 0;
				padding: 0;
				/*width: 312px;*/
				/*float: left;*/
			}
				#breadcrumb-container ul.breadcrumbs li a
				{
					position: relative;
					display: block;
					margin: 0 6px 7px 0;
					padding: 0;
					float: left;
					white-space: nowrap;
				}
			#breadcrumb-container ul.breadcrumbs li.current
			{
				display: block;
				position: relative;
				top: -6px;
				/*padding-left: 8px;*/
			}
				#breadcrumb-container ul.breadcrumbs li.current a.button
				{
					margin-bottom: 0;
					_margin-bottom: -5px;
					padding: 6px 8px;
					font-family: inherit;
					text-transform: lowercase;
					font-size: 1em;
					white-space: nowrap;
				}
					#breadcrumb-container ul.breadcrumbs li a em
					{
						display: block;
						padding-right: 12px;
						float: left;
						font-style: normal;
						white-space: nowrap;
						cursor: pointer;
					}
					#breadcrumb-container ul.breadcrumbs li a span.sep
					{
						position: absolute;
						display: block;
						/*margin: 5px 0 0 0;*/
						top: 5px;
						_top: 0;
						right: 0;
						padding: 0;
						width: 6px;
						height: 6px;
						float: left;
						text-indent: -4100px;
						_text-indent: 0;
						background-image: url(/resources/freepeople/images/layout/_fp/sprite_globals.png);
						background-position: -230px -40px;
						background-repeat: no-repeat;
					}
					#breadcrumb-container ul.breadcrumbs li li
					{
						/*width: auto;*/
						background: none;
						border: none;
					}
					
				#breadcrumb-container ul.breadcrumbs li a.separator,
				#breadcrumb-container ul.breadcrumbs li a:hover.separator,
				#breadcrumb-container ul.breadcrumbs li a.separator *,
				#breadcrumb-container ul.breadcrumbs li a:hover.separator *
				{
					text-decoration: none;
					cursor: text;
				}


/*======================================================================
	SUBCATEGORY SIDE NAV
----------------------------------------------------------------------*/
.l-category #side-container,
.l-products #side-container
{
	margin-right: 49px;
	padding: 0;
	width: 189px;
	float: left;
}
	#side-container ul.subcategories
	{
		display: block;
		margin: 0;
		padding: 0;
		list-style-type: none;
	}
		/* Level 1 (grouping) */
		#side-container ul.subcategories li
		{
			display: list-item;
			margin: 0;
			padding: 0 0 8px 0;
			text-transform: lowercase;
		}
		#side-container ul.subcategories li.cat-grouping
		{
			margin-bottom: 20px;
			padding: 20px 18px 25px 22px;
			background-image: url(/resources/freepeople/images/layout/_fp/bg_nav-grouping.png);
			background-position: 0px 0px;
			background-repeat: no-repeat;
		}
			
			#side-container ul.subcategories li.cat-grouping h2
			{
				margin: 5px 0;
				font-family: inherit;
				font-size: 1.15em;
				font-weight: bold;
				text-transform: none;
				line-height: 1.2;
			}
			
			/* Level 2 */
			#side-container ul.subcategories li ul
			{
				display: none;
			}
			#side-container ul.subcategories li.cat-grouping ul,
			#side-container ul.subcategories li.active ul,
			#side-container ul.subcategories li.open ul
			{
				display: block;
				margin: 0;
				padding: 4px 0 0 0;
				/*width: auto;*/
				/*float: none;*/
				list-style-type: none;
			}
				#side-container ul.subcategories li.cat-grouping ul li
				{
					margin: 0;
					padding: 0 0 4px 0;
					text-transform: lowercase;
					background: none;
					*zoom: 1;
				}
					#side-container ul.subcategories li.cat-grouping ul li a
					{
						font-family: Verdana, Arial, Helvetica, sans-serif;
						font-size: 0.917em;
						font-weight: normal;
					}
					
					/* Level 3 */
					#side-container ul.subcategories li.cat-grouping ul li ul
					{
						display: none;
					}
					#side-container ul.subcategories li.cat-grouping ul li.active ul,
					#side-container ul.subcategories li.cat-grouping ul li.open ul
					{
						display: block;
						margin: 0 0 0 10px;
						padding: 5px 0 0 0;
					}
					#side-container ul.subcategories li.cat-grouping ul li ul
					{
						display: none;
					}
						#side-container ul.subcategories li.cat-grouping ul li ul li
						{
							display: list-item;
							padding-bottom: 3px;
							background: none;
						}
							#side-container ul.subcategories li.cat-grouping ul li ul li a
							{
								font-family: Verdana, Arial, Helvetica, sans-serif;
								font-size: 0.917em;
							}
					
							/* Level 4 */
							#side-container ul.subcategories li.cat-grouping ul li.open ul li ul
							{
								display: none;
							}
							#side-container ul.subcategories li.cat-grouping ul li.active ul li.active ul,
							#side-container ul.subcategories li.cat-grouping ul li.active ul li.open ul,
							#side-container ul.subcategories li.cat-grouping ul li ul li.open ul
							{
								display: block;
								margin: 0 0 0 10px;
								padding: 5px 0 0 0;
							}
							#side-container ul.subcategories li.cat-grouping ul li.active ul li ul
							{
								display: none;
							}
								#side-container ul.subcategories li.cat-grouping ul li ul li ul li
								{
									display: list-item;
									padding-bottom: 3px;
									background: none;
								}
									#side-container ul.subcategories li.cat-grouping ul li ul li ul li a
									{
										font-family: Verdana, Arial, Helvetica, sans-serif;
										font-size: 0.917em;
									}


/*======================================================================
	_DEFAULTS
----------------------------------------------------------------------*/
/* Make sure our inline elements vertical-align properly. */
img,
input,
select,
label
{
	vertical-align: middle;
}

/* Make sure all elements inherent font properties properly. */
table,
thead,
tbody,
tfoot,
tr,
th,
td,
input,
select,
textarea
{
	font-size: 1em;
	font-family: inherit;
}

/* Make table cells default to top vertical alignment since more often than not we want it this way. */
td
{
	vertical-align: top;
}

table .action,
table .numeric,
table .money
{
	text-align: right;
}
tfoot th
{
	text-align: right;
}

/*======================================================================
	FORMS
----------------------------------------------------------------------*/
form
{}
	form fieldset
	{
		border: none;
	}
		form fieldset legend
		{
			display: none;
		}
/*---------------------------------
	GENERAL ELEMENTS
---------------------------------*/
input.input-text,
input.input-password,
textarea
{
	padding: 4px 6px;
	font: 0.917em Verdana, Arial, Helvetica, Sans-serif;
	/*color: #010101;*/
	/*background: #fff url(/resources/freepeople/images/layout/bg_input.gif) 0 0 repeat-x;*/
	border: 1px solid #b6b5b6;
	border-top-color: #737272;
	border-bottom-color: #dcdbdb;
}
input.input-text,
input.input-password
{
	padding-right: 23px; /* For validation icons */
	width: 117px;
}
input.valid
{
	background-image: url(/resources/freepeople/images/layout/ico_validation-field-valid.png);
	background-position: 98% 2px;
	background-repeat: no-repeat;
}
input.error
{
	background-image: url(/resources/freepeople/images/layout/ico_validation-field-error.png);
	background-position: 98% 2px;
	background-repeat: no-repeat;
}
select
{
	border: 1px solid #b6b5b6;
}
	
	/*include JS-applied classes for IE, which doesn't support pseudo-selectos */
	input.focused,
	input.input-text:focus,
	input.input-password:focus,
	textarea.focused,
	textarea:focus
	{
		/*background-color: #f4f4f4;*/
		border-top-color: #5c5b5c;
		border-right-color: #929191;
		border-bottom-color: #afafaf;
		border-left-color: #929191;
	}

input.input-radio
{
	margin-right: 5px;
}

input.input-checkbox
{
	margin-right: 3px;
}

select option
{
	font-size: 1em;
	padding: 0 2px 0 4px;
}

label
{
	font: 0.833em Verdana, Arial, Helvetica, Sans-serif;
	text-transform: lowercase;
	/*color: #010101;*/
}
label.error
{
	display: block;
}

fieldset
{
	margin-bottom: 1.167em;
	border: none;
	border-bottom: 1px solid;
}

/* Webkit Specific */
input[type=number]::-webkit-inner-spin-button { -webkit-appearance: none; }

/*---------------------------------
	NESTED FORM CONTROLS
---------------------------------*/
form .controls
{
	position: relative;
	padding: 4px;
	border: 1px solid;
}
	
	form .controls .input-text,
	form .controls .input-password
	{
		padding: 0;
		background: none;
		border: none;
	}

	form .controls button
	{
		position: absolute;
		right: 0;
		top: 4px;
		display: block;
		text-indent: -9999px;
		background-color: transparent;
		background-image: url(/resources/freepeople/images/layout/_fp/sprite_globals.png);
		background-position: 0 0;
		background-repeat: no-repeat;
		border: none;
		cursor: pointer;
	}
		
/*---------------------------------
	FIELD VALUES
	-------------------------------
	Text-represented form values
---------------------------------*/
dl.fv
{
	margin-top: 0;
	font-family: Verdana, Arial, Helvetica, Sans-serif;
}

	dl.fv span.actions
	{
		padding-left: 8px;
		font-size: 0.909em;
	}

		dl.fv span.actions span
		{
			margin-right: 2px;
			padding-right: 6px;
			border-right: 1px solid;
		}
	
			dl.fv span.actions span.last
			{
				margin: 0;
				padding: 0;
				border: none;
			}
		
	dl.fv dt
	{
		margin-bottom: 0.5em;
		font-weight: normal;
		text-transform: lowercase;
	}
	
		dl.fv dt span.actions
		{
			font-weight: normal;
			font-size: 0.833em;
		}

	dl.fv dd
	{
		margin-left: 0;
		font-size: 0.917em;
		/*color: #000;*/
	}
	
	dl.fv dd .button
	{
		margin-bottom: 1.65em;
		clear: both;
	}

		dl.fv dd dl
		{
			margin-top: 0;
			margin-right: 10px;
			width: 248px;
			float: left;
		}
		
			dl.fv dd dl dt
			{
				margin-bottom: 0;
				font-weight: bold;
				text-transform: none;
			}
			
				dl.fv dd dl dt span.actions
				{
					font-size: 0.909em;
				}

/*---------------------------------
	PAIRING LISTS
---------------------------------*/
div.pairinglist
{}
	
	ul.pairings
	{
		margin: 0;
		padding: 0;
		list-style-type: none;
	}
	
		li.pairing
		{
			margin: 0 0 1em;
			background: none;
		}
		
			li.pairing label.primary
			{
				cursor: default;
			}
		
			li.pairing div.pairing-controls
			{
				overflow: hidden;
			}

	/*-- PAIRING LIST VERTICAL --*/
	li.pairing-vertical label.primary
	{
		display: block;
		margin-bottom: 0.2em;
	}
	
			li.pairing-vertical label.primary span.required,
			li.pairing-vertical label.primary span.optional
			{
				font-size: 0.917em;
				font-weight: normal;
				font-style: italic;
				/*color: #cc0000;*/
			}
		
			li.pairing-vertical label.primary span.pairing-note
			{
				font-size: 0.917em;
				font-weight: normal;
				/*color: #999;*/
			}
		
	/*-- PAIRING LIST HORIZONTAL --*/
	li.pairing-horizontal
	{
		margin-bottom: 7px;
		width: 100%;
		clear: both;
		float: left;
	}
	
	li.pairing-horizontal label.primary
	{
		margin-right: 3px;
		padding-top: 3px;
		width: 150px;
		float: left;
	}
		
		li.pairing-horizontal label.primary span.pairing-label
		{
			/*margin-right: 2px;*/
			/*float: left;*/
			
		}
		
		li.pairing-horizontal label.primary span.required
		{
			/*color: #cc0000;
			display: block;
						margin-top: 2px;
						width: 5px;
						height: 5px;
						float: left;
						font-size: 1%;
						text-indent: -9999px;
						background: transparent url(/resources/freepeople/images/layout/icon_required.gif) 0 0 no-repeat;*/
		}

	li.pairing-horizontal .pairing-content
	{
		float: left;	
	}

		li.pairing-horizontal .pairing-content select option
		{
			font-size: 1.1em;
			padding: 0 2px 0 4px;
		}

/*---------------------------------
	ACTION LISTS
---------------------------------*/
div.actionlist
{
	padding-top: 2em;
}

	ul.actions
	{
		margin: 0;
		padding: 0;
		list-style: none;
	}

		ul.actions li.action
		{
			margin: 0 12px 0 0;
			float: left;
			background: none;
		}
			
			/* presumes primary action is a button and secondary action is text */
			ul.actions li.action-secondary
			{
				padding-top: 4px;
				font-size: 0.917em;
				text-transform: uppercase;
			}
			
			
/*======================================================================
	CSS BUTTONS
	--------------------------------------------------------------------
	Will only render if JS is enabled. Otherwise will render as plain 
	link (if anchor) or browser-default button (if input).
----------------------------------------------------------------------*/
/*---------------------------------
	BUTTON
---------------------------------*/
.js input.button,
.js input.button-replaced 
{
	position: absolute;
	left: -9999px;
	top: -9999px;
}

.js .button 
{
	position: relative;
	display: block;
	padding: 8px;
	float: left;
	font-size: 1em;
	font-weight: bold;
	text-decoration: none;
	text-transform: uppercase;
	text-align: center;
	/*color: #fff;*/
	cursor: pointer;
}
	
	.js .button * 
	{
		position: relative;
		display: block;
		font-style: normal;
		background-image: url(/resources/freepeople/images/buttons/_fp/button.png);
		background-repeat: no-repeat;
	}
			
	/*-- TOP LEFT --*/
	.js .button i 
	{
		position: absolute;
		left: 0;
		top: 0;
		margin-bottom: -8px;
		width: 8px;
		height: 8px;
		background-position: top left;
	}
	/*-- BOTTOM LEFT --*/
	.js .button span 
	{
		left: -8px;
		margin-bottom: -8px;
		padding: 0 0 8px 16px;
		min-width: 103px;
		background-position: bottom left;
	}
	/*-- BOTTOM RIGHT --*/
	.js .button span i 
	{
		position: absolute;
		left: 100%;
		top: 0;
		margin-bottom: 0;
		width: 16px;
		height: 100%;
		background-position: bottom right;
	}	
	/*-- TOP RIGHT --*/
	.js .button span span 
	{
		position: absolute;
		right: -16px;
		top: -8px;
		margin-left: 16px;
		min-width: 0;
		height: 0;
		background-position: top right;
	}
	/*-- HOVER --*/
	.js .button:hover,
	.js .button:focus
	{
		text-decoration: none;
	}
		.js .button:hover *,
		.js .button:focus *   { background-image: url(/resources/freepeople/images/buttons/_fp/button-hover.png); }

	/*-- DEGRADE FOR IE6 --*/
	* html.js .button
	{
		position: static;
		display: block;
		padding: 4px 8px;
		text-align: center;
		background: none !important;
	}
	* html.js .button *
	{ 
		position: static;
		display: inline;
		margin: 0px;
		padding: 0px !important;
		width: auto;
		height: auto;
		text-align: center;
		background: none !important;
	}
		
/*---------------------------------
	DISABLED BUTTON
---------------------------------*/
.js .button-disabled *
{
	background-image: url(/resources/freepeople/images/buttons/_fp/button-disabled.png);
	cursor: default;
}
	.js .button-disabled:hover *,
	.js .button-disabled:focus *
	{
		background-image: url(/resources/freepeople/images/buttons/_fp/button-disabled.png);
	}
		

/*---------------------------------
	MEDIUM BUTTON
---------------------------------*/
.js .button-medium
{
	padding: 11px;
}
	
	/*-- TOP LEFT --*/
	.js .button-medium i 
	{
		margin-bottom: -11px;
		width: 11px;
		height: 11px;
	}
	/*-- BOTTOM LEFT --*/
	.js .button-medium span 
	{
		left: -11px;
		margin-bottom: -11px;
		padding: 0 0 11px 22px;
		min-width: 141px;
	}
	/*-- BOTTOM RIGHT --*/
	.js .button-medium span i 
	{
		width: 22px;
	}	
	/*-- TOP RIGHT --*/
	.js .button-medium span span 
	{
		right: -22px;
		top: -11px;
		margin-left: 22px;
	}
	
/*---------------------------------
	LARGE BUTTON
---------------------------------*/
.js .button-large
{
	padding: 11px;
}
	
	/*-- TOP LEFT --*/
	.js .button-large i 
	{
		margin-bottom: -11px;
		width: 11px;
		height: 11px;
	}
	/*-- BOTTOM LEFT --*/
	.js .button-large span 
	{
		left: -11px;
		margin-bottom: -11px;
		padding: 0 0 11px 22px;
		min-width: 191px;
		font-weight: normal;
	}
	/*-- BOTTOM RIGHT --*/
	.js .button-large span i 
	{
		width: 22px;
	}	
	/*-- TOP RIGHT --*/
	.js .button-large span span 
	{
		right: -22px;
		top: -11px;
		margin-left: 22px;
	}

/*---------------------------------
	ALTERNATE BUTTON
---------------------------------*/
.js input.button-alt
{
	display: none;
}

.js .button-alt 
{
	position: relative;
	display: block;
	padding: 6px 8px;
	float: left;
	font: normal 0.833em Verdana, Arial, Helvetica, Sans-serif;
	text-decoration: none;
	text-transform: uppercase;
	text-align: center;
	/*color: #d12a29;*/
	cursor: pointer;
}
	
	.js .button-alt * 
	{
		position: relative;
		display: block;
		font-style: normal;
		background-image: url(/resources/freepeople/images/buttons/_fp/button-alt.png);
		background-repeat: no-repeat;
	}
		
	/*-- TOP LEFT --*/
	.js .button-alt i 
	{
		position: absolute;
		left: 0;
		top: 0;
		margin-bottom: -6px;
		width: 8px;
		height: 6px;
		background-position: top left;
	}
	/*-- BOTTOM LEFT --*/
	.js .button-alt span 
	{
		left: -8px;
		margin-bottom: -6px;
		padding: 0 0 6px 16px;
		min-width: 0;
		background-position: bottom left;
	}
	/*-- BOTTOM RIGHT --*/
	.js .button-alt span i 
	{
		position: absolute;
		left: 100%;
		top: 0;
		margin-bottom: 0;
		width: 16px;
		height: 100%;
		background-position: bottom right;
	}
	/*-- TOP RIGHT --*/
	.js .button-alt span span 
	{
		position: absolute;
		right: -16px;
		top: -6px;
		margin-left: 16px;
		min-width: 0;
		height: 0;
		background-position: top right;
	}
	/*-- HOVER --*/
	.js .button-alt:hover,
	.js .button-alt:focus
	{
		text-decoration: none;
	}
		.js .button-alt:hover *,
		.js .button-alt:focus *   { background-image: url(/resources/freepeople/images/buttons/_fp/button-alt-hover.png); }

	/*-- DEGRADE FOR IE6 --*/
	* html.js .button-alt
	{
		padding: 4px;
		text-align: center;
		background: none !important;
		border: 1px solid;
	}
	* html.js .button-alt *  { background: none !important; }
		
/*---------------------------------
	CANCEL ACTION (TEXT BUTTON)
---------------------------------*/
.action-cancel
{
	border: none;
	background: transparent;
	cursor: pointer;
}

/*======================================================================
	GLOBAL PRICING
	--------------------------------------------------------------------
	.price, .price-original, .price-sale, .price-label styles
----------------------------------------------------------------------*/
.price
{}
.price-original
{
	/*color: #828282;*/
}
	span.price-original
	{
		text-decoration: line-through;
	}
	dd.price-original
	{
		text-decoration: none;
	}
		.price-original .dollars
		{
			text-decoration: line-through;
		}
.price-sale
{
	/*color: #000;*/
}
.price-label
{}


/*======================================================================
	GLOBAL FLASH MESSAGING
	--------------------------------------------------------------------
	error, warning, and success messaging styles
----------------------------------------------------------------------*/
#content-container .flash-message,
.qas .flash-message {
	position: relative;
	display: block;
	margin: 0 0 5px 0;
	padding: 10px 40px 10px 60px;
	background-position: 15px 9px;
	background-repeat: no-repeat;
	border: 1px solid;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	-moz-box-shadow: 1px 1px 5px rgba(0,0,0,0.2);
	-webkit-box-shadow: 1px 1px 5px rgba(0,0,0,0.2);
	box-shadow: 1px 1px 5px rgba(0,0,0,0.2);
	z-index: 3000;
}
	.qas .general-message,
	#content-container .general-message	{ background-image: url(/resources/freepeople/images/layout/icon_message-notify-2.png); }
	.qas .error-message,
	#content-container .error-message	{ background-image: url(/resources/freepeople/images/layout/icon_message-error-red-2.png); }
	.qas .warning-message,
	#content-container .warning-message	{ background-image: url(/resources/freepeople/images/layout/icon_message-warning-2.png); }
	.qas .success-message,
	#content-container .success-message	{ background-image: url(/resources/freepeople/images/layout/icon_message-success-green-2.png); }
	.qas .loading-message,
	#content-container .loading-message	{ background-image: url(/resources/freepeople/images/layout/_fp/loading.gif); }

	#content-container .flash-message a.close,
	.qas .flash-message a.close {
		position: absolute;
		right: 0;
		top: 0;
		width: 26px;
		height: 26px;
		font-size: 1px;
		text-indent: -9999px;
		background-color: transparent;
		background-image: url(/resources/freepeople/images/layout/_fp/sprite_globals.png);
		background-position: -433px 10px;
		background-repeat: no-repeat;
		z-index: 2001;
		outline: none;
	}
		#content-container .flash-message a:hover.close,
		.qas .flash-message a:hover.close {
			background-position: -433px -29px;
		}
	#content-container .flash-message h2,
	.qas .flash-message h2 {
		display: block;
		margin: 0;
		padding: 0;
		font-family: Arial, Verdana, Helvetica, sans-serif;
		font-size: 1.833em;
		font-weight: bold;
		line-height: 1.5;
		text-transform: lowercase;
	}
	#content-container .flash-message .message,
	.qas .flash-message .message {
		display: block;
		margin: 0;
		padding: 0;
		font: normal 1.2em Verdana, Arial, Helvetica, sans-serif;
		line-height: 1.3;
	}
	
	/*-- HIDE CF MESSAGES --*/
	.js #content-container .cf-message
	{}


/* loading messaging */
.loading
{
	display: block;
	margin: 0;
}
	.loading h2
	{
		display: block;
		margin: 0 auto;
		padding: 0 0 0 24px;
		font: normal 1.833em Arial, Helvetica, sans-serif;
		text-transform: lowercase;
		background-color: transparent;
		background-image: url(/resources/freepeople/images/layout/_fp/loading.gif);
		background-position: left center;
		background-repeat: no-repeat;
	}
		.loading .v-login-ajaxloginform h2  { background-position: 5px 4px; }
		.loading .new-users h2  { padding-left: 0; background-image: none; }
	

/*======================================================================
	MODAL WINDOWS
	--------------------------------------------------------------------
	This extra markup (inserted with JS) allows us to use a single 
	background image to wrap content of any width and height (dependant
	on size of image). All with full transparency, rounded corners and 
	drop-shadows to boot!
----------------------------------------------------------------------*/
.modal 
{
	position: absolute;
	right: 20px;
	top: 20px;
	display: none;
	padding: 12px;
	width: 300px;
	z-index: 3900;
	
	/* fixes IE7 pass through transparency bug */
	*background: transparent url(/resources/freepeople/images/shared/spacer.gif) 0 0 repeat;
}
	
	.modal .shadow-tl,
	.modal .shadow-tr,
	.modal .shadow-br,
	.modal .shadow-bl
	{
		position: relative;
		display: block;
		font-style: normal;
		background-image: url(/resources/freepeople/images/layout/_fp/bg_modal.png);
		background-repeat: no-repeat;
	}
		
		
	/*-- TOP LEFT --*/
	.modal .shadow-tl
	{
		position: absolute;
		left: 0;
		top: 0;
		width: 12px;
		height: 12px;
		background-position: top left;
	}
	/*-- BOTTOM LEFT --*/
	.modal .shadow-bl
	{
		left: -12px;
		margin-bottom: -12px;
		padding: 0 0 12px 24px;
		background-position: bottom left;
	}
	/*-- BOTTOM RIGHT --*/
	.modal .shadow-br 
	{
		position: absolute;
		left: 100%;
		top: 0;
		margin-bottom: 0;
		width: 24px;
		height: 100%;
		background-position: bottom right;
	}	
	/*-- TOP RIGHT --*/
	.modal .shadow-tr
	{
		position: absolute;
		left: -12px;
		right: -24px;
		top: -12px;
		margin: 0 0 -12px 24px;
		padding: 0 0 12px 24px;
		min-width: 0;
		height: 0;
		background-position: top right;
	}

	.modal a.close
	{
		position: absolute;
		right: 0;
		top: 0;
		width: 26px;
		height: 26px;
		font-size: 1px;
		text-indent: -9999px;
		background-color: transparent;
		background-image: url(/resources/freepeople/images/layout/_fp/sprite_globals.png);
		background-position: -394px 16px;
		background-repeat: no-repeat;
		outline: none;
		z-index: 3001;
	}
		.modal a:hover.close
		{
			background-position: -394px -23px;
		}

	.modal h1,
	.modal h2,
	.modal h3,
	.modal h4
	{
		margin-top: 0;
	}	

/*======================================================================
	USER MODAL (site-wide)
----------------------------------------------------------------------*/
#user-modal
{
	width: 330px;
	z-index: 9999; /* trumps all */
}	

	#user-modal .modal-content
	{
		padding-bottom: 3em;
	}

	#user-modal .v-login-ajaxloginform li.emailaddress-pairing,
	#user-modal .v-account-signupform li.emailaddress-pairing,
	#user-modal .v-account-signupform li.password-pairing
	{
		margin-right: 6px;
		float: left;
	}
	
	#user-modal .v-login-ajaxloginform li.password-pairing,
	#user-modal .v-account-signupform li.confirmemailaddress-pairing,
	#user-modal .v-account-signupform li.confirmpassword-pairing
	{
		float: left;
	}
	
/*---------------------------------
	ACCOUNT MODAL
	-------------------------------
	Sets up inheritance for user 
	modal as well as account modals
---------------------------------*/
.modal-account h2
{
	margin: 0;
	padding-bottom: 10px;
}
	#user-modal .loading h2
	{
		font-size: 1.333em;
	}
.modal-account h3
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.917em;
}
	
	/* convert horizontal static forms to vertical forms in their fancy ajax lives */
.modal-account li.pairing-horizontal
{
	margin: 0 0 1em;
	width: auto;
	clear: none;
}
	.modal-account li.pairing-horizontal label.primary
	{
		display: block;
		margin-right: 0;
		margin-bottom: 0.2em;
		width: auto;
		float: none;
		clear: both;
	}
	.modal-account li.pairing-horizontal .pairing-content,
	.modal-account li.pairing-horizontal .pairing-controls
	{
		display: block;
		width: 148px;
		float: none;
		clear: both;
	}
	.modal-account li.sendemailupdates-pairing .pairing-content,	
	.modal-account li.sendemailupdates-pairing .pairing-controls 
	{
		width: auto;	
	}

/*---------------------------------
	LOGIN FORM
---------------------------------*/	
.fixed-loading-modal
{
	position: fixed;
	_position: absolute;
	top: 150px;
	left: 150px;
	width: 200px;
	z-index: 7000;
}

/*---------------------------------
	LOGIN FORM
---------------------------------*/	
.modal-account .v-login-ajaxloginform p.forgot-password
{
	margin: 0;
	padding: 0 6px 0 0;
	float: right;
	font: 0.833em Verdana, Arial, Helvetica, sans-serif;
	text-transform: lowercase;
}

.modal-account .v-login-ajaxloginform .actionlist
{
	display: block;
	margin: 0 0 16px 0;
	padding: 10px 0 16px 0;
	border-bottom: 1px solid;
}
	
/*---------------------------------
	SIGNUP FORM
---------------------------------*/
.modal-account .v-account-signupform li.sendemailupdates-pairing
{
	width: 165px;
	clear: both;
}
	.modal-account .v-account-signupform li.sendemailupdates-pairing label.primary
	{
		padding-top: 1px; 
		float: right;
		clear: none;
	}
	.modal-account .v-account-signupform li.sendemailupdates-pairing .pairing-content,
	.modal-account .v-account-signupform li.sendemailupdates-pairing .pairing-controls
	{
		float: left;
		clear: none;
	}
	
.modal-account .v-account-signupform .actionlist
{
	padding-top: 5px;
}

/*---------------------------------
	FORGOT PASSWORD FORM
---------------------------------*/
.modal-account .v-account-forgotpassword
{}
	.modal-account .v-account-forgotpassword p
	{
		margin: 0;
		padding: 3px 0;
		/*color: #000;*/
	}
	.modal-account .v-account-forgotpassword .actionlist
	{
		padding-top: 5px;
	}

/*======================================================================
	Dialogs
----------------------------------------------------------------------*/
.ui-widget-overlay {
	position: absolute;
	left: 0;
	top: 0;
}
.ui-dialog {
	position: absolute;
	border: 1px solid;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	-moz-box-shadow: 1px 1px 5px rgba(0,0,0,0.2);
	-webkit-box-shadow: 1px 1px 5px rgba(0,0,0,0.2);
	box-shadow: 1px 1px 5px rgba(0,0,0,0.2);
	z-index: 3000;
}
	.ui-dialog .ui-dialog-titlebar {
		position: absolute;
		right: -16px;
		top: -16px;
		width: 33px;
		height: 33px;
	}
		.ui-dialog .ui-dialog-titlebar span {
			position: absolute;
			left: -999em;
		}
		.ui-dialog .ui-dialog-titlebar a {
			display: block;
			width: 33px;
			height: 33px;
			background: url(/resources/freepeople/images/layout/_fp/sprite_globals.png) -433px -78px;
			overflow: hidden;
		}
		.ui-dialog .ui-dialog-titlebar a:hover { background-position: -433px -116px; }
	.ui-dialog .ui-dialog-content,
	.l-checkout .ui-dialog-global .ui-dialog-content {
		padding: 25px;
		_width: 50px!important;
	}
		.ui-dialog-content h2 {
			margin-top: 0;
		}
		.ui-dialog-content .actionlist {
			margin-top: 10px;
			padding-top: 16px;
			border-top: 1px solid;
		}
			.ui-dialog-content .actionlist li.action-primary {
				position: relative;
				left: 50%;
				*margin-right: 0;
			}
				.ui-dialog-content .actionlist li.action-primary a.button {
					position: relative;
					left: -50%;
				}
				.ui-dialog-content .v-products-quickview .actionlist li.action-primary,
				.ui-dialog-content .v-products-quickview .actionlist li.action-primary a.button {left: 0;} /* reset for quickview actions */
			.ui-dialog-content .actionlist li.action-secondary {
				margin: 0;
				padding-top: .833em;
				float: none;
				clear: both;
				text-align: center;
			}
			.ui-dialog-content .v-accounttender-confirmdeleteform .actionlist .loading {
				position: relative;
				height: 30px;
			}
				.ui-dialog-content .v-accounttender-confirmdeleteform .actionlist .loading  h2 {
					position: absolute;
					left: 50%;
					margin-left: -50px;
					width: 130px;
					height: 30px;
				}
		/* Dialog Size Groups */
		.ui-dialog-content .v-contact-formtemplate,
		.ui-dialog-content .v-account-emailformtemplate,
		.ui-dialog-content .v-account-passwordformtemplate {
			width: 250px;
		}
		.ui-dialog-content .v-account-optinformtemplate,
		.ui-dialog-content .v-wishlist-emailform {
			width: 275px;
		}
		.ui-dialog-content .v-orderhistory-orders,
		.ui-dialog-content .v-collections-flagform,
		.ui-dialog-content .v-emailfriend-form {
			width: 330px;
		}
		.ui-dialog-content .v-accounttender-pagetemplate {
			width: 380px;
		}
		.ui-dialog-content .v-accounttender-confirmdeleteform,
		.ui-dialog-content .v-collections-addproductform,
		.ui-dialog-content .v-accountaddress-confirmdeleteform {
			width: 425px;
		}
		.ui-dialog-content .v-contact-confirmdeleteform,
		.ui-dialog-content .v-accountaddress-pagetemplatenonmobile {
			width: 570px;
		}
		.ui-dialog-content .v-cart-cartupsellsdialog {
			width: 632px;
		}
		.ui-dialog-content .v-products-quickview {
			width: 685px;
		}
		/* Centering actions within dialogs */
		.ui-dialog-content .v-accounttender-pagetemplate .actionlist li.action-primary {
			float: none;
		}

/*======================================================================
	INVISIBLE OVERLAYS
----------------------------------------------------------------------*/
.overlay-invisible {
	position: fixed;
	_position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 6001;
	background: transparent url(/resources/freepeople/images/layout/transparent.gif) 0 0 repeat;
}

/*======================================================================
	AJAX LOADED MODALS
----------------------------------------------------------------------*/
.ajaxloaded
{
	position: relative;
	z-index: 1;
}
	.ajaxloaded-content
	{
		z-index: 2900;
	}

.ajaxloaded .modal-account
{
	left: -20px;
	top: -40px;
}

/*======================================================================
	TOOLTIPS
----------------------------------------------------------------------*/
.js .tooltip
{
	display: none;
}

.tooltip
{
	position: absolute;
	left: 20px;
	top: 5px;
	padding-bottom: 10px;
	width: 248px;
	background-color: transparent;
	background-image: url(/resources/freepeople/images/layout/_fp/sprite_tooltips.png);
	background-repeat: no-repeat;
	z-index: 3800;
}

	.tooltip .tooltip-content
	{
		background-color: transparent;
		background-image: url(/resources/freepeople/images/layout/_fp/sprite_tooltips.png);
		background-repeat: no-repeat;
		overflow: hidden; /* prevent bottom margins of contained elements from breaking background */
	}
	
	.tooltip h1,
	.tooltip h2,
	.tooltip h3,
	.tooltip h4
	{
		margin-top: 0;
	}
	.tooltip h4 {
		font-size: 1em;	
	}

/* degrage gracefully for IE6 */
* html .tooltip
{ 
	background-image: none !important;
	_border: 1px solid;
}	
* html .tooltip .tooltip-content
{
	padding: 10px 15px 8px;
	background-image: none !important;
}

/*---------------------------------
	TOOLTIP RIGHT
---------------------------------*/
.tooltip-right
{
	background-position: -260px bottom;
}

	.tooltip-right .tooltip-content
	{
		padding: 10px 15px 8px 24px;
		background-position: 0 0;
	}
	
/*---------------------------------
	TOOLTIP TOP
---------------------------------*/
.tooltip-top
{
	width: 131px;
	padding: 0px 0px 17px 0px;
	background-position: -679px bottom;
}

	.tooltip-top .tooltip-content
	{
		padding: 15px 15px 7px 15px;
		background-position: -528px 0;
	}
	
/*---------------------------------
	TOOLTIP LEFT
---------------------------------*/
.tooltip-left
{
	background-position: -1096px bottom;
}
	
	.tooltip-left .tooltip-content
	{
		padding: 10px 24px 8px 15px;
		background-position: -830px 0;
	}

/*---------------------------------
	TOOLTIP MODERN (CSS3)
---------------------------------*/
.tooltip-modern
{
	padding: 5px;
	width: auto;
	_width: 200px;
	background: #fff;
	border: 1px solid #dcdcdc;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	-webkit-box-shadow: 0px 0px 6px  #666;
	-moz-box-shadow: 0px 0px 6px #666;
	box-shadow: 0px 0px 6px #666; 
}

/*======================================================================
	SHADOWS
----------------------------------------------------------------------*/
.js .shadow-container
{
	position: relative;
	border-top: 1px solid;
	border-left: 1px solid;
	z-index: 1;
}

	/* right */
	.js .shadow-container .shadows b 
	{
		position: absolute;
		right: -3px;
		top: 0;
		width: 3px;
		height: 100%;
		background-color: transparent;
		background-image: url(/resources/freepeople/images/layout/_fp/shadow_right.png);
		background-position: right top;
		background-repeat: repeat-y;
	}
	
	/* bottom */
	.js .shadow-container .shadows i 
	{
		position: absolute;
		left: 0;
		bottom: -3px;
		width: 100%;
		height: 3px;
		background-color: transparent;
		background-image: url(/resources/freepeople/images/layout/_fp/shadow_bottom.png);
		background-position: left bottom;
		background-repeat: repeat-x;
	}
	
	 /* corner */
	.js .shadow-container .shadows span 
	{
		position: absolute;
		right: -3px;
		bottom: -3px;
		width: 3px;
		height: 3px;
		background-color: transparent;
		background-image: url(/resources/freepeople/images/layout/_fp/shadow_corner.png);
		background-position: right bottom;
		background-repeat: no-repeat;
	}
		
	/*-- DEGRADE FOR IE6 --*/
	* html #corset .shadow-container { border: 1px solid; }
		* html #corset .shadow-container .shadows i 	{ background-image: none !important; }
		* html #corset .shadow-container .shadows b 	{ background-image: none !important; }
		* html #corset .shadow-container .shadows span 	{ background-image: none !important; }


/*======================================================================
	TABS
----------------------------------------------------------------------*/
.ui-tabs-panel	{ display: block; }
.ui-tabs-hide 	{ display: none; }

.tabs-content {}
	.tabs-content ul.tabs-sections {
		position: relative;
		bottom: -1px;
		margin: 0;
		overflow: hidden;
		_overflow: visible;
		z-index: 2100;
	}
		.tabs-content ul.tabs-sections li {
			display: block;
			margin: 1px 2px 0 2px;
			padding: 0;
			min-width: 140px;
			_width: 140px;
			float: left;
			-webkit-box-shadow: 0 2px 2px 2px #ccc;
			-moz-box-shadow: 0 2px 2px 2px #ccc;
			box-shadow: 0 2px 2px 2px #ccc;
			-moz-border-radius-topleft: 4px;
			-moz-border-radius-topright: 4px;
			-moz-border-radius-bottomright: 0px;
			-moz-border-radius-bottomleft: 0px;
			-webkit-border-radius: 4px 4px 0px 0px;
			border-radius: 4px 4px 0px 0px;
		}
		.tabs-content ul.tabs-sections li:first-child {
			margin-left: 1px;
			-webkit-box-shadow: 1px 2px 2px 1px #ccc;
			-moz-box-shadow: 1px 2px 2px 1px #ccc;
			box-shadow: 1px 2px 2px 1px #ccc;
		}
			.tabs-content ul.tabs-sections li a {
				display: block;
				padding: 8px 15px 6px;
				min-width: 110px;
				_width: 110px;
				font-size: .909em;
				font-family: Verdana, Geneva, sans-serif;
				text-transform: uppercase;
				color: #232f69;
				background-color: #e4e2ce;
				text-align: center;
				-moz-border-radius-topleft: 4px;
				-moz-border-radius-topright: 4px;
				-moz-border-radius-bottomright: 0px;
				-moz-border-radius-bottomleft: 0px;
				-webkit-border-radius: 4px 4px 0px 0px;
				border-radius: 4px 4px 0px 0px;
			}
			.tabs-content ul.tabs-sections li.ui-tabs-selected a {
				text-decoration: none;
				background-color: #fff;
			}
				.tabs-content ul.tabs-sections li a span {}
		.tight .tabs-content ul.tabs-sections li,
		.tight .tabs-content ul.tabs-sections li a {
			min-width: 80px;
			_width: 80px;
		}
	.tabs-content .shadow-container {
	}
		.tabs-content .tabs-panels {
			padding: 10px 45px 20px;
			overflow: hidden;
		}
			.tabs-content .ui-tabs-panels .panels {}


/*======================================================================
	SCROLLBARS
----------------------------------------------------------------------*/
.jScrollPaneContainer
{
	position: relative;
	overflow: hidden;
	z-index: 2000;
}

	.jScrollPaneTrack
	{
		position: absolute;
		top: 0;
		right: 0;
		height: 100%;
		background-color: transparent;
		background-image: url(/resources/freepeople/images/layout/_fp/bg_scrollbar-bg.gif);
		background-position: left top;
		background-repeat: repeat-y;
		cursor: pointer;
		z-index: 2000;
	}
		
		.jScrollPaneDrag
		{
			position: absolute;
			display: block;
			width: 10px;
			background-color: transparent;
			background-image: url(/resources/freepeople/images/layout/_fp/bg_scrollbar-bar.gif);
			background-position: left top;
			background-repeat: repeat-y;
			cursor: pointer;
			z-index: 2002;
		}
		
			.jScrollPaneDragTop
			{
				position: absolute;
				top: -6px;
				left: 0;
				width: 10px;
				height: 6px;
				background: transparent;
				background-position: -24px top;
				background-repeat: no-repeat;
				overflow: hidden;
				z-index: 2003;
			}
			.jScrollPaneDragBottom
			{
				position: absolute;
				bottom: -6px;
				left: 0;
				width: 10px;
				height: 6px;
				background: transparent;
				background-position: -36px top;
				background-repeat: no-repeat;
				overflow: hidden;
				z-index: 2003;
			}
		a.jScrollArrowUp
		{
			position: absolute;
			display: block;
			top: 0;
			right: 0;
			height: 6px;
			text-indent: -2000px;
			background: transparent;
			background-position: -48px top;
			background-repeat: no-repeat;
			overflow: hidden;
			z-index: 1;
		}
		a.jScrollArrowDown 
		{
			position: absolute;
			display: block;
			right: 0;
			bottom: 0;
			height: 6px;
			text-indent: -2000px;
			background: transparent;
			background-position: -60px top;
			background-repeat: no-repeat;
			overflow: hidden;
			z-index: 1;
		}
		
		.jScrollPaneDragTop,
		.jScrollPaneDragBottom,
		a.jScrollArrowUp,
		a.jScrollArrowDown { background-image: url(/resources/freepeople/images/layout/_fp/bg_scrollbars.png); }


/*======================================================================
	JANRAIN LOGIN WIDGET
----------------------------------------------------------------------*/
.janrain-widget-login {
		display: block;
	}
	.janrain-widget-login a {
		margin: 0 12px 6px 0;
		width: 93px;
		height: 31px;
		float: left;
		text-indent: -9999em;	
		background: url(/resources/freepeople/images/layout/sprite_janrain-widget-login.png) 280px 0 no-repeat; /* Blank */
	}

	.janrain-widget-login a.facebook           { background-position:    0      0px; }
	.janrain-widget-login a.google             { background-position:    0    -31px; }
	.janrain-widget-login a.windowslive        { background-position:    0    -62px; }
	.janrain-widget-login a.paypal             { background-position:    0    -93px; }
	.janrain-widget-login a.twitter            { background-position:    0   -124px; }
	.janrain-widget-login a.yahoo              { background-position:    0   -155px; }

	.janrain-widget-login a.facebook:hover     { background-position:  -93px    0px; }
	.janrain-widget-login a.google:hover       { background-position:  -93px  -31px; }
	.janrain-widget-login a.windowslive:hover  { background-position:  -93px  -62px; }
	.janrain-widget-login a.paypal:hover       { background-position:  -93px  -93px; }
	.janrain-widget-login a.twitter:hover      { background-position:  -93px -124px; }
	.janrain-widget-login a.yahoo:hover        { background-position:  -93px -155px; }

	.janrain-widget-login a.facebook:active    { background-position: -186px    0px; }
	.janrain-widget-login a.google:active      { background-position: -186px  -31px; }
	.janrain-widget-login a.windowslive:active { background-position: -186px  -62px; }
	.janrain-widget-login a.paypal:active      { background-position: -186px  -93px; }
	.janrain-widget-login a.twitter:active     { background-position: -186px -124px; }
	.janrain-widget-login a.yahoo:active       { background-position: -186px -155px; }

/*======================================================================
	TABLES
----------------------------------------------------------------------*/
/*---------------------------------
	BASE TABLE
---------------------------------*/
table.base
{
	margin-bottom: 1.2em;
	width: 100%;
	font-size: 0.917em;
	border-collapse: collapse;   
}

	table.base th
	{
		font-weight: bold;
		text-align: left;
	}
	
		table.base thead th
		{
			padding: 1.667em 10px 0.833em;
			/*color: #fff;*/
			/*background-color: #666;*/
		}
	
	table.base td
	{
		padding: 1.1em 10px;
		text-align: left;
		border-bottom: 1px solid;
	}
	
		table.base th.numeric,
		table.base td.numeric
		{
			text-align: right;
		}
	
	table.base div.actionlist
	{
		padding: 0;
		border: 0 none;
	}

/*---------------------------------
	ROW DATA TABLE
---------------------------------*/
table.row-data
{
	margin-bottom: 1.2em;
	width: 100%;
	border-collapse: collapse;   
}

	table.row-data th
	{
		font-size: 1.333em;
		font-weight: normal;
		text-align: left;
		text-transform: lowercase;
	}
	
		table.row-data thead th
		{
			padding: 0 10px 15px 2px;
			/*color: #000;*/
			text-transform: lowercase;
		}
	
	table.row-data td
	{
		padding: 0.917em 10px 0.917em 2px;
		font-size: 0.917em;
		text-align: left;
		border-top: 1px dotted;
	}
	
		table.row-data th.numeric,
		table.row-data td.numeric
		{
			text-align: right;
		}

/*---------------------------------
	LINE ITEM TABLE
	cart, order review, 
	confirmation & history
	-------------------------------
	always inherits from table.base
---------------------------------*/
table.lineitems
{
	margin-bottom: 2px;
}

	table.lineitems ul
	{
		margin: 0;
		list-style: none;	
	}
	
		table.lineitems ul li
		{
			margin-top: 0;
		}

		table.lineitems ul dl
		{
			margin: 0 0 0.5em;
		}
		
			table.lineitems ul dt
			{
				display: inline; 	
				font-weight: bold;
			}

				table.lineitems ul dd
				{
					display: inline; 	
					margin: 0;
				}
				
	table.lineitems	ul.actions li.action-secondary
	{
		padding-top: 0;
	}

	table.lineitems td.column-product .product-image
	{
		margin: 0 10px 10px 0;
		float: left;	
	}

	table.lineitems  td.column-product span.product-fulfillmentsystemid
	{
		/*display: none;*/
	}	
	
	table.lineitems th.column-quantity,
	table.lineitems td.column-quantity
	{
		text-align: center;
	}


/*---------------------------------
	GRID TABLE
---------------------------------*/
table.grid
{
	margin: 1.2em 0;
	width: 100%;
	border-collapse: collapse;   
	/*background-color: #fff;*/
	border: 1px solid;
}

	table.grid tbody th
	{
		padding: 0.5em 4px;
		font-size: 1em;
		font-weight: bold;
		text-align: center;
		/*background-color: #f1f1f1;*/
		border: 1px solid;
	}
	
		table.grid th span
		{
			display: block;
			font-weight: normal;
			font-size: 0.917em;	
		}
	
	table.grid td
	{
		padding: 0.5em 4px;
		text-align: left;
		border: 1px solid;
	}

/*---------------------------------
	STRIPED TABLE
	-------------------------------
	always inherits from existing 
	table classes
---------------------------------*/
table.striped
{}

	table.striped td
	{
		/*background-color: #fff;*/
	}

	table.striped tr.alt td
	{
		/*background-color: #f1f1f1;*/
	}


/*======================================================================
	CLEARFIX
----------------------------------------------------------------------*/
.clearfix:after
{
	content: ".";
	display: block;
	height: 0.1px;
	clear: both;
	font-size: 0;
	visibility: hidden;
}
.clearfix { display: inline-table; }
html>body .clearfix { display: block; }
/* \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* */
.clearfix
{
	*display: block;
	*zoom: 1;
}

/*======================================================================
	CONTENT: Global Content Styles
----------------------------------------------------------------------*/
.ct-body {}

	/* CENTERED CONTENT */
	/* full width content */
	.tight .l-home .ct-body .ct-centered,
	.tight .l-category .ct-body .ct-centered,
	.tight .l-products .ct-body .ct-centered { 
		margin-left: -120px;
	}
	/* left nav width content */
	.tight .l-category .with-side-container .ct-body .ct-centered,
	.tight .l-products .with-side-container .ct-body .ct-centered { 
		margin-left: -120px;
	}



/*======================================================================
	FOOTER
----------------------------------------------------------------------*/
#footer-container {}
	#footer {
		padding-top: 20px;
		padding-bottom: 2em;
	}
		#footer h4 {
			font-family: Georgia, "Times New Roman", Times, serif;
			font-style: italic;
			font-weight: bold;
			text-transform: lowercase;
		}
		#footer a {}
		#footer a:hover { text-decoration: underline; }			
		/*---------------------------------
			LINK CONTAINER
		---------------------------------*/
		.link-container {
			padding: 8px 0;
			margin: 0 auto;
			width: 956px;
			border-top: 1px solid;
		}
			.link-container h4 {
				font-size: 1em;
				letter-spacing: .4px;
			}
			.link-container ul {
				display: block;
				margin: 0;
				padding: 2px 0;
				list-style-type: none;
			}
				.link-container ul li {
					margin: 0;
					padding:0 0 2px 0;
					text-transform: lowercase;
					list-style-type: none;
				}
					.link-container ul li a {
						font-size: 0.833em;
					}
			.link-container .help-and-country {
				padding-right: 30px;
				float: left;
				_padding-right: 24px;
				_width: 165px;
			}
				.link-container .help-and-country .need-help {
					width: 159px;
					height: 73px;
					background: transparent url(/resources/freepeople/images/layout/_fp/bg_footer-items.png) 0 0 no-repeat;
				}
					.link-container .help-and-country .need-help h4 {
						padding: 7px 0 0 14px;
					}
					.link-container .help-and-country .need-help p {
						margin: 0;
						padding: 5px 0 0 14px;
						font-size: 0.916em;
						text-transform: lowercase;
					}
				.link-container .help-and-country .internationalization {	
					padding: 24px 0 0 0;
				}
					.link-container .help-and-country .internationalization a {
						display: block;
						padding: 3px 6px;
						float: left;
						border: 1px solid;
						background: transparent url(/resources/freepeople/images/layout/bg_international.png) left bottom repeat-x;
						-moz-border-radius: 4px 4px;
						-webkit-border-radius: 4px 4px;
						border-radius: 4px 4px;
					}
					.link-container .help-and-country .internationalization a:hover {
						text-decoration: none;
					}
						.link-container .help-and-country .internationalization a span {
							display: block;
							margin-right: 5px;
							padding-right: 8px;
							float: left;
							border-right: 1px solid;
							cursor: pointer;
						}
							.link-container .help-and-country .internationalization a img {}
						.link-container .help-and-country .internationalization a em {
							display: block;
							margin-right: 4px;
							padding-top: 5px;
							float: left;
							font-size: 0.917em;
							font-style: normal;
							line-height: 1;
							text-transform: lowercase;
							cursor: pointer;
						}
						.link-container .help-and-country .internationalization a:hover em {
							text-decoration: underline;
						}
						.link-container .help-and-country .internationalization a i {
							display: block;
							margin-top: 8px;
							float: left;
							width: 4px;
							height: 6px;
							background: transparent url(/resources/freepeople/images/layout/_fp/sprite_globals.png) -394px -116px no-repeat;
						}
			.link-container .customer-service,
			.link-container .company,
			.link-container .explore {
				float: left;
				padding: 6px 46px 0 0;
				_padding-right: 42px;
			}
			.link-container .explore { padding-right: 20px; }
			.link-container .footer-image-container {
				padding: 0;
				width: 359px;
				height: 126px;
				padding: 7px 0 0 7px;
				float: right;
				background: transparent url(/resources/freepeople/images/layout/_fp/bg_footer-items.png) 0 -74px no-repeat;
			}
				.link-container .footer-image-container a {
					display: block;
					width: 352px;
					height: 120px;
					text-indent: -1000em;
					background: transparent url(/resources/freepeople/redesigns/img_latest-from-blog.jpg) 0 0 no-repeat;
				}
		/*---------------------------------
			EMAIL SIGNUP
		---------------------------------*/
		#footer .email-signup {
			margin: 0 auto 6px;
			padding-bottom: 7px;
			width: 956px;
			background: url(/resources/freepeople/images/layout/_fp/bg_simple-email-signup.gif) 0 0 repeat-x;
		}
			#footer .email-signup .be-the-first {
				display: block;
				margin: 12px 10px 0 10px;
				_margin-left: 5px;
				width: 302px;
				height: 12px;
				float: left;
				background: transparent url(/resources/freepeople/images/layout/_fp/bg_be-the-first.png) 0 0 no-repeat;
				text-indent: -9999em;
			}
			#footer .email-signup span.new-friends {
				padding: 12px 0 0 6px;
				float: left;
				font-style: italic;
				font-size: 0.8333em;
			}
			#footer .v-emailsignup-simplesignupform {
				padding-top: 8px;
				float: left;
			}
				#footer .v-emailsignup-simplesignupform .pairinglist {
					_width: 300px;
					float: left;
				}
					#footer .v-emailsignup-simplesignupform li {
						margin: 0;
						padding: 0;
					}
						#footer .v-emailsignup-simplesignupform .pairinglist label { display: none; }
						#footer .v-emailsignup-simplesignupform .pairinglist label.error {
							display: block;
						}
						#footer .v-emailsignup-simplesignupform .pairinglist input {
							width: 300px;
							height: 12px;
						}
							#footer .v-emailsignup-simplesignupform input::-webkit-input-placeholder {
								color: #b8b2b0;
								font-style: italic;
							}
							#footer .v-emailsignup-simplesignupform input:-moz-placeholder {
								color: #b8b2b0;
								font-style: italic;
							}
				#footer .v-emailsignup-simplesignupform .actionlist{
					padding: 0;
					*padding-top: 1px;
					_width: 64px;
					float: left;
				}
					#footer .v-emailsignup-simplesignupform .actionlist .input-submit {
						display: block;
						width: 64px;
						height: 22px;
						text-indent: -9999em;
						*font-size: 0px;
						*line-height: 0px;
						background: transparent url(/resources/freepeople/images/layout/_fp/bg_input_simple-email.png) 0 0 no-repeat;
						border: none;
						cursor: pointer;
					}
		/*---------------------------------
			CALLOUTS
		---------------------------------*/
		#footer .callouts {
			margin: 0 auto;
			width: 956px;
		}
			#footer .callouts li {
				position: relative;
				margin-right: 11px;
				padding: 0;
				/*height: 62px;*/
				float: left;
				font-family: Georgia, "Times New Roman", Times, serif;
				font-style: italic;
				text-transform: lowercase;
				list-style: none;
			}
				#footer .callouts li.catalogs,
				#footer .callouts li.gift-cards {
					display: block;
					width: 158px;
					*width: 157px;
					height: 64px;
					background: transparent url(/resources/freepeople/images/layout/_fp/sprite_footer-callouts2.png) no-repeat;
				}	
				#footer .callouts li.catalogs { background-position: 0 -75px; }
				#footer .callouts li.gift-cards { background-position: 0 0; }
					#footer .callouts li.catalogs span,
					#footer .callouts li.catalogs a,
					#footer .callouts li.gift-cards span, 
					#footer .callouts li.gift-cards a  {
						position: absolute;
					}
					#footer .callouts li.catalogs span {
						top: 7px;
						left: 38px;
					}
					#footer .callouts li.catalogs a {
						bottom: 7px;
						left: 38px;
					}
					#footer .callouts li.gift-cards span {
						top: 7px;
						left: 74px;
					}
					#footer .callouts li.gift-cards a {
						bottom: 7px;
						left: 74px;
					}
					#footer .callouts li.catalogs a, #footer .callouts li.gift-cards a {
						font-size: .917em;
						font-weight: bold;
						text-transform: uppercase;
					}
				#footer .callouts li.twitter {
					display: block;
					width: 226px;
					height: 64px;
					background: transparent url(/resources/freepeople/images/layout/_fp/sprite_footer-callouts2.png) 0 -150px no-repeat;
					overflow: hidden;
				}
					#footer .callouts li.twitter iframe {
						position: absolute;
						top: 33px;
						left: 68px;
					}
				#footer .callouts li.facebookfan {
					width: 225px;
					height: 62px;
					border: 1px solid;
				}
				#footer .callouts li.social-nav {
					margin-right: 0;
					padding: 8px 15px 0 15px;
					text-align: center;
					border: 1px solid;
					height: 54px;
					_width: 111px;
				}
					#footer .callouts li.social-nav h4 {
						font-weight: normal;
						font-size: 1em;
					}
					#footer .callouts li.social-nav ul { margin: 0; }
						#footer .callouts li.social-nav ul li {
							margin-right: 5px;
							height: 24px;
							float: left;
							border: none;
						}
						#footer .callouts li.social-nav ul li.rss {margin-right: 0;}
							#footer .callouts li.social-nav ul li a {
								display: block;
								float: left;
							}
								#footer .callouts li.social-nav ul li a span {
									display: none;
								}
								#footer .callouts li.social-nav ul li a .icon {
									display: block;
									padding-top: 0px;
									width: 24px;
									height: 24px;
									background: transparent url(/resources/freepeople/images/layout/sprite_flags-social2.png) no-repeat;
									overflow: hidden;
									cursor: pointer;
								}
								#footer .callouts li.social-nav ul li.tumblr a .icon { background-position: -42px -62px; }
								#footer .callouts li.social-nav ul li.youtube a .icon { background-position: -110px 0; }
								#footer .callouts li.social-nav ul li.instagram a .icon { background-position: -110px -31px; }
								#footer .callouts li.social-nav ul li.rss a .icon { background-position: -77px -31px; }
								#footer .callouts li.social-nav ul li.pinterest  a .icon { background-position: -77px -62px; }
		/*---------------------------------
			COPYRIGHT
		---------------------------------*/
		#copyright {
			display: block;
			margin: 0 auto;
			padding: 5px 0 0;
			width: 956px;
			float: none;
			clear: both;
			font-size: 0.833em;
			text-align: center;
		}
			#copyright a {
				margin: 0;
				padding: 0 7px;
				text-decoration: underline;
				text-transform: lowercase;
			}
			#copyright a.terms-of-use {
				padding: 0 10px 0 4px;
				border-right: 1px solid;
			}


/*-- IE6 Modal and button fixes --*/
* html #corset .modal 
{
	background: none !important;
	/*background-color: #fff;*/
	border: 1px solid;
}
	* html .modal .shadow-tl { background: none !important; }
	* html .modal .shadow-tr { background: none !important; }
	* html .modal .shadow-br { background: none !important; }
	* html .modal .shadow-bl { background: none !important; }
	
	/* outside the corset modals - will remove corset code once fully tested */
	* html body .modal 
	{
		border: 1px solid;
	}





/*======================================================================
	QAS
----------------------------------------------------------------------*/
#content .modal-qas,
#billingAddressShipmentOptionTemplate-content .v-checkout-billingaddressshipmentoptiontemplate .modal-qas,
#shippingAddresses #modal-container,
#shippingAddresses #modal-container.modal-qas-corrected,
#shippingAddresses #modal-container.modal-qas-user,
#shippingAddresses #modal-container.modal-qas-recommendation,
#shippingAddresses #modal-container.modal-qas-refinement,
#shippingAddresses #modal-container.modal-qas-list
{
	width: 600px !important;
}
	.modal-qas-corrected {}
	.modal-qas-user {}
	.modal-qas-recommendation {}
	.modal-qas-refinement {}
	.modal-qas-list	{}

#qas-content-no-script
{
	margin: 0 0 20px 0;
	padding: 10px;
}

.qas {}
	.qas .qas-highlight
	{
		padding: 0 2px;
	} 

.qas-none
{
	margin-top: 10px;
	padding-top: 10px;
	border-top: 1px solid;
}
	.qas p {
		margin: 0 0 1em;
		line-height: 1.4;
	}
	.qas .qas-section h3 {
		padding-right: 10px;
		min-width: 140px;
		float: left;
	}

.qas .flash-message h2,
.qas .flash-message a.close {
	display: none;
}

/*-- Action Lists --*/
.qas .actionlist,
#corset #modal-container .qas .actionlist
{
	padding: 10px 0;
	border: none;
}
	.qas .actionlist li.action-secondary,
	#corset #modal-container .qas .actionlist li.action-secondary
	{
		float: left;
		clear: right;
		text-align: left;
	}
		.qas .actionlist li.action-secondary .or
		{
			display: inline;
			margin: 0 8px 0 5px;
			text-transform: lowercase;
		}
		.qas .actionlist li.action-secondary form
		{
			display: inline;
		}
		.qas .actionlist li.action-secondary a
		{
			display: inline;
			text-transform: lowercase;
		}

/*-- Address Selection --*/
.qas .qas-section .pairinglist {}
	.qas .qas-section .pairinglist li.pairing-horizontal {
		margin-bottom: 5px;
		clear: both;
	}
		.qas .qas-section .pairinglist li.pairing-horizontal label.primary
		{
			width: 150px;
			float: left;
			font-weight: bold;
			text-transform: none;
		}
		.qas .qas-section .pairinglist li.pairing-horizontal .pairing-content
		{
			width: 350px;
			float: left;
			clear: none;
		}
			.qas .qas-section .pairinglist li.pairing-horizontal .pairing-content label
			{
				display: inline;
				font-size: 0.917em;
				line-height: 1.5;
			}
				.qas .qas-section .pairinglist li.pairing-horizontal .pairing-content label .qas-radio
				{
					display: inline;
					vertical-align: middle;
				}
			.qas .qas-section .pairinglist li.pairing-horizontal .pairing-controls {
				width: auto;
			}
			.qas .qas-section .pairinglist li.pairing-horizontal .pairing-content a.edit
			{
				float: right;
				font-size: 0.917em;
				text-transform: lowercase;
			}
	
	/* Original Addresses */
	.qas .qas-section .pairinglist li.address-original-pairing {}
		.qas .qas-section .pairinglist li.address-original-pairing .pairing-content {}
			.qas .qas-section .pairinglist li.address-original-pairing .pairing-content label
			{
				display: block;
				padding-bottom: 5px;
				width: 315px;
				float: left;
				border-bottom: 1px solid;
			}
	
	/* QAS Refinement: Street/Apt Number Input */
	.qas .qas-refinement .pairinglist li.address-refinement-pairing {}
		.qas .qas-refinement .pairinglist li.address-refinement-pairing .pairing-content {}
			.qas .qas-refinement .pairinglist li.address-refinement-pairing .pairing-content .input-text
			{
				width: 117px;
			}
	
	/* QAS NON-JS Version Overwrites */
	#qas-content-no-script .qas .qas-section .pairinglist {}
		#qas-content-no-script .qas .qas-section .pairinglist li.pairing-horizontal {}
			#qas-content-no-script .qas .qas-section .pairinglist li.pairing-horizontal .pairing-content
			{
				width: 550px;
			}

/*-- QAS Refine --*/
.qas-refine {
	margin-bottom: 1em;
}
	.qas-refine .refinement-input .pairinglist {
		float: left;
	}
		.qas-refine .refinement-input .pairinglist label.primary {
			text-transform: lowercase;
		}
		.qas .qas-refine .refinement-input .pairinglist li.pairing-horizontal .pairing-content {
			width: 160px;
		}
	.qas-refine li.pairing label.primary {
		padding-right: 10px;
		min-width: 140px;
		float: left;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: .917em;
		font-weight: bold;
		text-transform: lowercase;
	}

/*-- QAS List: List of Potential Matches --*/
.qas-list {
	min-height: 70px;
	max-height: 350px;
	overflow: auto;
	overflow-x: none;
}
	.qas-list #qasPickListForm {
		float: left;
	}
		.qas-list li.pairing label.primary {
			display: none;
		}
		.qas .qas-list .pairinglist li.pairing-horizontal .pairing-content {
			width: auto;
		}
		.qas-list .pairing-controls label {
			text-transform: none;
		}

/*-- Address Forms --*/
.address-form .address2-pairing .valid,
.addressfields .address2-pairing .valid
{
	background-image: none; /* Don't show validation icon on address2 field */
}

.qas .address-form,
.modal .address-form
{
	position: relative;
	z-index: 2001;
}
	.address-form .pairinglist {}
		.address-form .pairinglist li.pairing-horizontal
		{
			margin-left: 5px;
			margin-right: 5px;
			width: 260px;
		}
			.address-form .pairinglist li.pairing-horizontal label.primary
			{
				width: 110px;
				float: left;
			}
				.address-potential-additional label.primary
				{
					text-indent: -4100px;
				}
			.address-form .pairinglist li.pairing-horizontal .pairing-content
			{
				min-width: 150px;
				float: left;
				clear: right;
			}

		/* nickname field */
		.address-form .pairinglist li.descriptivename-pairing
		{
			float: none;
			clear: both;
			width: 550px;
		}
			.address-form .pairinglist li.descriptivename-pairing label.primary
			{
				width: 210px;
			}
				.address-form .pairinglist li.descriptivename-pairing .pairing-content .input-text
				{
					width: 283px;
				}

		/* country field */
		.address-form .pairinglist li.country-pairing
		{
			float: none;
			clear: both;
		}
		
		/* state select */
		.address-form .pairinglist li.stateselect-pairing
		{
			margin-bottom: 14px; /* forces zip code wrap */
		}
			.address-form .pairinglist li.stateselect-pairing .pairing-content select
			{
				max-width: 150px;
			}
		
		/* public address */
		.address-form .pairinglist li.addressispublic-pairing
		{
			width: 400px;
			float: none;
			clear: both;
		}
			.address-form .pairinglist li.addressispublic-pairing label.primary
			{
				padding-top: 0px;
				width: 360px;
				float: right;
			}
				.address-form .pairinglist li.addressispublic-pairing label.primary .pairing-note
				{
					display: block;
				}
			.address-form .pairinglist li.addressispublic-pairing .pairing-content
			{
				margin-right: 5px;
				min-width: 0px;
				width: 20px;
				float: left;
				clear: none;
			}
		
		/* phone */
		.address-form .pairinglist li.phone-pairing
		{
			width: 550px;
		}
			.address-form .pairinglist li.phone-pairing .pairing-content
			{
				min-width: 0px;
				width: 240px;
				float: left;
				clear: none;
			}
				.address-form .pairinglist li.phone-pairing .pairing-content .pairinglist
				{
					float: right;
					clear: none;
				}
					.address-form .pairinglist li.phone-pairing .pairing-content .pairinglist *
					{
						width: auto;
						clear: none;
					}
					.address-form .pairinglist li.phone-pairing .pairing-content li.extension-pairing
					{
						float: left;
						clear: none;
					}
						.address-form .pairinglist li.phone-pairing .pairing-content li.extension-pairing label.primary
						{
							width: 30px;
							float: left;
							clear: none;
						}
						.address-form .pairinglist li.phone-pairing .pairing-content li.extension-pairing .input-text
						{
							width: 30px;
							float: left;
							clear: none;
						}
		
		/* action list fixes */
		body .v-shippingaddresses-pagetemplate .address-form .actionlist li.action-primary
		{
			margin-left: 0 !important;
		}
		body .v-shippingaddresses-pagetemplate .address-form .actionlist li.action-secondary,
		body #modal-container .v-shippingaddresses-pagetemplate .address-form .actionlist li.action-secondary
		{
			float: left;
			clear: none;
		}

/*======================================================================
	FANCY SELECTS
----------------------------------------------------------------------*/
.fancyselect {
	position: relative;
	font-family: Verdana, Geneva, sans-serif;
	font-size: .917em;
	text-transform: lowercase;
	z-index: 2500; /*Start at 2500 because we'll be decrementing value for each one with JS*/
}
	.fancyselect a {
		display: block;
		outline: none;
	}
	/* Trigger element - Default */
	.ui-selectmenu {
		height: 21px;
		border: 1px solid;
		*overflow: hidden;
	}
		.ui-selectmenu-status {
			display: block;
			margin: 0 10px;
			padding: 3px 10px 3px 0;
		}
	/* Trigger element - Hover */
	.ui-selectmenu:hover {
		text-decoration: none;
	}
	/* Trigger element - Menu open */
	.fancyselect .ui-state-active {
		border-bottom: none;
	}
		.ui-state-active .ui-selectmenu-status {}
		.ui-selectmenu-icon {
			position: relative;
			top: -13px;
			margin: 0 10px 0 0;
			width: 1px;
			height: 1px;
			float: right;
			/* background: #9e8a8a; */ /* Add this to make it a pointy arrow. */
			border-top: 5px solid #9e8a8a;
			border-right: 4px solid #fff;
			border-left: 4px solid #fff;
			cursor: pointer;
			overflow: hidden;
		}
		.ui-state-active .ui-selectmenu-icon {
			border-top: none;
			border-bottom: 5px solid #9e8a8a;
		}
	/* Dropd down menu - Default */
	.ui-selectmenu-menu {
		display: none;
		position: absolute;
		left: 0 !important;
		top: 100% !important;
		_top: 22px !important;
		margin: 0;
		padding: 5px 0;
		height: auto !important;
		background: #fff;
		border: 1px solid;
		border-top: none;
		list-style: none;
	}
		.ui-selectmenu-menu li {
			margin: 0;
		}
			.ui-selectmenu-menu a {
				padding: 3px 10px;
				text-decoration: none;
			}
	/* Dropd down menu - Open */
	.ui-selectmenu-open {
		display: block;
	}
	
/*======================================================================
	Sitemap
----------------------------------------------------------------------*/
.v-content-displaysitemap {}
	.v-content-displaysitemap h1 {
		font-weight: bold;
		text-transform: capitalize;
	}	
	.v-content-displaysitemap .column {
		margin-left: 2.3%;
		width: 31%;
		float: left;
	}
		.l-content #content-container .v-content-displaysitemap .column h5,
		.l-content #content-container .v-content-displaysitemap .column h4,
		.l-content #content-container .v-content-displaysitemap .column h3,
		.l-content #content-container .v-content-displaysitemap .column h2 {
			margin: 0;
			padding: 0;
			font-weight: normal;
			text-transform: capitalize;
			line-height: 1.6em;
		}
		.l-content #content-container .v-content-displaysitemap .column h2 {
			font-size: 1.6em;
			margin: 16px 0 0;
		}
		.l-content #content-container .v-content-displaysitemap .column h3 {
			padding-left: 12px;
			font-size: 1.4em;
		}
		.l-content #content-container .v-content-displaysitemap .column h4 {
			padding-left: 24px;
			font-size: 1em;
		}
		.l-content #content-container .v-content-displaysitemap .column h5 {
			padding-left: 36px;
			font-size: 1em;
		}