/*======================================================================
	BRODART: Content Controls
----------------------------------------------------------------------*/

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

/*======================================================================
	CONTROL: Content: Homepage
----------------------------------------------------------------------*/
.c-content-homepage
{
	margin-top: 8px;
}

	.c-content-homepage .u-miscellaneous-pagetitle
	{
		display: none;
	}
	
	.c-content-homepage .callout img
	{
		display: block;
	}
	
	.c-content-homepage .callout ul
	{
		margin: 0;
		padding: 0;
		list-style: none;
	}
		
		.c-content-homepage .callout ul li
		{
			margin: 0;
		}
	
	/*---------------------------------
		ACCORDION
		-------------------------------
		* Accordion container required for fillSpace.
		* Accordion content containers required to elliminate jumps in the animation.
	---------------------------------*/
	.c-content-homepage .callout .accordion-container
	{
		margin-top: 10px;
		width: 190px;
		height: 241px;
		float: left;
		background-color: #edecec;
		overflow: hidden;
	}
		
		.c-content-homepage .callout #accordion h4
		{
			position: relative;
			margin: 0;
			padding: 7px 3px 7px 29px;
			font: bold 1.083em "Trebuchet MS", Verdana, Arial, Helvetica, Sans-serif;
			color: #333;
			background: transparent url(../../images/layout/sprite_globals.png) 0 -225px repeat-x;
			border-bottom: 1px solid #fff;
			cursor: pointer;
			outline: none;
			*zoom: 1;
		}
		
		.c-content-homepage .callout #accordion h4.ui-state-active
		{
			cursor: default;
		}
		
		.c-content-homepage .callout #accordion h4.last
		{
			border-bottom: none;
		}
		
		.c-content-homepage .callout #accordion h4.last.ui-state-active
		{
			border-bottom: 1px solid #fff;
		}
		
			.c-content-homepage .callout #accordion h4 i
			{
				display: block;
				position: absolute;
				left: 7px;
				top: 8px;
				width: 16px;
				height: 16px;
				background: transparent url(../../images/layout/sprite_globals.png) -153px -51px repeat-x;
			}
			
			.c-content-homepage .callout #accordion h4.ui-state-active i
			{
				background-position: -153px -68px;
			}

		.c-content-homepage .callout #accordion ul
		{
			margin: 10px 10px 10px 20px;
		}
		
			.c-content-homepage .callout #accordion ul li 
			{
				margin: 0 0 5px;
				padding-left: 8px;
				background: transparent url(../../images/layout/icon_arrow.png) 0 4px no-repeat;
			}
			
				.c-content-homepage .callout #accordion ul li a
				{
					text-decoration: none;
				}
		
	/*---------------------------------
		CYCLE
	---------------------------------*/
	.c-content-homepage .callout #cycle
	{
		position: relative;
		width: 552px;
		height: 271px;
		float: left;
		overflow: hidden;
	}
	
		.c-content-homepage .callout #cycle-nav 
		{
			position: absolute;
			padding-left: 6px;
			left: 10px;
			bottom: 30px;
			height: 28px;
			background: transparent url(../../images/layout/sprite_globals.png) 0 -395px no-repeat;
			z-index: 1001;
		}
		
			.c-content-homepage .callout #cycle-nav a
			{
				display: block;
				padding-top: 6px;
				width: 20px;
				height: 22px;
				float: left;
				font-size: 1.083em;
				text-align: center;
				text-decoration: none;
				background-color: #e4e4e4;
				outline: none;
			}
			
			.c-content-homepage .callout #cycle-nav a.activeSlide
			{
				background: #e4e4e4 url(../../images/layout/sprite_globals.png) -25px -390px no-repeat;
			}
			
			.c-content-homepage .callout #cycle-nav .cycle-play-pause
			{
				position: absolute;
				right: -21px;
				width: 21px;
				height: 28px;
				text-indent: -9999px;
				background-color: transparent;
				background-image: url(../../images/layout/sprite_globals.png);
				background-repeat: no-repeat;
				cursor: pointer;
			}
				.c-content-homepage .callout #cycle-nav .pause { background-position: -86px -395px; }
				.c-content-homepage .callout #cycle-nav .resume  { background-position: -55px -395px; }
			
	/*---------------------------------
		ANCILLARY
	---------------------------------*/
	.c-content-homepage .callout #ancillary
	{
		margin-top: 10px;
		width: 198px;
		float: left;
	}
	
		.c-content-homepage .callout #ancillary li
		{
			float: left; /* fix IE7 spacing issue */
		}
	
		.c-content-homepage .callout #ancillary a,
		.c-content-homepage .callout #ancillary img
		{
			display: block;
		}
		
	/*---------------------------------
		SIDEBAR WIDGETS
	---------------------------------*/
	.c-content-homepage .widget-title
	{
		position: relative;
		border-bottom: 1px solid #fff;
	}
	
		.c-content-homepage .widget-title h3
		{
			padding-left: 45px;
		}
	
			.c-content-homepage .widget-title h3 i
			{
				display: block;
				position: absolute;
				left: 7px;
				top: 7px;
				background-color: transparent;
				background-image: url(../../images/layout/sprite_globals.png);
				background-repeat: no-repeat;
			}
		
			.c-content-homepage .widget-title h3.tips i
			{
				width: 35px;
				height: 37px;
				background-position: 0 -433px;
			}
		
			.c-content-homepage .widget-title h3.guides i
			{
				width: 31px;
				height: 33px;
				background-position: -35px -433px;
			}
	
	.c-content-homepage .widget-body
	{
		padding: 10px;
		background-color: #edecec;
	}
	
		.c-content-homepage .widget-body ul
		{
			margin-top: 0;
			margin-left: 10px;
			list-style: none;
		}
		
		.c-content-homepage .widget-body ul.arrowed
		{
			margin-left: 5px;
		}
		
			.c-content-homepage .widget-body ul li
			{
				margin-top: 0;
				padding-left: 8px;
				background: transparent url(../../images/layout/icon_arrow.png) 0 4px no-repeat;
			}

	/*---------------------------------
		FEATURES (tabs)
	---------------------------------*/
	.c-content-homepage .features
	{}
	
		.c-content-homepage .features a.view-all
		{
			padding-right: 10px;
			font-size: 1.083em;
			font-weight: bold;
			text-decoration: none;
			background: transparent url(../../images/layout/icon_arrow-large.png) right 5px no-repeat;
		}
	
		.c-content-homepage .features .products-tabs,
		.c-content-homepage .features .products-tabs ul.ui-tabs-nav
		{
			float: left;
		}
	
		.c-content-homepage .features .view-all-container
		{
			padding: 10px 0 0 14px;
			float: left;
		}

		.c-content-homepage .features .ui-tabs-panel
		{
			padding: 6px 10px 0;
		}
		
			.c-content-homepage .features .ui-tabs-panel a.view-all
			{
				display: block;
				padding: 20px 10px 20px;
				text-align: right;
				background-position: right 25px;
				border-top: 1px solid #e5e5e5;
			}
			.js .c-content-homepage .features .ui-tabs-panel a.view-all { display: none; }

/*======================================================================
	CONTROL: Content: Primary Navigation Site Index
	--------------------------------------------------------------------
	Inherits from Tree Node Index (below)
----------------------------------------------------------------------*/
.c-content-primarynavigationsiteindex
{}

	.c-content-primarynavigationsiteindex .primary-navigation-node
	{
		margin-bottom: 2em;
		clear: both;
		background-color: #f6f6f6;
	}

		.c-content-primarynavigationsiteindex .primary-navigation-node h1
		{
			margin: 0;
			padding: 10px 5px 5px 10px;
			font-family: "Trebuchet MS", Verdana, Arial, Helvetica, Sans-serif;
			color: #333;
			background: transparent url(../../images/layout/sprite_globals.png) 0 -225px repeat-x;
			border-bottom: 2px solid #cecece;
		}
		
			.c-content-primarynavigationsiteindex .primary-navigation-node h1 a
			{
				text-decoration: none;
			}
			
			.c-content-primarynavigationsiteindex .primary-navigation-node h1 a:hover
			{
				text-decoration: underline;
			}
		
/*======================================================================
	CONTROL: Content: Tree Node Index
----------------------------------------------------------------------*/
.c-content-treenodeindex
{}

	.c-content-treenodeindex .row
	{
		margin: 17px 0;
		clear: both;
	}

		.c-content-treenodeindex .node
		{
			margin: 0 20px;
			width: 206px;
			float: left;
			background-color: #fff;
		}
		.c-content-treenodeindex .node-last 
		{
			margin-right: 0;
		}

			.c-content-treenodeindex .node h2
			{
				margin: 0;
				padding: 12px 10px 7px;
				font-size: 1.25em;
				font-weight: normal;
				color: #fff;
				background: transparent url(../../images/layout/sprite_globals.png) 0 -105px repeat-x;
				border-bottom: 2px solid #518beb;
			}

				.c-content-treenodeindex .node h2 a
				{
					text-decoration: none;
					color: #fff;
				}
				
				.c-content-treenodeindex .node h2 a:hover
				{
					text-decoration: underline;
				}

			.c-content-treenodeindex .node .node-image
			{
				margin: 0;
				padding: 12px 0 6px;
				min-height: 70px;
				text-align: center;
				border-left: 1px solid #dcdcdc;
				border-right: 1px solid #dcdcdc;
			}
			
			.c-content-treenodeindex .node ul
			{
				margin: 0;
				padding: 0.5em 0 1em;
				border: 1px solid #dcdcdc;
				border-top: none;
			}

				.c-content-treenodeindex .node ul li
				{
					margin: 0;
				}
					
					.c-content-treenodeindex .node ul li a
					{
						display: block;
						padding: 4px 0 4px 20px;
						text-decoration: none;
						background: transparent url(../../images/layout/icon_arrow.png) 11px 8px no-repeat;
					}
					
						.c-content-treenodeindex .node ul li a:hover
						{
							background-color: #f6f6f6;
						}
					
					.c-content-treenodeindex .node ul li ul
					{
						margin-bottom: 0.5em;
						padding: 0;
						border: none;
					}

						.c-content-treenodeindex .node ul li ul li
						{}
						
							.c-content-treenodeindex .node ul li ul li a
							{
								padding: 2px 0 2px 33px;
								font-size: 0.917em;
								background-position: 24px 5px;
							}