@import url(typography.css);
@import url(utility.css);
@import url(../js/yui/calendar/assets/skins/sam/calendar.css);
@import url(confirm.css);
@import url(menus.css);
@import url(featured.css);
@import url(rotatingspecialoffers.css);
@import url(contact.css);
@import url(search.css);
@import url(property.css);
@import url(availability.css);
@import url(favourites.css);
@import url(booking.css);
@import url(locationmap.css);
@import url(whatson.css);
@import url(bestbeaches.css);

body {
	background-color: White;
	color: #666666;
	font-family: Arial;
	font-size: 12px;
}
/*
form { margin: 0; }

h1 {
	color: #636466;
	font-family: TrajanPro, Palatino, Bookman, "New Century Schoolbook", "Times New Roman", Times, serif;
}

h2 {
	color: #0651A0;
	font-family: TrajanPro, Palatino, Bookman, "New Century Schoolbook", "Times New Roman", Times, serif;
	font-variant: small-caps;
	font-weight: bold;
}

* html h2 { font-weight: normal; } /* IE fix */
/*
h3 {
	color: #EF3E33;
	font-family: "Trebuchet MS", Arial, sans-serif;
}
*/
a { color: #EF3E33; }

a:hover { text-decoration: none; }


/* Site layout */
#top { background-color: White; }

#headercontainer {
	background: url(../images/container-bg.gif) repeat-y;
	margin: 0 auto;
	width: 1000px;
}

#header {
	background: no-repeat 140px top;
	margin-bottom: 2px;
	padding: 10px 0 10px 0;
}

#telephone {
	/*background: url(../images/telephone-bg.gif) no-repeat center top;*/
	color: White;
	font-family: TrajanPro, Palatino, Bookman, "New Century Schoolbook", "Times New Roman", Times, serif;
	font-size: 1.7em;
	/*padding-top: 40px;*/
	text-align: center;
	width: 140px;
}

#telephone p { margin: 10px 0; }

#abtaLogo { margin-bottom: 10px; }

#logo {
	float: right;
	margin-top: 30px;
}

#main { background: #F1F1F2 url(../images/bg.gif) repeat-x; }

#bodycontainer {
	background: url(../images/container-bg.gif) repeat-y;
	margin: 0 auto;
	width: 1000px;
}

#left, #content { float: right; }

#left {
	color: White;
	margin-bottom: 100px;
	padding: 4px;
	text-align: center;
	width: 132px;
}

#left h3 {
	color: White;
	font-family: TrajanPro, Palatino, Bookman, "New Century Schoolbook", "Times New Roman", Times, serif;
	font-size: 1.7em;
	margin-bottom: 5px;
}

#quicksearch { margin-bottom: 5px; }

#quicksearch h4 {
	background: transparent url(../images/quicksearch-bg-top.gif) no-repeat;
	height:	24px;
	margin: 0;
	text-indent: -1000em;
}

#quicksearch input { float: left; }

#quicksearch form {
	background: transparent url(../images/quicksearch-bg-btm.gif) no-repeat left bottom;
	padding: 0 6px 6px 6px;
}

#quicksearch input[type=text] {
	border: solid 1px #036bb4;
	height: 15px;
	width: 92px;
}

#quicksearch input[type=image] { cursor: pointer; }

#myholidaymenu { margin-bottom: 0; }

#logos {
	list-style: none;
	margin: 0;
	padding: 0;
}

#logos li { margin-bottom: 10px; }

#content {
	padding: 20px;
	padding-right: 0;
	width: 840px;
}

#breadcrumbs {
	color: #666;
	font-size: 0.9em;
}


/* Homepage styling */
#news, #promise {
	background: transparent url(../images/news-bg.png) no-repeat;
	color: white;
	height: 37px;
	overflow: hidden;
	padding-right: 50px;
	width: 800px;
}

#promise { background-image: url(../images/promise-bg.png); }

#newstitle, #promisetitle { margin: 5px 0 0 360px; }

#newsitems, #promiseitems {
	list-style-type: none;
	margin: 5px 40px 10px 360px;
	padding: 0;
}

#newsitems li, #promiseitems li {
	float: left;
	margin-right: 20px;
	width: 800px;
}

#promisetitle, #promiseitems { margin-left: 300px; }

.homepage-welcome {
	float: left;
	width: 580px;
}

#welcome ul {
	color: #666;
	font-size: 1.1em;
	font-weight: bold;
	list-style: none;
	margin: 0;
	margin-bottom: 10px;
	padding: 0;
}

#welcome li {
	background: url(../images/icon-tick.png) no-repeat 4px;
	margin-bottom: 6px;
	padding-left: 34px;
}

#featuredcontainer {
	background: url(../images/featured-bg.gif) no-repeat left bottom;
	float: right;
	height: 225px;
	margin: 0 0 5px 0;
}

#featuredcontainer img { height: 173px; }

#specialofferbanner {
	float: right;
	height: 260px;
	margin-top: 10px;
	text-decoration: none;
	width: 240px;
}

#sitefeatures ul {
	float: left;
	list-style: none;
	margin: 0;
	padding: 0;
	width: 410px;
}

#sitefeatures ul.leftcol { margin-right: 20px; }

#sitefeatures li {
	background-color: #E6E6E6;
	border: solid 4px White;
	margin: 0;
	margin-bottom: 10px;
	padding: 10px;
}

#sitefeatures li .image {
	border: solid 3px White;
	float: right;
	margin: 0;
	margin-left: 8px;
}

#sitefeatures li form, #sitefeatures li table, #sitefeatures li p { margin-bottom: 0; }

#sitefeatures li.min-height { min-height: 170px; }


/* YUI popup calendar */
#popupCalContainer { display: none; }


/* Tables */
.table th {
	background-color: #939598;
	color: White;
	font-family: "Trebuchet MS", Arial, sans-serif;
	font-size: 1.2em;
	font-weight: bold;
	padding: 3px;
}


/* Textboxes and buttons */
.textbox, .dropdown {
	background: White url(../images/textbox-bg.gif) repeat-x;
	border: solid 1px #939598;
	border-bottom-color: #DCDCDC;
	border-right-color: #DCDCDC;
	font-family: Verdana, sans-serif;
	padding: 2px;
}

.textbox { padding: 3px; }

a.button  {
	background-color: #004FA3;
	border: solid 2px #82A9D2;
	border-bottom-color: #002264;
	border-right-color: #002264;
	color: White;
	cursor: pointer;
	font-weight: bold;
	text-decoration: none;
}


/* Messages when things are actioned */
.message {
	background-color: White;
	border: solid 1px #DCDCDC;
	margin: 40px auto;
	padding: 15px;
	text-align: center;
	width: 500px;
}


/* Area colours */
/* Headings */
.area1heading, .area2heading, .area3heading, .area4heading, .area5heading, .area6heading, 
.area7heading, .area8heading, .area9heading, .area10heading, .area11heading, .area12heading, 
.area14heading{
	padding: 2px 10px 4px 10px;
}
.area1heading, .area2heading, .area3heading, .area4heading, .area5heading, .area6heading, 
.area7heading, .area8heading, .area9heading, .area10heading, .area11heading, .area12heading, 
.area14heading, h1.area1heading, h1.area2heading, h1.area3heading, h1.area4heading, h1.area5heading, h1.area6heading, 
h1.area7heading, h1.area8heading, h1.area9heading, h1.area10heading, h1.area11heading, h1.area12heading, 
h1.area14heading , .area1heading h1, .area2heading h1, .area3heading h1, .area4heading h1, .area5heading h1, .area6heading h1, 
.area7heading h1, .area8heading h1, .area9heading h1, .area10heading h1, .area11heading h1, .area12heading h1, 
.area14heading  h1{
	color: White;
	font-variant: small-caps;	
	margin-bottom:5px;
	font-family:Verdana,sans-serif;
}

.area1heading h1, .area2heading h1, .area3heading h1, .area4heading h1, .area5heading h1, .area6heading h1, 
.area7heading h1, .area8heading h1, .area9heading h1, .area10heading h1, .area11heading h1, .area12heading h1, 
.area14heading  h1{
	color: White;
	font-variant: small-caps;
	margin:0;
	font-size:1.4em;
	font-weight:bold;
	line-height:1.6em;
}

.area1heading p, .area2heading p, .area3heading p, .area4heading p, .area5heading p, .area6heading p, 
.area7heading p, .area8heading p, .area9heading p, .area10heading p, .area11heading p, .area12heading p, 
.area14heading  p{
	color: White;
	margin:0;
	padding:0;
	font-weight:bold;
	font-size:1.4em;
}

.area1heading a, .area2heading a, .area3heading a, .area4heading a, .area5heading a, .area6heading a, 
.area7heading a, .area8heading a, .area9heading a, .area10heading a, .area11heading a, .area12heading a, 
.area14heading a { color: White; }

/* Sub headings */
.area1subheading, .area1text { color: #FECB7D; } /* Cap Sizun */
.area2subheading, .area2text { color: #7FA0D3; } /* Crozon Peninsula */
.area3subheading, .area3text { color: #7AC25B; } /* Pays Bigouden */
.area4subheading, .area4text { color: #04B9E4; } /* Pays Benodet */
.area5subheading, .area5text { color: #725DA8; } /* Pays Gauguin */
.area6subheading, .area6text { color: #EF3B28; } /* Pays de L'Orient */
.area7subheading, .area7text { color: #C9C759; } /* Cote du Morbihan */
.area8subheading, .area8text { color: #62C4B4; } /* Cote d'Emeraude */
.area9subheading, .area9text { color: #EDD00A; } /* Cote des Legendes */
.area10subheading, .area10text { color: #004FA3; } /* Vallee du Blavet */
.area11subheading, .area11text { color: #806F59; } /* Cote de Granit Rose */
.area12subheading, .area12text { color: #F69679; } /* Cote d'Amour */
.area14subheading, .area14text { color: #C65CA4; } /* Cote de Penthievre */

/* Heading background and background colours */
.area1heading, .area1bg { background-color: #FECB7D; } /* Cap Sizun */
.area2heading, .area2bg { background-color: #7FA0D3; } /* Crozon Peninsula */
.area3heading, .area3bg { background-color: #7AC25B; } /* Pays Bigouden */
.area4heading, .area4bg { background-color: #04B9E4; } /* Pays Benodet */
.area5heading, .area5bg { background-color: #725DA8; } /* Pays Gauguin */
.area6heading, .area6bg { background-color: #EF3B28; } /* Pays de L'Orient */
.area7heading, .area7bg { background-color: #C9C759; } /* Cote du Morbihan */
.area8heading, .area8bg { background-color: #62C4B4; } /* Cote d'Emeraude */
.area9heading, .area9bg { background-color: #EDD00A; } /* Cote des Legendes */
.area10heading, .area10bg { background-color: #004FA3; } /* Vallee du Blavet */
.area11heading, .area11bg { background-color: #806F59; } /* Cote de Granit Rose */
.area12heading, .area12bg { background-color: #F69679; } /* Cote d'Amour */
.area14heading, .area14bg { background-color: #C65CA4; } /* Cote de Penthievre */

.area5bg, .area5bg a, 
.area6bg, .area6bg a, 
.area10bg, .area10bg a, 
.area11bg, .area11bg a, 
.area14bg, .area14bg a { color: White; }

/* Lighter background colours */
.area1lightbg { background-color: #FFE3B9; } /* Cap Sizun */
.area2lightbg { background-color: #BAD2ED; } /* Crozon Peninsula */
.area3lightbg { background-color: #BCDDA8; } /* Pays Bigouden */
.area4lightbg { background-color: #9FD6EF; } /* Pays Benodet */
.area5lightbg { background-color: #ACA0CE; } /* Pays Gauguin */
.area6lightbg { background-color: #F79E7F; } /* Pays de L'Orient */
.area7lightbg { background-color: #E1DFA7; } /* Cote du Morbihan */
.area8lightbg { background-color: #B2DFD6; } /* Cote d'Emeraude */
.area9lightbg { background-color: #FFF8A2; background-color: #FAEA7A; } /* Cote des Legendes */
.area10lightbg { background-color: #8391C8; } /* Vallee du Blavet */
.area11lightbg { background-color: #BDB0A0; } /* Cote de Granit Rose */
.area12lightbg { background-color: #FBC8B4; } /* Cote d'Amour */
.area14lightbg { background-color: #DEBDD8; } /* Cote de Penthievre */

.area14lightbg a { color: #EF3E33; }

.areamap {
	background-color: White;
	border: solid 1px #CCC;
	display: inline;
	float: right;
	margin: 0 0 20px 20px;
	padding: 10px;
	padding-top: 5px;
}

#areamap {
	height: 400px;
	margin-bottom: 5px;
	width: 400px;
}

#arealinks {
	clear: both;
	text-align: center;
}

#arealinks a {
	margin: 5px auto;
	width: 400px;
}

/***** 10 things to do panels *****/
.areapanel  { padding: 8px; }

.areapanel ol { font-size: 0.9em; }

.areapanel ul.links {
	list-style: none;
	margin: 0;
	padding: 0;
	width: 500px;
}

.areapanel ul.links li {
	font-weight: bold;
	margin-top: 4px;
	padding: 2px 4px;
}
/****************************/

.image, .image-left, .image-right, .image-styled, .image-styled-left, .image-styled-right { margin: 0 10px 8px 10px; }

.image-styled, .image-styled-left, .image-styled-right {
	background-color: #F8F8F8;
	border: solid 1px #E8E8E8;
	padding: 4px;
}

.image-left, .image-styled-left {
	float: left;
	margin-left: 0;
}

.image-right, .image-styled-right {
	float: right;
	margin-right: 0;
}

#google-translate select { font-size: 0.8em; }

/* Buttons */
a.button, a.button span, a.redbutton, a.redbutton span {
	background-repeat: no-repeat;
	border: none;
	display: block;
	line-height: 1.8em;
}

a.button, a.redbutton {
	background-color: transparent;
	background-position: top right;
	color: white;
	font-weight: normal;
	text-align: center;
	text-decoration: none;
}
a.button { background-image: url(../images/bluebutton-rgt.gif); }
a.redbutton { background-image: url(../images/redbutton-rgt.gif); }

a.button span, a.redbutton span {
	margin: 0;
	padding: 0;
	padding-right: 10px;
	width: 100%;
}
a.button span { background-image: url(../images/bluebutton-lft.gif); }
a.redbutton span { background-image: url(../images/redbutton-lft.gif); }

.leftmenu a.redbutton span { width: auto; }

a.button:hover, a.redbutton:hover {
	cursor: pointer;
	text-decoration: none;
}
a.button:hover { background-image: url(../images/redbutton-rgt.gif); }
a.redbutton:hover { background-image: url(../images/bluebutton-rgt.gif); }

a.button:hover span { background-image: url(../images/redbutton-lft.gif); }
a.redbutton:hover span { background-image: url(../images/bluebutton-lft.gif); }

/* For page searchbytown.html */
#locationlinks div > ul { margin: 0 0 20px 0; }

#locationlinks div > ul > li {
	display: inline;
	float: left;
	list-style: none;
	margin-right: 20px;
	width: 30%;
}

#locationlinks h4 {
	font-size: 1em;
}

/* Ferry/Eurotunnel Booking pages */
#booking-portal {
	background-color: white;
	border: solid 1px #ccc;
	margin: 50px auto;
	padding: 20px;
	width: 500px;
}

#booking-portal iframe {
	height: 150px;
	margin: 20px;
	width: 460px;
}

/* System Messages */
.okMessage, .alertMessage, .errorMessage {
    background: #FFFBCC url(../images/icon-alert.png) no-repeat 10px 10px;
	border: solid 2px #FBE05F;
	border-width: 2px 0;
	font-weight: bold;
	margin-bottom: 10px;
	padding: 10px;
	padding-left: 40px;
}

.okMessage {
    background-color: #75B86E;
    background-image: url(../images/icon-tick.png);
    border-color: #3D8136;
    color: White;
}

.errorMessage {
    background-color: #FD787B;
    background-image: url(../images/icon-cross.png);
	border-color: #EE3C3E;
	color: White;
}

.invisible { visibility: hidden; }

#sitefeatures2 ul {
	float: left;
	list-style: none;
	margin: 0;
	padding: 0;
	width: 410px;
}

#sitefeatures2 ul.leftcol { margin-right: 20px; }

#sitefeatures2 li {
	background: transparent url(../images/home/sitefeature-bg.gif) no-repeat left bottom;
	margin: 0;
	margin-bottom: 10px;
}

#sitefeatures2 li h2 {
	background: transparent url(../images/home/sitefeatures-headings.gif) no-repeat;
	height: 40px;
	margin: 0;
	text-indent: -1000em;
}

#sitefeatures2 li div.inner { padding: 7px 14px 11px 11px; }

#sitefeatures2 li div .image {
	border: solid 3px White;
	float: left;
	margin: 0;
	margin-right: 10px;
}

#sitefeatures2 li div form, #sitefeatures2 li div table, #sitefeatures2 li div p { margin: 0; }

li#tweetOffers h2 { background-position: -410px 0; }

li#sitefeaturePOTW { background-image: url(../images/home/potw-bg.gif); }

li#sitefeaturePOTW div.header {
	background: transparent url(../images/home/sitefeatures-headings.gif) no-repeat;
	height: 36px;
	padding: 4px 4px 0 4px;
}
li#sitefeaturePOTW div.header h2 {
	background-image: none;
	height: auto;
}
li#sitefeaturePOTW div.header a {
	color: #fff;
	margin: 4px 10px 0 0;
}
li#sitefeaturePOTW div.inner { padding-top: 4px; }

li#sitefeatureAvailability h2 { background-position: 0 -40px; }
li#sitefeatureAvailability a { color: #228d01; }
li#sitefeatureLocationMap h2 { background-position: -410px -40px; }
li#sitefeatureLocationMap a { color: #ed1d22; }

li#sitefeaturePremiereCollection h2 { background-position: 0 -80px; }
li#sitefeaturePremiereCollection a { color: #495abc; }
li#sitefeatureValueCollection h2 { background-position: -410px -80px; }
li#sitefeatureValueCollection a { color: #f48d0d; }

li#sitefeatureWeather h2 { background-position: 0 -120px; }
li#sitefeatureWeather a { color: #167b7f; }
li#sitefeatureBestBeaches h2 { background-position: -410px -120px; }
li#sitefeatureBestBeaches a { color: #1766e6; }

li#sitefeature10ThingsToDo h2 { background-position: 0 -160px; }
li#sitefeature10ThingsToDo a { color: #97349d; }
li#sitefeatureOnlineBrochure h2 { background-position: -410px -160px; }
li#sitefeatureOnlineBrochure a { color: #c10024; }

li#sitefeatureNewsletterSignup h2 { background-position: 0 -200px; }
li#sitefeatureNewsletterSignup a { color: #c10024; }

/* Tweet Offers */
li#tweetOffers { background: transparent url(../images/home/sitefeature-tweetoffers-bg-btm.gif) no-repeat -410px 100%; }

li#tweetOffers div.inner { padding: 0; }

li#tweetOffers div p {
	margin: 0 25px 15px 15px;
	text-align: right;
}

li#tweetOffers p a.follow:link, li#tweetOffers p a.follow:visited {
	background: transparent url(../images/home/sitefeature-tweetoffers-followbutton-bg.gif) no-repeat left top;
	display: block;
	height: 22px;
	margin: 0 0 0 auto;
	text-align: left;
	text-indent: -1000em;
	width: 270px;
}

li#tweetOffers p a.follow:hover { background-position: -270px 0; }

li#tweetOffers p a.follow:active { background-position: -540px 0; }

#mtaTwitter {
	background: transparent url(../images/home/sitefeature-tweetoffers-bg-btm.gif) no-repeat;
	height: 100px;
	overflow: hidden;
	padding: 3px 25px 10px 15px;
}

/*#mtaTwitter a {
	display: block;
	float: right;
	height: 48px;
    width: 48px;
}*/

#mtaTwitter a img {
	height: 48px;
    width: 48px;
    border: 2px solid #fff;
}

#mtaTwitter ul {
	float: right;
	height: 100px;
    list-style: none;
    margin: 0;
	overflow: hidden;
	position: relative;
	width: auto;
	width: 300px;
}

#mtaTwitter ul:before {
    content: url(../images/home/sitefeature-tweetoffers-latesttweet-bg.png);
	display: block;
    height: 21px;
    left: -11px;
    margin: 0;
    position: absolute;
    top: 15px;
    width: 11px;
}

#mtaTwitter ul li {
	background: #41a5ec url(../images/home/sitefeature-tweetoffers-tweet-bg.gif) repeat-x;
	color: #fff;
	font-size: 8pt;
	line-height: 1.3em;
	margin: 0 0 3px 0;
	padding: 4px 10px;
}

#mtaTwitter ul li a { color: #1158a9; }

#mtaTwitter ul li.first {
	background-color: #fff;
	background-image: none;
	color: #333;
}

#mtaTwitter ul li.even {}

#mtaTwitter ul li.first span {
	font-size: 9pt;
	font-weight: bold;
}

#mtaTwitter ul li.first a { color: #ef1e23; }

#mtaTwitter ul li span { font-style: normal; }