﻿/*=======================================================================
	ISLAND MOANA: Utility
-----------------------------------------------------------------------*/
@import "../../_default/css/utility.css";


/*=======================================================================
	UTILITY: Account Creation Form
-----------------------------------------------------------------------*/
.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 Customer Address Form
----------------------------------------------------------------------*/
.u-account-customeraddressform
{}

	/*-- BASICS --*/
	.u-account-customeraddressform .basics
	{
		margin-bottom: 1em;
		border-bottom: 1px solid #efe8de;
		padding-bottom: 0.5em;
	}

		.u-account-customeraddressform .basics .input-text
		{
			width: 210px;
		}

	/*-- OPTIONS --*/
	.u-account-customeraddressform .options
	{
		margin-top: 0.5em;
		padding-top: 1em;
		border-top: 1px solid #efe8de;
	}
	
/*======================================================================
	UTILITY: Account Customer Tender Form
----------------------------------------------------------------------*/
.u-account-customertenderform
{}

	/*-- BASICS --*/
	.u-account-customertenderform .basics
	{
		margin-bottom: 1em;
		border-bottom: 1px solid #efe8de;
		padding-bottom: 0.5em;
	}

		.u-account-customertenderform .basics .input-text
		{
			width: 210px;
		}

	/*-- OPTIONS --*/
	.u-account-customertenderform .options
	{
		margin-top: 0.5em;
		padding-top: 1em;
		border-top: 1px solid #efe8de;
	}


/*=======================================================================
	UTILITY: Account Login Form
-----------------------------------------------------------------------*/
.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
{
	margin-bottom: 0.5em;
	border-bottom: 1px solid #efe8de;
}
	.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: Cart Summary
-----------------------------------------------------------------------*/
.u-cart-summary table.summary
{
	width: 100%;
	border-collapse: collapse;
}

	.u-cart-summary table.summary th
	{
		padding: 8px 10px;
		font-size: 1em;
		text-align: left;
		color: #787878;
		background: #fff;
		border-bottom: 1px dotted #e3c8a0;
	}	
	
	.u-cart-summary table.summary td
	{
		padding: 8px 10px;
		font-size: 1em;
		text-align: left;
		color: #787878;
		background: #fff;
		border-bottom: 1px dotted #e3c8a0;
	}
	
	.u-cart-summary table.summary .column-quantity 
	{
		text-align:center;
	}
	
	.u-cart-summary table.summary .column-total 
	{
		text-align:right;
	}

/*=======================================================================
	UTILITY: Miscellaneous Address Form
-----------------------------------------------------------------------*/
.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
	{
		margin-right: 290px;	
	}
	
	.u-miscellaneous-addressform li.company-pairing .input-text
	{
		width: 210px;
	}
	
	.u-miscellaneous-addressform li.address2-pairing
	{
		margin-right: 190px;
	}
	
		.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: Recently Viewed
----------------------------------------------------------------------*/
.u-miscellaneous-recentlyviewed
{}

	/*-- PRODUCTS --*/
	.u-miscellaneous-recentlyviewed .products
	{
		padding-bottom: 1em;
		border-bottom: 1px solid #e3c8a0;
	}

		.u-miscellaneous-recentlyviewed .products .u-miscellaneous-recentlyviewedblock ul
		{
			margin: 0;
			padding-left: 22px;
			list-style: none;
		}
	
			.u-miscellaneous-recentlyviewed .products .u-miscellaneous-recentlyviewedblock ul li
			{
				margin: 0 10px;
				width: 155px;
				float: left;
			}
		
				.u-miscellaneous-recentlyviewed .products .u-miscellaneous-recentlyviewedblock ul li a
				{
					display: block;
				}
			
					.u-miscellaneous-recentlyviewed .products .u-miscellaneous-recentlyviewedblock ul li a img
					{
						display: block;
						margin-bottom: 3px;
						border: 1px solid #e2cbaa !important;
					}

/*======================================================================
	UTILITY: Miscellaneous: Recently Viewed Block
----------------------------------------------------------------------*/
.u-miscellaneous-recentlyviewedblock
{
	margin-bottom: 1em;
	clear: both;
}

/*=======================================================================
	UTILITY: Miscellaneous Tender Form
-----------------------------------------------------------------------*/
.u-miscellaneous-tenderform
{

}

	.u-miscellaneous-tenderform li.tendertype-pairing,
	.u-miscellaneous-tenderform li.tendernumber-pairing,
	.u-miscellaneous-tenderform .securitycode-pairing,
	.u-miscellaneous-tenderform li.expiration-pairing
	{
		margin-right: 20px;
		float: left;
	}

	.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: Miscellaneous Totals Table
-----------------------------------------------------------------------*/
.u-miscellaneous-totalstable
{
	border-top: 2px solid #e3c8a0;
}

.u-miscellaneous-totalstable table
{
	width: 100%;
	border-collapse: collapse;	
}

	.u-miscellaneous-totalstable table th
	{
		padding: 8px 10px;
		font-size: 1em;
		font-weight: normal;
		text-align: left;
		color: #8a8a8a;
		background: #fff;
		border-bottom: 1px dotted #e3c8a0;
	}
	
	.u-miscellaneous-totalstable table td
	{
		padding: 8px 10px;
		font-size: 1em;
		text-align: right;
		color: #8a8a8a;
		background: #fff;
		border-bottom: 1px dotted #e3c8a0;
	}
	
	.u-miscellaneous-totalstable table tr.subtotal th,
	.u-miscellaneous-totalstable table tr.subtotal td
	{
		font-weight: bold;
	}
	
	.u-miscellaneous-totalstable table tr.tax th,
	.u-miscellaneous-totalstable table tr.tax td
	{
		border: none;
	}
	
	.u-miscellaneous-totalstable table tr.total th
	{
		font-size: 1em;
		font-weight: bold;
		color: #630;
		background-color: #f7eee2;
		border: none;
	}

	.u-miscellaneous-totalstable table tr.total td
	{
		font-weight: bold;
		color: #630;
		background-color: #f7eee2;
		border: none;
	}

/*=======================================================================
	UTILITY: Miscellaneous Trapcode Manager
-----------------------------------------------------------------------*/
.u-miscellaneous-trapcodemanager
{
	margin-top: 8px;
	padding: 8px;
	width: 264px;
	float: left;
	background-color: #b4d8df;	
	border: 3px double #fff;
}

	.u-miscellaneous-trapcodemanager table.base
	{
		margin-bottom: 0;	
	}
	
		.u-miscellaneous-trapcodemanager table caption
		{
			padding-bottom: 0.3em;
			font-size: 1em;
			font-weight: normal;
			text-align: left;
			color: #666;
		}

		.u-miscellaneous-trapcodemanager table thead
		{
			display: none;
		}

		.u-miscellaneous-trapcodemanager table.base td,
		.u-miscellaneous-trapcodemanager table.base tr.alt td
		{
			padding: 0.5em 8px;
			vertical-align: middle;
			background-color: #d9eaea;
			border-top: 1px solid #999;
		}
		
			.u-miscellaneous-trapcodemanager table td input.input-text
			{
				width: 160px;	
			}
		
		.u-miscellaneous-trapcodemanager table td.column-trapcode
		{
			font-size: 1.2em;
			font-weight: bold;	
		}
		
		.u-miscellaneous-trapcodemanager table td.column-action
		{
			font-size: 0.917em;
			border-left: 1px dashed #ccc;
		}

/*=======================================================================
	UTILITY: Products Pager
-----------------------------------------------------------------------*/
.u-products-pager 
{
	color: #630;	
}

	.u-products-pager ul
	{
		margin: 0;
		padding: 0;
		list-style: none;
	}

		.u-products-pager li
		{
			margin: 0;
		}
	
			.u-products-pager li.pairing label
			{
				padding-top: 2px;	
			}
			
				.u-products-pager li.pairing label.primary span.optional
				{
					display: none;
				}

/*-- PAGING --*/
.u-products-pager .paging
{
	padding-bottom: 0.5em;	
}

.u-products-pager .paging,
.u-products-pager .paging .info,
.u-products-pager .paging ul,
.u-products-pager .paging li
{
	margin-right: 10px;
	float: left;	
}

.u-products-pager .paging .info
{
	padding-top: 2px;	
}

	.u-products-pager .paging .info span
	{
		font-weight: bold;	
	}
	
	.u-products-pager .paging li.jump
	{
		margin-right: 8px;	
	}
	
		.u-products-pager .paging li.jump select
		{
			width: 45px;
		}	
		
		.u-products-pager .paging li.jump option
		{
			padding: 0 2px 0 4px;	
		}
	
	.u-products-pager .paging li.previous,
	.u-products-pager .paging li.next
	{
		margin-right: 8px;
		padding-top: 2px;	
	}
	
		.u-products-pager .paging li.previous a
		{
			padding-left: 10px;
			font-size: 0.917em;
			background: transparent url(../images/layout/bullet_arrow-left.gif) left 5px no-repeat;
		}	
		
		.u-products-pager .paging li.next a
		{
			padding-right: 10px;
			font-size: 0.917em;
			background: transparent url(../images/layout/bullet_arrow-right.gif) right 5px no-repeat;
		}	

/*-- OPTIONS --*/
.u-products-pager .options,
.u-products-pager .options ul.pairings
{
	float: right;	
}

	.u-products-pager .options li
	{
		margin-right: 10px;
		float: left;
	}

	.u-products-pager .options li.pairing
	{
		margin-right: 15px;
		margin-bottom: 0;
	}

	.u-products-pager .options li.sort
	{
		margin-right: 0;	
	}
	
		.u-products-pager .options li.sort select
		{
			width: 120px;
		}


/*=======================================================================
	UTILITY: Products Thumbnail Page
-----------------------------------------------------------------------*/
/*-- ALL VIEWS --*/
.u-products-thumbnailpage
{
	font-family: Verdana, Arial, Helvetica, "sans serif";
}

	.u-products-thumbnailpage ul
	{
		margin: 0;
		list-style: none;
	}
	
		.u-products-thumbnailpage li.product
		{
			margin: 0;
			position: relative;
		}
		.u-products-thumbnailpage li.product .image img
		{
			border: 1px solid #e2cbaa !important;
		}
		.u-products-thumbnailpage li.product-overlay
		{
		}	
			.u-products-thumbnailpage .image .quickview
			{
				position: absolute;
				top: 128px;
				right: -1px;
			}
	
			* html .u-products-thumbnailpage .image .quickview
			{
				top: 129px;
			}
	
				.u-products-thumbnailpage .image .quickview a
				{
					padding: 0 2px 1px 2px;
					font-size: 10px;
					color: #fff;
					text-decoration: none;
					background: #999;
				}

			.u-products-thumbnailpage li.product .info h4
			{
				margin: 0;
				min-height: 3.1em;
				font-size: .9em;
				font-weight: normal;
				font-style: normal;
				color: #666;
				line-height: 150%;
			}

			* html .u-products-thumbnailpage li.product .info h4
			{
				height: 3.3em;
			}
			.u-products-thumbnailpage .products-list li.product .info h4
			{
				font-size: 1.2em;
			}
				.u-products-thumbnailpage li.product .info h4 a,
				.u-products-thumbnailpage li.product .info h4 a:visited
				{
					text-decoration: none;
					color: #666;	
				}
			
				.u-products-thumbnailpage li.product .info h4 a:hover
				{
					text-decoration: underline;
					color: #54960d;	
				}
				
			.u-products-thumbnailpage li.product .info .prices
			{
				font-size: .9em;
				color: #666;
			}
				
				.u-products-thumbnailpage li.product .info .prices .price span
				{
					display: none;
				}

			.u-products-thumbnailpage li.product .fulfillmentsystemid
			{
				display: none;	
			}

/*-- GRID VIEW --*/
.u-products-thumbnailpage .products-grid .row
{
	margin-bottom: 2em;
}


	.u-products-thumbnailpage .products-grid li.product
	{
		margin-right: 40px;
		width: 140px;
		min-height: 200px;
		float: left;
		position: relative;
	}
	* html .u-products-thumbnailpage .products-grid li.product
	{
		height: 200px;
	}

		.u-products-thumbnailpage .products-grid li.product-last
		{
			margin: 0;
		}
		
		.u-products-thumbnailpage .products-grid li.product .image
		{
			margin-bottom: 6px;
			text-align: center;	
		}
		.u-products-thumbnailpage .products-grid li.product .info .briefdescription
		{
			display: none;
		}
	
/*-- LIST VIEW --*/
.u-products-thumbnailpage .products-list li.product
{
	margin-bottom: 1.5em;
	padding-bottom: 1.5em;
	border-bottom: 1px solid #e3c8a0;
}

	.u-products-thumbnailpage .products-list li.product .image
	{
		float: left;
	}
	
			.u-products-thumbnailpage .products-list .image .quickview
			{
				position: absolute;
				top: 122px;
				left: 122px;
			}

			.u-products-thumbnailpage .products-list li.product .info h4
			{
				margin-left: 155px;
			}

			.u-products-thumbnailpage .products-list li.product .info .briefdescription
			{
				margin-left: 155px;
			}

			.u-products-thumbnailpage .products-list li.product .info .prices
			{
				margin: 1.5em 0 0 155px;
			}

/*======================================================================
	UTILITY: Products: Quick View
----------------------------------------------------------------------*/
.ui-dialog
{
	position: relative;
	background: #fff;
	border: 1px solid #5ea70e;
}
	.ui-dialog-titlebar
	{
		margin-bottom: 10px;
	}
		.ui-dialog-titlebar-close
		{
			text-align: right;
		}
		.ui-dialog-titlebar-close .ui-icon
		{
			display: block;
			position: absolute;
			top: 0;
			right: 0;
			padding: 0 16px 0 4px;
			height: 15px;
			font-size: 11px;
			color: #fff;
			background: #999 url(../images/layout/bg_quickview-close.png) top right no-repeat;
		}
	.u-products-quickview
	{
		padding: 10px;
		padding-bottom: 0;
		background: #fff;
	}
		.u-products-quickview .medias
		{
			float: left;
			margin-right: 10px;
		}
			.u-products-quickview .medias .primary img
			{
				border: 1px solid #e2cbaa !important;
			}
	.u-products-quickview .info
	{
		float: left;
	}
		.u-products-quickview .info h1
		{
			padding: 1em 0 0 0;
			font-size: 1.5em;
			border: none;
		}
		.u-products-quickview .info .functions
		{
			margin: 20px 0 0 0;
			float: left;
			clear: right;
			border: none;
			font-family: Verdana, Arial, Helvetica, "sans serif";
		}
			.u-products-quickview .info .functions .actionlist
			{
				border: none;
			}

			.u-products-quickview .info .functions .pairinglist .primary
			{
				padding: 3px 5px 0 0;
				float: left;
				font-size: 1em;
			}
				.u-products-quickview .info .functions .pairinglist .primary .required
				{
					display: none;
				}
				.u-products-quickview .info .prices .price span
				{
					display: none;
				}


/*======================================================================
	UTILITY: Products: Related Products
----------------------------------------------------------------------*/
.u-products-relatedproducts
{
	margin: 1em 0;
	clear: both;
	border-top: 4px double #e3c8a0;
	border-bottom: 1px solid #e3c8a0;
}

	.u-products-relatedproducts h3
	{
		margin: 0.5em 0;
		padding: 0.5em 10px;
		font-family: Georgia, Times New Roman, Serif;
		font-size: 1.1em;
	}

	.u-products-relatedproducts ul
	{
		margin: 0;
		list-style: none;
	}
		.u-products-relatedproducts ul li.product
		{
			float: left;
			margin: 0 1%;
			width: 23%;
		}
		.u-products-relatedproducts ul li.product .image img
		{
			border: 1px solid #e2cbaa !important;
		}
		.u-products-relatedproducts ul li.product .info h4
		{
			margin-bottom: 0;
		}
		
			.u-products-relatedproducts ul li.product .info h4 a
			{
				text-decoration: none;
			}

		.u-products-relatedproducts ul li.product .prices
		{
			text-transform: lowercase;
		}

		.u-products-relatedproducts ul li.product .fulfillmentsystemid
		{
			margin-bottom: 1.8em;
			font-size: 0.833em;
			color: #999;
		}
		.u-products-relatedproducts ul li.product .briefdescription
		{
			display: none;

/*=======================================================================
	UTILITY: Shipment Items
-----------------------------------------------------------------------*/
.u-shipment-items table td.column-product .product-image
{
	margin: 0 10px 10px 0;
	float: left;
}

.u-shipment-items table td.column-product span.product-fulfillmentsystemid
{
	display: none;	
}