/*

	Sitename: Casella Wines

	Description:
	General screen layout styles.
	

*/

body
{
	font-size : 62.5%;
	font-family : arial, sans-serif;
	font-weight:normal;
	background : #ad9e79;
	/*background : #eee;*/
	/*background:#cfc9bb;*/
}

a
{
	text-decoration : underline;
	color : #545454;
}

a:hover
{
	text-decoration : none;
}

#page
{
	width : 960px;
	margin : 0 auto;
	background : #fff;
	overflow : hidden;
}

	* html #page
	{
		height : 1%;
	}

#bottle {
	position: absolute;
	top: 0;
	right: 65px;
	z-index:10;
}

.clear
{
	clear:both;
}

#header
{
	height : 171px;
	position : relative;
	z-index : 2;
}

	#header .logo
	{
		position : absolute;
		z-index : 2;
		left : 12px;
	}
	
	#header div.tagline
	{
		position : absolute;
		top : 67px;
		right : 0;
		background : #000;
		padding : 5px;
		width : auto;
		opacity:.50;
		filter: alpha(opacity=50);
		-moz-opacity: 0.50;
	}
	
		#header div.tagline p
		{
			color : #fff;
			font-family : arial, sans-serif;
			font-size : 1.3em;
			margin : 0;
		}

	#header .navigation
	{
		height : 54px;
		position : absolute;
		left : 0;
		bottom : 0;
		background : #fff;
		z-index : 1;
		background : #f2f2f2 url(/templates/casella/images/framework/background_navigation.png) top right no-repeat;
		width : 960px;
	}
	
		#header .navigation ul
		{
			margin-left:235px;
		}
		
			#header .navigation ul li
			{
				float : left;
				background:url(/templates/casella/images/framework/navigation_spacer.png) top left no-repeat;
				padding-left : 20px;
				padding-right : 15px;
				line-height : 1.4em;
				padding-top : 12px;
/*				position : relative;*/
				height : 42px;
				width:80px;
				font-family: verdana;
			}
			
				#header .navigation ul li.selected
				{
					background : url(/templates/casella/images/framework/background_navselected.png) repeat-x;
				}
				
				#header .navigation ul li .bullet
				{
					width : 17px;
					height : 16px;
					display : none;
					position : absolute;
					top : 18px;
					left : -9px;
					background : url(/templates/casella/images/framework/bullet_navigation.png);
				}
				
					* html #header .navigation ul li .bullet { background : none; }
					* html #header .navigation ul li .bullet {filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/framework/bullet_navigation.png', sizingMethod='scale');}
					
					#header .navigation ul li.selected .bullet
					{
						display : block;
					}
			
				#header .navigation ul li a
				{
					text-decoration : none;
					font-weight :normal;
					color : #787878;
					font-size : 1.1em;
				}
				
					#header .navigation ul li a strong
					{
						display : block;
						color : #46166B;
						font-size : 1.4em;
						text-transform : uppercase;
					}
					
#content
{
	padding : 22px 12px 24px 12px;
	position : relative;
	overflow-y : auto;
	overflow-x : hidden;
	z-index : 1;
}

body.timeline #content {
	overflow : visible;
}



	* html #content
	{
		height : 1%;
	}

	#content em
	{
		font-style : italic;
	}
	
	#content strong
	{
		font-weight : bold;
	}
	
	#content .article
	{
		float : right;
		width : 612px;
		padding-right : 85px;
	}
	*html #content .article
	{
		overflow: hidden;
	}
	
		#content .article h2
		{
			text-transform : uppercase;
			font-size : 1.6em;
			color : #46166B;
			font-weight : normal;
			padding:0;
			margin:0;
			margin-bottom : 5px;
			width:400px;
		}
			.productslist #content .article h2
			{
				text-transform : none;
			}
			
			.media #content .article h2
			{
				text-transform : none;
			}
			
			.media #content .article
			{
				padding-right:20px;
			}
		
		/*#content .article h2.sIFR-replaced
					{
						margin-bottom : .5em;
					}*/
		
		#content .article .introduction
		{
			font-family : arial, sans-serif;
			font-size : 1.7em;
			line-height : 1.6em;
			color : #4f543e;
			padding:0;
			margin : 0 0 15px 0;
		}
		
		#content .article p.introduction {
			line-height : 1.6em;
			width : 70%;
			padding:0;
			margin:0;
		}
		
		#content .article p.intro-quote-credit {
			font-size: 1.1em;
		}
		
		
		#content .article p.winedescription
		{
			font-size : 1.4em;
			width : 66%;
		}
		
		/* Styles commented as per client request to move Growing regions higher in hierarchy */ 
		#content .article p.winedetails
		{
			font-size : 1.1em;
			width : 709px;
			padding-top : 5px;
			color : #757575;
/*			right : 0;*/
			clear : both;
		}
		
		#content .article p,
		#page label
		{
			font-size : 1.3em;
			color : #3e3f3f;
			margin : 1em 0;
			line-height : 1.3em;
		}
		#content .article ul li
		{
			font-size : 1.3em;
			color : #3e3f3f;
			margin : 1em 0;
			line-height : 1.3em;
			list-style-type: disc;
			list-style-position:outside;
		}
		
		#content .pullouts
		{
			margin-top : 40px;
			clear: both;
		}
		
			#content .pullouts .item
			{
				float : left;
				width : 241px;
				background : url(/templates/casella/images/framework/backround_contentpopout.png) top left no-repeat;
				padding : 16px;
				position : relative;
				left : -16px;
			}
			
			#content .pullouts h3
			{
				font-family : arial, sans-serif;
				color : #46166B;
				font-size : 1.2em;
				font-weight:bold;
				text-decoration: none;
			}
			
			#content .pullouts h3 a
			{
				color : #46166B;
				text-decoration: none;
			}
			
			#content .pullouts p
			{
				font-size : 1.2em;
				line-height : 1.4em;
			}
			
			#content div.product-availability,
			.awards #content div.slide {
				display: none;
			}
			.blocks #content div.product-availability,
			.blocks .awards #content div.slide {
				display: block;
			}
			
			#content .pullouts h4
			{
				font-family : arial, sans-serif;
				color : #46166B;
				font-size : 1.2em;
				font-weight : bold;
				text-decoration: none;
			}
			
	#content .aside
	{
		width : 207px;
		z-index:2;
	}
	
		#content .aside .search
		{
			background : url(/templates/casella/images/framework/background_asidesearch.png) no-repeat;
			padding : 26px 20px;
		}
		
			#content .aside .search h4
			{
				text-transform : uppercase;
				color : #333;
				font-family : arial, sans-serif;
				text-decoration : underline;
				font-size : 1.3em;
				letter-spacing : 1px;
				margin-bottom : 10px;
			}
		
			#content .aside .search input
			{
				border : none;
				background : #b9c735;
				color : #fff;
				font-size : 1.2em;
				padding : 6px;
				width : 157px;
			}
	
		#content .aside .navigation
		{
			background : url(/templates/casella/images/framework/background_subnavigation.png) no-repeat;
			padding : 18px 17px 20px 34px;
		}
		
			.sponsorship #content .aside .navigation
			{
				padding : 18px 0px 20px 34px;
			}
		
		
			#content .aside .navigation h4
			{
				color : #9e9e9e;
				font-family : arial, sans-serif;
				font-size : 1.2em;
				font-style : normal;
				margin-bottom : 12px;
			}
			
			#page.media #content .aside .navigation ul
			{
				/*margin-top: 15px;*/
			}
			#page.media #content .aside .navigation form
			{
				margin-bottom: 30px;
			}
			
				#content .aside .navigation li
				{
					font-family : arial, sans-serif;
					font-size : 15px;
					font-weight:normal;
					margin-bottom : 10px;
					line-height : 1.4em;
					position : relative;
					left : -17px;
					padding-left : 17px;
				}
				
				#content .aside .navigation li.selected
					{
						background : url(/templates/casella/images/framework/bullet_subnavigation.gif) 0 3px no-repeat;
					}
				
				#content .aside .navigation li a
					{
						color : #f7e7ec;
						text-decoration: none;
						
					}
					
				#content .aside .navigation li a:hover
					{
							color : #c5cace;
					}
						
				#content .aside .navigation li.selected a
					{
							color : #c5cace;
					}
				
				#content .aside .navigation li.current a
					{
							color : #c5cace;
					}	
						
				#content .aside .navigation li.highlight a
					{
							color : #46166B;
					}
					
	#content .aside .hero
	{
		text-align : center;
		background : url(/templates/casella/images/framework/background_hero.png) repeat-x;
		padding : 12px 0;
		min-height:68px;
		height: auto !important;
		height: 68px;
	}
		#content .aside .hero .enjoy-responsibly
		{
			text-align: left;
			color: #a8a8a8;
			font-size: 12px;
			padding-left: 15px;
			margin-top: 40px;
		}
/*
	Media template
*/

ul.media { }
ul.media li {
	float: left;
	margin: 25px 65px 0 0;
	height: auto;
}
ul.media li div.image {
	width: 135px;
	height: auto;
	overflow: hidden;
}
ul.media li h3 {
	width: 135px;
	height:42px;
	border-bottom: 1px dotted gray;
	padding-bottom: 3px;
	margin: 5px 0 3px 0;
	color: #46166B;
	font-weight: bold;
	font-size: 1.3em;
}
ul.media li a {
	font-size: 1.2em;
}

#footer-navigation-container 
{
	width:inherit;
	height:64px;
	background-color: #E9E9E9;
	clear: both;
	font-size: 12px;
	position: relative;
	margin-top: 15px;
}

	#footer-navigation-container p
	{
		padding: 12px 7px;
	}
	
	#footer-navigation-container p.login_link
	{
		float:left;
		background-color: #E9E9E9;
		margin:8px 0 0 20px;
		padding:0;
		color: #9c9c9c;
		line-height:14pt;
	}
	
	#footer-navigation-container p.login_link a 
	{
		color:#9c9c9c;
		text-decoration: underline;
	}
	
	#footer-navigation-container p.login_link a:hover 
	{
		color:#9c9c9c;
		text-decoration: none;
	}
	
	#footer-navigation-container p.login_link .dist_link 
	{
		text-decoration:none;
	}
	
	#footer-navigation-container p.copyright
	{
		float:right;
		background-color: #E9E9E9;
		margin-right: 20px;
		color: #9c9c9c;
	}
	
	#footer-navigation-container p.footer-navigation
	{
		background-color: #E9E9E9;
		margin-left: 18px;
		color: #767676;
		position: absolute;
		top: 0;
		left: 225px;
		margin-top: 6px;
		padding-top: 6px;
	}
	
		#footer-navigation-container p.footer-navigation a {
			color: #767676;
			text-decoration: none;
			margin-right: 10px;
			padding: 0;
			font-weight: bold;
		}
		
		#footer-navigation-container p.footer-navigation a:hover {
			text-decoration: underline;
		}
		
		body.edit #footer-navigation-container .text-region-wrapper
		{
			position : relative;
			top : 32px;
			left : 635px;
		}

#footer
{
	height : 53px;
	position : relative;
	width : 709px;
	float : left;
}

	#footer .author
	{
		top : 16px;
		left : 23px;
		position : absolute;
		background-image: url(/templates/casella/images/framework/sct_logo.gif);
		background-repeat: no-repeat;
		padding: 5px 0 5px 20px;
		color:#9c9c9c;
	}
	
	#footer .author a
	{
		color:#9c9c9c;
		text-decoration:none;
	}

/* 
	send to a friend
*/

div#tell-a-friend {
	background: #e9e9e9 url(/templates/casella/images/framework/tell-a-friend-bg.gif) repeat-x bottom left;
	visibility: hidden;
	padding :0px 35px 20px 20px;
	width: 200px;
	height: 223px;
	position: absolute;
	z-index: 100;
	
}

.blocks div#tell-a-friend
{
	display:none;
}

div#tell-a-friend form {}

div#tell-a-friend label {
	clear: left;
	float: left;
	color: #666;
}

/* product overview */
/* -------------------------------------------- */

.products #content
{
	overflow: hidden;
	padding : 22px 12px 24px;
}

.products #content #wineselector
{
	position : absolute;
	top : 20px;
	left : 246px;
	height : 326px;
	
}

	.products #content #wineselector li
	{
		float: left;
		margin-right: 35px;
	}
	
	.products #content #wineselector li .wine-brand-description
	{
		position: absolute;
		top: 236px;
		left: 16px;
		width: 100px;
		background-color: #EDEDED;
		display: none;
	}
	
	.blocks .products #content #wineselector li .wine-brand-description {
		display: block;
	}
	
	.products #content #wineselector li .first
	{
		left: 15px;
	}
	
	.products #content #wineselector li .second
	{
		left: 153px;
		/*left: 15px;*/
	}
	
	.products #content #wineselector li .third
	{
		left: 282px;
		/*left: 144px;*/
	}
	
	.products #content #wineselector li .fourth
	{
		left: 413px;
		/*left: 275px;*/
	}
	
	.products #content #wineselector li .fifth
	{
		left: 543px;
		/*left: 405px;*/
	}
	
	.products #content #wineselector li .sixth
	{
		/*left: 598px;*/
	}
	
		.products #content #wineselector li .wine-brand-description h3
		{
			font-size: 12px;
			line-height: 16px;
			padding: 10px;
			color: #46166B;
			text-decoration: none;
			font-weight: bold;
		}
		
		.products #content #wineselector li .wine-brand-description p
		{
			color: #74787A;
			font-size: 1.1em;
			line-height: 15px;
			margin-top: -7px;
			padding: 1px 10px 10px;
		}
		
		.products #content #wineselector li .wine-brand-description p a:hover
		{
			text-decoration: underline;
		}
		
		.products #content #wineselector li .wine-brand-description a
		{
			color: #74787A;
			text-decoration: none;
			font-weight: underline;
		}
	
	.products #content #wineselector .control
	{
		display : none;
	}

/* Product page side nav */										

.products #content .aside .navigation
{
	background : url(/templates/casella/images/framework/background_subnavigation.png) no-repeat;
	padding : 18px 67px 20px 34px;
}

		.products #content .aside .quickselect li
		{
			font-family : Arial, sans-serif;
			font-size : 15px;
			font-weight:normal;
			margin-bottom : 10px;
			line-height : 1.4em;
			position : relative;
/*			left : -17px;
			padding-left : 17px;*/
		}

			* html .products #content .aside .quickselect li
			{
				display : inline-block; /* ie6 bug fix */
			}

		.products #content .aside .quickselect a
		{
			display : block;
			color : #f7e7ec;
			font-size : 15px;
			font-family : arial, sans-serif;
		}

		.products #content .aside .quickselect .enjoy-responsibly
		{
			text-align: left;
			color: #a8a8a8;
			font-size: 12px;
			width: 189px;
			margin-top: 40px;
		}
		
		.products #content .hero .page_slogan 
		{
			width:140px;
			font-size:16px;
			line-height:1.2em;
			text-align:left;
			color:#767676;
			margin-top:9px;
			margin-bottom:15px;
			padding-left:28px;
			
			
		}
		
		.products #content .hero .intro-quote-credit 
		{
			font-size:11px;
			color:#a8a8a8;
			position:absolute;
			left:42px;
		}

/*Old product page sidenav*/

.products #content .article
{
	float : none;
	width : 400px;
	padding-top : 20px;
	padding-right : 0;
}

	.products #content .article .quickselect
	{
		margin-top : 30px;
	}
	
	.products #content .article .quickselect h2
	{
		margin-bottom : 15px;
	}
	
	.products #content .article .quickselect li
	{
		margin-bottom : 8px;
		color : #46166B;
	}
	
		* html .products #content .article .quickselect li
		{
			display : inline-block; /* ie6 bug fix */
		}
	
	.products #content .article .quickselect a
	{
		display : block;
		color : #46166B;
		font-size : 1.2em;
		font-family : arial, sans-serif;
		background : url(/templates/casella/images/framework/bullet_quickselect.gif) 0 4px no-repeat;
		padding-left : 12px;
	}
	
	.products #content .article .quickselect .enjoy-responsibly
	{
		text-align: left;
		color: #a8a8a8;
		font-size: 12px;
		width: 189px;
		margin-top: 40px;
	}

/* product overview - list */
/* -------------------------------------------- */
.productslist #content .article
{
	padding-right : 0;
	width : 697px;
}


.productslist #content .aside .navigation
{
	background : url(/templates/casella/images/framework/background_subnavigation.png) no-repeat;
	padding : 18px 67px 20px 34px;
}

	
	.productslist #content .article #wineselector_swf
	{
		margin-top: -24px;
		width:697px;
		height:330px;
	}

	.productslist #content .article .wineselectorwrap
	{
		width : 499px;
	}
	
		.productslist #content .article .wineselectorwrap p.introduction
		{
			width : auto;
		}
		
	/* wine selector */
	.productslist #content .article #wineselector
	{
		position : relative;
		margin-top : 40px;
		overflow: hidden;
	}
	
	.productslist #content #wineselector #wine-wrapper {
		width: 4000px;
		overflow: hidden;
	}
	
		.productslist #content .article #wineselector a.control
		{
			width : 24px;
			height : 42px;
			display : block;
			position : absolute;
			top : 100px;
		}
		
			.productslist #content .article #wineselector a.left
			{
				left : 0px;
			}
			
			.productslist #content .article #wineselector a.right
			{
				left : 400px;
			}
	
		.productslist #content .article #wineselector ul
		{
			padding-left : 48px;
			float: left;
			width: 380px;
		}
		
		.productslist #content .article #wineselector li
		{
			float : left;
			margin-right : 9px;
		}

	.productslist #content .article .quickselect
	{
		width : 218px;
		float : right;
	}

	.productslist #content .article .quickselect h2
	{
		margin-bottom : 15px;
	}

	.productslist #content .article .quickselect li
	{
		margin-bottom : 8px;
	}

		* html .productslist #content .article .quickselect li
		{
			display : inline-block; /* ie6 bug fix */
		}

	.productslist #content .article .quickselect a
	{
		display : block;
		color : #74787a;
		font-size : 1.4em;
		font-family : arial, sans-serif;
		background : url(/templates/casella/images/framework/bullet_quickselect.gif) 0 4px no-repeat;
		padding-left : 12px;
	}

	/* product detail */
	/* -------------------------------------------- */

.productdetail #content .article
{
	min-height:550px;
	overflow:none;
}

.productdetail #content .aside .navigation
{
	background : url(/templates/casella/images/framework/background_subnavigation.png) no-repeat;
	padding : 18px 67px 20px 34px;
}

.productdetail #content .article .introduction
{
	font-family : arial, sans-serif;
	font-size : 2.2em;
	line-height : 1.6em;
	color : #4f543e;
	padding:0;
	margin : 0 0 15px 0;
}

.productdetail #content .article p.introduction {
	line-height : 1.6em;
	width : 70%;
	padding:0;
	margin:0;
}

.productdetail #content .article p.winedescription, .productdetail #content .article .winedescription p
{
	font-size : 1.2em;
	width : 70%;
}


/* Styles commented as per client request to move Growing regions higher in hierarchy */ 
.productdetail #content .article p.winedetails
{
	font-size : 1.1em;
	width : 709px;
	padding-top : 5px;
	color : #757575;
	clear : both;
}


.productdetail #content #bottle {
	position: absolute;
	top: 15px;
	right: 65px;
	z-index:100;
	clear:both;
}

.productdetail #content .pullouts
{
	margin-top : 20px;
	clear: both;
	width: 100%;
}
	
	.productdetail #content .pullouts .item
	{
		float : left;
		width : 214px;
		background : url(/templates/casella/images/framework/backround_contentpopout.png) top left no-repeat;
		padding : 16px;
		position : relative;
		left : -16px;
	}

		.awards #content .pullouts .item#awards
		{
			margin-right : 66px;
		}
		*html .awards #content .pullouts .item#awards
		{
			margin-right : 0px;
		}
	
	.productdetail #content .pullouts #detail_toggle 
	{
		margin-right : 66px; 
		border-top:1px dashed #d7d7d7;
	}
	
	.productdetail #content .pullouts h3,
	.awards #content .pullouts h3
	{
		font-family : arial, sans-serif;
		color : #46166B;
		font-size : 1.6em;
		text-decoration: none;
	}
	
	.productdetail #content .pullouts h3 a,
	.awards #content .pullouts h3 a
	{
		color : #46166B;
		text-decoration: none;
	}
	
	.productdetail #content .pullouts p, .productdetail #content .pullouts ul
	{
		font-size : 1.2em;
		line-height : 1.4em;
		color:#3E3F3F;
	}
	
	.productdetail #content div.product-availability {
		display: none;
	}
	.blocks #content div.product-availability {
		display: block;
		clear:both;
	}
	
	.productdetail #content .pullouts h4
	{
		font-family : arial, sans-serif;
		color : #46166B;
		font-size : 1.2em;
		font-weight : bold;
		text-decoration: none;
	}

/* careers */
/* -------------------------------------------- */

.careers #content .article
{
	overflow: hidden;
}

.careers #content .article .intro_area
{
	width:490px;
	height:auto;
}

.careers #content .article .vacancy_holder
{
	width:592px; 
	height:300px; 
	position:relative;
	overflow:hidden;
	z-index:-1;
}
.careers #content .article .vacancy_holder iframe
{
	position:relative; 
	top:-153px; 
	left:-187px;
}

.careers #content .pullouts
{
	margin-top : 20px;
	clear: both;
}
	
	.careers #content .pullouts .item
	{
		float : left;
		width : 100%;
		background : url(/templates/casella/images/framework/backround_contentpopout.png) top left no-repeat;
		padding : 16px;
		position : relative;
		left : -16px;
	}
	
	.careers #content .pullouts #detail_toggle 
	{
		margin-right : 66px; 
		border-top:1px dashed #d7d7d7;
	}
	
	.careers #content .pullouts h3
	{
		font-family : arial, sans-serif;
		color : #46166B;
		font-size : 1.6em;
		text-decoration: none;
	}
	
	.careers #content .pullouts h3 a
	{
		color : #46166B;
		text-decoration: none;
	}
	
	.careers #content .pullouts p
	{
		font-size : 1.2em;
		line-height : 1.4em;
	}
	
	.careers #content div.careers_listing {
		display: none;
	}
	.blocks #content div.careers_listing {
		display: block;
		clear:both;
	}
	
	.productdetail #content .pullouts h4
	{
		font-family : arial, sans-serif;
		color : #46166B;
		font-size : 1.2em;
		font-weight : bold;
		text-decoration: none;
	}


/* internal pages */
/* -------------------------------------------- */

.internal_pages #content .article .intro_area
{
	width:490px;
}

.internal_pages #content .article .pullouts .item ul
{
	list-style:none;
	list-style-position:outside;
	list-style-image:url(/templates/casella/images/framework/bullet_timeline.gif);
	margin-left:3px;
			
}

.internal_pages #content .article .pullouts .item li 
{
	margin-top:3px;
	margin-bottom:10px;
	font-size : 1.2em;
	line-height : 1.4em;
	color:#3E3F3F;
	
}

.internal_pages #content .article .pullouts .item h4
{
	font-family : arial, sans-serif;
	color : #46166B;
	font-size : 1.2em;
	font-weight : normal;
	text-decoration: none;
}


/* timeline */
/* -------------------------------------------- */
.timeline #content .article
{
	padding-right : 0;
	width : 697px;
}

	.timeline #content .article .timeline_dates ul
	{
		list-style:none;
		list-style-position:inside;
		list-style-image:url(/templates/casella/images/framework/timelinelist_bullet.gif );
		position:absolute;
		bottom : 54px;
		left : 711px;		
	}
	
	.timeline #content .article .timeline_dates li 
	{
		margin-top:3px;
		margin-bottom:3px;
		width:150px;
		height:18px;
		font-family : arial, sans-serif;
		font-size : 1em;
		font-weight : normal;
	}
	
	.timeline #content .article .timeline_dates li.current a
	{
		color : #a9b2b9;
	}
	
	.timeline #content .article .timeline_dates li a
	{
		font-family : arial, sans-serif;
		color : #46166B;
		font-size : 1.3em;
		font-weight : normal;
		text-decoration:none;
	}

	.timeline #content .article .gallery
	{
	}
	
		.timeline #content .article .gallery ul
		{
			width : 436px;
			height : 312px;
			overflow : hidden;
		}
		
			.timeline #content .article .gallery ul li
			{
				float : left;
			}
	
	.timeline #content .article .controls
	{
		position : absolute;
		top : 120px;
		left : 710px;
		width : 250px;
		height : 294px;
	}
	
	.timeline #content .article .imagedetails
	{
		position : absolute;
		top : 155px;
		left : 710px;
		width : 250px;
		height : 294px;
	}
	
		.timeline #content .article .imagedetails h3
		{
			font-family : arial, sans-serif;
			font-size : 1.2em;
			font-weight:bold;
			color : #46166B;
			position:relative;
			top:-40px;
		}
		
			/*.timeline #content .article .imagedetails h3.sIFR-replaced
						{
							margin-bottom : -10px;
						}
						
						* html .timeline #content .article .imagedetails h3.sIFR-replaced
						{
							margin-bottom : -5px;
						}
						
						*+html .timeline #content .article .imagedetails h3.sIFR-replaced
						{
							margin-bottom : -5px;
						}*/
		
		.timeline #content .article .imagedetails .description
		{
			width : 70%;
			margin : 5px 0;
			border-top : 1px dashed #B3B3B3;
			padding-top : 10px;
			margin-top : 10px;
			position:relative;
			top:-39px;
			font-family : arial, sans-serif;
			font-size : 1.2em;
			line-height:1.3em;
			color:#525741;
		}
		
		.timeline #content .article .imagedetails .description p
		{
			font-family : arial, sans-serif;
			font-size : 1.2em;
		}
		
		.timeline #content .article .imagedetails p.date
		{
			font-family : arial, sans-serif;
			font-size : 6em;
			color : #e2e2e2;
			position : absolute;
			left : 0;
			top : -120px;
			margin : 0;
			font-style : normal;
		}
		
		.timeline #content .article .navigation
		{
			font-family : arial, sans-serif;
			font-size : 1.2em;
/*			margin : 30px 0;*/
			
			position : absolute;
			top: -135px;
			padding : 0 10px 0 10px;
			width : 30px;
			white-space : nowrap;
		}
		
			.timeline #content .article .navigation p
			{
				margin : 0;
			}
			
			.timeline #content .article .navigation .current
			{
				color:#525741;
				letter-spacing : 1px;
				font-family: sans-serif;
				font-size:1.1em;
				margin:0 5px 0 5px;
			}
			
			.timeline #content .article .navigation .button
			{
				position : absolute;
				top : 0px;
			}
				
				.timeline #content .article .navigation .left
				{
					left : 0;
				}
				
				.timeline #content .article .navigation .right
				{
					right : 0;
				}
				
	.blocks .timeline #content .article #gallery-wrapper {
		display: none;
		height: 315px;
		overflow: hidden;
	}
	.blocks .timeline #content .article #gallery-content {
		display: block;
	}
	.timeline #content .article #gallery-content {
		display: none;
	}

/* biographies */
/* -------------------------------------------- */
.biographies #content .pullouts
{
	margin-top : 0px;
}

	.biographies #content .pullouts .item
	{
		float : none;
		width : auto;
		background : url(/templates/casella/images/framework/backround_biopopout.png) top left no-repeat;
		padding : 9px;
		position : relative;
		left : -9px;
		margin-bottom : 20px;
		clear:both;
	}
	
	.biographies #content .pullouts .profile
	{
		float : left;
		width : 180px;
		position : relative;
		margin-bottom:20px;
	}
	
	.biographies #content .pullouts .details
	{
		margin-left : 200px;
	}
	
	.biographies #content .pullouts h3
	{
		font-family : arial, sans-serif;
		color : #46166B;
		font-size : 1.8em;
		font-weight:bold;
		margin : 0;
	}
		
		#content .pullouts h3.toggleable a
		{
			display: block;
			background : url(/templates/casella/images/framework/background-toggleable.png) top left no-repeat;
			width: 274px;
			padding: 5px 12px;
			text-decoration: none;
			color: #fff;
		}
	
	.biographies #content .pullouts p.title
	{
		font-weight : bold;
		color : #808080;
		margin : 5px 0 0 0;
	}

	.biographies #content .pullouts p
	{
		font-size : 1.2em;
		line-height : 1.4em;
		color : #595959;
	}
	
		.biographies #content .pullouts p strong
		{
			color : #2d2d2d;
			font-weight : normal;
		}

/* news list */
/* -------------------------------------------- */
.news #content .article
{
	padding-right : 0;
	width : 697px;
}

.news #content .pullouts
{
	margin-top : 0px;
}

	body #page.news #content .article .pullouts .item
	{
		float : none;
		width : auto;
		background : url(/templates/casella/images/framework/backround_newspopout.png) top left no-repeat;
		padding : 10px 16px;
		position : relative;
		left : -16px;
		clear : both;
		min-height : 100px;
	}
	
	*html body #page.news #content .article .pullouts .item
	{
		height : 100px;
	}
	
	.news #content .pullouts .thumb
	{
		float : right;
	}
	
	.news #content .pullouts h3
	{
		font-family : arial, sans-serif;
		color : #181f02;
		font-size : 1.8em;
		font-weight:bold;
		margin : 0;
	}
	
	.news #content .pullouts .details
	{
		width : 66%;
		float : left;
	}
	
	.news #content .pullouts p
	{
		font-size : 1.2em;
		line-height : 1.4em;
		color : #595959;
	}
	
		.news #content .pullouts p.date
		{
			margin : 0 0 10px 0;
			font-weight : bold;
			color : #808080;
		}
		
		.news #content .pullouts p.more a
		{
			color : #46166B;
			font-weight : bold;
			text-decoration : none;
		}
		
			.news #content .pullouts p.more a:hover
			{
				text-decoration : underline;
			}

/* news detail */
/* -------------------------------------------- */
.newsdetail #content .article
{
	padding-right : 250px;
	width : 447px;
}

.newsdetail #content .article h3
{
	font-family : arial, sans-serif;
	color : #46166B;
	font-size : 1.8em;
	font-weight:bold;
	margin : 0;
}

.newsdetail #content .article p.date
{
	margin : 10px 0 10px 0;
	font-weight : bold;
	color : #808080;
}

.newsdetail #content .article p.introduction
{
	width : auto;
}

.newsdetail #content .article .news_image
{
	position:absolute;
	top: 60px;
	left:743px;
}

.blocks .newsdetail #content .article .news_image
{
	position:absolute;
	top: 60px;
	left:743px;
	display:block;
}

.newsdetail #content .article .outline_image
{
	border:10px solid #f3f3f3;
	position:absolute;
	top: 60px;
	left:743px;
}

.blocks .newsdetail #content .article .outline_image
{
	border:10px solid #f3f3f3;
	position:absolute;
	top: 60px;
	left:743px;
	display:block;
}

/* distributors */
/* -------------------------------------------- */
.distributors #content .article .country
{
	margin-bottom : 25px;
	overflow : auto;
}

	* html .distributors #content .article .country
	{
		height : 1%;
	}

.distributors #content .article h3
{
	font-family : arial, sans-serif;
	color : #4d523c;
	text-transform : uppercase;
	font-size : 1.4em;
	border-bottom : 1px solid #afafaf;
	padding-bottom : 5px;
	margin-bottom : 5px;
	letter-spacing : 1px;
}

.distributors #content .article h4
{
	text-transform : uppercase;
	font-size : 1.1em;
	color : #3e3f3f;
	letter-spacing : 1px;
	border-bottom : 1px dotted #afafaf;
	padding-bottom : 5px;
	margin-bottom : 5px;
}

.distributors #content .article h5
{
	font-weight : bold;
	color : #46166B;
	font-size : 1.3em;
	border-bottom : 1px dotted #afafaf;
	padding-bottom : 5px;
	margin-bottom : 5px;
}

.distributors #content .article address
{
	width : 300px;
	float : left;
	color : #3e3f3f;
	font-size : 1.2em;
	line-height : 1.4em;
}

/* contact */
/* -------------------------------------------- */
.contact #content .maindetails
{
	background : #f9f9f9;
	border-top : 1px solid #c1c1c1;
	border-bottom : 1px solid #c1c1c1;
	padding : 16px;
	position : relative;
	left : -16px;
	overflow : auto;
}

	* html .contact #content .maindetails
	{
		height : 1%;
	}

	.contact #content .maindetails .block
	{
		float : left;
		width : 50%;
		overflow : hidden;
	}
	
	.contact #content .maindetails h3
	{
		font-size : 1.8em;
		font-family : arial, sans-serif;
		font-weight:bold;
		color : #46166B;
		border-bottom : 1px dotted #d3d3d3;
		padding-bottom : 8px;
		padding-top:4px;
		margin-bottom : 8px;
	}
	
	.contact #content .maindetails address
	{
		font-size : 0.9em;
		color : #545454;
		line-height : 1.4em;
		font-style : normal;
	}
	
		.contact #content .maindetails address a
		{
			text-decoration : none;
			color : #545454;
			font-size:12px;
			line-height:1.4em;
		}
		
			.contact #content .maindetails address a:hover
			{
				text-decoration : underline;
			}

.contact #content .otherdetails
{
/*	padding : 16px;*/
	position : relative;
	left : -16px;
	overflow : hidden;
}

.contact #content .otherdetails .block
{
	float : left;
	width : 50%;
	overflow : hidden;
}

	.contact #content .otherdetails h3
	{
		font-family : arial, sans-serif;
		text-transform : uppercase;
		font-size : 1.2em;
		font-weight : bold;
		color : #8a8a8a;
		clear : left;
		border-bottom : 1px solid #c3c3c3;
		padding-bottom : 5px;
		margin-bottom : 5px;
		padding-left : 16px;
		position : relative;
		margin-top : 24px;
		width:100%;
	}
	
	.contact #content .otherdetails h4
	{
		font-size : 1.8em;
		font-family : arial, sans-serif;
		font-weight:bold;
		color : #46166B;
		border-bottom : 1px dotted #d3d3d3;
		padding-bottom : 8px;
		padding-top:4px;
		padding-left:16px;
		margin-bottom : 8px;
	}
	
	.contact #content .otherdetails h4.secondrow
	{
		border-top:1px dotted #d3d3d3; 
		padding-top:8px; 
		margin-top:8px;
	}

	.contact #content .otherdetails address
	{
		font-size : 0.9em;
		color : #545454;
		line-height : 1.4em;
		font-style : normal;
		padding-left:16px;
	}
	
		.contact #content .otherdetails address a
		{
			text-decoration : none;
			color : #545454;
			font-size:12px;
			line-height:1.4em;
		}
		
			.contact #content .otherdetails address a:hover
			{
				text-decoration : underline;
			}
			
/*
	FORM - Rural women's award!
*/

.standard_form {
	
}

.standard_form fieldset {
	background-image: url('/templates/casella/images/framework/fieldset_bg.jpg');
	background-color: white;
	background-repeat: no-repeat;
	padding: 15px;
	margin: 0 0 20px 0;
}

.standard_form h4 {
	font-size: 12px;
	font-weight: bold;
	margin: 0 0 15px 0;
	padding: 0px;
}

#content .standard_form h4 em {
	color: #46166b;
	font-style: normal;
}

#content .article .standard_form fieldset .row {
	display: block;
	position: relative;
	padding: 0px;
	margin: 0 0 15px 0;
	font-size: 12px;
}

#page .standard_form fieldset .row label {
	font-size: 12px;
	display: block;
	position: absolute;
	top: 4px;
	left: 0px;
	margin: 0px;
}

#page .standard_form fieldset .row .form_right {
	margin: 0 0 0 160px;
}

.standard_form input[type=text],
.standard_form textarea {
	display: block;
	border: 1px solid #d5d5d5;
	padding: 5px 2px;
	background-color: white;
	width: 310px;
	font-family: Arial;
	font-size: 12px;
}

.standard_form textarea {
	height: 55px;
}

.standard_form textarea.reason {
	width: 475px;
	height: 250px;
	margin: 0 0 0 0px;
}

.standard_form input[type=submit] {
	border: 0px solid transparent;
	margin: 0px;
	padding: 19px 0 15px 0;
	width: 145px;
	color: white;
	font-size: 13px;
	font-weight: bold;
	text-align: center;
	background-image: url('/templates/casella/images/framework/submit_bg.gif');
	background-repeat: no-repeat;
	position: absolute;
	top: 65px;
	right: 84px;
}

.standard_form .smallprint {
	padding: 0 0 0 23px;
}

.standard_form .smallprint a {
	color: #999;
	font-size: 11px;
	font-weight: bold;
	text-decoration: underline;
}

.standard_form div.error {
	color: red;
	font-size: 12px;
	position: absolute;
	top: 3px;
	right: -50px;
}

#content .article .standard_form span.error {
	color: red;
}

#wordcount {
	color: #46166b;
}

#warning {
	display: none;
}
body.edit #warning {
	display: inline;
}