/*======================================================================
	HANES: Content Controls
----------------------------------------------------------------------*/

/*======================================================================
	CONTROL: Content: Default
----------------------------------------------------------------------*/
.c-content-default
{}

/*======================================================================
	CONTROL: Content: Homepage
----------------------------------------------------------------------*/
.c-content-homepage
{}

	.c-content-homepage .u-miscellaneous-pagetitle
	{
		display: none;
	}
	
	/*---------------------------------
		HERO
	---------------------------------*/
	.c-content-homepage .hero
	{
		position: relative;
		margin-top: -20px;
		z-index: 1000;
	}
	
	.c-content-homepage .hero h1
	{
		margin: 0;
		padding: 0;
		background: none;
	}
	
	/*-- COLUMN 1 --*/
	.c-content-homepage .hero .col-1
	{
		width: 439px;
		height: 380px;
		float: left;
		overflow: hidden;
	}
	
		.c-content-homepage .hero .col-1 .widget-carousel ul
		{
			margin: 0;
			list-style: none;
		}
		
			.c-content-homepage .hero .col-1 .widget-carousel ul li
			{
				margin: 0;
			}
			
		.c-content-homepage .hero .col-1 .widget-carousel .carousel-controls
		{
			display: none;
		}
	
		
	
	/*-- COLUMN 2 --*/
	.c-content-homepage .hero .col-2
	{
		margin-top: 38px;
		padding: 12px 8px 12px 10px;
		width: 488px;
		float: left;
		background: transparent url(../../images/layout/bg_gradient_vert_lavender-white.jpg) 0 0 repeat-x;
	}
	
		.c-content-homepage .hero .col-2 h2
		{
			_display: inline;
			margin: 0.25em 8px 0.5em 20px;
			float: left;
		}
		
		.c-content-homepage .hero .col-2 h3
		{
			margin: 0 0 8px;
			padding-left: 8px;
			width: 328px;
			float: left;
			font-size: 1.333em;
			line-height: 1.2;
			color: #612e5e;
			border-left: 1px solid #bdbec0;
		}
		
		.c-content-homepage .hero .col-2 .description-container
		{
			padding-bottom: 6px;
			width: 490px;
			clear: both;
			background: transparent url(../../images/layout/sprite_shadows-homepage-callout.png) left bottom no-repeat;
		}
		
			.c-content-homepage .hero .col-2 .description-out
			{
				padding-top: 6px;
				background: transparent url(../../images/layout/sprite_shadows-homepage-callout.png) left top no-repeat;
			}
			
			.c-content-homepage .hero .col-2 .description-in
			{
				padding: 0 6px;
				background: transparent url(../../images/layout/sprite_shadows-homepage-callout.png) -490px top repeat-y;
			}
			
			.c-content-homepage .hero .col-2 .description
			{
				padding: 16px 8px 16px 16px;
				background-color: #fff;
			}
			
				.c-content-homepage .hero .col-2 .description h4
				{
					margin-top: 0;
					margin-left: 8px;
					font-size: 1.25em;
				}
				
				.c-content-homepage .hero .col-2 .description a.more
				{
					display: block;
					width: 448px;
					height: 45px;
					font-size: 0.1em;
					text-indent: -9999px;
					background: transparent url(../../images/buttons/learn-more-about-wholesale-ordering-with-visr.jpg) 0 0 no-repeat;
				}
				
		.c-content-homepage .hero .col-2 ul
		{
			margin: 1em 0 1.5em 12px;
			list-style: none;
			font-size: 1.167em;
			color: #612e5e;
		}
		
			.c-content-homepage .hero .col-2 ul li
			{
				margin-bottom: 1em;
				padding-left: 8px;
				background: transparent url(../../images/layout/bullet_disc.gif) 0 6px no-repeat;
			}
			
	/*---------------------------------
		PROMO BAR
	---------------------------------*/
	.c-content-homepage .promobar
	{
		border-top: 1px solid #cfcfcf;
	}
	
		.c-content-homepage .promobar ul.brands-list
		{
			margin: 0;
			padding: 12px 0 15px;
			list-style: none;
			text-align: center;
		}
	
			.c-content-homepage .promobar ul.brands-list li
			{
				margin: 0;
				padding: 0;
				display: inline;
		
			}
		
				.c-content-homepage .promobar ul.brands-list li a
				{
					padding: 0 4px;
				}
		
				.c-content-homepage .promobar ul.brands-list li img
				{
					vertical-align: middle;
				}
	
	/*---------------------------------
		CALLOUTS
	---------------------------------*/
	.c-content-homepage .callouts
	{
		background-color: #c5cdd9;
	}
	
		.c-content-homepage .callouts .callout
		{
			width: 302px;
			float: left;
			border-right: 1px solid #e7ebf0;
		}
		
		.c-content-homepage .callouts .callout-1 { width: 354px; }
		.c-content-homepage .callouts .callout-3 { border: none; }
		
		.c-content-homepage .callouts h3
		{
			margin: 0;
			padding: 14px 10px 12px 40px;
			font-size: 1.333em;
			color: #fff;
			background: #612e5e url(../../images/layout/icon_arrow-right-large-double.png) 16px 10px no-repeat;
			border-bottom: 1px solid #fff;
		}
		
		.c-content-homepage .callouts .callout-content
		{
			padding: 6px 16px 8px;
		}
		
			.c-content-homepage .callouts .callout-content p
			{
				margin-bottom: 0.5em;
			}
			
			.c-content-homepage .callouts .callout-content a.inset
			{
				display: block;
				margin: 0 12px 12px 0;
				float: left;
				border: 1px solid #612e5e;
			}
		
			.c-content-homepage .callouts .callout-content a.more
			{
				display: block;
				margin-top: 0.5em;
				padding-left: 8px;
				font-weight: bold;
				text-transform: uppercase;
				color: #263040;
				background: transparent url(../../images/layout/icon_arrow-right.png) 0 4px no-repeat;
			}
	
/*======================================================================
	CONTROL: Content: Primary Navigation Site Index
	--------------------------------------------------------------------
	Inherits from Tree Node Index (below)
----------------------------------------------------------------------*/
.c-content-primarynavigationsiteindex
{}

/*======================================================================
	CONTROL: Content: Tree Node Index
----------------------------------------------------------------------*/
.c-content-treenodeindex
{}

/*======================================================================
	CONTROL: Content: Two Column
----------------------------------------------------------------------*/
.c-content-twocolumn
{}

	/*---------------------------------
		BRANDS LIST
	---------------------------------*/
	.c-content-twocolumn .col-2 ul.brands-list
	{
		margin: 0;
		list-style: none;
	}
	
		.c-content-twocolumn .col-2 ul.brands-list li
		{
			margin: 0;
		}
		
			.c-content-twocolumn .col-2 ul.brands-list li a
			{
				display: block;
				position: relative;
				margin: 0 auto 2px;
				padding: 2px;
				width: 107px;
				text-align: center;
				
			}
			
				 .c-content-twocolumn .col-2 ul.brands-list li a span
				{
					display: block;
					padding: 2px 0;
					background-color: #fff;
					border: 1px solid #cfcfcf;
				}
			
			.c-content-twocolumn .col-2 ul.brands-list li a:hover
			{
				padding: 1px;
				border: 1px solid #ccc;
			}

/*======================================================================
	CONTROL: Content: Two Column Callout
----------------------------------------------------------------------*/
.c-content-twocolumncallout
{}

	/*---------------------------------
		CALLOUTS
	---------------------------------*/
	.c-content-twocolumncallout .col-2 a,
	.c-content-twocolumncallout .col-2 img
	{
		display: block;
		margin: 0 auto 6px;
		width: 164px;
		padding: 3px;
	}
	
		.c-content-twocolumncallout .col-2 a img
		{
			margin: 0;
			padding: 0;
			width: auto;
		}
	
		.c-content-twocolumncallout .col-2 a:hover
		{
			padding: 2px;
			background-color: #fff;
			border: 1px solid #ccc;
		}