/*

Mercato Website
Page Styles

*/


/*-------------------------------------------------------------------------------
	Begin Page Elements
/*------------------------------------------------------------------------------*/

.contentRow
{
	border-bottom: 1px solid #096fb6;
	clear: both;
	overflow: hidden;
	padding: 15px 0;
	width: 790px;
}

.contentRowHeaderVideo
{
	border-bottom: none !important;
}

.standFirst
{
	font-size: 1.6em;
	padding: 4px 0;
	width: 508px;
}

.contentItem,
.mediaItem
{
	border-top: 1px solid #0970b6;
	padding-top: 4px;
	padding-bottom: 7px;
}

.mediaItem 
{
	overflow: hidden;
	padding-top: 8px;
	padding-bottom: 14px;
}

.mediaItem h3
{
	padding-top: 0;
}

.mediaItemLeft
{
	float: left;
	padding: 0 12px;
	width: 80px;
}

.mediaItemRight
{
	float: left;
	width: 140px;
}

.first
{
	border: none;
}

.hide 
{
	display: none;
}

/* End Page Elements */


/*-------------------------------------------------------------------------------
	Begin Content Specific Styles/Layouts
/*------------------------------------------------------------------------------*/

/*- Section -----------------------------*/

.contentRowSection .column1,
.contentRowSection .column2
{
	float: left;
	padding-right: 10px;
	width: 244px;
}

.contentRowSection .column3
{
	float: left;
	width: 282px;
}

.contentRowSection .contentItem h3
{
	padding: 0;
}

.contentRowSection .contentItem p
{
	margin-bottom: 0;
	padding-bottom: 2px;
}

/*- Article -----------------------------*/

.contentRowArticle .column1 
{
	float: left;
	padding-right: 20px;
	width: 508px;
}

.contentRowArticle .column2 
{
	float: left;
	width: 262px;
}

/*- Video -----------------------------*/

.contentRowVideo .column1 
{
	float: left;
	width: 640px;
}

.contentRowVideo .column2 
{
	float: left;
	padding-left: 10px;
	width: 140px;
}

.contentRowVideo .column2 p
{
	padding-bottom: 10px;
}

.videoHelper
{
	background: #fff;
	border: 1px solid #096fb6;
	color: #032036;
	font-size: 1.1em;
	padding: 10px;
}

.videoHelper a
{
	color: #096fb6;
}

.videoDescription 
{
	font-size: 1.6em;
	padding-top: 14px;
}

/* End Content Specific Styles/Layouts */


/*-------------------------------------------------------------------------------
	Begin Page Specific Styles
/*------------------------------------------------------------------------------*/

/*.contentRowHeaderProducts
{
	background: url(../../Images/Defaults/backgroundProducts.png) top right no-repeat;
}

.contentRowHeaderServices
{
	background: url(../../Images/Defaults/backgroundProducts.png) top right no-repeat;
}*/

/* End Page Specific Styles */


/*-------------------------------------------------------------------------------
	Begin Quote
/*------------------------------------------------------------------------------*/

.quote
{	
	background: url(../../Images/Defaults/quoteDenoter.gif) top left no-repeat;
	padding-left: 36px;
	padding-bottom: 10px;
}

.quote h3,
.quotee
{
	font-size: 1.1em;
}

/* End Quote */


/*-------------------------------------------------------------------------------
	Begin Microsite
/*------------------------------------------------------------------------------*/

.micro
{	
	background: url(../../Images/Defaults/microSite.gif) top left no-repeat;
	padding-left: 36px;
	padding-bottom: 10px;
}

.micro h3,
.micro .study
{
	font-size: 1.1em;
}

/* End Microsite */


/*-------------------------------------------------------------------------------
	Begin Case Study
/*------------------------------------------------------------------------------*/

.case
{	
	background: url(../../Images/Defaults/caseStudyDenoter.gif) top left no-repeat;
	padding-left: 36px;
	padding-bottom: 10px;
}

.case h3,
.case .study
{
	font-size: 8pt;
}

/* End Case Study */


/*-------------------------------------------------------------------------------
	Begin Homepage Styles/Layout
/*------------------------------------------------------------------------------*/

.home .column1
{
	border-right: 1px solid #0975c1;
	float: left;
	padding-right: 10px;
	width: 516px;
}

.home .column2
{
	float: left;
	padding-left: 10px;
	width: 253px;
}

.home .banner
{
}

.home .content
{
	padding: 14px 0 14px;
}

/* End Homepage Styles/Layout */


/*-------------------------------------------------------------------------------
	Begin Homepage Accordion
/*------------------------------------------------------------------------------*/

.home .accordion
{
	width: 253px;
}

.home .accordion h3.ui-accordion-header
{
	display: block;
	font-weight: bold;
	height: 25px;
	padding: 6px 0 0 10px;
	width: 243px;
}

.home .accordion h3.ui-accordion-header a
{
	color: #fff;
	display: block;
	padding-left: 27px;
	text-decoration: none;
}

.home .accordion .ui-state-default
{
	background: url(/Images/Defaults/accordionStateDefault.png) top left no-repeat;
}

.home .accordion .ui-state-active
{
	background: url(/Images/Defaults/accordionStateActive.png) top left no-repeat;
}

.home .accordion .pressContent .last,
.home .accordion .mediaContent .last
{
	border-bottom: none;
}

/*- Accreditations -----------------------------*/

.home .accordion .accreditationsHeader a
{
	background: url(/Images/Defaults/iconAccordionStar.png) top left no-repeat;
}

.home .accordion .accreditationsContent
{
	padding: 15px 6px 6px;
}

.home .accordion .accreditationsContent img
{

}

.home .accordion .accreditationsContent p
{
	color: #b2d9ff;
	padding: 8px 0;
}

.home .accordion .accreditationsContent .cips
{
	margin: 0 70px 6px 69px;
}

.home .accordion .accreditationsContent .icaew
{
	margin: 0 71px 6px 70px;
}

/*- News / Press -----------------------------*/

.home .accordion .pressHeader a {
	background: url(/Images/Defaults/iconAccordionNews.png) no-repeat;
	background-position: 2px 2px;
}

.home .accordion .pressContent {
	padding-bottom: 6px;
}

.home .accordion .pressItem {
	border-bottom: 1px solid #0975c1;
	padding: 7px 10px 8px;
}

.home .accordion .pressItem h3 
{
	background: url(/Images/Defaults/iconAccordionNews.png) no-repeat;
	background-position: 2px 2px;
	margin-top: 4px;
	padding: 0;
	padding-left: 30px;
}

.home .accordion .pressItem h4 {
	color: #b2d9ff;

	font-weight: normal;
	margin: 0;
	padding: 0 0 4px 30px;
}

.home .accordion .pressItem p {
	color: #b2d9ff;
	padding: 4px 0 4px 30px;
}	
	
/*- Media -----------------------------*/

.home .accordion .mediaHeader a
{
	background: url(/Images/Defaults/iconAccordionMedia.png) top left no-repeat;
}

.home .accordion .mediaContent
{
	padding-bottom: 6px;
}

.home .accordion .mediaContent h3
{
	padding-top: 4px;
}

.home .accordion .mediaContent h4
{
	color: #b2d9ff;
	font-weight: normal;
}

.home .accordion .mediaContent p
{
	color: #b2d9ff;
	padding: 4px 0;
}

.home .accordion .mediaContent .first
{
	border-top: none;
}

.home .accordion .mediaItem {
	border-top: 1px solid #0970b6;
	overflow: hidden;
	padding: 8px 10px 14px 0;
	width: 244px;
}

.home .accordion .mediaItemLeft
{
	float: left;
	padding: 0 12px 0 6px;
	width: 80px;
}

.home .accordion .mediaItemRight
{
	float: left;
	width: 146px;
}

.home .accordion .mediaItem h3
{
	padding: 0 0 3px;
}

.home .accordion .mediaItem p
{
	padding-bottom: 2px;
}

/* End Homepage Accordion */


/*-------------------------------------------------------------------------------
	Begin Homepage Tabs
/*------------------------------------------------------------------------------*/

.home .tabs
{
	position: relative; /* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */
    zoom: 1;
    width: 518px;
}

.home .tabs .ui-tabs-hide
{
	display: none !important;
}

/*- Tab Nav -----------------------------*/

.home .tabs
{
	position: relative; /* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */
    zoom: 1;
    width: 518px;
}

.home .tabs .ui-tabs-hide
{
	display: none !important;
}

/*- Tab Nav -----------------------------*/

.home ul.tabsList
{
	height: 32px;
	padding: 0;
}

.home .tabsList li
{
	border-bottom: 0 !important;
	float: left; 
	list-style: none; 
	margin: 0;
	padding: 0;
	position: relative; 
	top: 1px;
	white-space: nowrap;
}

.home .tabsList .ui-state-default,
.home .tabsList .ui-tabs-selected,
.home .tabsList .ui-state-default a,
.home .tabsList .ui-tabs-selected a
{
	height: 32px;
	text-decoration: none;
}

.home .tabsList .tabLeft,
.home .tabsList .tabLeftFirst,
.home .tabsList .tabMiddle,
.home .tabsList .tabMiddleFirst,
.home .tabsList .tabRight,
.home .tabsList .tabRightLast
{
	display: block;
	float: left;
	height: 32px;
}

.home .tabsList .tabLeftFirst
{
	width: 6px;
}

.home .tabsList .tabMiddle,
.home .tabsList .tabMiddleFirst
{
	padding: 8px 0 0 2px;
	height: 24px;
}

.home .tabsList .tabMiddleFirst
{
	padding-left: 8px;
}

.home .tabsList .tabRight,
.home .tabsList .tabRightLast
{
	width: 35px;
}

.home .tabsList .ui-tabs-selected
{
	font-weight: bold;
}

.home .tabsList .ui-state-default .tabLeft,
.home .tabsList .ui-state-default .tabLeftFirst
{
	background: url(/Images/Defaults/tabNavLeftFirstDefault.png) top left repeat-x;
}

.home .tabsList .ui-state-active .tabLeft,
.home .tabsList .ui-state-active .tabLeftFirst
{
	background: url(/Images/Defaults/tabNavLeftFirstSelected.png) top left repeat-x;
}

.home .tabsList .ui-state-default .tabMiddle,
.home .tabsList .ui-state-default .tabMiddleFirst
{
	background: url(/Images/Defaults/tabNavMiddleDefault.png) top left repeat-x;
}

.home .tabsList .ui-state-active .tabMiddle,
.home .tabsList .ui-state-active .tabMiddleFirst
{
	background: url(/Images/Defaults/tabNavMiddleSelected.png) top left repeat-x;
}

.home .tabsList .ui-state-default .tabRight
{
	background: url(/Images/Defaults/tabNavRightDefault.png) top left no-repeat;
}

.home .tabsList .ui-state-active .tabRight
{
	background: url(/Images/Defaults/tabNavRightSelected.png) top left no-repeat;
}

.home .tabsList .ui-state-default .tabRightLast
{
	background: url(/Images/Defaults/tabNavRightLastDefault.png) top left no-repeat;
}

.home .tabsList .ui-state-active .tabRightLast
{
	background: url(/Images/Defaults/tabNavRightLastSelected.png) top left no-repeat;
}

.home .tabsList .previous .tabRight
{
	background: url(/Images/Defaults/tabNavRightPrevious.png) top left no-repeat;
}

/*- Tab Content -----------------------------*/

.home .tabsPanel
{
	background: none; 
	display: block;
	width: 518px;
}

.home .tabsOneColumn
{
	padding: 0 20px;
}

.home .tabsColumnLeft,
.home .tabsColumnRight
{
	float: left;
	padding: 0 20px;
	width: 219px;
}

.home .tabsColumnRight
{
	border-left: 1px solid #2382c0;
	width: 218px;
}

.home .tabsBody
{
	background: url(/Images/Defaults/tabBodyBackground.png);
	border-left: 1px solid #0a71b8;
	overflow: hidden;
	padding: 20px 0;
	width: 518px;
}

.home .tabsBody .first
{
	border-top: none;
	padding-top: 0;
}

.home .tabsBody h2
{
	font-weight: normal;
	margin: 0;
	padding: 4px 0 3px;
}

.home .tabsBody p
{
	color: #b2d9ff;
	padding: 0 0 5px 0;
}

.home .tabsBody li
{
	color: #b2d9ff;
}

.tabItem
{
	border-top: 1px solid #1e82c6;
	padding-top: 4px;
	padding-bottom: 2px;
}

/* End Homepage Tabs */


/*-------------------------------------------------------------------------------
	Begin Form
/*------------------------------------------------------------------------------*/

.form
{
	width: 425px;	
}

.formRow
{
	clear: left;
	overflow: hidden;
	padding-bottom: 3px;
	position: relative;
}

.formLabel
{
	display: block;
	float:left;
	text-align: right;
	padding-top: 8px;
	padding-right: 10px;
	width: 175px;	
}

.formInput
{
	height: 16px;
	padding: 2px 4px 3px;
	width: 214px;
}

.formTextarea
{
	overflow: auto;
	padding: 2px 4px 3px;
	width: 216px;
}

.formSelect
{
	font-size: 1.2em;
	padding: 2px 2px 3px;
	width: 226px;
}

.formSelect option 
{
	height: 18px;
}

.formCheckbox
{
	
}

.formButton
{
	border: none;
	float: right;
	margin-top: 10px;
	padding: 3px 7px;
}

/*- Captcha -----------------------------*/

.formCaptcha
{
	padding-left: 185px; 
	padding-top: 20px; 
}

.formCaptchaInner
{
	background-color: #fff; 
	margin-bottom: 20px;
	overflow: hidden;
	padding: 2px;
	width: 218px; 
}

.formCaptchaError 
{
	padding-left: 185px; 
	padding-top:20px;
}

.formCaptchaError p 
{
	color: #ffdddd;
	font-weight: bold;
}

/*- Validation -----------------------------*/

.formValidationSummary
{
	color: #fff !important;
	font-size: 1.2em;
	padding: 10px 0 20px;
}

.formValidationSummary ul
{
	padding-top: 8px;
}

.formValidationSummary li
{
	color: #ffc875;
	font-size: 1.0em;
	font-weight: bold;
}

.formRequiredFieldValidator,
.formValidationText
{
	background: url(/Images/Defaults/asterisk.gif) no-repeat;
	color: transparent !important; 
	height: 8px;
	text-indent: -9999px;
	overflow: hidden;
	margin-left: 4px;
	position: absolute;
	text-transform: capitalize;
	width: 9px;
}

/*- Login Form -----------------------------*/

.login .formInput
{
	margin-bottom: 3px;
}

.login .formRememberMe input
{
	margin-left: 185px;
	margin-right: 4px;
	padding: 2px 0;
}

/* End Form */