/*  Title: Swords Travel CSS File
	Author: Kevin Cannon			*/
	
/* >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> LAYOUT CSS */

/* ...................................................................... Body/HTML */


body {
	text-align: center;
}

#header, #content, #holidaySearch, #navigation #footer {
	text-align: left;
	margin: auto;
}

/* ...................................................................... Header */

#header {
	margin: 0 auto;
	padding: 0;
	width: 749px;

}

/* ...................................................................... Navigation */
/* ...................................................................... Content */
/* ...................................................................... Footer */

/* >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> GENERAL FORMATTING */

/* ...................................................................... Body/HTML */

body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 66%;
	margin: 0;
	padding: 0;
	color: #666666;
}

/* ...................................................................... Header */

#header {
	background: url(images/interface/header.jpg) no-repeat center top;
	height: 100px;
}

#header h1 {
	display: none;
}

/* ...................................................................... Navigation */

#navigation {
	margin: 0 auto;
	margin-bottom: 12px;
	padding: 0;
}

#navigation td {
	margin: 0;
	padding: 5px 0px;
	background: #FFCC00;
	font-size: 0.95em;
	text-align: center;
}

#navigation a {
	font-weight: bold;
	width: auto;
	color: #006699;
	text-decoration: none;
}

#navigation td.selected {
	color: white;
	background: #006699;
}

#navigation td.selected a {
	color: white;
}

/* ........................................ Destination Nav */

#holiday-nav {
	width: 188px;
	font-family: Arial, Helvetica, Geneva, sans-serif;
	font-weight: bold;
	letter-spacing: 0.6px;
	border: 1px none black;
	overflow: hidden;
}

/* Heading */

#holiday-nav h2 {
	background-color: #006699;
	color: white;
	
	font-size: 1em;
	font-family: Verdana, Arial, Helvetica, Geneva, sans-serif;
	text-transform: uppercase;
	
	margin: 0;
	padding: 2px;
	padding-left: 0.5em;

}

/* lists */
#holiday-nav ul {
	list-style: none;
	margin: 0;
	padding: 0;
	border: 0;
}

#holiday-nav ul li a {
	text-decoration: none;
	background-color: #FFCC00;
	color: #4F8592 !important;
	width: 100%;
	padding: 3px;
	display: block;
	border-bottom: 1px solid white;
	padding-left: 0.5em;
}

#holiday-nav ul li a.open {
	background-color: #006699;
	color: white;
}

/* sub sections */

#holiday-nav ul li ul li a {
	background-color: #75ACC8;
	color: white;
	padding-left: 2em;
}

#holiday-nav ul li a.currentLink {
	background-color: #E2EEF3;
	color: #006699;
}


/* ...................................................................... Offers */



/* ...................................................................... Content */

p { 
	font-size: 1em;
}

table { font-size: 1em; }

#content table #content td, #content th {

}

/* ...................................................................... Text Body */

#text-body {
	border-left: 10px solid white;
	color: #666666;
}

#text-body p {
	margin: 1em;
}

/* ........................................... Holiday Search  */

#holidaySearch {
	border-collapse: collapse;
	color: #006699;
	font-weight: bold;
	font-size: 0.95em;
	line-height: 1.5em;
}

#holidaySearch td {
	background-color: #F4F4F4;
	padding: 5px;
	margin: 0;
}

#holidaySearch td td {
	padding: 0px;
	color: #006699;
	font-weight: bold;
}

#holidaySearch thead th {
	padding: 0 0 0 7px;
	background-color: #006699;
	color: white;
	text-transform: uppercase;
	text-align: left;
	margin: 0;
	border: 1px solid #999999;
}

#holidaySearch thead strong {
	float: left;
	color: white;
}

#holidaySearch .options {
	float: right;
	color: #FFCC00;
}
#holidaySearch thead a {
	margin: 0;
	padding: 3px;
	color: white;
	background-color: #D1CBB4;
	border-left: 1px solid #999999;
	text-decoration: none;
}
#holidaySearch a.currentItem {
	background-color: white;
	color: #006699;
}
#holidaySearch tbody td{
	padding: 7px 5px;
}

/* Form Elements */

#holidaySearch input {
	border: 1px solid #D0D0D0;
}

#holidaySearch  .searchButton {
	border: 0;
	}
	
#holidaySearch .destination, #holidaySearch .departure {
	width: 240px;
	}

/* ..................................... Holiday Tables/Lists  */

#content table td {
	margin: 0;
	padding: 0;
}

#specialOffers, #latestDeals, #latestOffers {
	border-right: 1px solid #CCCCCC;
	border-left: 1px solid #CCCCCC;
}

#latestDeals td, #latestOffers td {
	padding: 10px;
}



#specialOffers thead, #latestDeals thead, #latestOffers thead {
	background-color: #006699;
	color: white;
	text-transform: uppercase;
	text-align: left;
	padding: 2px 7px;	
	font-size: 0.95em;
	
}

table#latestDeals tr td, table#latestOffers tbody tr td {	
	border-bottom: 1px solid #CCCCCC;
	background-color: #F3FAFD;
	padding: 3px;
	font-size: 0.95em;
}

table#latestOffers tbody tr td a img {
border: none;}

table#latestDeals tr.even td, table#latestOffers tbody tr.even td {	
	background-color: #F3F9F9;
}

#content .tableFooter td {

	background-color: #FFCC00;
	text-align: right;
	color: #996600;
	text-transform: uppercase;
	padding: 6px;
}

#content .tableFooter td a {
	color: #996600;
	font-weight: bold;
}

#content a {
	text-decoration: none;
}




#specialOffers td a, #latestDeals td a, #latestOffers td a{
	color: #666666;
	text-decoration: none;
	font-weight: normal;
}

/* Offers */

#specialOffers table.offer {
	float: left;
	margin-left: 7px;
	margin-top: 12px;
	border-bottom: 8px solid white;
	/*
	border-right: 1px solid red;
	border-left: 1px solid red;
	border-top: 1px solid red;*/
	width: 105px;
	overflow: hidden;
}

table.offer a, table.offer a:link {
	color: #999999;
	font-weight: normal;
}

#specialOffers .offer td {
	border: 0;
	text-align: left;
}

#specialOffers h5 {
	font-size: 0.8em;
	color: #81846A;
	margin: 0;
	padding: 0;
}
	
#specialOffers p {
	margin: 0;
	padding: 0;
}

#specialOffers strong, #specialOffers h5 {
		color: #81846A;
}

#specialOffers .tableFooter td {
	border-top: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
}

.offer a {
	color: #999999 !important;
	font-weight: normal !important;
}
/* ....................... holiday Listings holidays.php */

.holidays-list {
	
}

.holidays-list table.offer {

}
.holidays-list .offer-wrapper {
	width: 110px;
	float: left;
	border-bottom: 10px solid white;
	margin-left: 12px;
	margin-right: 6px;
	margin-bottom: 6px;
	margin-top: 6px;

}

.holidays-list table.offer strong {
	color: #81846A;
}

.holidays-list .offer td {
	border: 0;
	padding-top: 3px;
}

.holidays-list .offer td.photo {
	border: 0;
	padding: 0;
}


/* ..................................... Holiday Info   */

#holiday-info {
	background-color: #FAFAFA;
	margin-top: 0;
}

#holiday-info td, #holiday-info th  {
	vertical-align: top;
}


#holiday-info .hol-details-table {
	margin: 1em;
}

#holiday-info .hol-details-table th {
	color: #006699;
	text-align: left;
	vertical-align: top;
}

#holiday-info .hol-details-table th, #holiday-info .hol-details-table td {
	padding: 2px;
}

/* ..................................... Booking Form */


table.booking-form  {
	margin-top: 2em;
	padding-top: 0;	
	border-top: 0;
}

table.booking-form td {
	background-color: #FAFAFA;
	padding: 3px !important;
	padding-left: 5px !important;
}

table.booking-form th {
	background-color: #006699;
	color: white;
	font-weight: bold;
	vertical-align: top;
	text-align: left;
	padding: 3px !important;
}

/* ..................................... Booking Details */

table.booking-details td {
	background-color: #FAFAFA;
	padding: 3px !important;
	vertical-align: middle;
	vertical-align: top;
}

table.booking-details th {
	background-color: #EBEBEB;
	color: #81846A;
	font-weight: bold;
	vertical-align: top;
	text-align: left;
	padding: 3px !important;
}

.booking-phone-no {
	font-size: 1.4em;
	color: #006699;
	padding: 0.8em;
	margin: 8px;
	margin-left: 0;
	margin-bottom: 3px;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
}

.booking-reference-no {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.4em;
	width: 7em;
	font-weight: bold;
	color: #006699;
	padding: 0.5em;
	border: 5px solid #FFCC00;
	margin: 3px;
	margin-bottom: 0;
	text-align: center;	
}

/* ..................................... Flights Details */

table.flights-details th {
	padding: 3px !important;
	vertical-align: top;
	background: #F7F7F7;
	text-align: left;
}

table.flights-details td {
	background-color: #FAFAFA;
	padding: 3px !important;
	vertical-align: top;
	text-align: left;
}

td.clear-cell {
	background-color: #FFFFFF !important;
}

/* ...................................................................... Footer */

#footer {
	width: 750px;
	margin: auto;
	background-color: #EBEBEB;
	text-align: left;
	margin-top: 10px;
	color: #999999;
}

#footer address, #phone, #company_info {
	font-size: 0.9em;
	margin: 10px 5px;
	line-height: 150%;
}

#footer address {
	float: left;
	font-style: normal;
}

#footer #company_info {
	margin-left: 175px;
	float: left;
	text-align: center;
}

#footer #phone {
	float: right;
	text-align: right;
}

#footer #terms {
	clear: both;
	border-top: 2px solid white;
	border-bottom: 5px solid white;
	background-color: white;
	color: #999999;
	padding-left: 10px;
	font-size: 0.9em;
}

#footer #terms a {
	color: #999999;
	text-decoration: none;
}

/* ...................................................................... Headings */

h1, h2, h3, h4, h5, h6 {
	background-color: #006699;
	color: white;
	font-size: 1em;
	padding: 2px;
	text-transform: uppercase;
}

h1, h2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin: 0;
}

h3, h4, h5, h6, h7 {
	font-family: Arial, Helvetica, sans-serif;	
}

/* Paging */

#paging {
	clear: both;
	margin-top: 20px;
	margin-bottom: 10px;
}

/* ...................................................................... Lists  */
/* ...................................................................... Links */

#content a {
	color: #006699;
	font-weight: bold;
	text-decoration: none;
}

#content a:visited {
	text-decoration: none;
}

a.request {
	color: #996600 !important;
	font-weight: bold;
	text-align: right;
	margin-top: 15px;
	background-color: #FFCC00;
	display: block;
	padding: 7px;
	text-transform: uppercase;
	text-decoration: none;	
}

/* Misc */

hr {
	border: 1px solid #F3F3F3;
	color: #F3F3F3;
	height: 1px;
}

strong {
	color: #81846A;
}

#g-for-go {
	float: right;
}

.clear {
	clear: both;
}

hr.clear {
	clear: both;
	height: 1px;
	color: white;
	border-color: white;
}

td { text-align: left; }

/* .................................................. Voucher Form */
#voucher-form {
	border-top: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
	padding-top: 5px;
	padding-bottom: 5px;
}

#voucher-form table td {
	vertical-align: top;
	padding: 5px;
}

#voucher-form input.textfield, #voucher-form textarea {
	border: 1px solid #999999;
}

#voucher-form input.button {
	border: 1px solid #999999;
	background-color: #D9D9D9;
	color: #646464;
	padding: 0em 1em;
}

#voucher-form table h4 {
	color: #006699;
	background: transparent;
	font-size: 1em;
	text-transform: none;

}

/*-------------------------------------City Breaks */
#city-breaks {
	border-collapse: collapse;
	color: #006699;
	font-weight: bold;
	font-size: 0.95em;
	line-height: 1.5em;
}

#city-breaks td {
	background-color: #F4F4F4;
	padding: 5px;
	margin: 0;
}

#city-breaks td td {
	padding: 0px;
	color: #006699;
	font-weight: bold;
}

#city-breaks thead th {
	padding: 0 0 0 7px;
	background-color: #006699;
	color: white;
	text-transform: uppercase;
	text-align: left;
	margin: 0;
	border: 1px solid #999999;
}

#city-breaks thead strong {
	float: left;
	color: white;
}

#city-breaks .options {
	float: right;
	color: #FFCC00;
}
#city-breaks thead a {
	margin: 0;
	padding: 3px;
	color: white;
	background-color: #D1CBB4;
	border-left: 1px solid #999999;
	text-decoration: none;
}
#city-breaks a.currentItem {
	background-color: white;
	color: #006699;
}
#city-breaks tbody td{
	padding: 7px 5px;
}
div.largebox {
  width: 770px;
  background: #fff;
  position: relative;
}
iframe#whitelabel {
  width: 750px;
  height: 510px;
  margin: 10px;
}