﻿/*=======================================================================
	UTILITY: Account Customer Tender Form
-----------------------------------------------------------------------*/
.u-account-customertenderform li.expiration-pairing select.expiration-month
{
	margin-right: 2px;
	width: 100px
}

.u-account-customertenderform li.expiration-pairing select.expiration-year
{
	width: 55px;
}

/*-- BASICS --*/
.u-account-customeraddressform .basics,
.u-account-customertenderform .basics
{
	margin-bottom: 1em;
	border-bottom: 1px solid #e5e5e5;
	padding-bottom: 0.5em;
}

	.u-account-customeraddressform .basics .input-text,
	.u-account-customertenderform .basics .input-text
	{
		width: 210px;
	}
	
/*-- OPTIONS --*/
.u-account-customeraddressform .options,
.u-account-customertenderform .options
{
	margin-top: 0.5em;
	padding-top: 1em;
	border-top: 1px solid #e5e5e5;
}


/*=======================================================================
	UTILITY: Account Customer Address Selector

	File:		utility/account/CustomerAddressSelector.ascx
	Purpose:	A form used to allow a user to select one of their saved
				addresses.
	Uses:		Checkout Shipping Address Form (controls/checkout/ShippingAddressForm.ascx)
-----------------------------------------------------------------------*/
.u-account-customeraddressselector
{
	
}
	.u-account-customeraddressselector li
	{
		float: left;
	}
		.u-account-customeraddressselector li dl
		{
			cursor: pointer;
		}

/*=======================================================================
	UTILITY: Account Creation Form

	File:		utility/account/CreateForm.ascx
	Purpose:	A form used to create an account in the system.
	Uses:		Account Login (controls/account/Login.ascx)
-----------------------------------------------------------------------*/
.u-account-createform
{
	
}

	.u-account-createform table
	{
		width: 100%;
	}
	
	.u-account-createform .input-text
	{
		width: 230px;
	}
	.u-account-createform .input-password
	{
		width: 170px;
	}
	
	.u-account-createform li.pairing span.required
	{
		display: none;
	}
	
/*=======================================================================
	UTILITY: Account Login Form

	File:		utility/account/LoginForm.ascx
	Purpose:	A form used to log into an account in the system.
	Uses:		Account Login (controls/account/Login.ascx)
-----------------------------------------------------------------------*/
.u-account-loginform
{
	
}

	/* .NET imposed wrapper tables */
	.u-account-loginform table
	{
		width: 100%;
	}
	
	.u-account-loginform .input-text
	{
		width: 230px;
	}
	.u-account-loginform .input-password
	{
		width: 170px;
	}
	
	.u-account-loginform li.pairing span.required
	{
		display: none;
	}

/*=======================================================================
	UTILITY: Account Settings Form
-----------------------------------------------------------------------*/
.u-account-settingsform
{
	
}
	.u-account-settingsform .input-text
	{
		width: 230px;
	}
	
	.u-account-settingsform li.password-pairing span.pairing-note
	{
		display: block;
	}
	.u-account-settingsform .input-password
	{
		width: 170px;
	}
	
	
/***** **** *** ** *
 * Utility:	Customer Order: Detail
 * File:	utility/customerOrder/Detail.ascx
 * Purpose:	Displays the details of a customer order.
 * Uses:	Account Order History (controls/account/OrderHistory.ascx)
 *			Checkout Order Confirmation (controls/checkout/OrderConfirmation.ascx)
 * ** *** **** *****/
.u-customerorder-detail
{
	
}

/*=======================================================================
	UTILITY: Miscellaneous Address Form

	File:		utility/miscellaneous/AddressForm.ascx
	Purpose:	Displays fields necessary to input an address.
	Uses:		Customer Address Form (controls/account/CustomerAddressForm.ascx)
				Tender Form (utility/miscellaneous/TenderForm.ascx)
-----------------------------------------------------------------------*/
.u-miscellaneous-addressform
{
	
}
	.u-miscellaneous-addressform li.prefix-pairing,
	.u-miscellaneous-addressform li.firstname-pairing,
	.u-miscellaneous-addressform li.middlename-pairing,
	.u-miscellaneous-addressform li.lastname-pairing,
	.u-miscellaneous-addressform li.suffix-pairing,
	.u-miscellaneous-addressform li.address1-pairing,
	.u-miscellaneous-addressform li.address2-pairing,
	.u-miscellaneous-addressform li.city-pairing,
	.u-miscellaneous-addressform li.countrysubdivision-pairing,
	.u-miscellaneous-addressform li.postalcode-pairing,
	.u-miscellaneous-addressform li.country-pairing
	{
		float: left;
		margin-right: 20px;
	}
	.u-miscellaneous-addressform li.company-pairing,
	.u-miscellaneous-addressform li.phone1-pairing,
	.u-miscellaneous-addressform li.phone2-pairing,
	.u-miscellaneous-addressform li.phone3-pairing,
	.u-miscellaneous-addressform li.phone4-pairing
	{
		clear: left;
	}
	
	/*-- INDIVIDUAL PAIRING STYLES --*/
	.savedaddresses-pairing select
	{
		width: 340px
	}
	
	.u-miscellaneous-addressform li.suffix-pairing
	{
		margin-right: 0;
	}
	
		.u-miscellaneous-addressform li.prefix-pairing select,
		.u-miscellaneous-addressform li.suffix-pairing select
		{
			width: 40px;
		}
	
	.u-miscellaneous-addressform li.firstname-pairing .input-text,
	.u-miscellaneous-addressform li.middlename-pairing .input-text,
	.u-miscellaneous-addressform li.lastname-pairing .input-text
	{
		width: 150px;
	}
	
	.u-miscellaneous-addressform li.lastname-pairing
	{
	    display: inline; /*IE6*/
		margin-right: 290px;	
	}
	
	.u-miscellaneous-addressform li.company-pairing .input-text
	{
		width: 210px;
	}
	
	.u-miscellaneous-addressform li.address2-pairing
	{
		margin-right: 165px;
	}
	
		.u-miscellaneous-addressform li.address1-pairing .input-text,
		.u-miscellaneous-addressform li.address2-pairing .input-text
		{
			width: 210px;
		}
	
	.u-miscellaneous-addressform li.city-pairing .input-text
	{
		width: 210px;
	}
	.u-miscellaneous-addressform li.countrysubdivision-pairing select
	{
		width: 135px;
	}
	.u-miscellaneous-addressform li.postalcode-pairing .input-text
	{
		width: 55px
	}
	.u-miscellaneous-addressform li.country-pairing
	{
		margin-right: 0;
	}
		.u-miscellaneous-addressform li.country-pairing select
		{
			width: 160px;
		}
		
	.u-miscellaneous-addressform li.phone1-pairing .input-text,
	.u-miscellaneous-addressform li.phone2-pairing .input-text,
	.u-miscellaneous-addressform li.phone3-pairing .input-text,
	.u-miscellaneous-addressform li.phone4-pairing .input-text
	{
		margin-right: 15px;
		width: 110px;
	}
	
		.u-miscellaneous-addressform li.phone1-pairing .pairing-controls label,
		.u-miscellaneous-addressform li.phone2-pairing .pairing-controls label,
		.u-miscellaneous-addressform li.phone3-pairing .pairing-controls label,
		.u-miscellaneous-addressform li.phone4-pairing .pairing-controls label
		{
			margin-right: 1px;	
		}
	
		.u-miscellaneous-addressform li.phone1-pairing input.extension,
		.u-miscellaneous-addressform li.phone2-pairing input.extension,
		.u-miscellaneous-addressform li.phone3-pairing input.extension,
		.u-miscellaneous-addressform li.phone4-pairing input.extension
		{
			margin-right: 0;
			width: 50px;
		}
	
	
/*=======================================================================
	UTILITY: Miscellaneous Tender Form
-----------------------------------------------------------------------*/
.u-miscellaneous-tenderform
{

}

	.u-miscellaneous-tenderform li.tendersubtype-pairing,
	.u-miscellaneous-tenderform li.tendernumber-pairing,
	.u-miscellaneous-tenderform li.securitycode-pairing,
	.u-miscellaneous-tenderform li.expiration-pairing
	{
		margin-right: 15px;
		float: left;
	}

	.u-miscellaneous-tenderform li.tendertype-pairing
	{
		display: none;	
	}
	
	.u-miscellaneous-tenderform li.expiration-pairing
	{
		margin: 0;
	}

		.u-miscellaneous-tenderform li.expiration-pairing .pairing-content label
		{
			display: none;
		}

	.u-miscellaneous-tenderform li.tendertype-pairing select
	{
		width: 160px;
	}

	.u-miscellaneous-tenderform li.tendernumber-pairing .input-text
	{
		width: 150px;
	}

/***** **** *** ** *
 * Utility:	Product Thumbnail Page
 * File:	utility/products/ThumbnailPage.ascx
 * Purpose:	Displays 1 Page worth of products from a product search.
 * Uses:	Product Browse Page (controls/products/Browse.ascx)
 * ** *** **** *****/
.u-products-thumbnailpage
{
	
}
	.u-products-thumbnailpage .products-grid li.product
	{
		float: left;
		width: 25%;
	}
	
	.u-products-thumbnailpage .products-list li.product .image
	{
		float: left
	}	

/*=======================================================================
	UTILITY: Shipment Items
-----------------------------------------------------------------------*/
.u-shipment-items
{

}