* { padding: 0; margin: 0; } /*resets padding and margins*/
body { text-align: center; } /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #wrapper selector */
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}
html, body {
height: 100%;
}

#outer {
	width: 1100px;
	margin-right: auto;
	margin-left: auto;
}
#bannerLeft {
	width: 120px;
	float: left;
	height: 600px;
	margin-top: 100px;
}
#bannerRight {
	height: 600px;
	width: 120px;
	float: right;
	margin-top: 100px;
}

/* ================================================================ 
Layout of Main Elements
=================================================================== */
#header {
	width: 785px;
	float: left;
	height: 100px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 10px;
	padding-bottom: 5px;
	padding-right: 15px;
	background-image: url(backgrounds/blue_gradient_curve.gif);
}

#wrapper {
	width: 800px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	text-align: left;
}
.headerLeft {
	height: 70px;
	width: 310px;
	float:left;
	margin-top: 20px;
	padding-left: 15px;
}
.headerBanner {
	height: 70px;
	width: 200px;
	float:left;
	margin-top: 5px;
	margin-left: 25px;
	margin-right: 25px;
}
.headerRight {
	height: 25px;
	width: 190px;
	float:right;
	margin-bottom: 5px;
	text-align: right;
}
#openHours {
	height: 25px;
	float:right;
	text-align: right;
	color: #F58220;
}
.headerRightLower {
	height: 25px;
	width: 190px;
	float:right;
	margin-top: 5px;
	margin-bottom: 5px;
	text-align: right;
}
#dropdownMenuContainer {
	width: 800px;
	float: left;
	height: 36px;
	background: #FFF;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
}
#ajaxMenuContainer {
	margin-bottom: 5px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #1B75BB;
}
#leftcolumn {
	color: #333;
	background: #FFF;
	width: 220px;
	float: left;
}
#rightcolumn {
	float: right;
	width: 570px;
	display: inline;
	background-color: #FFF;
}
#singlecolumn {
	float: left;
	width: 800px;
	display: inline;
	background-color: #FFF;
}
#topCopy {
	float: right;
	width: 260px;
	height: 300px;
	overflow: visible;
}
#topImages {
	float: left;
	width: 300px;
}
#mastheadContainer {
	width: 570px;
	float: right;
}
#mastheadSquareImage {
	height: 300px;
	width: 300px;
	float: left;
}
#mastheadCopy {
	width: 250px;
	float: right;
}
.h1Container {
	margin-top: 10px;
	margin-bottom: 20px;
}
#pageContentContainer {
	width: 555px;
	margin-top: 10px;
	float: right;
	background-color: #FFF;
	padding-bottom: 3px /*Stops links being cut off in IE*/
}
#footer {
	width: 770px;
	height: 300px;
	padding-left: 15px;
	padding-right: 15px;
	background-color: #002D87;
	margin-right: -20px;
	background-repeat: repeat-x;
	clear: left;
	bottom: 0px;
	padding-top: 0px;
	color: #FFF;
	border-top-width: 1px;
	border-top-style: dotted;
	border-top-color: #1B75BB;
	background-image: url(backgrounds/blue_gradient_curve_footer.gif);
}
#footer a{
	color:#FFF;
	text-decoration:none;
}
.footerSpacer {
	height: 25px;
	width: 800px;
	float: left;
}
.footerCol {	/* styles the contents of the three cols in the footer */
	float: left;
	width: 236px;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 40px;
	padding-left: 10px;
}
.pricingFrom {
	color: #1B75BB;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: lighter;
	margin-top: 10px;
	margin-bottom: 10px;
}
.hotelInfo {
	margin-bottom: 5px;
	color: #1B75BB;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}
.pricingFrom .price {
	width: 555px;
	font-size: 14px;
	font-weight: lighter;
	letter-spacing: 2px;
}
.pricingFrom .description {
	margin-top: 10px;
	width: 555px;
}
.toggleLink {
	padding-top: 3px;
	padding-bottom: 3px;
	margin-top: 10px;
	text-align: right;
}
.propertyCountry {
	padding: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: lighter;
	margin-top: 0px;
	text-transform: uppercase;
	margin-bottom: 10px;
	color: #1B75BB;
}
.toggleTextContent {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 11px;
}
/* ================================================================ 
Typography, Links & Headings
=================================================================== */
body {
	color: #333;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 11px;
}
#mastheadContainer a:link {
	color: #333;
	text-decoration:none;
	font-weight: bold;
}
#mastheadContainer a:visited {
	color: #333;
	text-decoration:none;
	font-weight: bold;
}
#mastheadContainer a:hover {
	color: #F68A1F;
	text-decoration:none;
	font-weight: bold;
}
#mastheadContainer a:active {
	color: #1B75BB;
	text-decoration:none;
	font-weight: bold;
}
p {
	margin-bottom: 10px;
}
.boldBodyText {
	font-weight:bold;
}
h1 {
	padding: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	margin-top: 0px;
	text-transform: uppercase;
	margin-bottom: 10px;
	color: #1B75BB;
}
h1.noPadNoMarg {
	padding: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	margin: 0px;
	text-transform: uppercase;
	color: #1B75BB;
	text-align: left;
}
.likeH1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	text-transform: uppercase;
	color: #1B75BB;
	line-height: 25px;
}
.normal14pxArial {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	text-transform: uppercase;
	color: #1B75BB;
}
.bold12pxArial {
	padding: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	margin-top: 0px;
	text-transform: uppercase;
	margin-bottom: 10px;
	color: #1B75BB;
}
.lighter12pxArial {
	padding: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin-top: 0px;
	text-transform: uppercase;
	margin-bottom: 10px;
	color: #1B75BB;
}
.lighter14pxArialLowercase {
	padding: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	margin-top: 0px;
	margin-bottom: 10px;
	color: #1B75BB;
}
h2 {
	padding: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: lighter;
	margin-top: 0px;
	text-transform: uppercase;
	margin-bottom: 10px;
	color: #1B75BB;
}
h3 {
	padding: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #666666;
}
#accordion li a:hover{
	padding: 0px;
	margin: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #666666;
	text-transform: uppercase;
}
h6 {
	padding: 0px;
	margin: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #666666;
	text-transform: uppercase;
}
h7 {
	padding: 0px;
	margin: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #666666;
	text-transform: uppercase;
}
h8 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #666666;
	text-transform: uppercase;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
.linkBoxGreen {
	height: 20px;
	background-image: url(backgrounds/green_gradient_bkg.gif);
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-decoration: none;
	color: #FFFFFF;
	font-weight: bold;
	line-height: 20px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: outset;
	border-right-style: outset;
	border-bottom-style: outset;
	border-left-style: outset;
	border-top-color: #339900;
	border-right-color: #336600;
	border-bottom-color: #336600;
	border-left-color: #339900;
	background-position: bottom;
	padding-top: 3px;
	padding-right: 5px;
	padding-bottom: 3px;
	padding-left: 5px;
}
.linkBoxOrange {
	height: 20px;
	background-image: url(backgrounds/gradient_bkg.gif);
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-decoration: none;
	color: #FFFFFF;
	font-weight: bold;
	line-height: 20px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: outset;
	border-right-style: outset;
	border-bottom-style: outset;
	border-left-style: outset;
	border-top-color: #FFCC00;
	border-right-color: #FF6600;
	border-bottom-color: #FF6600;
	border-left-color: #FFCC00;
	background-position: bottom;
	padding-top: 3px;
	padding-right: 5px;
	padding-bottom: 3px;
	padding-left: 5px;
}
.alignleft {
float: left;
}
.alignright {
float: right;
}

/* ================================================================ 
Results Boxes
=================================================================== */
.resultsContainer {
	width: 555px;
	height: 150px;
	color: #333;
}
.resultsTextContainer {
	float: left;
	width: 395px;
	height: 150px;
}
.resultsLinks {
	width: 395px;
	float: left;
	line-height: 20px;
	text-align: right;
	margin-top: 5px;
	padding-top: 3px;
	padding-bottom: 3px;
}
.resultsImage {
	height: 150px;
	width: 150px;
	float: left;
	margin-right: 10px;
}
.resultsTitle {
	height: 15px;
	width: 395px;
	float: left;
	font-weight: lighter;
	margin-bottom: 5px;
	margin-top: 2px;
	text-transform: uppercase;
	letter-spacing: 1px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #1B75BB;
	text-align:left;
}
.resultsTitle a {
	text-decoration:none;
	color: #1B75BB;
}
.resultsDivider {
	margin-top: 8px;
	margin-bottom: 8px;
	height: 1px;
	text-decoration:none;
	color: #1B75BB;
	width: 555px;
	border-top-width: 1px;
	border-top-style: dashed;
	border-top-color: #1C7ABF;
}
.resultsText {
	height: 40px;
	width: 395px;
	float: left;
	margin-bottom: 10px;
}
.resultsTextB {
	height: 20px;
	width: 395px;
	float: left;
	/*border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #CCCCCC;
	border-bottom-color: #CCCCCC;*/
	line-height: 20px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	text-transform: uppercase;
	color: #1B75BB;
}
.resultsPrice {
	margin-bottom: 5px;
	margin-top: 2px;
	letter-spacing: 1px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #1B75BB;
	text-align:left;
}
.nextPrevious {
	text-align: right;
}
.resultsTextC {
	height: 20px;
	width: 395px;
	float: left;
	/*border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;*/
	line-height: 20px;
	line-height: 20px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	text-transform: uppercase;
	color: #1B75BB;
}
.resultsButtonA {
	height: 20px;
	width: 10px;
	float: right;
	/*border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;*/
	line-height: 20px;
	padding-top: 3px;
	padding-bottom: 3px;
}
.resultsPagination a:link {
	color: #333;
	font-weight: bold;
	text-decoration: none;
}
.resultsPagination a:visited {
	text-decoration: none;
}
.resultsPagination a:hover {
	text-decoration: underline;
}
.resultsPagination a:active {
	text-decoration: none;
}

/* ================================================================ 
Results PNG Mask
=================================================================== */
a.resultImageContainer {
  position: relative;
  display: block;
} 
img.mask {
  position: absolute;
  top: 0;
  left: 0;
} 

/* ================================================================ 
Tables
=================================================================== */
.pricingContainerTable {
	width: 555px;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	background-image: url(backgrounds/10%25black.gif);
	margin: 0px;
	padding: 0px;
}
.pricingContainerTable .pCTIntro {
	padding-top: 10px;
	padding-left: 10px;
}
.pricing .odd td {
	background-image: url(backgrounds/10%25black.gif);
	padding-top: 5px;
	padding-bottom: 5px;
	text-align: center;
}
.pricing .even td {
	padding-top: 5px;
	padding-bottom: 5px;
	text-align: center;
	background-color: #FFFFFF;
}
.pricing {
	width: 555px;
	margin: 0px;
	padding: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
}
.pricing .header td {
	text-align: center;
	padding-top: 5px;
	padding-bottom: 5px;
	background-color: #FFFFFF;
}
.propertyActionsTop {
	text-align: right;
	margin-bottom: 15px;
	padding-top: 3px; /*Stops links being cut off in IE*/
}
.propertyActionsBottom {
	text-align: right;
	margin-top: 15px;
	padding-bottom: 10px;
}
#pageContentContainer .rightCol {
	float: right;
	width: 230px;
	padding-bottom: 3px;/*Stops links being cut off in IE*/
	color: #333;
}
#pageContentContainer .leftCol {
	float: left;
	width: 310px;
	padding-bottom: 3px;/*Stops links being cut off in IE*/
}
.220pxBanner {
	margin-top: 20px;
}

/* ================================================================ 
Promotions & Advertising Including Popular Properties
=================================================================== */
.bannerLeft {
	margin-top: 15px;
}

.promotedPropoerty {
	float: left;
	width: 230px;
	margin-bottom: 15px;
}
.promotedPropoerty .text {
	float: left;
	width: 230px;
	margin-top: 7px;
}
.promotedPropoerty .image {
	height: 121px;
	width: 230px;
	float: left;
}
.promotedPropoerty .title {
	width: 230px;
	margin-bottom: 10px;
	float: left;
	padding-top: 5px;
	padding-bottom: 5px;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #CCC;
	border-bottom-color: #CCC;
	text-transform: uppercase;
}
.promotedPropoerty .textB {
	float: left;
	width: 115px;
	margin-top: 7px;
	font-weight: bold;
}
.promotedPropoerty .link {
	float: right;
	width: 115px;
	margin-top: 7px;
	text-align:right;
	padding-bottom: 3px;
}
#mastheadContainer #tourLargeImage {
	height: 300px;
	width: 400px;
	float: right;
	clear: none;
}
#mastheadContainer #tourSmallImageA {
	height: 145px;
	width: 160px;
	float: left;
	clear: none;
}
#mastheadContainer #tourSmallImageB {
	margin-top: 10px; 
	height: 145px;
	width: 160px;
	float: left;
	clear: none;
}
#specialOfferContainer {
	background-color: #FC6;
	border: 1px solid #960;
	padding: 5px;
	margin-bottom: 20px;
	color: #960;
	list-style-type: none;
	list-style-position: inside;
}
#specialOfferContainer a {
	color: #960;
	text-decoration:none;
}
#specialOfferContainer .details {
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #960;
	padding-bottom: 5px;
}
#specialOfferContainer .dates {
	margin-top: 5px;
}
.holidayExtraFormContainer {
	margin-bottom: 15px;
}
.summaryEvenRow {
	padding: 3px;
}

/* ================================================================ 
Holiday Picker / Promote To Homepage
=================================================================== */
.holidayPickWrapper {
	width: 570px;
	float: left;
}
.holidayPickContainer {
	height: 180px;
	width: 100px;
	float: left;
	margin: 5px;
	text-align: center;
}
.holidayPickContainer .title {
	width: 100px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #009;
	text-transform: uppercase;
}
.holidayPickContainer .image {
	height: 100px;
	width: 100px;
	margin-bottom: 5px;
}
.holidayPickContainer .subtitle {
	width: 100px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #009;
	text-transform: uppercase;
}
.holidayPickContainer .subtitle a {
	color: #1B75BB;
	text-decoration:none;
}
.holidayPickContainer .subtitle a:hover {
	color: #FCB040;
	text-decoration:none;
}
.holidayPickContainer .subtitle a:visited {
	color: #1B75BB;
	text-decoration:none;
}
.holidayPickContainer .price {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #F7911E;
}