/*=======================================================================
	ISLAND MOANA: Default Layout
-----------------------------------------------------------------------*/
@import "../../../_default/css/layouts/Default.css";

body
{
	background: #5ccbee url(../../images/layout/bg_body.jpg) 0 0 repeat-x;
}

/*=======================================================================
	STRUCTURE
-----------------------------------------------------------------------*/
#main-container
{
	margin: 0 auto;
	padding-bottom: 4em;
	width: 960px;
	position: relative;
}

#body-container
{
	background: #dbccb7 url(../../images/layout/bg_container-top.jpg) no-repeat top center;
}

#wrap-out
{
	padding: 10px;	
	background: url(../../images/layout/bg_wrap-out-bottom.jpg) no-repeat bottom center;
}

#wrap-in
{
	background-color: #fff;
}

	.with-side-container #wrap-in
	{
		background: #fff url(../../images/layout/bg_wrap-in.gif) 0 0 repeat-y;	
	}

#side-container 
{
	position: relative;
	padding: 0 10px 2em 7px;
	width: 203px;
	float: left;
}
	#side-container .widget-navigation h2.widget-title
	{
		position: absolute;
		top: -10px;
		left: 0px;
		text-transform: capitalize;
		padding: 7px 0 0 14px;
		width: 926px;
		min-height: 37px;
		font-size: 2em;
		color: #ffffff;
		background: #54960d url(../../images/layout/bg_widget-title.png) no-repeat top left;
		border: none;
	}
		* html #side-container .widget-navigation h2.widget-title
		{
			height: 37px;
		}

	#side-container .widget-navigation .widget-body
	{
		margin-top: 50px;
	}

	#side-container .widget-navigation .widget-body ul li ul li
	{
		padding-left: 20px;
	}
#content-container
{
	padding: 10px;
	width: 920px;
	min-height: 420px;
}
* html #content-container { height: 420px; }

	.with-side-container #content-container
	{
		margin: 0;
		margin-top: 34px;
		padding: 10px 10px 10px 20px;
		width: 690px;
		min-height: 400px;
		float: left;
	}
	* html .with-side-container #content-container { height: 400px; }

	.with-side-container #content-container .cb-upperBody
	{
		position: relative;
		left: -20px;
		top: -5px;
		margin-bottom: 1em;
		width: 720px;
	}
	
		.with-side-container #content-container .cb-upperBody .image-rotator
		{
			margin: 5px auto 0;
			width: 710px;
		}
	
/*=======================================================================
	HEADER
-----------------------------------------------------------------------*/
#logo
{
	margin-top: 4px;	
}

	#logo a
	{
		margin: 0 auto;
		width: 300px;
		height: 132px;
		display: block;
		text-indent: -9999px;
		background: transparent url(../../images/layout/logo-bg.gif) 0 0 no-repeat;
	}

#header 
{
	padding: 0 10px 0 24px;
	background: #0e7f4f url(../../images/layout/bg_header.jpg) 0 0 repeat-x;	
}

/*-- SEARCH --*/
#search-container
{
	margin-right: 40px;
	padding-top: 10px;
	float: left;
}

	#search-container label
	{
		padding: 3px 10px 0 0;
		float: left;
		font: 1em Georgia, "Times New Roman", Times, Serif;
		color: #fff;
	}
	
	#search-container input.input-text
	{
		margin-right: 4px;
		padding-top: 2px;
		padding-bottom: 2px;
		width: 160px;
		float: left;
		font: .8em Verdana, Arial, Helvetica, "Sans Serif";
		background: none;
		background-color: #fff;
		border-top-color: #969696;
		border-left-color: #969696;
	}
	
/*-- USER --*/
#user
{
	padding-top: 14px;
	width: 160px;
	float: left;
	font: .9em Verdana, Arial, Helvetica, "Sans Serif";
	color: #fff;
}

	#user a,
	#user a:visited
	{
		color: #fcf2cb;
	}
	
/*-- UTILITY --*/
#utility-nav
{	
	padding-left: 20px;
	width: 400px;
	float: right;	
	background: transparent url(../../images/layout/icon_flower.gif) 0 10px no-repeat;
}
	#utility-nav ul
	{
		margin: 0;
		list-style: none;	
	}
		
		#utility-nav ul li
		{
			margin: 0;
			float: left;
			font-family: Georgia, "Times New Roman", Times, Serif;	
		}	
		
			#utility-nav ul li a,
			#utility-nav ul li a:visited
			{
				padding: 13px 6px;
				display: block;
				text-decoration: none;
				color: #fcf2cb;
				background: transparent url(../../images/layout/divider_header.gif) right 7px no-repeat;
			}
			
			#utility-nav ul li a:hover
			{
				text-decoration: underline;
				color: #fff;	
			}
			
			#utility-nav ul li.shopping-bag a,
			#utility-nav ul li.shopping-bag a:visited
			{
				padding-right: 30px;
				background: transparent url(../../images/layout/icon_bag.gif) right 6px no-repeat;
			}
			
			#utility-nav ul li.shopping-bag a:hover
			{
				text-decoration: none;
				color: #fcf2cb;
				background-position: right -68px;	
			}
			
				#utility-nav ul li.shopping-bag a:hover span
				{
					text-decoration: underline;
					color: #fff;	
				}
		
/*=======================================================================
	NAVIGATION
-----------------------------------------------------------------------*/
/*-- ACCESSIBILITY NAV --*/
#accessibility-nav
{
	position: absolute;
	left: -9999px;
	top: -9999px;	
}

/*-- PRIMARY NAV --*/
#primary-nav ul
{
	margin: 0;
	list-style: none;
}

	#primary-nav ul li
	{
		margin: 0;
		float: left;
	}
	
		#primary-nav ul li a
		{
			height: 48px;
			display: block;
			font-size: 1px;
			text-indent: -9999px;
			background-color: transparent;
			background-position: 0 0;
			background-repeat: no-repeat;
		}
			
			/*-- ISLAND HOME --*/
			#primary-nav ul li.navigation-item-713358f0-5fb8-427e-8059-15c6c9811b61 a
			{
				width: 160px;
				background-image: url(../../images/layout/nav_island-home.gif);	
			}
			
			/*-- BATH & BODY --*/
			#primary-nav ul li.navigation-item-3532cd41-c207-4381-941a-3b6d0ed73ed9 a
			{
				width: 144px;
				background-image: url(../../images/layout/nav_bath-and-body.jpg);	
			}
			
			/*-- TASTE OF HAWAII --*/
			#primary-nav ul li.navigation-item-696c9bc1-9e08-4f17-aa26-4ac4eb79fec0 a
			{
				width: 177px;
				background-image: url(../../images/layout/nav_taste-of-hawaii.jpg);	
			}
			
			/*-- JEWELRY --*/
			#primary-nav ul li.navigation-item-fd819027-b1eb-4141-bf8c-f9b96e9030de a
			{
				width: 110px;
				background-image: url(../../images/layout/nav_jewelry.jpg);	
			}
			
			/*-- LEIS & FLOWERS --*/
			#primary-nav ul li.navigation-item-29b271fe-da29-4827-8d48-2d63a58a52a6 a
			{
				width: 164px;
				background-image: url(../../images/layout/nav_leis-and-flowers.jpg);	
			}
			
			/*-- GIFTS --*/
			#primary-nav ul li.navigation-item-4e70a33f-9010-4ba2-a820-edec7667d691 a
			{
				width: 80px;
				background-image: url(../../images/layout/nav_gifts.jpg);	
			}
			
			/*-- APPAREL --*/
			#primary-nav ul li.navigation-item-8a61973d-770d-449a-bdb2-ef01d777d3e6 a
			{
				width: 125px;
				background-image: url(../../images/layout/nav_apparel.gif);
				/*background-image: url(../../images/layout/nav_apparel-coming-soon.gif);*/
			}
		
			#primary-nav ul li a:hover,
			#primary-nav ul li.current a,
			#primary-nav ul li.current a:hover
			{
				background-position: left -48px;
			}

/*-- BREADCRUMB NAVIGATION --*/
#breadcrumb-container
{
	padding: 10px 24px 8px 18px;
}
	#breadcrumb-container ul,
	#breadcrumb-container ul li
	{  
		display: inline;
	}
	
		#breadcrumb-container ul li a,
		#breadcrumb-container ul li a:visited,
		#breadcrumb-container ul li span
		{
			padding: 0 10px 0 6px;
			font-size: 0.833em;
			color: #848484;
			background: transparent url(../../images/layout/divider_breadcrumbs.gif) right 5px no-repeat;
		}

			#breadcrumb-container ul li.current a,
			#breadcrumb-container ul li.current a:visited,
			#breadcrumb-container ul li.current span
			{
				font-weight: bold;
				background: none;
			}
			
/*-- CHECKOUT NAVIGATION --*/
.checkout-progress 
{
	padding: 10px 10px 0;
	background-color: #e1d5c5;
}

	.checkout-progress ul
	{
		margin: 0;
		width: 789px;
		float: left;
		list-style: none;
		background-color: #3e8fae;
	}	

	.checkout-progress li
	{
		margin: 0;
		float: left;
	}

		.checkout-progress li span,
		.checkout-progress li a,
		.checkout-progress li a:visited
		{
			padding: 0;
			height: 44px;
			display: block;
			font-size: 1px;
			text-indent: -9999px;
			background-color: transparent;
			background-position: 0 0;
			background-repeat: no-repeat;
		}
		
		/*SIGN IN*/
		.checkout-progress li.checkoutstart span,
		.checkout-progress li.checkoutstart a
		{
			width: 113px;
			background-image: url(../../images/layout/nav_checkout_sign-in.gif);
		}
		
		/*ADDRESSES*/
		.checkout-progress li.checkoutshippingaddressform span,
		.checkout-progress li.checkoutshippingaddressform a
		{
			width: 138px;
			background-image: url(../../images/layout/nav_checkout_addresses.gif);
		}
		
		/*SHIPPING*/
		.checkout-progress li.checkoutshippingmethodform span,
		.checkout-progress li.checkoutshippingmethodform a
		{
			width: 128px;
			background-image: url(../../images/layout/nav_checkout_shipping.gif);
		}
		
		/*BILLING*/
		.checkout-progress li.checkoutpaymentform span,
		.checkout-progress li.checkoutpaymentform a
		{
			width: 109px;
			background-image: url(../../images/layout/nav_checkout_billing.gif);
		}
		
		/*REVIEW*/
		.checkout-progress li.checkoutorderreview span,
		.checkout-progress li.checkoutorderreview a
		{
			width: 115px;
			background-image: url(../../images/layout/nav_checkout_review.gif);
		}
		
		/*ORDER COMPLETE*/
		.checkout-progress li.checkoutorderconfirmation
		{
			margin: 0;
		}	
		.checkout-progress li.checkoutorderconfirmation span
		{
			width: 186px;
			background-image: url(../../images/layout/nav_checkout_order-complete.gif);
		}
		
		/*COMPLETE*/
		.checkout-progress li.complete span,
		.checkout-progress li.complete a,
		.checkout-progress li.complete a:visited
		{
			background-position: 0 -88px;
		}	
		
		.checkout-progress li.complete a:hover
		{
			background-position: 0 -132px;
		}
		
		/*CURRENT*/
		.checkout-progress li.current span,
		.checkout-progress li.current a,
		.checkout-progress li.current a:visited
		{
			background-position: 0 -44px;
		}


.widget h2
{
	border-bottom: 1px dotted #e3c8a0;
}
.widget ul
{
	margin: 0;
	list-style: none;
}
* html .widget ul { height: 1%; }

	.widget ul li
	{
		margin: 0;
		padding: 0;
		font-family: Georgia, "Times New Roman", Times, Serif;
	}
	
		.widget ul li a
		{
			padding: 0.5em 10px 0.5em 7px;
			display: block;
			border-bottom: 1px solid #e3c8a0;
			text-decoration: none;
			color: #963;
		}
			.widget ul li.current a,
			.widget ul li a:hover,
			.widget ul li a:active
			{
				background-color: #f6e0bf
			}
			
/*-- WIDGET NAVIGATION --*/
.widget-navigation
{
	
}

/*---------------------------------
	WIDGET FILTERS
---------------------------------*/
.widget-filters 
{
	margin: 2em 5px 1em;
}
	.widget-filters h3
	{
		margin: 0;
		border-bottom: 1px dotted #ccc;
		padding: 0 5px 0.2em;
		text-transform: uppercase;
		font-size: 1em;
		font-style: normal;
	}
	.widget-filters .selected-filters
	{
		margin-bottom: 1.5em;
		border: 1px dotted #ccc;
		padding: 0.5em 10px;
		background-color: #f6e0bf;
		color: #996633;
	}
		.widget-filters .selected-filters ul
		{
			margin: 0;
		}
			.widget-filters .selected-filters li 
			{
				position: relative;
			}
				.widget-filters .selected-filters span
				{
					margin-left: 15px;
					display: block;
				}
				.widget-filters .selected-filters a
				{
					position: absolute;
					top: 0.25em;
					left: 0;
					padding: 0;
					border: 0 none;
					font-style: italic;
				}
					.widget-filters .selected-filters span.icon
					{
						display: block;
						margin: 0;
						height: 10px;
						width: 10px;
						background: transparent url(../../images/layout/icon_remove.gif) no-repeat scroll left center;
					}
					.widget-filters .selected-filters span.label 
					{
						display: none;
					}
	.widget-filters .available-filters .filter
	{
		margin-bottom: 2em;
	}
		.widget-filters .available-filters .remove a 
		{
			padding-left: 25px;
			background: transparent url(../../images/layout/icon_remove.gif) no-repeat scroll 0.5em center;
		}
/*---------------------------------
	WIDGET RECENTLY VIEWED
---------------------------------*/
.widget-recentlyviewed
{
	margin: 2em 5px 1em;
}

	.widget-recentlyviewed h3
	{
		margin: 0;
		border-bottom: 1px dotted #ccc;
		padding: 0 5px 0.2em;
		text-transform: uppercase;
		font-size: 1em;
		font-style: normal;
	}

	.widget-recentlyviewed .u-miscellaneous-recentlyviewedblock
	{
		margin-bottom: 2em;
	}
	.widget-recentlyviewed .u-miscellaneous-recentlyviewedblock ul
	{
		margin: 0 0 1.5em;
		list-style: none;
	}

	.widget-recentlyviewed .u-miscellaneous-recentlyviewedblock li
	{
		margin: 0;
	}
		.widget-recentlyviewed .u-miscellaneous-recentlyviewedblock li a
		{
			padding: 0.4em 10px;
			display: block;	
			border-bottom: 1px solid #ddd7ca;
			cursor: pointer;
		}

	/*-- WITH IMAGE --*/
	.widget-recentlyviewed .u-miscellaneous-recentlyviewedblock li.item-with-image span.image
	{
		display: block;
		float: left;
	}
		
		.widget-recentlyviewed .u-miscellaneous-recentlyviewedblock li.item-with-image span.image img
		{
			display: block;
		}
		
	.widget-recentlyviewed .u-miscellaneous-recentlyviewedblock li.item-with-image span.name
	{
		display: block;
		margin-left: 35px;
	}
	
	
	/*-- PRODUCTS --*/	
	.widget-recentlyviewed .u-miscellaneous-recentlyviewed .products
	{
		border: none;
	}

		.widget-recentlyviewed .u-miscellaneous-recentlyviewed .products .u-miscellaneous-recentlyviewedblock ul
		{
			margin: 0;
			padding-left: 0;
		}

			.widget-recentlyviewed .u-miscellaneous-recentlyviewed .products .u-miscellaneous-recentlyviewedblock ul li
			{
				margin: 0;
				width: auto;
				float: none;
			}

				.widget-recentlyviewed .u-miscellaneous-recentlyviewed .products .u-miscellaneous-recentlyviewedblock ul li a img
				{
					margin-bottom: 0;
				}

/*=======================================================================
	FOOTER
-----------------------------------------------------------------------*/
#footer-container
{
	padding-bottom: 10px;
	background: transparent url(../../images/layout/bg_footer-container.jpg) left bottom no-repeat;	
}
	/*-- SIGNUPS --*/
	#footer-container .signups
	{
		padding: 12px 10px 6px 18px;
		background: #fcf9e9 url(../../images/layout/bg_signups.jpg) left top repeat-x;
	}
	
		#footer-container .signups img
		{
			margin-right: 7px;
			float: left;	
		}
		
		#footer-container .signups .info
		{
			padding-top: 14px;
			float: left;	
		}
			
			#footer-container .signups .info h6
			{
				margin: 3px 0;
				height: 20px;
				font-size: 1px;
				text-indent: -9999px;
				background-color: transparent;
				background-position: 0 0;
				background-repeat: no-repeat;	
			}
			#footer-container .signups .info p
			{
				padding-left: 4px;
				font-size: 0.917em;	
			}
		
		/* mailing list */
		#footer-container .signups .mailing-list
		{
			padding-right: 8px;
			width: 524px;
			float: left;
		}
		
			#footer-container .signups .mailing-list .info
			{
				width: 425px;
			}
		
				#footer-container .signups .mailing-list .info h6
				{
					float: left;
					margin-right: 10px;
					width: 186px;
					background-image: url(../../images/layout/hdr_join-our-mailing-list.gif);
				}
			
				.footer-container .signups .email-signup
				{
					float: left;
				}
			
					#footer-container .signups .u-emaillist-emaillistform
					{
						float: left;
						margin-right: 10px;
					}
						#footer-container .signups .u-emaillist-emaillistform li.pairing
						{
							margin-bottom: 0;
							*zoom: 1;
						}
							#footer-container .signups .u-emaillist-emaillistform li.pairing label.primary
							{
								display: none;
							}
					#footer-container .signups .email-signup a.button
					{
						float: left;
					}
		
		/* community */
		#footer-container .signups .community
		{
			padding-left: 12px;
			width: 388px;
			float: left;
			background: transparent url(../../images/layout/divider_signups.jpg) left 6px no-repeat;
		}
		
			#footer-container .signups .community .info h6
			{
				width: 287px;
				background-image: url(../../images/layout/hdr_join-our-island-moana-community.gif);
			}	
			
	/*-- FOOTER NAV --*/
	#footer-container .footer-nav
	{
		padding: 6px 2px;
		font-size: 0.917em;
		background-color: #268651;
	}
	
		#footer-container .footer-nav ul
		{
			margin: 0;
			list-style: none;	
		}
		
			#footer-container .footer-nav ul li
			{
				margin: 0;	
				float: left;
			}
				
				#footer-container .footer-nav ul li a,
				#footer-container .footer-nav ul li a:visited
				{
					padding: 2px 8px 2px 6px;
					display: block;
					color: #fff;
					text-decoration: none;
					background: transparent url(../../images/layout/divider_footer-nav.gif) right 4px no-repeat;	
				}
				
				/* Gifts */
				#footer-container .footer-nav ul li.navigation-item-4e70a33f-9010-4ba2-a820-edec7667d691 a
				{
					background: none;
				}
				/* Apparel */
				#footer-container .footer-nav ul li.navigation-item-8a61973d-770d-449a-bdb2-ef01d777d3e6 a
				{
					display: none;
				}
				
		/*-- FOOTER PRIMARY NAV --*/
		#footer-container .footer-nav .primary
		{
			width: 620px;
			float: left;	
		}
		
		/*-- FOOTER UTILITY NAV --*/
		#footer-container .footer-nav .utility
		{
			padding-left: 14px;
			width: 320px;
			float: left;
			background: transparent url(../../images/layout/icon_flower-small.gif) 0 3px no-repeat;
		}
		
			#footer-container .footer-nav .utility ul li a,
			#footer-container .footer-nav .utility ul li a:visited
			{
				font-family: Georgia, "Times New Roman", Times, Serif;
				color: #fcf2cb;
			}	
		
				#footer-container .footer-nav ul li.last a,
				#footer-container .footer-nav ul li.last a:visited
				{
					padding-right: 0;
					background: none;	
				}
		
	/*-- FOOTER --*/
	#footer-container .footer
	{
		padding: 6px 10px;
		font-size: 0.833em;
		text-align: center;
		color: #fff;
		background: transparent url(../../images/layout/bg_footer.jpg) 0 0 repeat-y;
	}	
	
	#footer-container .footer p
	{
		padding-right: 30px;
		display: inline;
	}	
	
	#footer-container .footer a,
	#footer-container .footer a:visited
	{
		text-decoration: none;
		color: #fff;	
	}
	
	#footer-container .footer ul
	{
		margin: 0;
		display: inline;
		list-style: none;	
	}
	
		#footer-container .footer ul li
		{
			margin: 0;
			padding: 0 12px 0 8px;
			display: inline;
			background: transparent url(../../images/layout/divider_footer.gif) right 2px no-repeat;
		}
		
			#footer-container .footer ul li.last
			{
				background: none;	
			}
			
	#footer-container .footer ul.social-media
	{
		padding-right: 17px;
	}
	
	#footer-container .footer ul.social-media li
	{
		padding: 0 5px 0 0;
	}
			
/*======================================================================
	AUTHORIZE.NET
----------------------------------------------------------------------*/
#main-container .AuthorizeNetSeal
{
	margin: 20px auto 0;
	text-align: center;
}