/* 
	General Print Layout Stylesheet 
	CaribbeanConnection.com
	Author: adamf adamforshaw@itc-uk.com
	Date Created: 29 08 2008
*/


/* Global Styles */

*  {
	margin: 0; 
	padding: 0;
}

body {

	padding: 0 !important;
	margin: 0 !important;
	font: 8pt verdana, sans-serif;
	line-height: 150%;
	text-align: left;
	color: #333;
}

h2, h3, h4, h5, h6, p, ul, dl, img {
	margin: 0; 
	padding: 0;
}

h1, h2, h3, h4, h5, h6 {
	font-family: verdana, sans-serif; 
	font-weight: normal;
	color: #333;
}

h1
{
	font-size: 160%;
	margin: 5px 0 10px 0;
	font-weight: bold;	
}

h2 {
	font-size: 160%;
	margin: 5px 0 10px 0;	
}

h3 {
	font-size: 140%;
	margin: 5px 0 10px 0;		
}

h4 {
	font-size: 120%;
	margin: 5px 0 10px 0;		
}

h5 {
	font-size: 110%;
}

h6 {
	font-size: 100%;
}

img, img a {
	border: none;
}

p {
	font-size: 100%;
}

a {
	text-decoration: none;
	margin: 0 5px 0 5px;
	font-weight: normal;
}

a:link, a:visited {
	color: #333;
}

a:active {
	outline: none;
}

a:hover, a:active, a:focus {
	text-decoration: none;
}
span 
{
    	color:#333 !important
    	}

ul, li {
	list-style-type: none;
	padding: 0;
	margin: 0;
}

ol {
	margin: 0 0 0 20px;
}

ol li {
	list-style-type: decimal;
	color: #fff;
	margin: 0;
	padding: 0;
}

input, textarea {
	border: 1px solid #7F9DB9;
	background: #fff;
	color: #333;
	font: 0.91666em verdana, sans-serif;
	padding: 4px;
}

select {
	border: 1px solid #7F9DB9;
	padding: 1px;
	width: auto;
	color: #333;
}

.checkbox {
	background: transparent;
	border: 0;
	padding: 3px;
}

label {
	display: block;
}

label.invisible {
	display: none;
}

button {
	background: transparent;
	border: 0;
	padding: 0;
	margin: 10px 0 0 0;

}

blockquote {
	background: transparent;
	color: #fff;
	font-weight: bold;
	padding: 5px 0 5px 0;
	margin: 0 0 15px 0;
	border-bottom: 1px dotted #888;
}

table {
	padding: 0;
	margin: 0;
	background: #fff;
	display: block;
	float: none;	
	border: 2px solid red;
}

td {
	background: #fff;
	color: #333;
	text-align: center;
	/*width: 14%;*/
	padding: 0px;
	border: 1px solid #ccc;
}

th {
	background: #B9DAE0 !important;
	color: #333;
	text-align: center;
	border: 1px solid #ccc;
}

table caption {
	text-align: left;
	font-size: 8pt;
	font-weight: bold;
	margin-top: 5px;
}

/* Layout */
#outerWrapper {
	background: transparent;
	width: 96% !important;
/*	max-width: 1240px;
	min-width: 940px;*/
	margin: 0 auto 0 auto;
	padding: 0;
	clear: both;
}

/* Header bar content */
#headerContent {
	/*height: 80px ;*/
	border-bottom: 5px solid #333;
}

#globalLogo {
	float: none !important;
	margin:0 !important
}
#globalLogo img
{
    display:none
}

#globalLogo p a {
float: none !important;
width: auto !important;
height: auto !important;
margin: 0 !important;
padding: 0 !important;
}

#globalLogo div { 
	width: auto !important; 
	height: auto !important;
	margin: 0 !important; 
	padding: 0 !important; 
	background: #ffffff; 
}

#globalLogo p a, #globalLogo p { 
	float: none !important;
	width: auto !important; 
	height: auto !important;
	margin: 0 !important; 
	padding: 0 !important; 
	background: transparent; 
}

#globalLogo div span,
#globalLogo p span { 
	color:#333;
	font-size:x-large;
	display:block !important
}


#headerCall {
float: none !important;
margin: 0 !important;
padding:0 !important
}

#headerCall span.sm 
{
    display:none
}
/* The wrapper around the 3 cols */
#mainContent {
	background: #333333 url(main-col-left-top-curve.jpg) left top no-repeat;
	margin: 10px 0 30px 0;
	padding: 10px;
}

#mainContent #rightCurve {
	float: none;
	margin: -10px -10px -20px -20px;
	width: 29px;
	height: 30px;
	background: transparent url(main-col-right-top-curve.gif) right top no-repeat;
}

#mainContentFooter {
	background: transparent url(main-content-curve-left.jpg) left bottom no-repeat;
	height: 27px;
	margin: -10px !important;
}

#mainContentFooter #rightCurveFooter {
	float: none;
	z-index: 1;
	margin: 1px 0;
	width: 26px;
	height: 27px;
	background: transparent url(main-content-curve-right.jpg) right top no-repeat;
}
.button
{
    display:none
}

/* All left column elements */
#leftCol {
	background:transparent;
	width: 96%;
	float: none !important;
	clear: both;
}

#leftCol p,
#leftCol a {
	color: #fff;
}

#findHoliday {
	/*background: #339999 url(find-holiday-top-left-curve.jpg) left top no-repeat;*/
	padding: 10px;
	margin: 0;
	color: #fff;
}


/* START: Text Replacement */
#leftCol h2,
#rightCol h2,
p.atGlanceTitle,
h3.hotelOfWeek,
h3.hotelOfWeekWhite,
h3.needToGoSoon,
h3.needToGoSoonWhite,
h3#insidersGuide,
h3#insidersGuideWhite,
h3#holidayGuide,
h3#holidayGuideWhite,
h2.information,
h2.links,
h2.needHelp,
h2.greatOffersDark,
h2.insidersGuide,
h2.specialOffer,
h2.addedBenefits,
li.firstItemNews,
li.firstItemYouAreHere,
h2.mySuitcase {
	font-size: 1.1666em;
	color: #333 !important;
}

#atGlance span,
#leftCol h2 span,
#rightCol h2 span,
#homePage h3 span,
h3.hotelOfWeek span,
h3.hotelOfWeekWhite span,
h3.needToGoSoon span,
h3.needToGoSoonWhite span,
h3#holidayGuide span,
h3#holidayGuideWhite span,
h3#insidersGuide span,
h3#insidersGuideWhite span,
h2.information span,
h2.links span,
h2.greatOffersDark span,
h2.insidersGuide span,
h2.specialOffer span,
h2.addedBeneifts span,
li.firstItemNews span,
li.firstItemYouAreHere span,
p.callNow span,
h2.mySuitcase span {
	font-size: 1.1666em !important;
	color: #333 !important;
}
p.atGlanceTitle span,
p.weRecommendTitle span,
p.newsTitle span,
#leftCol h2 span,
#rightCol h2 span,
#homePage h3 span,
h3.hotelOfWeek span,
h3.hotelOfWeekWhite span,
h3.needToGoSoon span,
h3.insidersGuide span,
h3.holidayGuide span,
h3.needToGoSoonWhite span,
h3#holidayGuide span,
h3#holidayGuideWhite span,
h3#insidersGuide span,
h3#insidersGuideWhite span,
h2.information span,
h2.links span,
h2.greatOffersDark span,
h2.insidersGuide span,
h2.quickLinks span,
h2.specialOffer span,
h2.addedBeneifts span,
li.firstItemNews span,
li.firstItemYouAreHere span,
p.callNow span,
h2.mySuitcase span,
h2.readyToBook span,
h2.myHoliday span,
h2.enterHere span,
h2.comingSoon span,
h2.directDebit span,
h2.pricePP span,
h2.totalPrice span,
h2.refineSearch span,
h1.advancedSearch span
{
    float:none;
    display:block;
    position:static;
}
/* END: Text Replacement */

#findHoliday p {
	font-size: 0.91666em;
}

#findHoliday label {
	font-size: 0.91666em;
}

#findHoliday label.checkAvailability {
	margin: 10px 0 10px 0 !important;
	display: inline;
}

#findHoliday .checkbox.checkAvailability {
	margin-top: 10px !important;
	padding: 0 !important;
	display: inline !important;
}

#findHoliday #blockDisplay {
	display: block;
}

#findHoliday #blockDisplay label {
	display: block;
}

#findHoliday label.departureDate {
	padding-bottom: 0 !important;
	margin-bottom: 0 !important;
}

#findHoliday #blockDisplay input.departureDateDay {
	width: 30px;
	padding: 3px 3px 2px 3px !important;
	font-size: 0.958333em;
	font-family: arial, sans-serif;
}

/* Wide dropdowns like destination dropdown or hotel listing */
#findHoliday select.fullWidth {
	width: 100%;
}

select.fullWidth {
	width: auto;
}

#findHoliday select.variation {
	width: 90px;
}

#findHoliday select.rooms {
	width: 50px;
}

#findHoliday #blockDisplay select {
	width: 90px;
}

#findHoliday #blockDisplay select.date {
	width: 45px;
}

#findHoliday div.left {
	float: none;
}

#findHoliday div.right {
	float: none;
}

#holidayDuration {
	clear: both;
}

#holidayDuration label {
	width: 80px;
}

#findHoliday #numberRooms {
	clear: both;
}

#findHoliday #numberRooms label,
#findHoliday #numberRooms select {
	width: 50px;
	margin-right: 5px;
}

#findHoliday #findHolidayFooter {
	/* To give the bottom left curve on this box */
	float: none;
	display: block;
	width: 25px;
	height: 24px;
	margin: -14px -10px -10px -10px;
	background: #339999 url(find-holiday-bottom-right-curve.jpg) left top no-repeat;
}


/*

	Curved Boxes in left and right columns
	Generic names for easy re-use

*/	

/* Square box with curve only on top right corner */
.squareRightTopCurve {
	width: 180px;
	padding: 10px;
	margin-bottom: 10px;
	background: #339999 url(great-offers-right-curve.jpg) right top no-repeat;
}

.squareRightTopCurve p a,
.squareRightBottomCurve p a,
.squareRightNoCurve p a {
	color: #fff !important;
	background: url(white-list-arrow.gif) left 55% no-repeat;
	padding-left: 10px;
}

/* Square box with curve only on bottom right corner */
.squareRightBottomCurve {
	width: 180px;
	padding: 10px;
	color: #fff;
	background: #4E7E76 url(weather-report-right-curve.jpg) right bottom no-repeat;
}

.squareRightBottomCurve li.listImage img {
	border: 1px solid #555; 
	padding: 0;
	margin: 5px 5px 0 0;
}
		 
.squareRightBottomCurve p.viewAll {
	margin-left: 0 !important;
}

.squareRightBottomCurve .greatOffer {
	color: #333;
}

/* No curves */
.squareRightNoCurve {
	padding: 10px;
	margin-bottom: 10px;
	color: #fff;
	background: #4E7E76;
}

.squareRightNoCurve li.listImage img {
	border: 1px solid #555; 
	padding: 0;
	margin: 5px 5px 0 0;
}

.squareRightNoCurve p a {
	color: #fff;
	background: url(white-list-arrow.gif) left 55% no-repeat;
	padding-left: 10px;	
}	

.squareRightNoCurve .greatOffer {
	color: #333;
}

/*

	END: Curved Boxes in left and right columns
	Generic names for easy re-use

*/


#newsletterSignup {
	background: #34635A url(newsletter-left-curve.jpg) left top no-repeat;
	padding: 10px;
	margin: 10px 0 10px 0;
	z-index: 0;
}

#newsletterSignup p {
	font-size: 0.91666em;
}

#newsletterSignupCurve {
	float: none;
	width: 28px;
	height: 27px;
	margin: -17px -10px -10px -10px;
	background: url(newsletter-right-curve.gif) right bottom no-repeat;
	z-index: 1;
}

#newsletterSignup button {
	z-index: 2;
	background: transparent;
	border: 0;
}

#mySuitcaseNav {
	background: #339999 url(my-suitcase-left-curve.jpg) left top no-repeat;
	padding: 10px;
	margin: 0 0 10px 0;
	z-index: 0;
}

#mySuitcaseNav p {
	font-size: 0.91666em;
}

#mySuitcaseNavCurve {
	float: none;
	width: 28px;
	height: 27px;
	margin: -17px -10px -10px -10px;
	background: url(my-suitcase-right-curve.gif) right bottom no-repeat;
	z-index: 1;
}

#getInTouch {
	background: #519D8E url(get-in-touch-left-curve.jpg) left top no-repeat;
	padding: 10px;
	margin: 10px 0 10px 0;
}

#getInTouch p {
	font-size: 0.91666em;
}

#getInTouchCurve {
	float: none;
	width: 28px;
	height: 27px;
	margin: -17px -10px -10px -10px;
	background: url(get-in-touch-right-curve.jpg) right bottom no-repeat;
}


/* All right column elements */
#rightCol {
	background: transparent;
	width: 200px;
	float: none;
}

#greatOffers {
	padding: 10px;
	margin-bottom: 10px;
	background: #52B1A3 url(great-offers-right-curve.jpg) right top no-repeat;
}

.greatOffer {
	background: #f4f4f4 url(../images/offers/great-offer-background.jpg) left top repeat-x;
	margin: 0 0 5px 0;
	padding: 5px !important;

}

.greatOffer img {
	float: none !important;
	border: 2px solid #f90 !important;
	padding: 0 !important;
	margin: 5px 7px 0 0 !important;
}

.greatOffer a {
	background: url(orange-list-arrow.gif) left 55% no-repeat !important;
	padding-left: 10px;
	color: #333 !important;
}

.squareRightBottomCurve .greatOffer p,
.greatOffer p {
	color: #333;
	line-height: 150%;
	font-size: 0.875em !important;
}

.greatOffer p a {
	color: #333 !important;
}

ul.rightLinks li a:hover,
ul.rightLinks li.current a {
	background: url(orange-list-arrow.gif) left 55% no-repeat;
	padding-left: 10px;
	color: #f90 !important;
}

ul.rightLinks ul {
	margin-left: 10px;
}

ol li.current a {
	color: #f90 !important;
}

ul.rightLinks li a, ul.rightLinks li a:hover {
	background: url(white-list-arrow.gif) left 55% no-repeat;
	padding-left: 10px; 
	color: #fff !important;
}

h4.orange,
.orange {
	color: #f90 !important;
	font-weight: bold;
}

span.orange {
	margin: 0 5px 0 5px !important;
}

.greatOffer li.listImage img {
	border: 2px solid #f90;
	margin: 5px 5px 0 0;
}



/* All middle column elements */
h3.dark {
	color: #333 !important;
	margin: 5px 0 5px 0;
}

#homePage #middleCol, #middleCol {
	padding: 0 5px 0 5px;
	margin: 0 !important;	
	width: 98%;
}

#middleCol ul.rightLinks {
	margin-bottom: 5px;
}

#middleCol ul.rightLinks li a {
	font-weight: normal !important;
}

#middleCol ul.rightLinks li a:hover {
	background: url(white-list-arrow.gif) left 55% no-repeat;
	padding-left: 10px;
	color: #fff;
}

.tableWrap ul.rightLinks li a {
	color: #333 !important;	
	background: url(orange-list-arrow.gif) left 55% no-repeat !important;
	padding-left: 10px;	
}

.tableWrap ul.rightLinks li a:hover {
	color: #333 !important;	
	background: url(orange-list-arrow.gif) left 55% no-repeat !important;
	padding-left: 10px;	
	text-decoration: none;
}

.freeTextSearch {
	padding: 5px 0 5px 0;
	margin: 0;
}

.freeTextSearch label {
	display: none;
}


.freeTextSearch button {
	width: 165px;
	padding: 0;
	margin: 0 0 -6px 5px !important;
}

#middleCol a,
#middleCol p {
	color: #fff;
}

#middleCol p.destination {
	font-size: 9pt;
	font-weight: bold;
	color: #333;
	margin: 0 0 15px 0;
}

#middleCol h1, #middleCol h1 span {
	margin: 15px 0 10px 0;	
	font-weight: bold;
}

#middleCol h1 img {
	display: none;
}

#middleCol h2 {
	font-size: 10pt;
	color: #333;
	font-weight: bold;
	padding: 5px 0 0 0;
}

#middleCol h3 {
	font-size: 10pt;
	color: #333;
	font-weight: bold;
	padding: 5px 0 0 0;
}

#middleCol h4 {
	color: #333;	
	font-weight: bold;
	padding: 5px 0 0 0;	
}



/* Destinations Page Index */
#WideContent .destinations {
	width: 100%;
	overflow: visible;
}    

#WideContent .destinations div {
	float: none;
}

#WideContent .destinations div img {
	float: none;
	margin: 0 5px 0 0;
	padding: 2px; 
	background: #fff;
	border: 1px solid #333;
}  




/* Destinations Page Index */

/* Holiday Type Page Index */
#WideContent .holidayType {
	width: 100%;
	overflow: visible;
}    

#WideContent .holidayType div {
	width: 100%;
	float: none !important;
	margin-right: 5px;
}

#WideContent .holidayType div img {
	border: 1px solid #333; 
}

#WideContent .holidayType div p a {
	color: #333;
}

#WideContent .holidayType div p.destinationName a {
	font-size: 11pt;
	font-weight: bold;
}
/* Holiday Type Page Index */



/* Hotel listing - search results / general listing */
/* Order results dropdown */
.searchOptions {

	overflow: visible;
	margin: 5px 0 5px 0;
}

.searchOptions.bottom {
	padding-top: 0px;
}

ul.searchResults {
	width: 45%;
	float: none;
}

.orderResults {
	float: none;
	width: 45%;
	text-align: right;	
}

.orderResults label {
	color: #fff;
	display: inline;
}

.orderResults select {
	width: 180px;
}

/* Blue bg */
.resultBoxOutline,
.resultBoxOutline.newsItem.pressRelease .tableWrap.newsItem,
.resultBoxOutlineSimilar {
	background: #B9DAE0;
	padding: 5px;
	overflow: visible;
	margin-top: 10px;
}

.resultBoxOutline.noBorder {
	background: transparent;
	padding: 0px;
	overflow: visible;
	margin: 10px 0 10px 0;
}

/* Light purple bg */
.resultBoxOutlineSimilar {
	background: #E1DAEA;
}

.resultBoxOutline#Last p
{
    display:none !important
    }


.resultBoxOutlineSimilar .hotelInformation,
.resultBoxOutline .hotelInformation {
	margin-left: 120px;
	padding: 0;
}


.resultBoxOutline .bookingInformation {
	padding: 0;
	float: none !important;
	display: block;
	overflow: visible;
}



.resultBoxOutlineSimilar .hotelInformation p,
.resultBoxOutline .hotelInformation p {
	font-size: 1em;
}


.resultBoxOutlineSimilar .hotelImage,
.resultBoxOutline .hotelImage {
	float: none;
	border: 3px solid #fff;
	margin: 0 0 10px 0;
	padding: 0 !important;
	width: 110px;
	height: 110px;
}

.resultBoxOutlineSimilar .hotelImage img,
.resultBoxOutline .hotelImage img {
	padding: 0;
	margin: 0;
	border: 1px solid #333;
}

.resultBoxOutlineSimilar .hotelName a,
.resultBoxOutline .hotelName a, 
.resultBoxOutlineSimilar .hotelLocation,
.resultBoxOutline .hotelLocation {
	font-size: 1.3333em;
	color: #333 !important;
	padding: 0 0 8px 0;
}

.resultBoxOutlineSimilar .hotelLocation
.resultBoxOutline .hotelLocation {
	font-size: 1.16666em;
	line-height: 195% !important;	
	margin-top: 0;
}
#Last
{
    display:none
}
p.hotelName {
	font-size: 1.1666em !important; 
	font-weight: normal !important;
	margin-bottom: 5px !important;
}

p.hotelName span {
	display: inline;
}

p.hotelName a {
	font-weight: normal !important;
}

p.hotelLocation {
	font-size: 1.333em !important;
	margin-bottom: 0px !important;
}

div.shortlist {
	clear: none;
	float: none;
	margin-left: -5px !important;
}

.addtobrochure {
	float: none;
	width: 100%;
	padding: 0 0 7px 0 !important;
	margin: -3px 0 auto 0 !important;
}

div.buttons.addtobrochure {
	padding: 10px 0 5px 0 !important;
}

div.buttons.addtobrochure button.remove,
div.buttons.addtobrochure button.create  {
	margin-right: 5px;
	margin-top: 0 !important;
	display: inline !important;
	width: 145px !important;
}

div.buttons.addtobrochure button.create {
	width: 195px !important;
}




.resultBoxOutlineSimilar p,
.resultBoxOutline p {
	color: #333 !important;
	font-size: 0.91666em;
}

td.onlinePrice {
	padding: 0;
	line-height: 100%;
}

.additionalStatement {
	clear: both;
	font-style: italic;
	font-size: 0.83333em;
	color: #666;
}

.resultBoxOutlineSimilar .onlinePrice,
.resultBoxOutline .onlinePrice {
	color: #f90;
	font-weight: bold;
}

.boldPrice {
	font-weight: bold;
	color: #333;
}

.resultBoxOutline label {
	color: #333;
	padding-left: 5px;
	font-weight: bold;
	display: inline;
}

.resultBoxOutline input {
	border: 0;
	padding: 0 !important;
	background: #B9DAE0;
	margin: 0;
}



/* Inspire Me Dropdowns */
.inspireMe {
	margin: 8px 0 0 0;
}

.inspireMe div {
	width: 25%;
	float: none;
	display: inline;
	padding: 0 0 10px 0;
	margin: 0;
}

.inspireMe p {
	color: #f90 !important;
	padding: 0 0 5px;
	font-weight: bold;
	font-size: 1.16666em;
}

.inspireMe div select {
	width: 98%;
	height: 7.6em;
	overflow: visible;
	float: none;
	border: 1px solid #7F9DB9;
}

.inspireMe div.buttons {
	width: 99%;
}

.inspireMe div.buttons button {
	margin-right: 5px;
	margin-top: 0 !important;
	display: inline !important;
	width: 165px !important;
}
/* Inspire Me Dropdowns */


/* Refine search checkboxes */
ul#refineSearch,
ul#refineSearchType,
ul#refineSearchActivity {
	list-style-type: none;
	margin-top: 10px;
	display: block;
	float: none;
	width: 99%;
	position: static;
}

ul#refineSearch li,
ul#refineSearchType li,
ul#refineSearchActivity li {
	display: inline;
	width: 33% !important;
	float: none;
	margin-right: 0;
}

ul#refineSearch li input,
ul#refineSearchType li input,
ul#refineSearchActivity li input {
	border: 0;
	background: transparent;
}

.refineSearchButton {
	display: block;
	float: none;
	clear: both;
}

ul#refineSearch li label.active, 
ul#refineSearchType li label.active,
ul#refineSearchActivity li label.active,
ul#refineSearch li label,
ul#refineSearchType li label,
ul#refineSearchActivity li label {
	color: #999;
	font-weight: bold;
	display: inline;
	padding: 0 5px 0 5px;
}

ul#refineSearch li label.active,
ul#refineSearchType li label.active,
ul#refineSearchActivity li label.active {
	color: #fff;
}

ul.searchResults {
	list-style-type: none;
}

ul.searchResults li,
ul.searchResults li a {
	display: inline;
	color: #fff;
}

li.currentPage a {
	color: #f90 !important;
}

#refineSearchDropDown {
	overflow: visible;
	margin: 10px 0 0 0;
	padding: 0;
}

#refineSearchDropDown div {
	width: auto;
	float: none;
	display: inline;
	padding: 0 0 10px 0;
	margin: 0 10px 0 0;
}

#refineSearchDropDown div label {
	color: #fff;
	font-size: 1em;
	padding-bottom: 3px;
}

#refineSearchDropDown div select {
	width: 14em !important;
}

#refineSearchDropDown div select.narrow {
	width: 7.4em !important;
}

/* end */

#youAreHere,
#latestNews {
	background: #605E5A url(you-are-here-background.gif) left bottom repeat-x;
	height: 26px;
	color: #fff;
}

#latestNews ul, #youAreHere ul {
	list-style-type: none;
	padding: 3px 0 3px 5px;
}

#latestNews li, #youAreHere li {
	display: inline;
	color: #fff;
}

#latestNews li a, #youAreHere li a {
	color: #fff;
	font-weight: bold;
}

#youAreHere p, #youAreHere p a,
#latestNews p, #latestNews p a {
	font-weight: bold;
	font-size: 0.91666em;
	color: #fff;
	padding: 3px 0 3px 0 !important;
}

#bannerGraphic {
	background: transparent url(../images/brand-images/large-homepage-banner.jpg) right top no-repeat !important;
	height: 200px;
	display: block;
	margin: 0;
	padding: 0;	border: 0px solid #ccc;
}

.featuredPromo {
	padding: 3px;
	margin: 0 5px 5px 0;	
	clear: both;
	display: block;
	float: none;
	width: 98% !important;
}

.youMightAlsoLike {
	position: static;
	/*clear: both;*/
}

.youMightAlsoLike.mySuitcase .featuredPromoLeft, .youMightAlsoLike .featuredPromoLeft {
	width: 100%;
	padding: 3px;
	margin: 0;	
	float: none !important;
}

.youMightAlsoLike.mySuitcase {
	overflow: visible;
	clear: none;
}


.youMightAlsoLike.mySuitcase .featuredPromoRight, .youMightAlsoLike .featuredPromoRight {
	padding: 3px;
	margin: 0;
	float: none !important;
}


.featuredPromo img,
.smallPromoblock img,
.squareRightBottomCurve img, 
.youMightAlsoLike .featuredPromoRight img, 
.youMightAlsoLike .featuredPromoLeft img {
	float: none;
	margin: 0 5px 0 0;
	padding: 2px;
	background: #fff;
	border: 1px solid #333;	
}

.youMightAlsoLike p {
	margin-bottom: 1px !important; 
}

.featuredPromo p,
.smallPromoblock p,
.youMightAlsoLike .featuredPromoRight p, 
.youMightAlsoLike .featuredPromoLeft p {
	color: #333 !important;
	margin: 0 0 1px 0;
	font-size: 0.875em;
	line-height: 145%;
}

.featuredPromo a,
.smallPromoblock a,
.youMightAlsoLike .featuredPromoRight a, 
.youMightAlsoLike .featuredPromoLeft a {
	color: #333 !important;
	padding: 0;
	font-size: 1em;
	font-weight: bold;
}


.smallPromoblock {
	padding: 3px;
	margin: 0 5px 5px 0;	
	clear: both;
	float: none !important;
}




/* This floats the first image in a list to the left - used on a range of promotional panels */
li.listImage {
	margin: 0;
	padding: 0 3px 0 0;
	float: none;
	clear: both;
}

.featuredPromo li.listImage img,
.smallPromoblock li.listImage img {
	background: #fff;
	padding: 2px;
	border: 1px solid #3B3934;
}

/* Central two cols */
#homePage #middleColLeft,
#middleColLeft.content {
	background: transparent;
	width: 50%;
	float: none;
	padding: 0 5px 0 0;
}

#homePage #middleColRight,
#middleColRight.content {
	background: transparent;
	float: none;
	width: 49%;
	padding: 0;	
}


#middleColLeft.content, #middleColRight.content {
	width: 100%; 
	float: none !important;
}

#middleColWrap {

}

#middleColLeft {
	background: transparent;
	width: 50%;
	float: none !important;
	margin: 0;
}

#middleColRight {
	background: transparent;
	float: none !important;
	width: 50%;
	margin: 0;	
}

/* The main content in the 3 col layout */
#WideContent {
	color: #fff;
	margin: 0;
	float: none;
	padding: 0 0 5px 0;
	width: 100%;
}

#WideContent h3 {
	color: #333;
	display: block;
	border-bottom: 1px solid #333;
}

#WideContent h4 {
	color: #333;
	display: block;
	border-bottom: 1px solid #333;
}

p.newsDate {
	font-size: 9pt;
	color: #333;
	font-weight: normal;
	padding: 5px 0 0 0;
}

.floatRight {
	background: #fff;
	padding: 1px;
	float: none;
	margin: 15px 0 10px 10px;
	border: 1px solid #333;
	padding: 2px;
}


p.intro {
	margin: 10px 0 10px 0;
}

#WideContent p {
	margin-bottom: 10px;
}

#WideContent a {
	color: #fff;
}

.twoColSpan {
	clear: none;
	display: block;
	width: 100%;
	float: none;
	margin-left: 0;
}

#contentGallery {
	background: #fff;
	padding: 3px;
	margin: 0;
	float: none;
	width: 300px;
	height: 330px;
}

#contentGallery img {
	width: 300px;
	height: 300px;
	margin: 0;
	border: 1px solid #333;
}


#atGlance {
	background: #E2DBEB;
	padding: 10px;
	height: 316px;
	margin-left: 310px;
}

#atGlance p.atGlanceTitle {
	color: #6A4897;
	font: bold 10pt arial, verdana, sans-serif;
	display: block;
	margin-bottom: 10px;
	border-bottom: 1px solid #6A4897;
}

#atGlance p {
	color: #333;
	margin-bottom: 10px;
}



#atGlance li {
	line-height: 175%;
}

#atGlance button {
	margin-top: 0 !important;
	width: 187px;
}

/* START: Not bookable online div */

#notBookable {
	background: #E2DBEB;
	color: #333 !important;
	padding: 10px;
}

fieldset.yourDetails,
fieldset.yourDetailsRegistered {
	border: 1px solid #999;
	padding: 10px;
}

fieldset.yourDetails.Dark legend {
	color: #333;
	font-size: 1.0em;
	font-weight: bold;
	padding: 0 5px 0 5px;
}

fieldset.yourDetails.Dark label {
	color: #333 !important;
}

fieldset.yourDetails legend,
fieldset.yourDetailsRegistered legend {
	color: #333;
	font-size: 1.1666em;
	font-weight: bold;
	padding: 0 5px 0 5px;
}

fieldset.yourDetails label,
fieldset.yourDetailsRegistered label {
	color: #fff;
}

#additionalTravellers .name {
	clear: both;
	float: none;
	width: 99%;
	overflow: visible;
}

#additionalTravellers .name div label {
	color: #fff;
	font-weight: bold;
}

#additionalTravellers .name div button {
	margin-top: 17px !important;
}

p.displayBlock {
	display: block;
	clear: both;
}

fieldset.yourDetailsRegistered button {
	margin-top: 23px !important;
}

#notBookable p, #notBookable p a {
	color: #333;
}

#notBookable p.title {
	margin: 10px 0 3px 0;
}

#notBookable fieldset  {
	margin: 10px 0 0 0;
	padding: 0;
	border: 0;
}

#notBookable fieldset select option {
	padding-right: 15px;
	z-index: 1;
}

#notBookable fieldset legend {
	font-weight: bold;
	padding: 0;
}

div.inlineForms {
	width: 99%;
	float: none;	
}

div.inlineForms button {
	margin: 22px 0 0 0;
}

div.inlineForms label {
	font-weight: bold;
}

#notBookable fieldset.yourDetails div,
#notBookable fieldset .name div,
#additionalTravellers .name div,
fieldset.yourDetailsRegistered div,
div.inlineForms div {
	display: inline;
	margin: 5px 10px 0 0;
	float: none;
	/*overflow: visible;*/
}


#notBookable fieldset .contactDetails {
	float: none;
	clear: both;
	/*overflow: visible;*/
	width: 100%;
	padding: 10px 0 5px 0;
}

#notBookable fieldset .contactDetails div {
	margin: 0 0 5px 0;
}

#notBookable fieldset .contactDetails div label {
	display: inline;
	width: 21.2em !important;
	float: none;
	margin-top: 2px;
}


#notBookable fieldset .hotelInfo {
	float: none;
	clear: both;
	overflow: visible;
	width: 19.4em;
	padding-top: 5px;
}

#notBookable fieldset .departureInfo {
	float: none;
	width: 49%;
	padding-top: 0;
}

#notBookable fieldset .hotelInfo .hotelRooms,
#notBookable fieldset .departureInfo .dateOfBirth,
#notBookable fieldset .departureInfo .departureDate {
	display: inline;
	margin: 5px 10px 0 0;
	float: none;
	overflow: visible;
	width: 100%;
}

#notBookable fieldset .hotelInfo .hotelRooms div,
#notBookable fieldset .departureInfo .dateOfBirth div,
#notBookable fieldset .departureInfo .departureDate div {
	float: none;
	margin-right: 15px;
}

.tableWrap .comments,
#notBookable fieldset .comments {
	float: none;
	width: 100%;
	margin-top: 10px;
}

.tableWrap .comments label {
	display: none;
}

.tableWrap .comments textarea,
#notBookable fieldset .comments textarea {
	width: 99%;
	height: 100px;
	overflow: visible;
	background: #f4f4f4;
	border: 1px solid #7F9DB9;
}

#notBookable fieldset.yourDetails button {
	margin-top: 10px !important;
	padding-top: 12px;
	width: 140px;
}

#notBookable fieldset label {
	font-weight: bold;
	font-size: 0.916666em;
}

/* START : My Suitcase Styles */

/* My Suitcase Registration Page */
.squareRightTopCurve.suitcase img {
	margin-bottom: 5px !important;
}


form.registerNow { 
	padding-bottom: 5px !important; 
}

.addressInline div {
	width: 99%; 
	float: none;
	margin: 5px 0 0 0;
}   

.addressInline div label,
.addressInline div label.findAddress {
	display: inline;
	font-weight: bold;
	margin-top: 3px;
	width: 20.6em !important;
	float: none;
}     

#middleCol.mySuitcaseContent .addressInline div label,
#middleCol.mySuitcaseContent .addressInline div label.findAddress {
	width: 18.4em !important;
}   

.addressInline div label.findAddress {
	margin-top: 15px;
}

.addressInline div span.password {
	color: #fff;
	font-size: 0.91666em;
	margin-left: 5px;
}       

fieldset.yourDetailsRegistered input,
fieldset.yourDetails input,
.addressInline div input,
.addressInline div select.country {
	
}

.addressInline div select.country {
	width: 11em;
}


.addressInline div select option,
.addressInline div select.country option,
.tableWrap div select option {
	padding-right: 15px !important;
}           
/* My Suitcase Registration Page */

/* My Suitcase Overview Page */ 
.overviewWrap {
	width: 100%;
	float: none;
	overflow: visible;
	position: static;
}

.bookingOverview {
	background: #B9DAE0;
	padding: 5px;
	overflow: visible;
	float: none !important;
	width: auto;
	clear: none;
	margin-top: 10px; 
}

.bookingOverviewWrap {
	background: #fff;	border: 0px solid #ccc;
	padding: 5px;
	overflow: visible;
}

.bookingOverviewWrap p a {
	color: #333 !important;
	text-decoration: underline;
	line-height: 2.2em;
	font-size: 0.91666em;
	padding: 4px 0 5px 3px;
}

.bookingOverview .booking {
	float: none;
	margin: 0; 
	padding: 0;
}

.bookingOverview .bookingQuote {
	float: none;
	margin: 5px 0 0 0; 
	padding: 0;
}

.bookingOverview p.hotelName {
	font-size: 1.16667em;
	padding-top: 3px;
	color: #333 !important;
}

.bookingOverview .hotelInformation {
	height: 2.5em;
}

.bookingOverview table {
	border: 0;
	margin: 0;
	font-size: 0.91666em;
}
/* My Suitcase Overview Page */ 

/* START : My suitcase Personal Details and Confirmation */
.tableWrap {
	margin-top: 10px;
	border: 0px solid #ccc !important;
}

.tableWrap div input {
	border: 1px solid #7F9DB9;
	background: #fff;
	padding: 4px 4px 3px 4px !important;
}

.tableWrap .leftForms {
	margin-top: 0px;
	width: 49%;
	float: none;
	clear: both;
}

.tableWrap .rightForms {
	margin-top: 15px;
	float: none;
	width: 49%;
}

.tableWrap .rightFormsNoMargin {
	margin-top: 0;
	float: none;
	width: 49%;
}

.tableWrap .leftForms div, .tableWrap .rightForms div, .tableWrap .rightFormsNoMargin div {
	margin: 8px 0 3px 0;
}

.tableWrap .leftForms div label, .tableWrap .rightForms div label, .tableWrap .rightFormsNoMargin div label {
	float: none;
	display: block;
	padding-top: 2px;
	clear: both;
	width: 13em !important;
}

.tableWrap div label {
	color: #333 !important;
	font-weight: normal;
}

.tableWrap div label.findAddress {
	margin-top: 12px;
	width: 12.7em !important;
}

.tableWrap .newsSignup img {
	background: #111;
}

.tableWrap .newsSignup p.title {
	font-size: 1.333em;
}

.tableWrap p.blueBlockTitle {
	display: block;
	padding: 3px 3px 3px 5px;
	margin: 10px 0 3px 0;
	color: #333;
	font-size: 1em;
	font-weight: bold;
	background: #B8D7DD;
}

.tableWrap .leftForms.NoLabel div label,
.tableWrap .rightFormsNoMargin.NoLabel div label {
	display: none;
}

.tableWrap .rightFormsNoMargin.NoLabel div {
	height: 4.1em;
}

.tableWrap select.passengerSelected {
	width: 100% !important;
}

.tableWrap .leftForms div img.creditCards {
	clear: both;
	float: none;
	position: static;
	margin-left: 28em;
}

.tableWrap .leftForms div input.narrow {
	width: 4.4em;
}

.tableWrap input.checkbox  {
	border: 0 !important;
	background: none;
}
/* END : My suitcase Personal Details and Confirmation */

/* START : My Suitcase Summary Page */
.resultBoxOutline table.booking {
	border: none;
}

.resultBoxOutline table.booking th,
.resultBoxOutline table.booking td {

}

/*.summaryWrap {
	float: none !important;
}*/

/*.tableWrap.newsItem,
.summaryWrap .resultBoxOutline .tableWrap {
	float: none !important;
	display: block;
}*/

.summaryWrap p.hotelLocation {
	padding: 3px 0 0 0 !important;
}

.summaryWrap #last
{
    background-color:Lime
}

.tableWrap, .tableWrap.newsItem {
	background: #fff;	
	border: 0px solid #ccc;
	margin-top: 4px;
	padding: 0 5px 5px 5px;
	overflow: visible;
	float: none !important;
}

.tableWrap p {
	padding: 5px 0 2px 0;
}

.tableWrap p a {
	color: #333 !important;
}

.tableWrap.priceSummary {
	background: #fff;	
	border: 0px solid #ccc;
	margin-top: 10px;
	padding: 0 5px 5px 5px;
	overflow: visible;
}


.tableWrap.priceSummary table {
	width: 50%;
	padding: 0 !important;
	margin: 3px 0 0 -3px !important;
	float: none;
	clear: both;
}

.tableWrap.priceSummary table th {
	text-align: left;
	padding: 3px;
}

.tableWrap.priceSummary table th.normal {
	text-align: left;
	padding: 3px;
	font-weight: normal;
}

.tableWrap.priceSummary div label {
	font-weight: normal;
	float: none;
	clear: both;
	padding-left: 0 !important;
	margin: 5px 0 0 0;
}

.tableWrap.priceSummary div label a {
	color: #333 !important;
}

.tableWrap input {
	background: none;
	border: none;
	margin-right: 10px;
}

.tableWrap.priceSummary .quoteButtons {
	float: none;
	width: 100%;
	margin: 10px 0 0 0;
}

.tableWrap.priceSummary .quoteButtons div.leftButtons {
	float: none;
}

.tableWrap.priceSummary .quoteButtons div.rightButtons {
	float: none;
}

.resultBoxOutline table.booking label {
	display: none;
}

.flightButtons button {
	width: 150px;
}

.tableWrap.newsItem th.newsIssue {
	width: 15%;
}

.tableWrap.newsItem th.newsTitle {
	width: 85%;
	padding-left: 5px;
	text-align: left !important;
}

.tableWrap.newsItem td.newsLink {
	color: #333 !important;
	text-align: left !important;
	padding-left: 5px;
}

.tableWrap.newsItem td.newsLink a {
	color: #333 !important;
}

h2.newsTitle {
	color: #fff !important;
	margin: 5px 0 10px 0;	
	font-weight: normal;
}	

.tableWrap .userConfirmation {
	float: none;
	width: 100%;
}

.tableWrap .userConfirmation span {
	font-weight: bold;
	width: 9em;
	margin-left: -9em;
	display: inline;
	clear: both;
	float: none;
}

.tableWrap .userConfirmation p {
	margin-left: 9em;
}

.tableWrap .inlineForms div label {
	display: block;
	padding: 0 0 2px 0;
	font-weight: bold;
} 

.tableWrap .leftForms.NoLabel div div {
	display: inline;
}

.tableWrap .leftForms.NoLabel div div input {
	width: 10.36em;
	margin-right: 0px;
}

/* END : My Suitcase Summary Page */


/* END : My Suitcase Styles */


.newsSignup {
	padding: 25px 0 15px 0;
	clear: both;
}

.newsSignup img {
	float: none;
	background: #fff;
	padding: 1px;
	margin: 5px 10px 5px 0;
}

.newsSignup div {
	margin: 10px 0 10px 0;
}

.newsSignup div label {
	display: inline;
	width: 5em;
	color: #fff;
	margin-right: 10px;
	padding: 0 3px 0 0 ;
}     

.newsSignup div label input {
	border: 0;
	width: auto !important;
	background: none;
}         

.newsSignup p.clear {
	clear: both; 
	margin-bottom: 10px;
}        

fieldset.yourDetails p.orange {
	font-size: 1.1666em;
	margin-bottom: 10px;
	color: #333 !important;
} 
#bookingForm
{
    display:none !important
}
#bookingRef
{
    /*background-color:#339999;*/
    border-left:none !important;
    width:auto !important;
    height:auto !important;
    padding:0 !important;
    float:none !important
}

/* END: Not bookable online div */

/* Sits at bottom of central main column to force full height */
.clearingDiv {
	clear: both;
	height: 0;
}

/* All footer elements */

#footer {
	font-size: 7pt;
	color: #777;
	margin-top: 0;
	border-top: 5px solid #333;
	clear: both;
	float: none;
}
#footer #footerLinks
{
    display:none;
}
/* END : Global Styles */
.quoteItems.details p {
	padding: 0;
	color: #333333 !important;
}

.quoteItems.details p span {
	font-weight: bold;
	float: left;
	clear: both;
	width: 10em;
}

/* START : General Objects to hide while printing */ 
ul.clearskip, #leftCol #mySuitcaseNav, #leftCol #getInTouch, #mySuitcaseNavHoliday p, #leftCol #newsletterSignup, #leftCol #findHoliday, #rightCol, #mySuitcaseWrap, #container, #globalSiteSearch, #findHoliday, #newsletterSignup, #youAreHere, #contentGalleryNavigation, #bannerGraphic, #latestNews, p.viewLinks, .bookNow, .searchOptions, #refineSearchWrap, .booking, p.hotelName img, /*ul.rightLinks,*/ #destinationMap, .shortlist, #atGlance p a, #atGlance button, .inspireMe, a.backToTop, fieldset, fieldset.yourDetails img, .bookingQuote, .addtobrochure, .buttons.addtobrochure, .flightButtons,
.quoteButtons, .freeTextSearch, #mySuitcaseNavUnderstood
{
	display: none;
}
.tableWrap.priceSummary .quoteButtonsPrint
{
    float:none
}
#mySuitcaseNavHoliday ul {
	width: 100%;
	margin-bottom: 25px;
}


#mySuitcaseNavHoliday ul li.title {
	font-size: 9pt;
	font-weight: bold;
}

#mySuitcaseNavHoliday ul li {
	display: block !important;
	/*width: 300px;*/
}

.resultBoxOutline, table, fieldset.yourDetails, .tableWrap .booking .tableWrap ul.rightLinks, .tableWrap.newsItem, .resultBoxOutline.newsItem.pressRelease .tableWrap.newsItem, table.booking, .summaryWrap {
	padding: 0;
	margin: 0;
	background: #fff;
	width: 100% !important;
	display: block !important;
	float: none !important;
	position: static !important;
	overflow: visible !important;
}





/*.resultBoxOutline {
	float: none !important;
	position: static !important;
	overflow: visible !important;
}

#middleCol {
	width: 90% !important;
	display: block !important;
	float: none !important;
	position: static !important;
	overflow: visible !important;
}*/

table caption {
	display: none;
}

#mySuitcaseNavHoliday ul li span {
	padding-right: 5pt;
}



/* END : General Objects to hide while printing */ 
