/* All links are at the bottom of the file */

/*
Start of Customised Area
*/

#RightSideNewsletterSignupHeader
{
	background:transparent url('../../images/layout/designa/RightSideNewsletterSignupHeaderBackground.png') top left no-repeat;
}

#RightSideNewsletterSignupMiddle
{
	background-color:#60aaeb;
}
#RightSideNewsletterSignupFooter
{
	background:transparent url('../../images/layout/designa/RightSideNewsletterSignupFooterBackground.png') top left no-repeat;
}

.StandardBoxTypeAHeader
{
	background:transparent url('../../images/layout/designa/StandardBoxTypeAHeaderBackground.png') top left no-repeat;
}

.StandardBoxTypeAMiddle
{
	background:transparent url('../../images/layout/designa/StandardBoxTypeAMiddleBackground.png') repeat-y;
}

.StandardBoxTypeAFooter
{
	background:transparent url('../../images/layout/designa/StandardBoxTypeAFooterBackground.png')  top left no-repeat;
}

.StandardBoxTypeA
{
	background:transparent url('../../images/layout/designa/StandardBoxTypeABackground.png')  top left no-repeat;
}

.StandardBoxTypeB
{
	background:transparent url('../../images/layout/designa/StandardBoxTypeBBackground.png')  top left no-repeat;
}

.StandardBoxTypeVid
{
	background:transparent url('../../images/layout/designa/StandardBoxTypeBBackground.png')  top left no-repeat;
	background-size: 100% 100%;
	
}

/*
End of Customised Area
*/


Body 
{
/* The background color needs to be specified in the footer as well for IE7,8, and FF 3.5 correct color */
/*
	background:#282727 url('http://europacolon.com/images/layout/designa/BodyBackground.png') no-repeat center top; 
*/
	background-color:#e5e5e5;
	color:#5e5d5d;
}

#Overall-Wrapper
{
/*
	background:transparent url('http://europacolon.com/images/layout/designa/OverallWrapper.png') bottom center no-repeat;
*/
}


#OverallContent
{
/*

*/
	background:transparent url('../../images/layout/designa/OverallBackground.png') top left no-repeat;
}


#Content
{
/*
    background:transparent url('http://europacolon.com/images/layout/designa/ContentBackground.png') top left repeat-y;	
    background:black url('http://europacolon.com/images/layout/designa/ContentBackground.png') top left repeat-y;
*/
	background-color:white;
}

#BrowserVersionWarning
{
	background-color:#660000;
	color:yellow;
}
#BrowserVersionWarning a
{
	color:white;
}

#ErrorAlertOuter
{
	background-color:transparent;
}

#ErrorAlert
{
	color:red;
	background-color:white;
}

.SiteColor1 
{
	/* This is the light blue for the main titles */
	color:#1b60aa;
}

.SiteColor2
{
	color:red;
}

.SiteColor3 
{
	color:red;
}

.SiteColor3 
{
	color:red;
}

.SiteColor4 
{
	color:red;
}

.SiteColor4 
{
	color:red;
}

.SiteBackgroundColor1 
{
	background-color:red;
}

.SiteBackgroundColor2 
{
	background-color:red;
}

.SiteBackgroundColor3 
{
	background-color:#eeeeee;
}

.SiteBackgroundColor4 
{
	background-color:red;
}

.SiteBackgroundColor5 
{
	background-color:#288B3D;
}

div#google_translate_element
{
	background:url('../../images/layout/designa/GoogleTranslateBackground.png') top left no-repeat;
}

#GoogleSearchForm input[type="text"]
{
	/* background-color is set with QuickContactForm input[type="text"] */
	color:black;
}

 .QuickContactForm input , #GoogleSearchForm input, .TellAFriendForm input, .TellAFriendForm textarea, .WhereWeAreForm input, .RequestAQuoteForm textarea, .RequestAQuoteForm input
{
	background-color:#d2df97;
/*	This needs to be set in formvalidate.js to ensure the colour does not change when you enter a correct value*/
}

.QuickContactForm input[type="submit"]
{
	border-color:#666666;
	background-color:transparent;
	color:#111111;
}




/* ------------------------------------------ Ecommerce --------------------------------------------*/


#Ecart
{
	border-color:#ccc;
	background-color:transparent;
	color:black;
}

#Ecart table, #Ecart td, #Ecart tr
{
	border-color:grey;
}

#Ecart th
{
	color: black;
	background-color: #a3bf2a;
}

#Ecart td, #Ecart p
{
	color: white;
}

#Ecart a
{
	color: #a3bf2a;
}

#Ecart .Remove
{
	color: red;
}

#Ecart h2, #Ecart h3
{
	color: #a3bf2a;
}

.DeliveryForm label
{
	color: white;
}

.DeliveryForm input, .DeliveryForm select, .DeliveryForm textarea
{
	background-color:#d2df97;
}

.ProductForm input[type="submit"]
{
	color:#74a418;
}

/* Social Media CSS */

.tweet-status
{
/*	color:white; */
}

.tweet
{
	color:white;
}
.tweet-details
{
	color:#999999;
}


.RegisterTable
{
	/*background-color:#282727;*/
}

.RegisterTable th
{
	/*border-color:#999999;*/
}

.RegisterTable td
{
	/*border-color:#999999;*/
}

.RegisterForm 
{
	/*border-color:#0066FF;*/
}

.RegisterForm input
{
	/*border-color:#0066FF;*/
	background-color:#d2df97;
}

.RegisterForm select
{
	background-color:#d2df97;
}

.RegisterForm input[type="submit"]
{
	/*border-color:#0066FF;*/
}

.RegisterForm input[type="radio"]
{
	/*border-color:red;*/
}

.RegisterForm input[type="text"]
{
	/*border-color:green;*/
}

.RegisterForm input[type="password"]
{
	/*border-color:green;*/
}

.RegisterForm fieldset
{
	/*border-color:#ffffff;*/
}

.RegisterForm legend
{
}

.RegisterForm select
{
	/*border-color:green;*/
}

.RegisterForm select option
{
	/*border-color:green;*/
}

.RegisterForm textarea
{
	/*border-color:green;*/
}

.NewRegister input, .NewRegister select
{
	background-color:#d2df97;
}

.NewRegister fieldset
{
	border-color: #666464;
}

.crumbletext
{
	color:white;
}

.rsstitle 
{ /*shared class for all title elements in an RSS feed*/
	color:#a3bf2a;
	text-decoration: none;
}
.rsstitle
{ /*shared class for all title elements in an RSS feed*/
	color: #ffffff;
	text-decoration: underline;
}

.BBC
{
/*	color:#cccccc; */
}

.Productconfirmorder
{
	background-color:#444444;
}

.ProductSearchForm input 
{
	color:black;
}

/* ************************** property ****************************** */
.PropertyLetBackground
{
	background: green url('http://europacolon.com/images/layout/propertylet.png') repeat;
}

.PropertySoldBackground
{
	background: red url('http://europacolon.com/images/layout/propertysold.png') repeat;
}

.PropertyUnderOfferBackground
{
	background: blue url('http://europacolon.com/images/layout/propertyunderoffer.png') repeat;
}

.PropertyAvailableBackground
{
	background: yellow url('http://europacolon.com/images/layout/propertyavailable.png') repeat;
}

.PropertyDefaultBackground
{
	background-color: white;;
}

/* ************************** Form Elements ****************************** */

.StandardForm
{
	border-width:0;
}

.FormElement label
{
	color: white;
}

.FormElement .RequiredLabel
{
	color: red;
}

.FormElement input[type="password"]
{
	border-color:lightgrey;
}

.FormElement input[type="text"]
{
	border-color:lightgrey;
}

.FormElement select
{
	border-color:lightgrey;
}

.FormElement textarea
{
	border-color:lightgrey;
}

.FormElement .HelpTextVisible
{
	border-color:lightgrey;
}

.FormElement .HelpTextVisible p
{
	color: lightgrey;
}

/* ************************** Events ****************************** */

.EventCalendar
{

}

.EventCalendar h1
{
	color: #004e00;
	background-color: #a3bf2a;
}

.EventList
{

}

.EventSummary
{
	border-color: #a3bf2a;
}

.EventSummary:hover
{
	background-color: #a3bf2a;
	cursor: pointer;
}

.EventSummaryFull:hover
{
	background-color: transparent;
	cursor: auto;
}

.EventSummary h1
{
	color: black;
	background-color: #a3bf2a;
}

.EventSummary h2
{
	
}

.EventSummary h3
{
	color: black;
	background-color: #a3bf2a;
}

.CalendarPlanner h1
{
	color: #1C5DB2;
}

.CalendarPlannerDay
{
	border-color: #1C5DB2;
	color: #1C5DB2;
}

.CalendarPlannerDay:hover
{
	background-color: #60AAEB;
	color: white;
	cursor: pointer;
}

.CalendarPlannerDayHeader
{
	background-color: transparent;
	border-color: transparent;
	/*color: #60AAEB;*/
}

.CalendarPlannerDayHeaderCount
{
	border-color: #004e00;
}

.CalendarPlannerDayWithEvents
{
	background-color: #1C5DB2;
	color: white;
}

#CalendarPlannerEventList
{

}

.RequestAQuoteForm legend
{
	color:white;
}

.RequestAQuoteForm input[type="radio"]
{
	background-color:transparent; /* Needed for ie7 */
}

.RequestAQuoteForm input[type="text"]
{
	border-color: #cccccc;
}

.RequestAQuoteForm input[type="text"].Captcha 
{
	color:red;
}

.RequestAQuoteForm textarea
{
	border-color:#cccccc;
}

.RequestAQuoteForm input[type="submit"]
{
	background-color:#ddd;
	color:#004e00;
}

.WhereWeAreForm input[type="submit"]
{
	background-color:#ddd;
	color:#004e00;
}


/* ************************** Footer ****************************** */

#FooterBar
{
/*
	background:transparent url('http://europacolon.com/images/layout/designa/FooterBarBackground.png') bottom left no-repeat;
*/
	background-color:#1b60aa;
	color:white;

}
#Footer 
{
	/* The background color needs to be specified in the footer as well for IE7,8, and FF 3.5 correct color */
	background-color:white;
}

/************************ Links *****************************/

.EnhancedmailLink a[href^="mailto"]:hover:after
{
	content: " > " attr(title); 
}



/* The link in the next line will be all default links but especially the CMS system link*/
a,a:link,a:visited,a:link.navlink,a:visited.navlink
{
	color:#8bc53e;
	text-decoration: none;
	font-weight: bold;
}

a:hover,a:hover.navlink
{
	text-decoration: underline;
}

a:link.gallerylink,a:visited.gallerylink
{
	color:#8bc53e;
	text-decoration: none;
}

a:hover.gallerylink
{
	text-decoration: underline;
}

a:link.MenuImageSwapper,a:visited.MenuImageSwapper
{
	float:left;
	text-decoration: none;
}

a:hover.MenuImageSwapper
{
	text-decoration: none;
}

a.footer,a:link.footer,a:visited.footer
{
	color:#a3bf2a;
	text-decoration: none;
}

a:hover.footer
{
	text-decoration: underline;
}

a.footerbar,a:link.footerbar,a:visited.footerbar
{
	color:#000000;
	text-decoration: none;
}

a:hover.footerbar
{
	text-decoration: underline;
}

a:link.crumblelink,a:visited.crumblelink
{
	color:#ffffff;
	text-decoration: none;
}

a:hover.crumblelink
{
	text-decoration: underline;
}

a:link.HeaderMiniMenuLink,a:visited.HeaderMiniMenuLink, a:link.AdminMiniMenuLink,a:visited.AdminMiniMenuLink, a:link.AccessibilityMenuLink,a:visited.AccessibilityMenuLink, a:link.LanguageBarLink,a:visited.LanguageBarLink
{
	color:white;
}

a:hover.HeaderMiniMenuLink, a:hover.AdminMiniMenuLink, a:hover.AccessibilityMenuLink
{
	text-decoration: underline;
}

a:link.EcartLink,a:visited.EcartLink
{
	color:#ffffff;
	background-color:#0033ff;
}

#AccessibilityMenu .PopoutLabel
{
	color:white;
}

a[href^="mailto:"], a[href^="mailto:"]:link, a[href^="mailto:"]:visited
{
	text-decoration: none;
/* 	color:blue; color does not work in this selector*/
}

a[href^="mailto:"]:hover 
{
	text-decoration: underline;
}

a[href^="mailto:"]:hover:after
{
/*	content: " > email " attr(title);  */
}

.DataListMenu a:link {background-color:white;}
.DataListMenu a:visited {background-color:white;}
.DataListMenu a:hover {background-color:#0000ff;color:white;}
.DataListMenu a:active {background-color:white;}

.PagingBar a:link {color: green;}
.PagingBar a:visited {color: green;}
.PagingBar a:hover {color:white;}
.PagingBar a:active {color: green;}