/*======================================================================
	FREE PEOPLE DIRECT 2009: Content
----------------------------------------------------------------------*/
.l-content
{
	padding: 20px 0;
}
	.l-content #side-container
	{
		position: relative;
		margin: 0;
		padding: 0 10px 0 0;
		width: 220px;
		float: left;
	}
	.l-content .with-side-container #content-container
	{
		margin-left: 230px;
		_margin-left: 0px;
		_float: left;
		_width: 690px;
	}


/*======================================================================
	SIDE NAV
----------------------------------------------------------------------*/
.l-content #side-container
{}
	.l-content #side-container ul
	{
		display: block;
		margin: 0;
		padding: 0 15px 0 0;
		list-style-type: none;
	}
		/*-- Level 1 --*/
		.l-content #side-container ul li
		{
			display: list-item;
			margin: 0;
			padding: 0 0 15px 0;
			float: none;
			clear: both;
			text-transform: lowercase;
		}
			/* normal */
			.l-content #side-container ul li a
			{
				padding-left: 15px;
				font-family: Arial, Helvetica, sans-serif;
				font-size: 1.25em;
				font-weight: normal;
				/*color: #000;*/
			}
				.l-content #side-container ul li a i
				{
					display: block;
					margin: 4px 5px 0 0;
					width: 10px;
					height: 10px;
					float: left;
					background: none;
				}
				.l-content #side-container ul li a span
				{
					float: left;
				}
				.l-content #side-container ul li a:hover span
				{
					text-decoration: underline;
				}
			/* active */
			.l-content #side-container ul li.active a
			{
				padding-left: 0;
				font-weight: bold;
			}
				.l-content #side-container ul li.active a i
				{
					background-image: url(/resources/freepeople/images/layout/_fp/sprite_globals.png);
					background-repeat: no-repeat;
					background-position: -230px -78px;
				}
				.l-content #side-container ul li.active a span
				{
					font-weight: bold;
				}
			
			/*-- Level 2 --*/
			.l-content #side-container ul li ul
			{
				margin: 0;
				padding: 7px 0 0 0;
				width: auto;
				float: none;
				clear: both;
			}
				.l-content #side-container ul li ul li
				{
					margin: 0;
					padding-bottom: 7px;
				}
					/* normal */
					.l-content #side-container ul li ul li a
					{
						padding-left: 15px;
						font-family: Verdana, Arial, Helvetica, sans-serif;
						font-size: 0.917em;
						font-weight: normal;
						/*color: #828282;*/
					}
						.l-content #side-container ul li ul li a i
						{}
						.l-content #side-container ul li ul li a span
						{}
					/* parent active */
					.l-content #side-container ul li.active ul li a
					{
						padding-left: 15px;
						font-weight: normal;
					}
						.l-content #side-container ul li.active ul li a i
						{
							background-position: -10000px -10000px;
						}
						.l-content #side-container ul li.active ul li a span
						{
							font-weight: normal;
						}
					/* active */
					.l-content #side-container ul li.active ul li.active a
					{
						padding-left: 0px;
						font-weight: bold;
					}
						.l-content #side-container ul li.active ul li.active a i
						{
							margin-top: 2px;
							background-position: -350px 0px;
						}
						.l-content #side-container ul li.active ul li.active a span
						{
							font-weight: bold;
						}
			
					/*-- Level 3 --*/
					.l-content #side-container ul li ul li ul
					{}
						.l-content #side-container ul li ul li ul li
						{}
							/* normal */
							.l-content #side-container ul li ul li ul li a
							{}
								.l-content #side-container ul li ul li ul li a i
								{}
								.l-content #side-container ul li ul li ul li a span
								{}
							/* parent active */
							.l-content #side-container ul li.active ul li.active ul li a
							{
								padding-left: 15px;
								font-weight: normal;
							}
								.l-content #side-container ul li.active ul li.active ul li a i
								{
									background-position: -10000px -10000px;
								}
								.l-content #side-container ul li.active ul li.active ul li a span
								{
									font-weight: normal;
								}
							/* active */
							.l-content #side-container ul li.active ul li.active ul li.active a
							{
								padding-left: 0px;
								font-weight: bold;
							}
								.l-content #side-container ul li.active ul li.active ul li.active a i
								{
									margin-top: 2px;
									background-position: -350px 0px;
								}
								.l-content #side-container ul li.active ul li.active ul li.active a span
								{
									font-weight: bold;
								}

/*======================================================================
	EXPANDING MENUS
----------------------------------------------------------------------*/
#side-container .filters
{}
	#side-container ul.navigation
	{
		display: block;
		margin: 0;
		padding: 0;
		list-style-type: none;
	}
		#side-container ul.navigation li
		{
			padding: 4px 0;
			font-family: Verdana, Arial, Helvetica, sans-serif;
			font-size: 0.917em;
		}
			
			/*-- level 1 --*/
			.l-content #side-container ul.navigation li a
			{
				font-size: 1em;
			}
			.l-content #side-container ul.navigation li a:hover span
			{
				text-decoration: none;
				color: #CC3366;
				cursor: pointer;
			}

			.l-content #side-container ul.navigation li a.expand-collapse
			{
				display: block;
				margin: 0 4px 0 0;
				padding: 0;
				width: 21px;
				height: 21px;
				float: left;
				text-indent: -4100px;
				background-image: url(/resources/freepeople/images/layout/_fp/sprite_globals.png);
				background-repeat: no-repeat;
				background-position: -260px -116px;
			}
				#side-container ul.navigation li a.expand-collapse:hover
				{
					background-position: -260px -150px;
				}
			.l-content #side-container ul.navigation li.active a
			{
				font-weight: normal;
			}
			#side-container ul.navigation li.active a.expand-collapse
			{
				background-position: -305px -116px;
			}
				#side-container ul.navigation li.active a.expand-collapse:hover
				{
					background-position: -305px -150px;
				}
				/*-- level 2 --*/
				#side-container ul.navigation li.active li a.expand-collapse
				{
					background-position: -260px -116px;
				}
					#side-container ul.navigation li.active li a.expand-collapse:hover
					{
						background-position: -260px -150px;
					}
				.l-content #side-container ul.navigation li.active li.active a
				{
					font-weight: normal;
				}
				#side-container ul.navigation li.active li.active a.expand-collapse
				{
					background-position: -305px -116px;
				}
					#side-container ul.navigation li.active li.active a.expand-collapse:hover
					{
						background-position: -305px -150px;
					}
					/*-- level 3 --*/
					#side-container ul.navigation li.active li.active li a.expand-collapse
					{
						background-position: -260px -116px;
					}
						#side-container ul.navigation li.active li.active li a.expand-collapse:hover
						{
							background-position: -260px -150px;
						}
					#side-container ul.navigation li.active li.active li.active a.expand-collapse
					{
						background-position: -305px -116px;
					}
						#side-container ul.navigation li.active li.active li.active a.expand-collapse
						{
							background-position: -305px -150px;
						}
						/*-- level 4 --*/
						#side-container ul.navigation li.active li.active li.active li a.expand-collapse
						{
							background-position: -260px -116px;
						}
							#side-container ul.navigation li.active li.active li.active li a.expand-collapse:hover
							{
								background-position: -260px -150px;
							}
						#side-container ul.navigation li.active li.active li.active li.active a.expand-collapse
						{
							background-position: -305px -116px;
						}
							#side-container ul.navigation li.active li.active li.active li.active a.expand-collapse:hover
							{
								background-position: -305px -150px;
							}
			#side-container ul.navigation li li
			{
				font-size: 1em;
			}
			#side-container ul.navigation li a
			{
				/*color: #828282;*/
			}
				#side-container ul.navigation li a:hover
				{
					/*color: #cc0000;*/
					text-decoration: none;
				}
			#side-container ul.navigation li span
			{
				/*color: #333;*/
			}
		#side-container ul.navigation li span
		{
			display: block;
			padding: 4px 0 4px 0;
			font-family: Verdana,Arial,Helvetica,sans-serif;
		}
		/*-- level 1 --*/
		#side-container ul.navigation li ul
		{
			display: none;
		}
		#side-container ul.navigation li.active ul
		{
			display: block;
			padding-left: 24px;
		}
			/*-- level 2 --*/
			#side-container ul.navigation li.active ul li ul
			{
				display: none;
			}
			#side-container ul.navigation li.active ul li.active ul
			{
				display: block;
			}
				/*-- level 3 --*/
				#side-container ul.navigation li.active ul li.active ul li ul
				{
					display: none;
				}
				#side-container ul.navigation li.active ul li.active ul li.active ul
				{
					display: block;
				}
					/*-- level 4 --*/
					#side-container ul.navigation li.active ul li.active ul li.active ul li ul
					{
						display: none;
					}
					#side-container ul.navigation li.active ul li.active ul li.active ul li.active ul
					{
						display: block;
					}


/*======================================================================
	CONTENT STYLING
----------------------------------------------------------------------*/
.l-content #content-container h1
{
	margin-bottom: 16px;
	text-transform: none;
}
.l-content #content-container h2
{
	margin: 0 0 10px 0;
	text-transform: none;
}
.l-content #content-container h3
{
	margin: 0 0 10px 0;
	font-size: 1.34em;
	font-weight: normal;
	text-transform: lowercase;
}
.l-content #content-container p
{
	margin: 0 0 15px 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
.l-content #content-container li
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.917em;
}
	.l-content #content-container li li
	{
		font-size: 1em;
	}



/*======================================================================
	CUSTOMER SERVICE / CONTACT US STYLING
----------------------------------------------------------------------*/
.v-customerservice-form
{}
	.l-content #content-container .v-customerservice-form h2
	{
		text-transform: lowercase;
	}
	.v-customerservice-form .contact-form
	{
		width: 38%;
		float: left;
	}
	.v-customerservice-form .contact-form .message-pairing textarea {
		width: 146px;
	}
		.v-customerservice-form .contact-form .actionlist .action a.button
		{
			margin-left: 50px;
			width: 200px;
		}
	.v-customerservice-form .other-methods
	{
		width: 50%;
		float: right;
	}
		.v-customerservice-form .other-methods .contact-numbers
		{
			margin-bottom: 15px;
			padding-bottom: 15px;
			border-bottom: 1px solid; /* #dcdcdc;*/
		}
			.v-customerservice-form .other-methods .contact-numbers dl dt
			{
				width: 160px;
				float: left;
				font-family: Arial, Helvetica, sans-serif;
				font-size: 1.333em;
				/*color: #000;*/
			}
			.v-customerservice-form .other-methods .contact-numbers dl dd
			{
				padding-top: 2px;
				float: left;
				font-size: 1em;
			}
		.v-customerservice-form .other-methods .socialmedia
		{
			margin-bottom: 40px;
			padding-bottom: 20px;
			border-bottom: 1px solid; /* #dcdcdc;*/
		}
			.v-customerservice-form .other-methods .socialmedia ul {
				padding: 0;
				margin: 0;
			}
				.v-customerservice-form .other-methods .socialmedia ul li {
					margin: 0 13px 0 0;
					float: left;
				}
					.v-customerservice-form .other-methods .socialmedia ul li a span {
						display: none;
					}
					.v-customerservice-form .other-methods .socialmedia 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;
					}
					.v-customerservice-form .other-methods .socialmedia ul li.facebook a .icon { background-position:  -42px 0; }
					.v-customerservice-form .other-methods .socialmedia ul li.twitter a .icon { background-position: -77px 0; }
					.v-customerservice-form .other-methods .socialmedia ul li.tumblr a .icon { background-position: -42px -62px; }
					.v-customerservice-form .other-methods .socialmedia ul li.linkedin a .icon { background-position: -111px -63px; }
					.v-customerservice-form .other-methods .socialmedia ul li.youtube a .icon { background-position: -110px 0; }
					.v-customerservice-form .other-methods .socialmedia ul li.pinterest  a .icon { background-position: -77px -62px; }
				
		.v-customerservice-form .other-methods .see-also
		{}

/*---------------------------------
	CONFIRMATION SCREEN
---------------------------------*/
.v-customerservice-confirmation
{}
	.confirmation-screen
	{
		margin: 0 auto;
		padding: 30px 0 20px 0;
		width: 40%;
		border-bottom: 1px solid; /* #dcdcdc;*/
	}
		.confirmation-screen p
		{
			font-size: 1.167em;
		}

/*---------------------------------
	DYNAMIC FORMS
---------------------------------*/
.v-dynamicform-respond {}
	.v-dynamicform-respond #content
	{
		margin: 0 auto;
		width: 550px;
	}
		.v-dynamicform-respond #content .pairinglist ul.pairings li.pairing
		{
			margin-top: 10px;
			padding-top: 10px;
			border-top: 1px solid #eee;
		}
			.v-dynamicform-respond #content .pairinglist ul.pairings li.pairing label.primary
			{
				padding-right: 10px;
				font-size: 1em;
				line-height: 1.5;
				text-transform: none;
			}
				.v-dynamicform-respond #content .pairinglist ul.pairings li.pairing .pairing-content
				{
					width: 385px;
				}
					.v-dynamicform-respond #content .pairinglist ul.pairings li.pairing .pairing-content div,
					.v-dynamicform-respond #content .pairinglist ul.pairings li.pairing .pairing-content .field
					{
						padding-bottom: 5px;
					}
						.v-dynamicform-respond #content .pairinglist ul.pairings li.pairing .pairing-content label
						{
							font-size: 1em;
							text-transform: none;
						}
	.v-dynamicform-respond .actionlist
	{
		border-top: 1px solid;
	}
		.v-dynamicform-respond .actionlist a.button
		{
			width: 165px;
		}