/* $1 - Generic Styles /////////////////////////////////////////////////////////////////////////////////// */

* {
	margin:0;
	padding:0;
}

.hidden, hr {
	position: absolute;
	left: -1999px;
}

body {
	background-color: #e8e8e8;
	font-family:Arial, sans-serif;
	padding-bottom:35px;
}

a img {
	border:none;
}

.bold {
	font-weight:bold;
}

/* $2 - Layout Styles /////////////////////////////////////////////////////////////////////////////////// */

div#wrapper {
	background-color:#fff;
	width:950px;
	margin:0 auto;
	border-left:solid 10px #fff;
	border-right:solid 10px #fff;
}

div#search {
	float:left;
	width:240px;
	padding-bottom:20px;
	overflow:hidden;
	height:100%;
}

div#content {
	margin:0 0 0 240px;
	padding:0 0 20px 23px;
}

#content_bookings {
	margin:0 0 35px 0;
	overflow:hidden;
	height:100%;
	padding:0 0 0 0;
}

div#main_content {
	float:left;
	width:460px;
	margin-bottom:20px;
	padding-bottom:20px;
}

div#extra_content {
	width:210px;
	float:right;
}


/* $3 - Header Styles /////////////////////////////////////////////////////////////////////////////////// */

div#header {
    background-color:#2C347D;
    height:103px;
    margin-bottom:3px;
    overflow:hidden;
}

#header_aurigny {
	height: 176px;
	background: url(../siteimages/aurigny_header.jpg) no-repeat;
margin-left:100px;
}


div#header a img {
    float:left;
}

div#header div {
    /*margin-left:320px;*/
    text-align:right;
    overflow:hidden;
    height:100%;
}

div#header ul#top_nav {
    list-style-type:none;
    margin:10px 10px !important;
}

div#header ul#top_nav li {
    display:inline;
	background: url(mysource_files/bg_link_header.gif) no-repeat 0 3px !important;
	padding-left:7px;
    margin-left:3px;
}

div#header ul#top_nav li a {
    color:#fff;
    font-size:13px;
    text-decoration:none;
	font-weight:normal;
}

div#header ul#top_nav li a:hover {
    text-decoration:underline;
}

div#header ul#top_nav li.first {
    background:none !important;
}

div#header form.search {
    margin:10px 0 0 0;
    width:240px;
    float:right;
    overflow:hidden;
}

p.speak_to_a_specialist a {
    display:block;
    float:left;
    width:160px;
    height:25px;
}

p.speak_to_a_specialist a span {
    position: absolute;
	left: -1999px;
}

p.speak_to_a_specialist {
    color:#fff;
    font-size:24px;
    clear:both;
    float:right;
    margin:10px 10px 0 0;
	background:url(mysource_files/link_speak_to_a_specialist.gif) no-repeat;
}

#main_nav {
    list-style-type:none;
    height:23px;
    float:left;
	margin:0 !important;
	padding:0 !important;
}

#main_nav li {
    float:left;
    margin-right:1px !important;
	padding:0 !important;
}

#main_nav li a span {
    position: absolute;
    left: -1999px;
}

#main_nav li a {
    display:block;
    height:23px;
	margin:0 !important;
}

#main_nav li#main_nav_home {
    width:89px;
    background:url(mysource_files/bg_main_nav_home.gif) no-repeat 0 -23px;
}

#main_nav li#main_nav_home a:hover {
    width:89px;
	background:url(mysource_files/bg_main_nav_home.gif) no-repeat 0 0;
}

#main_nav li#main_nav_holidays {
    width:118px;
    background:url(mysource_files/bg_main_nav_holidays.gif) no-repeat 0 -23px;
}

#main_nav li#main_nav_holidays a:hover {
    background:url(mysource_files/bg_main_nav_holidays.gif) no-repeat 0 0;
}

#main_nav li#main_nav_hotels {
    width:87px;
    background:url(mysource_files/bg_main_nav_hotels.gif) no-repeat 0 -23px;
}

#main_nav li#main_nav_hotels a:hover {
    background:url(mysource_files/bg_main_nav_hotels.gif) no-repeat 0 0;
}

#main_nav li#main_nav_special_offers {
    width:136px;
    background:url(mysource_files/bg_main_nav_special_offers.gif) no-repeat 0 -23px;
}

#main_nav li#main_nav_special_offers a:hover {
    background:url(mysource_files/bg_main_nav_special_offers.gif) no-repeat 0 0;
}

#main_nav li#main_nav_holiday_quote {
    width:129px;
    background:url(mysource_files/bg_main_nav_holiday_quote.gif) no-repeat 0 -23px;
}

#main_nav li#main_nav_holiday_quote a:hover {
    background:url(mysource_files/bg_main_nav_holiday_quote.gif) no-repeat 0 0;
}

form.newsletter {
    float:right;
    text-align:right;
    width:335px;
    padding-top:5px;
}

p#breadcrumbs {
    clear:both;
    font-size:11px;
    padding:5px;
    margin-bottom:5px;
}

p#breadcrumbs a {
    color:#00276d;
    font-weight:bold;
    text-decoration:none;
}

p#breadcrumbs a:hover {
    text-decoration:underline;
}

img#main_image {
    display:block;
}

/* $5 - Footer Styles /////////////////////////////////////////////////////////////////////////////////// */

#footer {
    clear:both;
    padding:10px 0;
    border-top:solid 1px #69c;
    font-size:11px;
    overflow:hidden;
    height:100%;
}

#footer ul {
    list-style-type:none;
}

#footer ul#certificates {
    float:left;
    margin-right: 0px;
}

#footer ul#certificates li {
    float:left;
    height:95px;
}

#footer div#award {
    float:right;
}


#footer ul#certificates #abtaatolveri {
    width:223px;
    background:url(../siteimages/abta_atol_veri.jpg) no-repeat;
    margin-right:10px;
float:left;
}


#footer ul#links {
    margin-bottom:10px;

}

#footer ul#links li {
    display:inline;
    background: url(../siteimages/bg_link_footer.gif) no-repeat 100% 3px;
    padding-right:3px;
padding-left: 3px
    
}

#footer ul#links li a {
    color:#00276d;
}

#footer ul#links li.last {
    background:none;
}

#footer div#award {
    float:right;
}

#footer div#award1 {
    float:left;
width: 220px;
clear:both;

}


/* $6 - Form Styles /////////////////////////////////////////////////////////////////////////////////// */

fieldset {
    border:none;
}

legend {
    display:none;
}

select {
    font-size:11px;
    margin-bottom:5px;
}

option {
    font-size:11px;
    margin-bottom:2px;
    padding:0 3px;
}

input {
    font-size:11px;
}

button.b_go {
    width:36px;
    height:18px;
    background:url(mysource_files/b_go.gif) no-repeat;
    border:none;
}

div#header form.search label {
    color:#fff;
    font-size:13px;
    display:block;
    float:left;
    margin-right:5px;
}

div#header form.search input {
    width:135px;
    padding:0 2px;
    height:14px;
    display:block;
    float:left;
    margin-right:5px;
}

div#header form.search button {
    float:left;
}

form.newsletter label {
    font-size:13px;
    display:block;
    float:left;
    margin-right:5px;
}

form.newsletter input {
    width:135px;
    padding:0 2px;
    height:14px;
    display:block;
    float:left;
    margin-right:2px;
}

form.newsletter button {
    float:left;
    margin-right:0;
}

div#search form {
    margin-bottom:10px;
    background: url(mysource_files/bg_search_form.gif) no-repeat bottom #dff4f5;
    padding:4px 10px;
}

div#search form div {
    margin-bottom:10px;
    clear:both;
    overflow:hidden;
    height:100%;
}

div#search form div p {
    float:left;
    width:55px;
    margin-right:15px;
}

div#search form label {
    color:#333;
    font-size:11px;
    font-weight:bold;
}



div#mainContent form {
	/* background-color:#dff1f7; */ 
	margin:0 0 1px 0;
	padding:20px;
}

div.bookinstructions {
	border:none;
	/* background:#dff1f7; */ 
	margin:0 0 1px 0;
	padding:10px;
	overflow:hidden;
}

div#mainContent form div.bookinstructions {
	border:none;
	background:#fff;
	margin:0 0 10px 0;
	padding:10px;
	overflow:hidden;
}

table.borderedtable {
	margin:0 auto 10px auto;
	width:100%;
}

table.borderedtable th {
	background-color:#2E58BB;
	color:#fff;
	padding:5px;
}

table.borderedtable td {
	padding:5px;
}

form#Redirect table {
	margin-bottom:0;
}

table.controls {
	background-color:#fff;
	width:100%;	
}

table.controls td {
	padding:10px;
}

div.errataconfirm {
	padding:10px;
	background-color:#fff;
	margin:0 auto 10px 0;
}

table.borderedtable td.selector {
	background-color:#fff;	
}


/* Inclusive design table */

	table.AccomAvailTable
	{
		border-style: solid;
		border-color: #CDDAFC;
		border-width: 1px;
	}

	table.UnitAvailTable
	{
		border-style: solid;
		border-color: #CDDAFC;
		border-width: 1px;
	}

	td.AccomHeader
	{
		BACKGROUND: url(../siteimages/header_back.jpg);
		font-weight: bold;
		font-size: 1.2em;
		color: #FFFFFF;
		padding-left: 10px;
		
	}

	td.AccomGrade
	{
		BACKGROUND: url(../siteimages/header_back.jpg);
	}

	td.AccomDetails
	{
	}

	td.UnitHeader
	{
		/*background-color: #CDDAFC;*/
		color: #002C9C;
		font-weight: bold;

		border-bottom-style: solid;
		border-bottom-color: #CDDAFC;
		border-bottom-width: 1px;
text-align: center;
	}

	td.UnitName
	{
		text-align: left;
	}

	td.UnitDetails
	{
		text-align: center;
	}

	table.DefaultFlightTable
	{
		border-style: solid;
		border-color: #CDDAFC;
		border-width: 1px;
	}

	td.FlightHeader
	{
		color: #002C9C;
		font-weight: bold;

		border-bottom-style: solid;
		border-bottom-color: #CDDAFC;
		border-bottom-width: 1px;
text-align: center;
	}

	td.FlightDetails
	{
text-align: center;
	}

/* Premier Booking Step Images - Images are now controlled by Div's*/

div#premiersteps1 {

    height:58px;
    width:700px;
    background: url(../siteimages/top_nav_step1.jpg) no-repeat 0 !important;
    margin-left:125px;
}

div#premiersteps2 {

    height:58px;
    width:700px;
    background: url(../siteimages/top_nav_step2.jpg) no-repeat 0 !important;
    margin-left:125px;
}

div#premiersteps3 {

    height:58px;
    width:700px;
    background: url(../siteimages/top_nav_step3.jpg) no-repeat 0 !important;
    margin-left:125px;
}

div#premiersteps4 {

    height:58px;
    width:700px;
    background: url(../siteimages/top_nav_step4.jpg) no-repeat 0 !important;
    margin-left:125px;
}

div#premiersteps5 {

    height:58px;
    width:700px;
    background: url(../siteimages/top_nav_step5.jpg) no-repeat 0 !important;
    margin-left:125px;
}

div#premiersteps6 {

    height:58px;
    width:700px;
    background: url(../siteimages/top_nav_step6.jpg) no-repeat 0 !important;
    margin-left:125px;
}

div#premiersteps7 {

    height:58px;
    width:700px;
    background: url(../siteimages/top_nav_step7.jpg) no-repeat 0 !important;
    margin-left:125px;
}


/* $6 - CSS Buttons /////////////////////////////////////////////////////////////////////////////////// */

.buttonwrapper{ /* Container you can use to surround a CSS button to clear float */
overflow: hidden; 
width: 100%;
}

a.boldbuttons{
background: transparent url('../siteimages/blue_left1.jpg') no-repeat top left;
display: block;
float: left;
font: bold 12px Arial; /* Change 13px as desired */
line-height: 22px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 30px) */
height: 30px; /* Height of button background height */
padding-left: 8px; /* Width of left menu image */
text-decoration: none;
width: 90px;

}

a:link.boldbuttons, a:visited.boldbuttons, a:hover.boldbuttons, a:active.boldbuttons{
color: white; /*button text color*/
}

a.boldbuttons span{
background: transparent url('../siteimages/blue_right1.jpg') no-repeat top right;
display: block;
padding: 4px 10px 4px 2px; /*Set 10px to be equal or greater than'padding-left' value above*/
}

a:hover.boldbuttons{ /* Hover state CSS */
text-decoration: underline;
}


a.boldbuttons2{
background: transparent url('../siteimages/blue_left1.jpg') no-repeat top left;
display: block;
float: left;
font: bold 12px Arial; /* Change 13px as desired */
line-height: 22px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 30px) */
height: 30px; /* Height of button background height */
padding-left: 8px; /* Width of left menu image */
text-decoration: none;
width: 200px;

}

a:link.boldbuttons2, a:visited.boldbuttons2, a:hover.boldbuttons2, a:active.boldbuttons2{
color: white; /*button text color*/
}

a.boldbuttons2 span{
background: transparent url('../siteimages/blue_right1.jpg') no-repeat top right;
display: block;
padding: 4px 10px 4px 2px; /*Set 10px to be equal or greater than'padding-left' value above*/
}

a:hover.boldbuttons2{ /* Hover state CSS */
text-decoration: underline;
}




a.boldbuttonsright{
background: transparent url('../siteimages/blue_left1.jpg') no-repeat top left;
display: block;
float: right;
font: bold 12px Arial; /* Change 13px as desired */
line-height: 22px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 30px) */
height: 30px; /* Height of button background height */
padding-left: 8px; /* Width of left menu image */
text-decoration: none;
width: 90px;

}

a:link.boldbuttonsright, a:visited.boldbuttonsright, a:hover.boldbuttonsright, a:active.boldbuttonsright{
color: white; /*button text color*/
}

a.boldbuttonsright span{
background: transparent url('../siteimages/blue_right1.jpg') no-repeat top right;
display: block;
padding: 4px 10px 4px 2px; /*Set 10px to be equal or greater than'padding-left' value above*/
}

a:hover.boldbuttonsright{ /* Hover state CSS */
text-decoration: underline;
}




a.boldbuttons295{
background: transparent url('../siteimages/blue_left1.jpg') no-repeat top left;
display: block;
font: bold 12px Arial; /* Change 13px as desired */
line-height: 22px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 30px) */
height: 30px; /* Height of button background height */
padding-left: 3px; /* Width of left menu image */
text-decoration: none;
width: 295px;

}

a:link.boldbuttons295, a:visited.boldbuttons295, a:hover.boldbuttons295, a:active.boldbuttons295{
color: white; /*button text color*/
}

a.boldbuttons295 span{
background: transparent url('../siteimages/blue_right1.jpg') no-repeat top right;
display: block;
padding: 4px 10px 4px 2px; /*Set 10px to be equal or greater than'padding-left' value above*/
}

a:hover.boldbuttons295{ /* Hover state CSS */
text-decoration: underline;
}



a.boldbuttonsnextpage{
background: transparent url('../siteimages/red_left1.jpg') no-repeat top left;
display: block;
float: right;
font: bold 12px Arial; /* Change 13px as desired */
line-height: 22px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 30px) */
height: 30px; /* Height of button background height */
padding-left: 3px; /* Width of left menu image */
text-decoration: none;
width: 295px;

}

a:link.boldbuttonsnextpage, a:visited.boldbuttonsnextpage, a:hover.boldbuttonsnextpage, a:active.boldbuttonsnextpage{
color: white; /*button text color*/
}

a.boldbuttonsnextpage span{
background: transparent url('../siteimages/red_right1.jpg') no-repeat top right;
display: block;
padding: 4px 10px 4px 2px; /*Set 10px to be equal or greater than'padding-left' value above*/
}

a:hover.boldbuttonsnextpage{ /* Hover state CSS */
text-decoration: underline;
}


a.boldbuttonsquickbook{
background: transparent url('../siteimages/red_left1.jpg') no-repeat top left;
display: block;
float: right;
font: bold 12px Arial; /* Change 13px as desired */
line-height: 22px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 30px) */
height: 30px; /* Height of button background height */
padding-left: 3px; /* Width of left menu image */
text-decoration: none;
width: 150px;

}

a:link.boldbuttonsquickbook, a:visited.boldbuttonsquickbook, a:hover.boldbuttonsquickbook, a:active.boldbuttonsquickbook{
color: white; /*button text color*/
}

a.boldbuttonsquickbook span{
background: transparent url('../siteimages/red_right1.jpg') no-repeat top right;
display: block;
padding: 4px 10px 4px 2px; /*Set 10px to be equal or greater than'padding-left' value above*/
}

a:hover.boldbuttonsquickbook{ /* Hover state CSS */
text-decoration: underline;
}


a.boldbuttonsbooknow{
background: transparent url('../siteimages/red_left1.jpg') no-repeat top left;
display: block;
font: bold 12px Arial; /* Change 13px as desired */
line-height: 22px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 30px) */
height: 30px; /* Height of button background height */
padding-left: 3px; /* Width of left menu image */
text-decoration: none;
width: 150px;

}

a:link.boldbuttonsbooknow, a:visited.boldbuttonsbooknow, a:hover.boldbuttonsbooknow, a:active.boldbuttonsbooknow{
color: white; /*button text color*/
}

a.boldbuttonsbooknow span{
background: transparent url('../siteimages/red_right1.jpg') no-repeat top right;
display: block;
padding: 4px 10px 4px 2px; /*Set 10px to be equal or greater than'padding-left' value above*/
}

a:hover.boldbuttonsbooknow{ /* Hover state CSS */
text-decoration: underline;
}


a.boldbuttonsflights{
background: transparent url('../siteimages/red_left1.jpg') no-repeat top left;
display: block;
font: bold 12px Arial; /* Change 13px as desired */
line-height: 22px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 30px) */
height: 30px; /* Height of button background height */
padding-left: 3px; /* Width of left menu image */
text-decoration: none;
width: 495px;

}

a:link.boldbuttonsflights, a:visited.boldbuttonsflights, a:hover.boldbuttonsflights, a:active.boldbuttonsflights{
color: white; /*button text color*/
}

a.boldbuttonsflights span{
background: transparent url('../siteimages/red_right1.jpg') no-repeat top right;
display: block;
padding: 4px 10px 4px 2px; /*Set 10px to be equal or greater than'padding-left' value above*/
}

a:hover.boldbuttonsflights{ /* Hover state CSS */
text-decoration: underline;
}


a.boldbuttonsdays{
background: transparent url('../siteimages/red_left1.jpg') no-repeat top left;
display: block;
font: bold 12px Arial; /* Change 13px as desired */
line-height: 22px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 30px) */
height: 30px; /* Height of button background height */
padding-left: 3px; /* Width of left menu image */
text-decoration: none;
width: 20px;

}

a:link.boldbuttonsdays, a:visited.boldbuttonsdays, a:hover.boldbuttonsdays, a:active.boldbuttonsdays{
color: white; /*button text color*/
}

a.boldbuttonsdays span{
background: transparent url('../siteimages/red_right1.jpg') no-repeat top right;
display: block;
padding: 4px 10px 4px 2px; /*Set 10px to be equal or greater than'padding-left' value above*/
}

a:hover.boldbuttonsdays{ /* Hover state CSS */
text-decoration: underline;
}

a.boldbuttons3{
background: transparent url('../siteimages/red_left1.jpg') no-repeat top left;
display: block;
float: left;
font: bold 12px Arial; /* Change 13px as desired */
line-height: 22px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 30px) */
height: 30px; /* Height of button background height */
padding-left: 8px; /* Width of left menu image */
text-decoration: none;
width: 200px;

}

a:link.boldbuttons3, a:visited.boldbuttons3, a:hover.boldbuttons3, a:active.boldbuttons3{
color: white; /*button text color*/
}

a.boldbuttons3 span{
background: transparent url('../siteimages/red_right1.jpg') no-repeat top right;
display: block;
padding: 4px 10px 4px 2px; /*Set 10px to be equal or greater than'padding-left' value above*/
}

a:hover.boldbuttons3{ /* Hover state CSS */
text-decoration: underline;
}