@charset "utf-8";
/* ########################################################################### *
/* ***** DOCUMENT INFO  ****************************************************** *
/* ########################################################################### *
 * ##### NAME:  global.css
/* ########################################################################### *

/* ########################################################################### *
/* ***** INDEX *************************************************************** *
/* ########################################################################### *
/* ##### DEFAULTS
/* ##### LINKS AND BUTTONS
/* ##### LAYOUT
/* ##### HEADER
/* ##### PRIMARY NAVIGATION
/* ##### TOP NAVIGATION
/* ##### LEFT NAVIGATION
/* ##### CONTENT
/* ##### FOOTER
/* ##### TYPOGRAPHY
/* ##### MODAL WINDOWS
/* ########################################################################### */


/* ########################################################################### *
/* ##### DEFAULTS
/* ########################################################################### */
/*
Copyright (c) 2009, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.8.0r4
*/
html{color:#333;background:#FFF;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,strong,th,var,optgroup{font-style:inherit;font-weight:inherit;}
del,ins{text-decoration:none;}
li{list-style:none;}
caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
q:before,q:after{content:'';}
abbr,acronym{border:0;font-variant:normal;}
sup{vertical-align:baseline;}
sub{vertical-align:baseline;}
legend{color:#000;}
input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;}
input,button,textarea,select{*font-size:100%;}
body{font:10px arial,helvetica,clean,sans-serif;*font-size:62.5%;}
select,input,button,textarea,button{font:99% arial,helvetica,clean,sans-serif;}
table{font-size:inherit;font:100%;}

a:hover, a:active, a:focus, a:active{
outline: none;
-moz-outline-style: none;
}

/* slightly enhanced, universal clearfix hack */
.clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
	}
.clearfix { display: inline-block; }

/* start commented backslash hack \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* stop commented backslash hack */

.hidden {
	position: absolute;
	left: -9999px;
	overflow: hidden;
	margin-bottom: -1px;
	font-size: 1px;
	line-height: 1px
}

img {
	border: 0;
}

a img {
	display: block;
}

ul.horizontal li{
	display: inline;
	float: left;
}

.noMargin{
	margin: 0 !important;	
}

.noPadding{
	padding: 0 !important;	
}

.noDisplay{
	display: none !important;	
}

.hidden {
	position: absolute;
	left: -9999px;
	overflow: hidden;
	margin-bottom: -1px;
	font-size: 1px;
	line-height: 1px
}

.left {
	text-align: left;
}

	img.left{
		float: left;
		margin: 0 10px 0 0;
	}

.center {
	text-align: center;
}

.right {
	text-align: right;
}

	img.right{
		float: right;
		margin: 0 0 0 10px;
	}

strong{
	font-weight: bold;	
}

em{
	font-style: italic;
}

sup{vertical-align:text-top;}


/* ########################################################################### *
/* ##### LINKS AND BUTTONS
/* ########################################################################### */

a:link 		{ color: #808080; text-decoration: none; }
a:visited	{ color: #808080; text-decoration: none; }
a:focus, a:hover { color: #333; text-decoration: none; }
a:active	{ color: #808080; }

li.active a
	{
		color: #333;	
	}
	
.bodyContent a
{
	text-decoration: underline;
}

.bodyContent a:focus,
.bodyContent a:hover
{
}
	
button,
input.button,
a.button
{
	/*font-size: 0.75em;
	font-family: Arial, Helvetica, sans-serif;*/
	padding: 0px 10px;
	cursor: pointer;
	text-decoration: none;
	background: #808080;
	color: #fff;
	font-weight: normal;
	font-size: 100%;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}

button:hover,
button:focus,
button:active,
input.button:hover,
input.button:focus,
input.button:active,
a.button:hover,
a.button:focus,
a.button:active 
{
	background: #000;
}

input,
textarea
{
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;	
}


/* ########################################################################### *
/* ##### LAYOUT
/* ########################################################################### */

#page {
	margin: 0 auto;
	width: 973px;
	font-size: 1.1em; /* Reset the base font to 11px */	
}

#contentContainer{
	width: 973px;
	border: 1px solid #cfcfcf;	
}

#leftColumn,
#contentColumn,
#rightColumn{
	display: inline;
	float: left;
	z-index: 1;
}

	/* One Column
	.layout_oneColumn #contentColumn {
		display: block;
		float: none;
	}
	*/
	

	/* Two Column Layout - Right */
	.layout_twoColumnRight #rightColumn
	{
		width: 182px;
	}
	
	.layout_twoColumnRight #contentColumn
	{
		width: 760px;
		border-right: 1px solid #cfcfcf;
		min-height: 593px;
	}
	
	/* Two Column Layout - Right */
	.layout_twoColumnLeft #leftColumn
	{
		width: 211px;
	}
	
	.layout_twoColumnLeft #contentColumn
	{
		width: 760px;
		border-left: 1px solid #cfcfcf;
		min-height: 593px;
	}	
	
	/* Three Column Layout */ 
	.layout_home_variation_1olumn #rightColumn
	{
		width: 182px;
	}	
	
	.layout_threeColumn #leftColumn
	{
		width: 211px;
	}
	
	.layout_threeColumn #contentColumn
	{
		width: 760px;
		border-left: 1px solid #cfcfcf;
		min-height: 593px;
	}	
	
	.layout_threeColumn #content,
	.layout_threeColumn #rightColumn
	{
		float: left;
	}
	
	.layout_threeColumn #content
	{
		width: 547px;
		border-right: 1px solid #cfcfcf;
		min-height: 593px;
	}
	
	.layout_threeColumn #rightColumn{
		width: 212px;	
	}

/* ########################################################################### *
/* ##### HEADER
/* ########################################################################### */

#header {
	margin: 20px 0 15px 0;
	height: 60px;
}

	#logo {
		float: left;
		width: 205px;
		padding: 29px 0px 6px 7px;
	}
	

/* ########################################################################### *
/* ##### PRIMARY NAVIGATION
/* ########################################################################### */
	
#nav_primary {
	float: left;
	width: 549px;
	height: 60px;
	overflow: hidden;
	border-right: 1px solid #cfcfcf;
}

	#nav_primary li {
		font-family: 'HelveticaNeueRegularLig45', Arial, sans-serif;
		float: left;
		border-left: 1px solid #cfcfcf;
		padding-left: 10px;
		padding-right: 36px;
		padding-top: 36px;
		font-size: 180%;
		word-spacing: -5px;
	}
	
	#nav_primary li:first-child {
		
	}	

	
		
	
/* ########################################################################### *
/* ##### TOP NAVIGATION
/* ########################################################################### */
	
#nav_top {
	float: left;
	width: 208px;
	height: 60px;
	overflow: hidden;
}

	#nav_top li {
		float: left;
		padding-top: 41px;
		font-size: 110%;
	}
	
	#nav_top li a {
		border-left: 1px solid #cfcfcf;
		padding: 4px 20px 4px 10px;
	}
	
	
		#nav_top li:first-child a {
			border-left: none;
			margin-left: 0;
		}		
	


/* ########################################################################### *
/* ##### SECONDARY NAVIGATION
/* ########################################################################### */

#nav_secondary 
{
	margin-left: 12px;
}

	#nav_secondary a
	{
		display: block;	
	}

#nav_secondary h2
{
	font-family: 'HelveticaNeueRegularLig45', Arial, sans-serif;
	font-size: 280%;
	font-weight: normal;
	margin-top: 20px;
	margin-bottom: 20px;
	color: #1a1a1a;
}
		
	#nav_secondary li 
	{
		font-family: 'HelveticaNeueRegularLig45', 'HelveticaNeueRegularRom55', Arial, sans-serif;
		font-size: 160%;
		line-height: 1.5em;
		word-spacing: -4px;
	}
			
		#nav_secondary li ul li
		{
			margin-left: 10px;
			font-size: 80%;
			line-height: 1.7em;
		}	
			
			#nav_secondary li ul li a
			{
				color: #808080;
			}	
			
			#nav_secondary li ul li a:hover,
			#nav_secondary li ul li.active a
			{
				color: #333;
			}				



/* ########################################################################### *
/* ##### CONTENT
/* ########################################################################### */

#content {
}
		
#content h1 {
	
}

#content .bodyContent
{
	margin: 15px 12px 40px 12px;
	color: #666666;	
	position: relative;
}
	
	#content .genericArticle{
		margin-top: 72px;	
	}
	
	#content .bodyContent_noPadding
	{
		margin: 0px;
	}

.bodyContent img,
.bodyContent .videoPlayer
{
	margin: 1em 0;	
}

.bodyContent .flashContent
{
	width: 523px;
	height: 572px;	
}

.bodyContent .articleDetails
{
	color: #999999;
	margin-bottom: 0.5em;	
}

.bodyContent .contactNumber
{
	position: absolute;
	top: -7px;
	right: 0;	
}

	.bodyContent .contactNumber img
	{
		margin: 0;
	}

.backLink
{
	margin-bottom: 4em;
	margin-top: -0.7em;
}
	
	.backLink a
	{
		text-decoration: none;
		color: #d6585b;
	}
	
	.backLink a:hover
	{
		color: #000;
	}	
	

a.moreLink
{
	text-decoration: underline;
	color: #1a1a1a;
}	
	
.bodyContent ul,
.bodyContent ol
{
	margin-bottom: 2em;
	line-height: 1.9em;	
}

.bodyContent ul
{

}

	.bodyContent ol li
	{
		list-style-type: decimal;
		margin-left: 1.6em;	
	}
	
	.bodyContent ul li
	{
		list-style-type: disc;
		margin-left: 1.2em;	
	}

/* -----------------------------------------------------------------------------*/
/* Hero banners
/* -----------------------------------------------------------------------------*/
	
.hero
{
	border-bottom: 1px solid #cfcfcf;
	border-top: none !important;
}
	
/*.hero img,*/
.hero .flashContent
{
	width: 748px;
	height: 250px;
}	

.layout_home_variation_1
{
	
}
	
	.layout_home_variation_1 .hero
	{
		
	}
	
	/*.layout_home_variation_1 .hero img,*/
	.layout_home_variation_1 .hero .flashContent
	{
		width: 748px;
		height: 383px;
	}	
	
.layout_home_variation_2
{
	
}
	
	.layout_home_variation_2 .hero
	{
		border-bottom: none;
	}
	
	/*.layout_home_variation_2 .hero img,*/
	.layout_home_variation_2 .hero .flashContent
	{
		width: 748px;
		height: 581px;
	}		
	

/* -----------------------------------------------------------------------------*/
/* Style
/* -----------------------------------------------------------------------------*/
	
.articleList
{
	
}

	.articleList ul li,
	.articleList ol li
	{
		margin-top: 15px;
		border-top: 1px solid #cfcfcf;
		padding: 15px 0 0 0;
		list-style-type: none;
		margin-left: 0;
		position: relative;
	}

	.articleList ul li:first-child,
	.articleList ol li:first-child
	{
		margin-top: 0;
		border-top: none;
		padding-top: 10px;
	}	
		
		.articleDate
		{
			width: 30px;
			height: 29px;
			float: left;
			background-color: #333;
			text-align: center;
			line-height: 1.15em;
			color: #fff;
			padding-top: 1px;
		}
		
			.articleDate .month
			{
				font-size: 80%;
			}
		
			.articleDate .day
			{
				font-size: 130%;
				font-weight: normal;
			}
			
		.articleContent
		{
			float: left;
			width: 694px;
			margin-left: 10px;	
		}
		
			.articleContent .articleImage
			{
				display: inline;
				float: left;
				width: 169px;
				margin-right: 10px;
			}
			
			.featureArticle .articleContent .articleImage
			{
				width: 376px;
			}
			
			.articleContent .articleText
			{
				display: inline;
				float: left;
				width: 514px;
				margin-right: 0;
			}
			
			.featureArticle .articleContent .articleText
			{
				width: 308px;
			}
					
			.articleContent img,
			.articleContent .videoPlayer
			{
				margin: 0;	
			}
			
			.bodyContent .articleContent h2
			{
				font-size: 150%;
			}	

			
			.bodyContent .featureArticle .articleContent h2
			{
				font-size: 210%;
				line-height: 1.2em;
			}	
				
				.bodyContent .articleContent h2 a
				{
					text-decoration: none;
					color: #1a1a1a;
				}	
				
				.bodyContent .articleContent h2 a:hover,
				.bodyContent .articleContent h2 a:focus
				{
					text-decoration: underline;
				}	

			.bodyContent .articleContent .articleDetails
			{
				margin-bottom: 1em;
			}				
				
				.bodyContent .articleDetails a
				{
					text-decoration: none;
				}	
			
			.bodyContent .articleContent p
			{
				margin-bottom: 0;
				line-height: 1.6em;
			}

/* -----------------------------------------------------------------------------*/
/* Stores
/* -----------------------------------------------------------------------------*/


table.storeList
{
	margin: 0;
}
	
	table.storeList thead
	{
		
	}
	
	table.storeList tbody tr:first-child
	{
	}	
	
	table.storeList td
	{
		vertical-align: top;
		padding: 1em 1em 3em 0.5em;
		border-top: 1px solid #cfcfcf;
	}
	
	table.storeList td:first-child
	{
		font-size: 140%;
		color: #1a1a1a;
	}	

	
/* -----------------------------------------------------------------------------*/
/* Modules
/* -----------------------------------------------------------------------------*/

	
.module
{
	padding: 6px;
	border-top: 1px solid #cfcfcf;
}

.module:first-child
{
	border-top: none
}

.module:last-child
{
	border-bottom: 1px solid #cfcfcf;
}
	
	.layout_home_variation_1 .module:last-child,
	.layout_home_variation_2 .module:last-child
	{
		border-bottom: none;
	}

	.layout_home_variation_1 .hero:last-child
	{
		border-bottom: 1px solid #cfcfcf;
	}
		
	.module img
	{
		display: block;	
	}
	
		.module .redDot img
		{
			display: inline;	
		}

#contentColumn .modules .module
{
	border: none;
	float: left;
}	

#contentColumn .modules .module:first-child
{
	border-right: 1px solid #cfcfcf;
	padding-right: 7px;
}	
		
/*#contentColumn .modules .module img,*/
#contentColumn .modules .module .flashContent
{
	width: 366px;
	height: 184px;
}

/* -----------------------------------------------------------------------------*/
/* Tables
/* -----------------------------------------------------------------------------*/

.table
{
	width: 100%;
	margin-bottom:2em;
}

	.table th,
	.table td
	{
		padding: 1em 5px;
	}

	.table th
	{
		font-weight: bold;
		background: #efefef;
		border-right: 1px solid #fff;		
	}
	
	.table td
	{
		border-bottom: 1px solid #cfcfcf;
	}



/* -----------------------------------------------------------------------------*/
/* Collection listing
/* -----------------------------------------------------------------------------*/
	
.collectionItemList
{
	
}

	.collectionItemList ul
	{
		padding: 0;
		margin: 6px 0 0 0px;
	}
	
	.collectionItemList ul li
	{
		padding: 0;
		margin: 0 0 6px 7px;
		list-style-type: none;
		float: left;
	}

		.collectionItemList ul li:first-child
		{
			padding: 0;
			margin: 0 0 6px 6px;
			list-style-type: none;
			float: left;
		}
		
		.collectionItemList ul li:nth-child(4n+1)
		{
			margin: 0 0 6px 6px;
		}		
		
		.collectionItemList .firstRowItem
		{
			margin: 0 0 6px 6px;
		}

		.collectionItemList ul li img
		{
			margin: 0;
			padding: 0;
			display: block;
		}

/* Tooltip */
#tooltip
{
	position: absolute;
	z-index: 3000;
	border: none;
	background-color: #eee;
	padding: 5px;
	opacity: 1;
}

#tooltip h3, #tooltip div 
{ 
	margin: 0; 
}

#tooltip.pretty 
{
	border: none;
	width: 392px;
	padding: 0;
	height: 360px;
	opacity: 1;
	background: url('images/bg_collectionOverlay_noArrow.png') no-repeat 0 0;
}

#tooltip.pretty h3
{
	margin-bottom: 0.75em;
	font-size: 12pt;
	width: 360px;
	text-align: center;
}

#tooltip.pretty div 
{ 
	width: 392px; 
	margin-top: 20px;
	margin-left: 21px;
	text-align: left; 
}

#tooltip.fancy 
{
	background-position: 0 0;
	padding-top: 0;
	height: 360px;
}


/* -----------------------------------------------------------------------------*/
/* Collection keylook detail
/* -----------------------------------------------------------------------------*/
.topLinks
{
	display: block;
	width: 200px;
	position: absolute;
	top: 1.6em;	
	right: 0;
	text-align: right;
}

	.pageNumber
	{
		padding-right: 10px;
		border-right: 1px solid #cfcfcf;
		margin-right: 11px;	
		color: #999;
		padding: 6px 15px 5px 0;
	}
	
.keylook
{
	position: relative;
}	
	
	.keylookImage img
	{
		margin-top: 0;
		margin-bottom: 0;	
	}
	
	.keylook .links
	{
		
	}
		.keylook .links a
		{
			text-decoration: none;
		}
			
		.keylook .links .left
		{
			float: left;
		}		
		
		.keylook .links .right
		{
			float: right;
		}			
	
.nav_keylook
{
	
}
	
	.nav_keylook a
	{
		width: 50px;
		height: 70px;
		display: block;
		position: absolute;
		top: 210px;
		left: -9999px;
	}
	
		.nav_keylook .prev a
		{
			background: url(images/btn_keylook.png) no-repeat 0 0;
			left: 0;
		}
			
			.nav_keylook .prev a:hover,
			.nav_keylook .prev a:focus
			{
				background: url(images/btn_keylook.png) no-repeat 0 -70px;
			}
	
		.nav_keylook .next a
		{
			background: url(images/btn_keylook.png) no-repeat -50px 0;			
			left: auto;
			right: 0;
		}
			
			.nav_keylook .next a:hover,
			.nav_keylook .next a:focus
			{
				background: url(images/btn_keylook.png) no-repeat -50px -70px;
			}
		
		
/* ########################################################################### *
/* ##### RIGHT COLUMN CONTENT
/* ########################################################################### */

#rightColumn .module
{
	width: 200px;
	height: 185px;
}
	
	/*#rightColumn .module img,*/
	#rightColumn .module .flashContent
	{
		width: 200px;
		height: 185px;
	}

#rightColumn .contactNumber
{
	padding: 10px 11px 10px 10px;
	border-bottom: 1px solid #cfcfcf;	
}

/* -----------------------------------------------------------------------------*/
/* Collection keylook detail
/* -----------------------------------------------------------------------------*/

.productSpecList
{
	margin: 11px 7px;
	min-height: 309px;
}

	.productSpecList li
	{
		margin-bottom: 1.5em;
	}
	
	.productSpecList .productCode,
	.productSpecList .productDescription,
	.productSpecList .productPrice
	{
		line-height: 1.5em;
		
	}
	
	.productSpecList .productCode
	{
		color: #999;
	}
	
	.productSpecList .productDescription
	{
			
	}
	
	.productSpecList .productPrice
	{
		font-size: 120%;
	}

	.currencySelect
	{
		text-align: right;
		padding-right: 5px;
	}

		.currencySelect span
		{
			padding-left: 7px;
			border-left: 1px solid #cfcfcf;
			margin-left: 5px;	
		}

		.currencySelect span:first-child
		{
			padding-left: 0;
			border-left: none;
			margin-left: 3px;	
		}
		
		.currencySelect a.active
		{
			color: #333;	
		}		
	
	#rightColumn .productSpecs .module
	{
		margin-top: 1em;
		width: 200px;
		height: 160px;
	}
		
		/*#rightColumn .productSpecs .module img,*/
		#rightColumn .productSpecs .module .flashContent
		{
			width: 200px;
			height: 160px;
		}

/* ########################################################################### *
/* ##### FOOTER
/* ########################################################################### */		

#footer
{
	color: #b2b2b2;
	font-size: 95%;
	margin: 10px 7px 40px 7px;
}

	#footer .copyright
	{
		float: left;	
		padding: 3px 0px;
	}		
	
	#footer #nav_footer
	{
		float: right;
	}
		
		#footer #nav_footer li
		{
			float: left;
			margin-left: 10px;
			border-left: 1px solid #cfcfcf;
			padding: 3px 0px 3px 10px;
		}	
			
			#footer #nav_footer li:first-child
			{
				border-left: none;	
			}
			
			#footer #nav_footer li a
			{
				color: #b2b2b2;
			}	
			
			#footer #nav_footer li a:focus,
			#footer #nav_footer li a:hover,
			#footer #nav_footer li.active a
			{
				color: #333;
			}						
			
/* ########################################################################### *
/* ##### TYPOGRAPHY
/* ########################################################################### */

h1
{
	font-size: 120%;
	font-weight: bold;
	line-height: 2em;
	margin-bottom: 1em;
}

.bodyContent
{
	line-height: 1.9em;
}

.bodyContent h1
{
	font-family: 'HelveticaNeueRegularLig45', Arial, sans-serif;	
	font-size: 200%;
	font-weight: normal;
	margin: 0;
	line-height: 1.3em;
	color: #1a1a1a;
}

.bodyContent h1.stores
{	
	font-family: 'HelveticaNeueRegularLig45', Arial, sans-serif;
	font-size: 280%;
	font-weight: normal;
	margin-top: 18px;
	margin-bottom: 5px;
}

.bodyContent h2
{
	font-family: 'HelveticaNeueRegularLig45', Arial, sans-serif;	
	font-size: 120%;
	font-weight: normal;
	color: #000;
}

.bodyContent h2.stores
{
	margin: 78px 0 200px 0;
	font-size: 140%;
	color: #808080;
}

.bodyContent h3
{
	font-weight: bold;	
}

.bodyContent p
{
	margin-bottom: 2em;	
}


/* -----------------------------------------------------------------------------*/
/* @font-face
/* -----------------------------------------------------------------------------*/

/*
 * This CSS file has been generated by fontsquirrel.com and is based on the work of Paul Irish. 
* 
*/

/*
@font-face {
	font-family: 'HelveticaLTStdRoman';
	src: url('fonts/HelveticaLTStd-Roman.eot');
	src: local('Helvetica LT Std Roman'), local('HelveticaLTStd-Roman'), url('fonts/HelveticaLTStd-Roman.woff') format('woff'), url('fonts/HelveticaLTStd-Roman.otf') format('opentype'), url('fonts/HelveticaLTStd-Roman.svg#HelveticaLTStd-Roman') format('svg');
}

@font-face {
	font-family: 'HelveticaNeueRegularLig45';
	src: url('fonts/HelveticaNeueLTCom-Lt.eot');
	src: local('Helvetica Neue LT Com 45 Light'), local('HelveticaNeueLTCom-Lt'), url('fonts/HelveticaNeueLTCom-Lt.woff') format('woff'), url('fonts/HelveticaNeueLTCom-Lt.ttf') format('truetype'), url('fonts/HelveticaNeueLTCom-Lt.svg#HelveticaNeueLTCom-Lt') format('svg');
}
*/

@font-face {
	font-family: 'HelveticaNeueRegularLig45';
	src: url('fonts/HelveNeuLig45.eot');
	src: local('HelveticaNeue Regular'), local('HelveticaNeue-Light'), url('fonts/HelveNeuLig45.woff') format('woff'), url('fonts/HelveNeuLig45.ttf') format('truetype'), url('fonts/HelveNeuLig45.svg#HelveticaNeue-Light') format('svg');
}

@font-face {
	font-family: 'HelveticaNeueRegularMed65';
	src: url('fonts/HelveNeuMed65.eot');
	src: local('HelveticaNeue Regular'), local('HelveticaNeue-Medium'), url('fonts/HelveNeuMed65.woff') format('woff'), url('fonts/HelveNeuMed65.ttf') format('truetype'), url('fonts/HelveNeuMed65.svg#HelveticaNeue-Medium') format('svg');
}

@font-face {
	font-family: 'HelveticaNeueRegularRom55';
	src: url('fonts/HelveNeuRom55.eot');
	src: local('HelveticaNeue Regular'), local('HelveticaNeue-Roman'), url('fonts/HelveNeuRom55.woff') format('woff'), url('fonts/HelveNeuRom55.ttf') format('truetype'), url('fonts/HelveNeuRom55.svg#HelveticaNeue-Roman') format('svg');
}



/* ########################################################################### *
/* ##### MODAL WINDOWS
/* ########################################################################### */

/*
 * SimpleModal Contact Form
 * http://www.ericmmartin.com/projects/simplemodal/
 * http://code.google.com/p/simplemodal/
 *
 * Copyright (c) 2009 Eric Martin - http://ericmmartin.com
 *
 * Licensed under the MIT license:
 *   http://www.opensource.org/licenses/mit-license.php
 *
 * Revision: $Id: contact.css 213 2009-09-17 04:10:02Z emartin24 $
 *
 */

body 
{
	height:100%; margin:0;
}

/* Overlay */
#modal-overlay 
{
	background-color:#000;
}

/* Container */
#modal-container 
{
	width:550px; 
	text-align:left;
}

#modal-container .modal-content
{
	color: #666;
	font-size: 110%;
	background: #fff;
	padding: 0 12px 12px 12px;
	border-bottom: 1px solid #cfcfcf;
}

#modal-container .contact-content
{	
	background-color:#fff; 
	color: #666;
	font-size: 110%;
	padding-left: 5px;
}

#modal-container .contact-form
{
	width: 250px;
	float: right;
	margin-right: 7px;	
	position: relative;
}

#modal-container .contact-image
{
	float: left;
	width: auto;
	margin-left: 12px;
	margin-top: 10px;
}

#modal-container h2.contact-title
{ 
	margin:0; 
	padding:0 0 6px 12px; 
	text-align:left;
	font-family: 'HelveticaNeueRegularLig45', Arial, sans-serif;	
	font-size: 240% !important;
	font-weight: normal;
	line-height: 1;
	color: #000;
}

#modal-container .modal-content h2
{ 
	padding-left: 0;
	font-size: 160%;
}

#modal-container .contact-loading {position:absolute; z-index:8000; height:55px; width:54px; margin:-14px 0 0 170px; padding:0;}
#modal-container .contact-message {text-align:center;}
#modal-container .contact-error {width:92%; background:#000; border: 1px solid #ccc; margin:0 auto; padding:2px;}
#modal-container br {clear:both;}
#modal-container form {padding:0; margin:0;}
#modal-container label 
{ 
	display:block;
	padding-right:4px;
	line-height: 1.7em;
	margin-top: 0.8em;
	margin-left: 6px;
}

#modal-container label.requiredField
{ 
	position: absolute;
	top: -30px;
	right: 10px;
	font-size: 90%;
	margin-top: 0.7em;
}

#modal-container label em
{ 
	color: #d6585b;
}

#modal-container .contact-input
{ 
	padding:4px; 
	margin:2px; 
	background:#f1f1f1; 
	border:1px solid #d0d0d0;
	width: 225px;
	color: #333;
}

#modal-container .error
{
	border: 1px solid #d6585b;	
}

#modal-container .contact-controls
{ 
	margin-top: 0.5em;
}

#modal-container .modal-content .contact-controls
{
	margin-top: 2em;
	border-top: 1px solid #cfcfcf;
	padding-top: 0em;	
	margin-bottom: 0;
}

#modal-container textarea { height:114px; }
#modal-container .contact-cc { cursor:default; }
#modal-container .contact-top {height:13px; background: #fff; padding:0; margin:0;}
#modal-container .contact-bottom {height:13px; background: #fff; text-align:center;}
#modal-container .contact-bottom a,
#modal-container .contact-bottom a:link,
#modal-container .contact-bottom a:active,
#modal-container .contact-bottom a:visited { position:relative; top:-4px; text-decoration:none; color:#666; }
#modal-container .contact-bottom a:hover {color:#888;}
#modal-container .contact-button {margin:4px 0 0 4px; cursor:pointer; height:24px; border:0; color:#fff; text-align:center; vertical-align:middle;}

#modal-container .contact-send 
{ 
	line-height: 3.1em;
	font-weight: normal;
}

#modal-container .contact-cancel 
{ 
	color: #666;
	line-height: 3.1em;
	vertical-align: top;
	font-weight: normal;
}

#modal-container .contact-cancel:hover
{ 
	color: #000;
}

#modal-container a.modal-close,
#modal-container a.modal-close:link,
#modal-container a.modal-close:active,
#modal-container a.modal-close:visited 
{
	text-decoration:none;
	font-size:1.2em; 
	position:absolute; 
	top:2px; 
	right:20px; 
	color:#999;
}

#modal-container a.modal-close:hover 
{
	color:#000;
}